/* Коралова смуга (.bd-band; рух — studio/band-scene.js): великий заголовок рядками виїжджає під час прокрутки,
   нижче — перший абзац великим шрифтом ліворуч і решта тексту праворуч. Сторінки «Що робимо». */
.bd-band{position:relative;background:#ef8354;color:#20221f;padding:150px 32px 120px;overflow:hidden;font-family:Onest,system-ui,sans-serif}
.bd-band .bd-k{font:500 11px/1.4 Onest,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#20221fb0;display:flex;align-items:center;gap:12px;margin:0}
.bd-band .bd-k::before{content:'';width:7px;height:7px;border-radius:50%;background:#20221f}
main .bd-band h2{font-size:clamp(56px,10vw,180px)!important;line-height:.92!important;font-weight:700!important;letter-spacing:-.055em!important;margin:30px 0 0;color:#20221f}
.bd-band h2 .bd-ln{display:block;overflow:hidden}
.bd-band h2 .bd-ln>span{display:block;transform:translateY(calc((1 - var(--q,0)) * 100%))}
.bd-band h2 .bd-ln+.bd-ln>span{transform:translateY(calc((1 - var(--q2,0)) * 100%))}
.bd-band .bd-cols{display:grid;grid-template-columns:1fr 1.2fr;gap:5vw;margin-top:70px;border-top:1px solid #20221f33;padding-top:30px}
.bd-band .bd-big{margin:0;font-size:clamp(20px,1.8vw,28px);line-height:1.3;font-weight:600;letter-spacing:-.02em}
.bd-band .bd-cols>div p{margin:0 0 14px;font-size:15px;line-height:1.65}
.bd-band .bd-cols .small-note{font-size:13px;opacity:.75}
.bd-band a{color:#20221f;text-decoration:underline}
@media(max-width:900px){.bd-band{padding:100px 20px 80px}.bd-band .bd-cols{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bd-band h2 .bd-ln>span{transform:none!important}}