/* Сцени сторінки «Чому ми» (рух — studio/about-scenes.js):
   .as-duo — текст + портрет, що відкривається знизу під час прокрутки; .as-photo — фото розкривається на весь екран, потім підпис. */
.as-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:6vw;align-items:center;padding:140px max(32px,calc((100vw - 1369px)/2));background:#eeeae4;color:#20221f;font-family:Onest,system-ui,sans-serif}
.as-k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#6b6862;display:flex;align-items:center;gap:12px;margin:0}
.as-k::before{content:'';width:7px;height:7px;border-radius:50%;background:#ef8354}
.as-duo h2{font-size:clamp(40px,4.8vw,78px);line-height:1;font-weight:600;letter-spacing:-.04em;margin:26px 0 0}
.as-duo h2 span{color:#9a958c}
.as-duo .as-lead{margin:30px 0 0;font-size:clamp(19px,1.6vw,24px);line-height:1.45;font-weight:500;letter-spacing:-.01em;max-width:30ch}
.as-duo .as-p{margin:16px 0 0;font-size:15px;line-height:1.65;color:#55524c;max-width:52ch}
.as-duo .as-note{display:flex;gap:16px;align-items:flex-start;margin-top:34px;padding-top:22px;border-top:1px solid #20221f22;font-size:15px;line-height:1.55}
.as-duo .as-note b{color:#ef8354;font-size:22px;line-height:1}
.as-duo .as-note p{margin:0}
.as-duo .as-pic{position:relative;aspect-ratio:4/5;max-height:80vh;overflow:hidden;margin:0;clip-path:inset(calc((1 - var(--pp,0)) * 100%) 0 0 0)}
.as-duo .as-pic img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.18 - var(--pp,0) * .18))}
.as-duo .as-pic figcaption{position:absolute;left:16px;bottom:14px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:none;color:#f3f0ea;padding:0;text-shadow:0 1px 8px #000a}
.as-photo{position:relative;height:190vh;background:#eeeae4;font-family:Onest,system-ui,sans-serif}
.as-photo .as-st{position:sticky;top:0;height:100svh;overflow:hidden}
.as-photo .as-im{position:absolute;inset:calc((1 - var(--pp,0)) * 14vh) calc((1 - var(--pp,0)) * 22vw);overflow:hidden;border-radius:calc((1 - var(--pp,0)) * 24px)}
.as-photo .as-im img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.15 - var(--pp,0) * .15))}
.as-photo .as-im::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#000a)}
.as-photo .as-cap{position:absolute;left:32px;right:32px;bottom:52px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;color:#fff;opacity:var(--pc,0);transform:translateY(calc((1 - var(--pc,0)) * 30px))}
.as-photo .as-cap h2{font-size:clamp(36px,4.6vw,76px);line-height:1;font-weight:600;letter-spacing:-.04em;margin:0}
.as-photo .as-cap p{font-size:16px;line-height:1.6;color:#e6e2da;max-width:48ch;margin:0}
/* бачення — маніфест по словах (studio/manifest-lit.*) з поясненням під ним */
.ml-lit .ml-after{margin:36px auto 0;max-width:62ch;font-size:15px;line-height:1.65;color:#6b6862;opacity:0;transition:opacity .5s}
.ml-lit .ml-after p{margin:0 0 12px}
.ml-lit.ml-done .ml-after{opacity:1}
.ml-lit.ml-tall{height:280vh}
.ml-lit.ml-tall h2{max-width:20ch}
/* куб без скриншотів: на грані — головна фраза по центру */
.cb-solo .cb-face{grid-template-columns:1fr}
.cb-solo .cb-face .cb-txt{justify-content:center;padding:34px 10%}
.cb-solo .cb-face h3{font-size:clamp(26px,2.6vw,42px)}
.cb-solo .cb-face .cb-d{font-size:15px;max-width:44ch}
.cb-solo .cb-links{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:900px){.as-duo{grid-template-columns:1fr;padding:90px 20px;gap:40px}.as-photo .as-im{inset:calc((1 - var(--pp,0)) * 8vh) calc((1 - var(--pp,0)) * 6vw)}.as-photo .as-cap{grid-template-columns:1fr;left:20px;right:20px}}
/* кольори тексту — як у макеті «Сцена» (перекривають about/style.css) */
main .as-duo h2{color:#20221f}main .as-duo h2 span{color:#6b6862}
main .as-duo .as-lead,main .as-duo .as-note,main .as-duo .as-note strong{color:#20221f}
main .as-duo .as-p{color:#6b6862}
main .ml-lit h2,main .ml-lit .w.on{color:#20221f}main .ml-lit .w{color:#d3cec5}main .ml-lit .w.c.on{color:#f15a24}
main .ml-lit .ml-after{color:#6b6862}main .ml-lit .ml-after b{color:#20221f}
main .cb-svc h2,main .cb-svc .cb-ctr b{color:#f3f0ea}main .cb-face h3,main .cb-face .cb-go{color:#20221f}main .cb-face .cb-d{color:#55524c}

/* принцип ONOVA — велика цитата з фото (.as-quote) */
.as-quote{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:5vw;align-items:end;padding:150px max(32px,calc((100vw - 1369px)/2));background:#f3f0ea;color:#20221f;font-family:Onest,system-ui,sans-serif}
main .as-quote blockquote{margin:0;font-size:clamp(40px,5.6vw,96px);line-height:1.02;font-weight:600;letter-spacing:-.045em;color:#20221f}
main .as-quote blockquote span{color:#f15a24}
.as-quote .as-side{border-top:1px solid #20221f33;padding-top:20px}
.as-quote .as-side p{font-size:15px;line-height:1.6;color:#55524c;margin:12px 0 0}
.as-quote figure{margin:26px 0 0}.as-quote figure img{aspect-ratio:4/3;width:100%;object-fit:cover;display:block}
.as-quote figcaption{font-size:12px;color:#7b7770;margin-top:10px}
/* фінал «Давайте познайомимось ближче» — у стилі підвалу головної (studio/footer-scene.css), праворуч — герой */
.ft-cta.ft-person{align-items:end;padding-bottom:0}
.ft-person .ft-hero{position:relative;align-self:end;justify-self:end;width:min(294px,70%);margin:0}
.ft-person .ft-hero img{width:100%;height:auto;display:block}
.ft-person .ft-go{display:inline-flex;align-items:center;gap:14px;margin-top:28px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:20px 30px;background:#f3f0ea;color:#20221f!important;border-radius:999px;transition:transform .3s}
.ft-person .ft-go:hover{transform:translateY(-2px)}
.ft-person .ft-k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffa0;display:flex;align-items:center;gap:12px;margin:0 0 26px}
.ft-person .ft-k::before{content:'';width:7px;height:7px;border-radius:50%;background:#ef8354}
@media(max-width:900px){.as-quote{grid-template-columns:1fr;padding:100px 20px}.ft-person .ft-hero{justify-self:center;width:70%}}
/* однакові підписи розділів по всій сторінці: кружечок + розріджені великі літери (як «● ЗНАЙОМСТВО») */
main :is(.eyebrow,.section-imprint,.as-k,.ml-k,.cb-k,.ft-k){font:500 11px/1.4 Onest,system-ui,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase;display:flex!important;align-items:center;gap:12px;text-shadow:none!important;margin:0}
main :is(.eyebrow,.section-imprint,.as-k,.ml-k,.cb-k,.ft-k)::before{content:'';flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#ef8354}
main .ml-k{justify-content:center}
main :is(.values,.mission,.as-duo,.as-quote,.ml-lit) :is(.eyebrow,.section-imprint,.as-k,.ml-k){color:#6b6862!important}
main :is(.hero,.cb-svc,.ft-wrap) :is(.eyebrow,.section-imprint,.cb-k,.ft-k){color:#ffffffa0!important}
main .hero .eyebrow .live-dot{display:none}
/* підвал «Сцени» не успадковує старі стилі footer з about/style.css */
.ft-wrap .ft-foot{display:block!important;border:0!important;color:inherit!important;padding:0!important;margin:0!important;grid-template-columns:none!important;max-width:none!important;width:auto!important}
/* кольори тексту всієї сторінки — як у «Сцені»: графіт замість синюватого, теплий сірий замість зеленкуватого */
:root{--ink:#20221f;--muted:#6b6862}
body{color:#20221f}
main :is(.values,.mission,.manifesto-strip) :is(h2,h3,h4){color:#20221f}
main :is(.values h2 .muted,.mission .muted,.value-number,.value-arrow,.manifesto-strip p){color:#6b6862!important}
main :is(.value-row p,.mission-bottom p,.hero-intro){color:#55524c}
main .mission-kicker span{color:#20221f;opacity:.7}
main .hero-intro{color:#d9d6cf}