/* №4 — структура a1.mod.gov.ua (мета → задача → функції → напрями → команда → долучитися → партнерство) на матеріалах DEUS */
.nav-right{text-decoration:none;color:#fff;font-family:"uaf-book";font-size:1.5rem;letter-spacing:0;text-transform:uppercase;gap:1.4rem}
.nav-right:hover{color:var(--brand-text)}
.hero-h2 em,.h2 em{font-style:normal;color:var(--brand-text)}
.num{font-family:"uaf-book";font-size:1.6rem;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:1.6rem}

/* задача: A1 task — три рамкові чіпи */
.task{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;padding-top:12rem;padding-bottom:12rem}
.task .h2{margin-bottom:3rem}
.task .lead{margin-top:0}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:0 0 4rem}
.chips span{border:2px solid var(--line2);padding:0 4.8rem;height:12rem;display:flex;align-items:center;font-family:"uaf-wide-book";text-transform:uppercase;font-size:2.8rem;letter-spacing:-.05rem}

.workflow{padding-top:4rem}
.grid.g3{grid-template-columns:repeat(3,1fr)}
.card.bordered{min-height:24rem}
.card .h3{margin-top:0}

.directions .lead{margin-top:4rem}
.mcard .h3{color:#fff}
.mcard .pic{aspect-ratio:4/3}
.mcard p a{color:#fff}

/* прототип */
.proto .split{align-items:center;grid-template-columns:1fr 1.2fr}
.pts{list-style:none;margin:3rem 0 4rem;padding:0;display:flex;flex-direction:column;gap:1.4rem;color:var(--mut);font-size:2.2rem}
.pts li{border-left:2px solid var(--brand);padding-left:2rem}
.pts b{color:#fff;font-family:"uaf-wide-semibold";font-weight:400;font-size:2.6rem;letter-spacing:-.05rem}
.btn-row.left{justify-content:flex-start}
.shots{display:grid;gap:1rem;grid-template-columns:1fr 1fr;align-self:center}
.shots img{height:auto}
.shots img{border:1px solid var(--line);width:100%}

/* команда: A1 vision-grid */
.vcard{margin:0;border:2px solid var(--line2);background:#000;display:flex;flex-direction:column}
.vcard img{width:72%;height:auto;aspect-ratio:1/1;margin:3rem auto 0;border-radius:50%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .4s;background:#111}
.vcard:hover img{filter:none}
.vcard figcaption{padding:2rem 2.2rem 2.4rem;display:flex;flex-direction:column;gap:.8rem}
.vcard b{font-family:"uaf-wide-book";font-weight:400;font-size:2rem;letter-spacing:-.04rem}
.vcard span{color:var(--mut);font-size:1.7rem;line-height:1.3}

/* долучитися: A1 positions у brut-card */
.positions{padding-left:0;padding-right:0}
.positions .brut-in{padding:6rem 3.2rem 4rem}
.roles{gap:1rem}
.role{border:1px solid var(--line);padding:2.5rem 3.2rem 3.2rem;display:flex;flex-direction:column;gap:1.6rem;min-height:26rem}
.role .h3{font-size:2.6rem;text-transform:none;font-family:"uaf-regular"}
.role p{margin:0;color:var(--mut);font-size:1.9rem;flex:1}
.role .btn{height:5.6rem;font-size:2rem;font-family:"uaf-wide-regular"}

/* партнерство: A1 колаж із трьох карток */
.collage{position:relative;height:52rem;max-width:110rem;margin:0 auto}
.have{position:absolute;left:0;top:15rem;margin:0;font-size:2.8rem}
.pcard{position:absolute;border:2px solid var(--line);background:#000;width:45.8rem;min-height:18rem;padding:2.4rem 3.2rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2.8rem;letter-spacing:-.05rem;line-height:1.15}
.pcard.n1{top:0;left:50%;transform:translateX(-30%);z-index:3}
.pcard.n2{right:0;top:18rem;z-index:2}
.pcard.n3{left:0;bottom:0;width:58rem;z-index:1}
.approach{max-width:90rem;margin:6rem auto 0}
.formats{margin-top:10rem;margin-bottom:3rem}
.partnership .grid .card{min-height:22rem;background:var(--card)}
.cta{max-width:110rem;margin:8rem auto 4rem}

@media(max-width:991px){
 .grid.g3{grid-template-columns:1fr 1fr}
 .chips span{height:10rem;padding:0 2.4rem;font-size:2.2rem}
 .collage{height:auto;display:flex;flex-direction:column;gap:1rem;max-width:none}
 .have{position:static}
 .pcard,.pcard.n1,.pcard.n2,.pcard.n3{position:relative;inset:auto;transform:none;width:auto}
 .pcard.n2{margin-left:10rem}
 .vgrid{grid-template-columns:1fr 1fr}
 .task{padding-top:8rem;padding-bottom:8rem}
}
@media(max-width:600px){
 .grid.g3,.vgrid{grid-template-columns:1fr}
 .shots{grid-template-columns:1fr}
 .chips{flex-direction:column;align-items:stretch}.chips span{justify-content:center;height:8rem;font-size:1.9rem}
 .pcard.n2{margin-left:0}.pcard{font-size:2rem;min-height:12rem}
 .role{min-height:0}
 .nav-right{display:none}
 .btn-row.left{justify-content:stretch}.btn-row.left .btn{flex:1}
 .pts b{font-size:2.2rem}
}