@font-face{font-family:Golos;font-weight:400;src:url(../../../hero/fonts/GolosText-400-cyrillic.woff2) format("woff2");font-display:swap;unicode-range:U+0400-045F,U+2116}
@font-face{font-family:Golos;font-weight:400;src:url(../../../hero/fonts/GolosText-400-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Golos;font-weight:600;src:url(../../../hero/fonts/GolosText-600-cyrillic.woff2) format("woff2");font-display:swap;unicode-range:U+0400-045F,U+2116}
@font-face{font-family:Golos;font-weight:600;src:url(../../../hero/fonts/GolosText-600-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Anticva;src:url(../../../hero/fonts/anticva-regular.otf) format("opentype");font-display:swap}
@font-face{font-family:PlexMono;src:url(../../../hero/fonts/IBMPlexMono-400-normal-cyrillic.woff2) format("woff2");font-display:swap;unicode-range:U+0400-045F}
@font-face{font-family:PlexMono;src:url(../../../hero/fonts/IBMPlexMono-400-normal-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF}
:root{--paper:#FBFAFE;--cream:#F4EFE6;--sand:#E4D8C6;--lav:#C9BCF2;--violet:#A99BF5;--violet-d:#8B7CF6;--plum:#4A3C86;--deep:#171130;--brand:#A61F45;--ink:#1B1830;--dim:#6B6580;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Golos,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
/* стеклянная навигация как в academy hero */
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:26px;padding:10px 12px 10px 18px;border-radius:999px;background:rgba(251,250,254,.72);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 10px 30px rgba(74,60,134,.10),inset 0 0 0 1px rgba(255,255,255,.7);white-space:nowrap}
.nav .logo{display:flex;align-items:center;gap:9px;font-weight:600;padding-right:14px;border-right:1px solid rgba(74,60,134,.14)}
.nav .logo img{width:28px;height:28px;display:block}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14.5px;color:var(--plum)}
.nav .pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 18px;border-radius:999px;background:var(--brand);color:#fff;font-weight:600;font-size:14px}
.nav .pill i{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-style:normal}
/* текстовый блок */
.kicker{display:flex;align-items:center;gap:10px;font:12px/1 PlexMono,ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--plum);margin:0 0 22px}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}
h1{margin:0 0 22px;font-family:Anticva,Golos,serif;font-weight:400;text-transform:uppercase;font-size:clamp(52px,6.2vw,96px);line-height:.93;letter-spacing:.005em}
h1 em{font-style:italic;text-transform:none;color:var(--violet-d);display:block;font-size:1.02em}
.sub{margin:0 0 30px;font-size:clamp(17px,1.35vw,21px);color:var(--dim);max-width:26ch}
.cta{display:flex;align-items:center;gap:22px}
.big{display:inline-flex;align-items:center;gap:12px;height:58px;padding:0 9px 0 26px;border-radius:999px;background:var(--deep);color:#fff;font-weight:600;font-size:15.5px;transition:transform .25s var(--ease)}
.big:hover{transform:translateY(-2px)}
.big i{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-style:normal}
.quiet{color:var(--dim);border-bottom:1px solid rgba(107,101,128,.35);padding-bottom:2px;font-size:15px}
.hint{position:absolute;left:0;bottom:0;font:11px/1.5 PlexMono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
/* плеер: скрытая панель */
.hall-toolbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}
[hidden]{display:none!important}
#hall-canvas,#hall-fallback{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.track{position:relative}.hero{position:sticky;top:0;height:100vh;overflow:hidden}
.next{min-height:90vh;display:grid;place-items:center;background:var(--paper);color:var(--dim);font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.next span{padding:10px 18px;border:1px dashed rgba(74,60,134,.3);border-radius:999px}
/* появление текста */
.t{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform 1s var(--ease)}
body.ready .t{opacity:1;transform:none}
body.ready .t.d1{transition-delay:.12s}body.ready .t.d2{transition-delay:.24s}body.ready .t.d3{transition-delay:.36s}
@media(max-width:900px){.nav ul{display:none}h1{font-size:clamp(40px,11vw,64px)}}