/* Варіанти тексту першого екрана: моно-капс, сірий «фоновий» текст + чорні фрази зі стрілкою ↵ і крапкою */
.hero{position:relative;min-height:100svh;overflow:hidden;background:#fff url(bg/ascii-paper.webp) center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;padding:96px clamp(16px,4vw,56px) 56px}
.hero #ascii{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;cursor:crosshair}
.t{position:relative;z-index:2;font-family:'Stolzl',system-ui,sans-serif;text-transform:uppercase;font-weight:400;pointer-events:none}
.t a,.t button{pointer-events:auto}
.dim{color:rgba(38,35,35,.28)}
.ink{color:#161616}
.dot{display:inline-block;width:.42em;height:.42em;border-radius:50%!important;background:#e5233b;vertical-align:.12em;margin-left:.35em}
.dot.k{background:#262323}
.ret{font-size:.8em;margin-left:.15em}
.meta{font-size:9px;line-height:1.25;letter-spacing:.04em;color:rgba(38,35,35,.5);max-width:240px}
.cta2{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.cta2 a{font-family:inherit;font-size:12px;letter-spacing:.06em;color:#161616;border:1px solid #161616;padding:11px 16px;background:rgba(255,255,255,.55)}
.cta2 a:hover{background:#161616;color:#fff}
.cta2 a.fill{background:#161616;color:#fff}
.cta2 a.fill:hover{background:#e5233b;border-color:#e5233b}
.logo-big{display:block;width:min(86vw,820px);height:auto;margin:0 0 18px}
.pill{display:inline-block;background:#161616;color:#fff;padding:.08em .35em}

/* Розвиток T1: ліве вирівнювання, світліший сірий, без повторів, все вміщається в один екран */
.hero.fit{height:100svh;min-height:0;padding:clamp(64px,10vh,92px) clamp(16px,4vw,56px) clamp(14px,3vh,28px);justify-content:center}
.dim2{color:rgba(38,35,35,.16)}
.L{max-width:1180px;width:100%}
.L h1{font:inherit;font-size:clamp(30px,min(7.4vw,12.5vh),104px);line-height:1.02;letter-spacing:-.045em;margin:clamp(8px,1.6vh,16px) 0 0}
.L .who{font-size:clamp(11px,1.5vh,13px);letter-spacing:.05em;margin-top:clamp(10px,2vh,20px);line-height:1.5;max-width:560px}
.L .cta2{margin-top:clamp(10px,2.2vh,20px)}
.L .meta{margin:0}
.thumbs{position:relative;z-index:2;display:flex;gap:8px;margin-top:clamp(12px,2.6vh,26px);overflow:hidden}
.thumbs img{height:clamp(56px,13vh,110px);width:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.thumbs-lab{font-family:'Stolzl',system-ui,sans-serif;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(38,35,35,.55);position:relative;z-index:2;margin-top:clamp(10px,2vh,18px)}