/* Страница кейса — в стиле живого fnmo.ai: тёмный фон, Ford Antenna, Gentona (+ Cygre для кириллицы), градиент — акцент */
@font-face{font-family:FA;src:url(/assets/font/FordAntenna-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:GT;src:url(/assets/font/Gentona-Book.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:GT;src:url(/assets/font/Gentona-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:GT;src:url(fonts/Cygre-Regular.ttf) format("truetype");font-weight:400;unicode-range:U+0400-04FF,U+2116}
@font-face{font-family:GT;src:url(fonts/Cygre-Medium.ttf) format("truetype");font-weight:500;unicode-range:U+0400-04FF,U+2116}
:root{--ease:cubic-bezier(.32,.72,0,1);--void:#05050A;--ink:#F2F2F7;--mut:#A8A8BA;--dim:#8B8BA3;--line:rgba(255,255,255,.14);--blue:#5467F6;
 --grad:linear-gradient(90deg,#5467F6,#5500F2);--dsp:FA,Arial,sans-serif;--bdy:GT,Arial,sans-serif;--mno:"JetBrains Mono",ui-monospace,monospace;
 --pad:clamp(18px,5vw,80px);--r:clamp(14px,1.5vw,22px);--fnCardBg:#0B0B14;--fnCardLine:rgba(255,255,255,.14);--fnCardInk:#F2F2F7}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--void);color:var(--ink);font:400 16px/1.55 var(--bdy);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}
.eyebrow{font-family:var(--mno);font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--grad)}
.btn{font-family:var(--mno);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:16px 26px;min-height:44px;border-radius:980px;border:1px solid rgba(255,255,255,.22);
 background:rgba(255,255,255,.04);color:#EDEDF4;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.btn.fill{border-color:transparent;background:var(--grad);color:#fff}.btn.fill:hover{filter:brightness(1.12)}.btn.quiet:hover{border-color:rgba(255,255,255,.5)}
.btn.status{border-style:dashed;border-color:rgba(255,255,255,.3);color:var(--mut);cursor:default}
.row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.meta{display:flex;flex-wrap:wrap;gap:10px 34px;margin-top:26px}
.meta dt{font-family:var(--mno);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.meta dd{font-size:15px;margin-top:5px}
.ch-top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:22px;padding:16px var(--pad);background:linear-gradient(180deg,rgba(5,5,10,.9),rgba(5,5,10,0))}
.ch-logo{display:flex;align-items:center;gap:10px;font:700 italic 18px/1 FA;letter-spacing:.02em}.ch-logo img{width:22px}
.ch-back{font-family:var(--mno);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}.ch-back:hover{color:#fff}
.ch-lang{margin-left:auto;display:flex;border:1px solid rgba(255,255,255,.2);border-radius:980px;padding:3px}
.ch-lang button{background:none;border:0;color:var(--mut);font:500 11px/1 GT;letter-spacing:.1em;padding:7px 10px;border-radius:980px;cursor:pointer}
.ch-lang button.on{background:var(--ink);color:var(--void)}
.ch-brief{padding:12px 18px}
main{max-width:1300px;margin:0 auto;padding:0 var(--pad)}
.ch-hero{padding:clamp(130px,20vh,200px) 0 clamp(40px,6vh,64px);background:radial-gradient(50% 70% at 90% 10%,rgba(85,0,242,.22),transparent 70%)}
.ch-hero h1{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(56px,11vw,176px);line-height:.86;letter-spacing:-.02em;margin-top:22px}
.ch-hero .lede{font-size:clamp(17px,1.5vw,23px);color:#CFCFDC;max-width:36ch;margin-top:24px;line-height:1.5}
.ch-media{display:flex;flex-direction:column;gap:clamp(24px,4vw,56px)}
.ch-vid{position:relative;border-radius:var(--r);overflow:hidden;background:var(--void)}
.ch-vid video{width:100%;aspect-ratio:16/9;object-fit:cover}
.ch-snd{position:absolute;right:16px;bottom:44px;height:38px;padding:0 16px;border-radius:980px;border:0;background:rgba(5,5,10,.6);backdrop-filter:blur(10px);color:#fff;
 font-family:var(--mno);font-size:10px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.ch-snd.on{background:var(--grad)}
figcaption{font-family:var(--mno);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:12px}
.ch-web{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,40px) clamp(14px,2vw,28px);align-items:end}
.ch-web .wide{grid-column:1/-1}
.ch-web img{width:100%}
.ch-web figure:last-child img{border-radius:var(--r)}
.ch-ph{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(12px,2vw,28px);align-items:end;max-width:1100px;margin:0 auto;width:100%}
.ch-ph img{width:100%;border-radius:clamp(16px,2vw,30px);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 30px 60px -28px #000}
.ch-ph figure:nth-child(even){transform:translateY(-24px)}
.ch-did{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,5vw,80px);padding:clamp(80px,12vh,140px) 0 0}
.did{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(18px,3vw,44px)}
.did li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid var(--line)}
.did i{font-family:var(--mno);font-style:normal;font-size:10px;letter-spacing:.2em;color:var(--blue);padding-top:4px}
.did b{display:block;font-weight:500;font-size:16.5px}.did span{display:block;color:var(--mut);font-size:14.5px;margin-top:3px}
.ch-next{display:flex;flex-direction:column;gap:16px;margin-top:clamp(90px,14vh,160px);padding:36px 0 44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ch-next b{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(48px,8vw,128px);line-height:.9;transition:transform .7s var(--ease)}
.ch-next:hover b{transform:translateX(18px)}
.ch-foot{display:flex;flex-wrap:wrap;gap:12px 28px;padding:32px 0 48px;color:var(--mut);font-size:14px}.ch-foot span{margin-right:auto}.ch-foot a:hover{color:#fff}
@media(max-width:800px){
 .ch-top{gap:12px;padding:12px var(--pad)}.ch-back{display:none}.ch-logo{font-size:16px}.ch-brief{padding:10px 14px;font-size:9.5px}
 .ch-hero h1{font-size:min(64px,15vw)}.ch-hero .lede{font-size:16px}
 .ch-web{grid-template-columns:1fr 1fr;gap:16px 12px}
 .ch-ph{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--pad)*-1);padding:0 var(--pad) 6px;scrollbar-width:none}
 .ch-ph figure{flex:0 0 62%;scroll-snap-align:center}.ch-ph figure:nth-child(even){transform:none}
 .ch-did{grid-template-columns:1fr;gap:14px}.did{grid-template-columns:1fr}
 .ch-snd{bottom:40px;right:10px;height:34px}
 .ch-foot span{width:100%}
}
.ch-vid{background:transparent}.ch-vid video{mix-blend-mode:lighten}
@media(max-width:800px){.ch-logo span{display:none}}
