/* ===== fonts (self-hosted, open licences, Cyrillic + Latin; no third-party requests) ===== */
@font-face{font-family:"Dela Gothic One";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/dela-gothic-one-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Dela Gothic One";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/dela-gothic-one-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik Glitch";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/rubik-glitch-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Rubik Glitch";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/rubik-glitch-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Pacifico";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/pacifico-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Pacifico";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/pacifico-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Train One";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/train-one-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Train One";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/train-one-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/jetbrains-mono-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/jetbrains-mono-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/onest-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/onest-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/onest-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/onest-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== tokens: premium concert / award show. Scarlet, gold, amber, platinum and wine on a warm black stage ===== */
:root{
  --gold:#f6c445;--turq:#e3e6ea;--lapis:#9b1b30;--crim:#ff3b30;--lime:#ff9a2e;--ivory:#f7f1e8;--k:#141012;
  --f-head:"Dela Gothic One","Arial Black","Segoe UI",system-ui,sans-serif;--hs:.74;
  --f-fx:"Rubik Glitch","Dela Gothic One",sans-serif;--f-script:"Pacifico","Segoe Script",cursive;--f-line:"Train One","Dela Gothic One",sans-serif;
  --f-body:"Onest","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --r:22px;--hh:78px;--maxw:1240px;
  --grad:linear-gradient(110deg,#9b1b30 0%,#ff3b30 38%,#ff9a2e 70%,#f6c445 100%);--gold-metal:linear-gradient(135deg,#ffe08a 0%,#f6c445 38%,#d99a2b 100%);
  --glow:0 0 18px rgba(255,59,48,.55),0 0 42px rgba(155,27,48,.35);
  color-scheme:dark;
}
:root,:root[data-theme="dark"]{
  --bg:#0b0a0c;--bg2:#171214;--card:rgba(247,241,232,.05);--card2:rgba(247,241,232,.1);
  --line:rgba(247,241,232,.13);--line2:rgba(247,241,232,.3);--bd:rgba(247,241,232,.16);--bw:1.5px;--shc:#ff3b30;--rest-sh:0 18px 40px -22px rgba(255,59,48,.6);
  --ink:#f7f1e8;--ink2:rgba(247,241,232,.86);--ink3:rgba(247,241,232,.68);
  --acc:#f6c445;--turq-t:#e3e6ea;--lapis-t:#d8dce2;--crim-t:#ff8a7f;
  --on-g:#141012;--nav:rgba(11,10,12,.88);--shadow:0 24px 70px rgba(0,0,0,.6);--field:rgba(247,241,232,.07);--dot:rgba(247,241,232,.08);
  --bgart-o:.55;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f1e8;--bg2:#ffffff;--card:#ffffff;--card2:#f1e9e0;
  --line:rgba(20,16,18,.12);--line2:rgba(20,16,18,.36);--bd:rgba(20,16,18,.14);--bw:1.5px;--shc:#9b1b30;--rest-sh:0 16px 34px -20px rgba(155,27,48,.6);
  --ink:#141012;--ink2:rgba(20,16,18,.86);--ink3:rgba(20,16,18,.72);
  --acc:#b0101f;--turq-t:#4a515c;--lapis-t:#7a4f00;--crim-t:#b3121f;
  --on-g:#141012;--nav:rgba(247,241,232,.92);--shadow:0 24px 60px -20px rgba(60,20,24,.45);--field:#ffffff;--dot:rgba(155,27,48,.14);
  --bgart-o:.45;
}
:root{--gold-t:var(--acc)}
/* night panels inside the light theme (footer, tech band) */
.dk{--bg2:#171214;--card:rgba(247,241,232,.06);--card2:rgba(247,241,232,.11);--line:rgba(247,241,232,.15);--line2:rgba(247,241,232,.34);--bd:rgba(247,241,232,.18);--bw:1.5px;--shc:#ff3b30;--rest-sh:0 18px 40px -22px rgba(255,59,48,.6);
  --ink:#f7f1e8;--ink2:rgba(247,241,232,.86);--ink3:rgba(247,241,232,.68);--acc:#f6c445;--gold-t:#f6c445;--turq-t:#e3e6ea;--lapis-t:#d8dce2;--crim-t:#ff8a7f;--field:rgba(247,241,232,.08);--shadow:0 24px 70px rgba(0,0,0,.6);
  background:#0b0a0c;color:var(--ink)}
/* bright panels: ink text on metallic gold (.t = platinum) */
.inv,.pkg.hot,.faq details[open],.ctab{--ink:#141012;--ink2:rgba(20,16,18,.9);--ink3:rgba(20,16,18,.84);--line:rgba(20,16,18,.22);--line2:rgba(20,16,18,.55);--bd:rgba(20,16,18,.3);--bw:1.5px;--shc:#141012;--rest-sh:0 0 0 0 transparent;
  --card:rgba(20,16,18,.08);--card2:rgba(20,16,18,.15);--acc:#141012;--gold-t:#141012;--turq-t:#141012;--lapis-t:#141012;--crim-t:#6e0710;--field:#ffffff;--ac:#141012;
  background:var(--panel,linear-gradient(135deg,#ffe08a 0%,#f6c445 45%,#e0a536 100%));color:#141012}
.inv.t{--panel:linear-gradient(135deg,#ffffff 0%,#e3e6ea 50%,#c3c9d1 100%)}

/* ===== reset / base ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 14px)}
body{font-family:var(--f-body);font-size:16px;line-height:1.62;background:var(--bg);color:var(--ink);overflow-x:hidden;min-height:100vh;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--dot) 1.3px,transparent 1.7px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 92%);mask-image:linear-gradient(180deg,#000,transparent 92%)}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
ul{list-style:none}
:focus-visible{outline:3px solid var(--turq);outline-offset:3px;border-radius:999px}
:root[data-theme="light"] :focus-visible{outline-color:var(--lapis)}
.inv :focus-visible,.pkg.hot :focus-visible,.ctab :focus-visible{outline-color:#141012}
::selection{background:var(--gold);color:#141012}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;inset-inline-start:12px;top:-64px;z-index:300;background:var(--gold);color:var(--on-g);padding:.6rem 1rem;border:1.5px solid rgba(20,16,18,.35);font-weight:800;transition:top .2s}
.skip:focus{top:10px}
#bgart{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:var(--bgart-o)}
main,.ft,.hd,.news{position:relative;z-index:1}
main{counter-reset:sec}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}
.no-js .rv{opacity:1!important;transform:none!important}

/* ===== typography: Anton (Latin) + Oswald (Cyrillic) condensed poster headings; Changa for Arabic headings; Chinese uses system faces. --hs scales heading sizes for scripts that are wider than condensed Latin ===== */
h1,h2,h3{font-family:var(--f-head);font-weight:400;line-height:1.1;letter-spacing:-.01em;overflow-wrap:break-word;hyphens:manual}
h1{line-height:1.04;letter-spacing:-.015em}
h4,.h4{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--acc)}
em{font-style:normal;background:linear-gradient(transparent 60%,rgba(255,59,48,.35) 60%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* neon script accent: the key word of a headline is written like a lit sign */
h1 em{display:inline-block;background:none;padding:0 .1em 0 .04em;font-family:var(--f-script);font-weight:400;font-size:1.16em;line-height:.9;letter-spacing:0;color:#ff5a4a;rotate:-5deg;text-shadow:0 0 6px rgba(255,59,48,.9),0 0 22px rgba(255,59,48,.7),0 0 46px rgba(155,27,48,.6)}
h1 em:nth-of-type(2n){color:#ffd36a;rotate:-2deg;text-shadow:0 0 6px rgba(246,196,69,.85),0 0 22px rgba(255,154,46,.5),0 0 46px rgba(255,59,48,.35)}
:root[data-theme="light"] h1 em{color:#c8102e;text-shadow:3px 3px 0 rgba(155,27,48,.28)}
:root[data-theme="light"] h1 em:nth-of-type(2n){color:#7a4f00;text-shadow:3px 3px 0 rgba(255,59,48,.25)}
.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--ink2);line-height:1.65;max-width:62ch}
.sub{color:var(--ink2);font-size:clamp(.98rem,1.3vw,1.1rem);max-width:64ch}
.fnote{font-size:.8rem;color:var(--ink3);line-height:1.5;margin-top:.9rem;max-width:70ch}
.d{color:var(--ink2);font-size:.95rem}
/* chyron label: yellow bar + black counter chip, numbered per section */
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.25;background:rgba(255,59,48,.12);color:var(--crim-t);border:1.5px solid rgba(255,59,48,.55);border-radius:999px;padding:.38rem .9rem;box-shadow:0 0 18px -6px rgba(255,59,48,.7)}
.eyebrow::after{content:"\2605";color:var(--gold);font-size:.9em;letter-spacing:0}
:root[data-theme="light"] .eyebrow:not(.live){background:#fff;box-shadow:0 8px 20px -12px rgba(255,59,48,.6)}
:root[data-theme="light"] .eyebrow::after{color:#b07d10}
/* section counter like a chart position */
.sec-h .eyebrow{counter-increment:sec}
.sec-h .eyebrow::before{content:"#" counter(sec,decimal-leading-zero);font-family:var(--f-head);font-size:.95rem;letter-spacing:0;color:var(--ink);margin-inline-end:.15rem}
.eyebrow.live{background:#141012;color:#f7f1e8;border-color:var(--crim);align-items:flex-start;gap:.6rem}
.eyebrow.live::after{display:none}
.eyebrow.live .rec{flex:none;margin-top:.28em}
.inv .eyebrow{background:rgba(20,16,18,.9);color:#f7f1e8;border-color:#141012;box-shadow:none}
.inv .eyebrow::before{color:var(--gold)}
:root[data-theme="light"] .inv .eyebrow{background:rgba(20,16,18,.9);color:#f7f1e8;box-shadow:none}
:root[data-theme="light"] .inv .eyebrow::after{color:#f6c445}
.rec{width:9px;height:9px;border-radius:50%;background:var(--crim);box-shadow:0 0 0 0 rgba(255,59,48,.6);animation:recp 1.6s infinite;display:inline-block}
@keyframes recp{0%{box-shadow:0 0 0 0 rgba(255,59,48,.55)}70%{box-shadow:0 0 0 9px rgba(255,59,48,0)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}}

/* ===== buttons: neon pills ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:.7rem 1.45rem;border-radius:999px;font-weight:800;font-size:.92rem;letter-spacing:.01em;line-height:1.2;border:1.5px solid transparent;background:var(--card2);color:var(--ink);transition:transform .16s,box-shadow .16s,background .16s,color .16s,filter .16s;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn .ic{width:19px;height:19px}
.btn-g{background:var(--gold-metal);color:#141012;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 28px -12px rgba(246,196,69,.85)}
.btn-g:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 22px rgba(246,196,69,.45),0 14px 30px -10px rgba(246,196,69,.9)}
.btn-crim{background:linear-gradient(135deg,#e3262e 0%,#b3121f 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 28px -10px rgba(255,59,48,.85)}
.btn-crim:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 24px rgba(255,59,48,.5),0 14px 30px -10px rgba(255,59,48,.9)}
.btn-crim .ic{--ac:#fff}
.btn-o{background:transparent;border-color:var(--line2);color:var(--ink)}
.btn-o:hover{border-color:var(--gold);color:var(--ink);box-shadow:0 0 18px -4px rgba(246,196,69,.6)}
:root[data-theme="light"] .btn-g{background:#141012;color:#f6c445;box-shadow:0 12px 26px -12px rgba(20,16,18,.8)}
:root[data-theme="light"] .btn-o:hover{border-color:#b3121f;box-shadow:0 10px 24px -12px rgba(179,18,31,.6)}
.btn-sm{min-height:40px;padding:.4rem 1.05rem;font-size:.82rem}
.btn[disabled]{opacity:.55;pointer-events:none}
.inv .btn,.pkg.hot .btn,.ctab .btn{background:#141012;color:#f6c445;border-color:#141012;box-shadow:0 12px 26px -12px rgba(20,16,18,.9)}
.inv .btn-o,.pkg.hot .btn-o{background:transparent;color:#141012;border-color:rgba(20,16,18,.5);box-shadow:none}
.inv .btn-o:hover{background:#141012;color:#f6c445}
.arrow-r{transition:transform .2s}
.btn:hover .arrow-r,.lnk:hover .arrow-r,.btn-l:hover .arrow-r{transform:translateX(4px)}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic .ia{fill:var(--ac,currentColor);stroke:none}
.ic .is{stroke:var(--ac,currentColor)}
.lnk{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.9rem;color:var(--acc);border-radius:999px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.lnk:hover{background:var(--gold);color:#141012;text-decoration-color:transparent}
.lnk .ic{width:17px;height:17px}

@keyframes blink{50%{opacity:.15}}

/* ===== header ===== */
.hd{position:sticky;top:0;z-index:100;background:var(--nav);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-bottom:var(--bw) solid var(--bd);transition:box-shadow .25s}
.hd::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--grad);box-shadow:0 0 14px rgba(255,59,48,.7)}
.hd.scrolled{box-shadow:0 8px 0 -4px rgba(0,0,0,.25)}
.hd-in{display:flex;align-items:center;gap:1rem;height:var(--hh);padding-top:4px}
.logo{display:flex;align-items:center;gap:.7rem;flex:none}
.logo svg{width:54px;height:54px;overflow:visible;flex:none;filter:drop-shadow(0 0 10px rgba(255,59,48,.45))}
:root[data-theme="light"] .logo svg{filter:none}
.logo-t{position:relative;display:flex;flex-direction:column;line-height:1}
.logo-n{display:flex;align-items:center;gap:.05em;font-family:var(--f-head);font-weight:400;font-size:1.72rem;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);direction:ltr;unicode-bidi:isolate}
.logo-n b{font-weight:400}
.lstar{width:.62em;height:.62em;fill:var(--gold);filter:drop-shadow(0 0 6px rgba(255,210,63,.8));animation:lst 5s ease-in-out infinite}
:root[data-theme="light"] .lstar{fill:#c8901a;filter:none}
@keyframes lst{0%,100%{rotate:0deg;scale:1}50%{rotate:72deg;scale:1.15}}
.logo-s{align-self:flex-end;margin-top:-.42rem;margin-inline-end:-.3rem;font-family:var(--f-script);font-size:1.18rem;line-height:1;color:#ff5a4a;rotate:-7deg;text-shadow:0 0 6px rgba(255,59,48,.85),0 0 18px rgba(255,59,48,.55)}
:root[data-theme="light"] .logo-s{color:#c8102e;text-shadow:none}
.nav{display:flex;align-items:center;gap:.15rem;margin-inline:auto}
.nav a{padding:.5rem .62rem;border-radius:999px;font-weight:800;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);transition:color .15s,background .15s;white-space:nowrap}
.nav a:hover{color:#141012;background:var(--turq)}
.nav a[aria-current="page"]{color:#141012;background:var(--gold)}
.nav .nav-order{display:none}
.hd-tools{display:flex;align-items:center;gap:.45rem;flex:none}
.ib{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;border:var(--bw) solid var(--bd);background:var(--card);color:var(--ink);transition:background .15s,color .15s,transform .15s}
.ib:hover{background:var(--gold);color:#141012;border-color:#141012;transform:translate(-1px,-1px)}
.ib .ic{width:20px;height:20px}
.theme .i-moon{display:none}
:root[data-theme="light"] .theme .i-sun{display:none}
:root[data-theme="light"] .theme .i-moon{display:block}
.lang{position:relative}
.lang-btn{display:flex;align-items:center;gap:.35rem;height:42px;padding:0 .7rem;border-radius:14px;border:var(--bw) solid var(--bd);background:var(--card);font-weight:800;font-size:.8rem;letter-spacing:.04em}
.lang-btn:hover{background:var(--gold);color:#141012;border-color:#141012}
.lang-btn .ic{width:18px;height:18px}
.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:178px;padding:6px;border-radius:18px;background:var(--bg2);border:2.5px solid var(--bd);box-shadow:var(--shadow);display:none;z-index:120}
:root:not([data-theme="light"]) .lang-menu{border-color:var(--line2)}
.lang-menu.open{display:block}
.lang-menu button,.lang-menu a{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .7rem;border-radius:999px;font-weight:700;font-size:.92rem;text-align:start;text-decoration:none}
.lang-menu button small{font-family:var(--f-mono);font-size:.68rem;color:var(--ink3)}
.lang-menu button:hover,.lang-menu button[aria-current="true"],.lang-menu a:hover,.lang-menu a[aria-current="page"]{background:var(--gold);color:#141012}
.lang-menu button:hover small,.lang-menu button[aria-current="true"] small{color:#141012}
.burger{display:none}
@media (max-width:1300px){.hd-cta{display:none}}
@media (max-width:1180px){
  .burger{display:grid}
  .nav{position:fixed;inset:var(--hh) 0 auto 0;margin:0;flex-direction:column;align-items:stretch;gap:3px;padding:12px 20px 20px;background:var(--bg2);border-bottom:var(--bw) solid var(--bd);box-shadow:var(--shadow);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100dvh - var(--hh));overflow:auto}
  .nav.open{transform:none;opacity:1;visibility:visible}
  .nav a{padding:.85rem 1rem;font-size:.92rem;border-radius:999px}
  .nav .nav-order{display:flex;justify-content:center;margin-top:8px;background:var(--gold);color:#141012;border:1.5px solid rgba(20,16,18,.35);box-shadow:0 10px 26px -10px var(--shc);font-weight:800}
  .nav .nav-order:hover{background:var(--gold);color:#141012}
  .hd-tools{margin-inline-start:auto}
}
@media (max-width:420px){.hd-in{gap:.5rem}.hd-tools{gap:.3rem}.logo{gap:.4rem}.logo svg{width:38px;height:38px}.logo-n{font-size:1.12rem}.logo-s{font-size:.86rem;margin-top:-.3rem}.ib,.lang-btn{height:40px}.ib{width:40px}}

/* ===== footer: dark, giant wordmark ===== */
.ft{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(40px,6vw,80px);padding:clamp(44px,6vw,72px) 0 0;border-top:var(--bw) solid var(--bd)}
.ft-bars{position:absolute;inset-inline:0;top:0;display:flex;height:8px}
.ft-bars i{flex:1}.ft-bars i:nth-child(1){background:var(--crim)}.ft-bars i:nth-child(2){background:var(--gold)}.ft-bars i:nth-child(3){background:var(--turq)}.ft-bars i:nth-child(4){background:var(--lapis)}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px)}
.ft-grid p{color:var(--ink2);font-size:.92rem;margin-top:1rem;max-width:36ch}
.ft .h4{margin-bottom:.9rem;margin-top:0}
.ft li{margin:.4rem 0}
.ft li a{color:var(--ink2);font-size:.93rem;font-weight:700}
.ft li a:hover{color:#141012;background:var(--gold);padding:.05rem .3rem;margin-inline-start:-.3rem}
.ft-call{margin-top:1.1rem!important;font-size:.85rem!important;color:var(--ink3)!important}
.ft-phone{font-family:var(--f-mono);font-weight:700;font-size:1.1rem;color:var(--gold)}
.ft-follow{margin-top:clamp(24px,4vw,40px);padding-top:24px;border-top:1px solid var(--line)}
.ft-follow .h4{margin-bottom:.8rem}
.ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink3)}
.ft-bot a{color:var(--gold);font-weight:800}
.ft .logo-n{color:var(--ink)}
.chips-row{display:flex;flex-wrap:wrap;gap:.5rem}
.chips-row a,.chips-row span{display:inline-flex;align-items:center;padding:.36rem .8rem;border-radius:999px;border:var(--bw) solid var(--bd);background:var(--card);font-size:.82rem;font-weight:800;color:var(--ink2)}
:root:not([data-theme="light"]) .chips-row a,:root:not([data-theme="light"]) .chips-row span{border-color:var(--line2)}
.chips-row a:hover{background:var(--gold);color:#141012;border-color:#141012}
@media (max-width:900px){.ft-grid{grid-template-columns:1fr 1fr}.ft-grid>div:first-child{grid-column:1/-1}}
@media (max-width:480px){.ft-grid{grid-template-columns:1fr}}

/* ===== floating bits: toast, cookie note, language hint ===== */
.toast{position:fixed;inset-inline:16px;bottom:24px;margin-inline:auto;width:max-content;max-width:min(520px,calc(100vw - 32px));z-index:260;padding:.8rem 1.2rem;border-radius:14px;background:var(--gold);color:var(--on-g);border:1.5px solid rgba(20,16,18,.35);font-weight:800;font-size:.92rem;box-shadow:0 10px 26px -10px var(--crim);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s}
.toast.on{opacity:1;transform:none}
div.note{position:fixed;inset-inline-start:16px;bottom:16px;z-index:150;max-width:min(420px,calc(100vw - 100px));display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.8rem 1rem;border-radius:18px;background:var(--bg2);border:var(--bw) solid var(--bd);box-shadow:0 10px 26px -10px var(--lapis);font-size:.82rem;color:var(--ink2);line-height:1.45}
:root:not([data-theme="light"]) div.note{border-color:var(--line2)}
.note-more{color:var(--acc);font-weight:800;text-decoration:underline;text-underline-offset:3px}
div.note button{padding:.35rem .9rem;border-radius:999px;background:var(--gold);color:#141012;border:2px solid #141012;font-weight:800;font-size:.8rem}
.lang-hint{position:fixed;inset-inline:16px;top:calc(var(--hh) + 52px);margin-inline:auto;width:max-content;max-width:calc(100vw - 32px);z-index:140;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1rem;padding:.7rem 1rem;border-radius:18px;background:var(--bg2);border:2.5px solid var(--gold);box-shadow:0 10px 26px -10px var(--gold);font-weight:700;font-size:.92rem}
.lang-hint div{display:flex;gap:.4rem}
@media (max-width:560px){div.note{inset-inline-end:84px;max-width:none}}
@media (max-width:380px){.ib,.lang-btn{height:38px}.ib{width:38px}.lang-btn{padding-inline:.45rem;gap:.25rem}.logo svg{width:34px;height:34px}.logo-n{font-size:1.04rem}}

/* ===== reveal ===== */
.rv{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
.rv.vis{opacity:1;transform:none}

/* ===== sections + decorative layers (Kandinsky backdrop, scattered service icons) ===== */
.sec{position:relative;isolation:isolate;overflow-x:clip;padding:clamp(52px,8vw,104px) 0}
.sec-h{margin-bottom:clamp(26px,4vw,48px);max-width:780px}
.sec-h h2,.ctab h2{font-size:calc(var(--hs) * clamp(2.2rem,5.2vw,4rem));margin:.9rem 0 .9rem}
.sec-h::after{content:"";display:block;width:132px;height:8px;margin-top:1.1rem;background:linear-gradient(90deg,var(--crim) 0 25%,var(--gold) 25% 50%,var(--turq) 50% 75%,var(--lapis) 75%)}
.sec-act{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:clamp(24px,3vw,38px)}
.kbg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;color:var(--ink)}
.kbg.faint{opacity:.1;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent)}
:root[data-theme="light"] .kbg.faint{opacity:.14}
.kbg svg{width:100%;height:100%}
.scat{position:absolute;inset:0;z-index:-1;pointer-events:none}
.sc{position:absolute;display:block;width:var(--s);height:var(--s);rotate:var(--r);color:var(--c)}
.sc .ic{width:100%;height:100%;stroke-width:1.3}
.sc.o{opacity:.26}
:root[data-theme="light"] .sc.o{opacity:.34}
.sc.s,.sc.q{display:grid;place-items:center;background:var(--c);color:#141012;border:1.5px solid rgba(20,16,18,.35);box-shadow:0 10px 26px -10px var(--shc)}
.sc.s{border-radius:50%}.sc.q{border-radius:18px}
.sc.s .ic,.sc.q .ic{width:58%;height:58%;stroke-width:1.8;--ac:#141012}
.sc.fl{animation:scf 8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes scf{0%,100%{translate:0 0}50%{translate:0 -14px}}
@media (max-width:1000px){.sc.s,.sc.q{display:none}.sc.o{opacity:.18}.sc.o:nth-child(n+7){display:none}}

/* ===== hero ===== */
.hero{position:relative;isolation:isolate;overflow-x:clip;padding:clamp(26px,4.5vw,64px) 0 clamp(36px,5vw,72px)}
.kbg.hk{opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 52%),linear-gradient(180deg,#000 70%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 22%,#000 52%),linear-gradient(180deg,#000 70%,transparent);mask-composite:intersect}
:root[data-theme="light"] .kbg.hk{opacity:.24}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(24px,4vw,56px)}
.hero-copy h1{font-size:calc(var(--hs) * clamp(2.9rem,5.6vw,5rem));margin:1.2rem 0 1.3rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.8rem 0 1.6rem}
.hero-proof{position:relative;max-width:58ch;padding:.9rem 1.1rem .9rem 1.3rem;border:var(--bw) solid var(--bd);border-inline-start:8px solid var(--gold);background:var(--card);font-size:.92rem;font-weight:700;color:var(--ink2);line-height:1.5;box-shadow:var(--rest-sh)}
.hero-art{position:relative;justify-self:center;width:100%;max-width:580px;--px:0;--py:0}
.hero-art svg#heroArt{width:100%;height:auto;overflow:visible}
.art-chip{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.42rem .8rem .42rem .55rem;background:var(--gold);color:#141012;border:1.5px solid rgba(20,16,18,.35);border-radius:999px;font-family:var(--f-mono);font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 26px -10px #141012;translate:calc(var(--px) * 12px) calc(var(--py) * 9px);transition:translate .25s ease-out;animation:bob 5s ease-in-out infinite}
:root:not([data-theme="light"]) .art-chip{box-shadow:0 10px 26px -10px var(--ivory)}
.art-chip .ic{width:20px;height:20px;color:#141012;--ac:#141012}
.art-chip.c1{top:4%;inset-inline-start:-2%;background:var(--turq)}
.art-chip.c2{top:15%;inset-inline-end:1%;animation-delay:-1.6s}
.art-chip.c3{bottom:5%;inset-inline-start:-1%;animation-delay:-3.1s;background:var(--crim)}
@keyframes bob{0%,100%{margin-top:0}50%{margin-top:-8px}}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-art{max-width:460px;order:-1;margin-bottom:6px}
  .art-chip.c1{inset-inline-start:0}.art-chip.c2{inset-inline-end:0}.art-chip.c3{inset-inline-start:0}
}
@media (max-width:480px){.art-chip{font-size:.6rem;padding:.32rem .6rem .32rem .4rem}.art-chip .ic{width:15px;height:15px}}

/* ===== platform band (yellow, tilted) + stats ===== */
.strip{position:relative;overflow-x:clip;padding:clamp(18px,3vw,34px) 0 clamp(14px,2vw,28px)}
@keyframes mq{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,18px);margin-top:clamp(28px,4vw,48px)}
.stat{position:relative;padding:1rem .9rem .9rem;border:var(--bw) solid var(--bd);border-top:8px solid var(--sc,var(--gold));background:var(--card);box-shadow:var(--rest-sh)}
.stat:nth-child(1){--sc:var(--crim)}.stat:nth-child(2){--sc:var(--gold)}.stat:nth-child(3){--sc:var(--turq)}.stat:nth-child(4){--sc:var(--lapis)}
.stat b{display:block;font-family:var(--f-head);font-size:calc(var(--hs) * clamp(2.6rem,5.4vw,4.2rem));font-weight:400;line-height:1;letter-spacing:.01em;color:var(--ink)}
.stat span{display:block;font-size:.8rem;font-weight:800;color:var(--ink2);margin-top:.35rem;line-height:1.35}
@media (max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ===== channel posters: TV screens with chyron lower-thirds ===== */
.posters{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.3vw,18px)}
.poster{position:relative;aspect-ratio:2/3;border-radius:18px;overflow:hidden;border:var(--bw) solid var(--bd);background:#141012;color:#f7f1e8;isolation:isolate;transition:transform .18s,box-shadow .18s;box-shadow:var(--rest-sh)}
:root:not([data-theme="light"]) .poster{border-color:var(--line2)}
.poster:hover,.poster:focus-within{transform:translate(-5px,-5px);box-shadow:9px 9px 0 var(--pa,var(--gold))}
.poster.static:hover{transform:none;box-shadow:var(--rest-sh)}
.poster-art{position:absolute;inset:0;z-index:-2}
.poster-svg{width:100%;height:100%;animation:kb 18s ease-in-out infinite alternate}
.poster-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.poster-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,16,18,.55) 0,transparent 24%,transparent 38%,rgba(20,16,18,.95) 100%)}
.poster::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);opacity:.55}
.poster::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-14deg);animation:sweep 7s ease-in-out infinite;animation-delay:var(--sd,0s)}
.poster:nth-child(2){--sd:-1.4s}.poster:nth-child(3){--sd:-2.8s}.poster:nth-child(4){--sd:-4.2s}.poster:nth-child(5){--sd:-5.6s}
@keyframes sweep{0%,55%{left:-60%}100%{left:130%}}
.poster-num,.poster-live,.poster-tc,.poster-txt{z-index:2}
.poster-num{position:absolute;top:10px;inset-inline-start:10px;font-family:var(--f-mono);font-weight:700;font-size:.68rem;letter-spacing:.1em;padding:.25rem .5rem;border-radius:999px;background:#141012;color:var(--gold);border:1px solid rgba(247,241,232,.4)}
.poster-live{position:absolute;top:10px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--f-mono);font-weight:700;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .5rem;border-radius:999px;background:#141012;color:#f7f1e8;border:1.5px solid var(--crim)}
.poster-live i{width:7px;height:7px;border-radius:50%;background:var(--crim);animation:recp 1.6s infinite}
.poster-tc{position:absolute;top:42px;inset-inline-start:12px;font-family:var(--f-mono);font-weight:700;font-size:.64rem;letter-spacing:.08em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.poster-prog{position:absolute;inset-inline:0;bottom:0;height:5px;background:rgba(247,241,232,.28);z-index:2}
.poster-prog::after{content:"";position:absolute;inset:0;background:var(--gold);transform-origin:left;animation:prog 9s linear infinite}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.poster-txt{position:absolute;inset-inline:0;bottom:5px;padding:.9rem .85rem 1rem}
.poster-handle{display:inline-block;font-family:var(--f-mono);font-weight:700;font-size:.68rem;color:#141012;background:var(--gold);padding:.18rem .5rem;border-radius:999px;letter-spacing:.02em;word-break:break-all;margin-bottom:.5rem}
.poster-handle.big{font-size:.86rem;margin-top:1rem;display:inline-block;padding:.3rem .7rem}
.poster-txt h3{font-size:calc(var(--hs) * clamp(1.1rem,1.6vw,1.45rem));line-height:1.08;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.poster-txt .d{color:rgba(247,241,232,.9);font-size:.76rem;margin:.35rem 0 0;line-height:1.4}
.poster-hit{position:absolute;inset:0;z-index:3;width:100%;height:100%;border-radius:inherit}
.poster-hit:focus-visible{outline:3px solid var(--turq);outline-offset:-5px}
@media (max-width:1000px){
  .posters{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:-20px;padding:6px 20px 22px;scrollbar-width:thin}
  .posters .poster{flex:0 0 min(64vw,270px);scroll-snap-align:center}
}

/* ===== pillar tiles: flat colour blocks ===== */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px);counter-reset:t}
.tile{--ac:var(--gold);--tc:#141012;position:relative;isolation:isolate;counter-increment:t;display:flex;flex-direction:column;padding:1.5rem 1.3rem 1.1rem;border-radius:22px;border:var(--bw) solid var(--bd);background:var(--tbg,var(--ac));color:var(--tc);overflow:hidden;transition:transform .16s,box-shadow .16s;box-shadow:var(--rest-sh)}
:root:not([data-theme="light"]) .tile{border-color:transparent}
.tile--crim{--ac:#f6c445;--tbg:linear-gradient(150deg,#e3262e,#b3121f);--tc:#fff}.tile--lapis{--ac:#f6c445;--tbg:linear-gradient(150deg,#2e272b,#1a1517);--tc:#f7f1e8}.tile--gold{--ac:#f6c445;--tbg:linear-gradient(150deg,#ffe08a,#f6c445 55%,#e0a536)}.tile--teal{--ac:#e3e6ea;--tbg:linear-gradient(150deg,#ffffff,#e3e6ea 55%,#c9ced6)}
.tile:hover{transform:translate(-4px,-4px);box-shadow:0 10px 26px -10px var(--shc)}
.tile::after{content:counter(t,decimal-leading-zero);position:absolute;top:1rem;inset-inline-end:1.1rem;font-family:var(--f-head);font-weight:400;font-size:1.45rem;letter-spacing:.04em}
.tile .deco{position:absolute;z-index:-1;inset-inline-end:-40px;bottom:-38px;width:170px;height:170px;color:var(--tc);opacity:.24;pointer-events:none;transition:transform .5s,opacity .3s}
.tile:hover .deco{transform:rotate(12deg) scale(1.06);opacity:.4}
.tile-ic{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#141012;color:#f7f1e8;border:2px solid #141012;margin-bottom:1.1rem;box-shadow:4px 4px 0 rgba(20,16,18,.35)}
.tile-ic .ic{width:28px;height:28px}
.tile h3{font-size:calc(var(--hs) * 1.55rem);margin-bottom:.55rem}
.tile .d{margin-bottom:1rem;color:inherit;opacity:.92}
.ticks{display:grid;gap:.5rem;margin:.2rem 0 1rem}
.ticks li{position:relative;padding-inline-start:1.4rem;font-size:.9rem;color:var(--ink2);line-height:1.45}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.4em;width:.7rem;height:.7rem;background:var(--ac,var(--gold))}
.tile .ticks li{color:inherit;font-weight:600}
.tile .ticks li::before{background:currentColor}
.ticks a{color:var(--acc);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.tile-act{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:1rem;border-top:2px solid color-mix(in srgb,var(--tc) 45%,transparent)}
.btn-t,.btn-l{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;font-size:.84rem;border-radius:999px}
.btn-t{color:inherit}.btn-t:hover{text-decoration:underline;text-underline-offset:3px}
.btn-t .ic{width:16px;height:16px}
.btn-l{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.btn-l .ic{width:17px;height:17px}
@media (max-width:1000px){.pillars{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.pillars{grid-template-columns:1fr}}

/* ===== songs band ===== */
.songs-band{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(22px,4vw,52px);border-radius:26px;border:1.5px solid rgba(20,16,18,.35);box-shadow:0 10px 26px -10px var(--crim)}
.kbg.sbk{opacity:.2;color:#141012;filter:grayscale(1);mix-blend-mode:multiply;-webkit-mask-image:none;mask-image:none}
.sb-art{display:grid;place-items:center}
.vinyl-art{width:min(100%,340px);height:auto;filter:drop-shadow(8px 8px 0 rgba(20,16,18,.3))}
.sb-txt h2{font-size:calc(var(--hs) * clamp(2.1rem,4.8vw,3.6rem));margin:.9rem 0 .9rem}
.occ{margin:1.2rem 0 .4rem}
.occ span{border-color:#141012!important;color:#141012!important;background:rgba(255,255,255,.4)!important}
.occ-row{margin-top:2rem}
@media (max-width:820px){.songs-band{grid-template-columns:1fr;text-align:start}.vinyl-art{max-width:240px}}

/* ===== process + packages ===== */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px)}
.step{position:relative;padding:1.2rem 1.2rem 1.3rem;border:var(--bw) solid var(--bd);border-top:10px solid var(--sc,var(--gold));border-radius:18px;background:var(--card);box-shadow:var(--rest-sh)}
.step:nth-child(1){--sc:var(--crim)}.step:nth-child(2){--sc:var(--gold)}.step:nth-child(3){--sc:var(--turq)}.step:nth-child(4){--sc:var(--lapis)}
.step-n{display:block;font-family:var(--f-head);font-weight:400;font-size:4.6rem;line-height:1;color:var(--sc);text-shadow:3px 3px 0 var(--ink);margin-bottom:.8rem;direction:ltr;text-align:start}
.step h3{font-size:calc(var(--hs) * 1.4rem);margin-bottom:.45rem}
.step p{color:var(--ink2);font-size:.92rem}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px);align-items:stretch}
.pkg{position:relative;display:flex;flex-direction:column;padding:1.6rem 1.4rem;border:var(--bw) solid var(--bd);border-radius:22px;background:var(--card);box-shadow:var(--rest-sh)}
.pkg.hot{box-shadow:0 10px 26px -10px var(--crim)}
.pkg.hot::after{content:"★";position:absolute;top:-20px;inset-inline-end:-14px;width:58px;height:58px;display:grid;place-items:center;background:var(--crim);color:#141012;font-size:1.5rem;rotate:12deg;clip-path:polygon(50% 0,61% 18%,80% 8%,80% 30%,100% 36%,87% 54%,100% 72%,80% 78%,78% 100%,58% 88%,40% 100%,32% 80%,10% 84%,16% 62%,0 48%,18% 36%,16% 12%,38% 20%)}
.pkg h3{font-size:calc(var(--hs) * 1.6rem);margin-bottom:.5rem}
.pkg .d{margin-bottom:1rem}
.pkg .ticks{margin-bottom:1.4rem}
.pkg .ticks li::before{background:var(--gold)}
.pkg.hot .ticks li::before{background:#141012}
.pkg .btn{margin-top:auto;align-self:flex-start}
@media (max-width:900px){.pkgs{grid-template-columns:1fr}}

/* ===== tech band: terminal panel ===== */
.band{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,4vw,52px);border-radius:26px;border:2.5px solid var(--lapis);box-shadow:0 10px 26px -10px var(--lapis)}
.band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px)}
.kbg.bk{opacity:.12;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000)}
.kbg.ftk{opacity:.17;color:#f7f1e8;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 92%);mask-image:linear-gradient(180deg,#000 30%,transparent 92%)}
.band .sec-h{margin-bottom:1.6rem}
.band .sec-h h2::before{content:">_ ";color:var(--turq);font-family:var(--f-mono);font-weight:700;direction:ltr;unicode-bidi:isolate}
.band .sgrid{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.band .sgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.band .sgrid{grid-template-columns:1fr}}

/* ===== wiki block + faq ===== */
.wikib{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(22px,4vw,48px);border-radius:26px;border:1.5px solid rgba(20,16,18,.35);box-shadow:0 10px 26px -10px var(--gold)}
.wikib>*{min-width:0}
.wikib h2{font-size:calc(var(--hs) * clamp(2rem,4.2vw,3.2rem));margin:.8rem 0 .7rem}
.wsearch{display:flex;align-items:center;gap:.5rem;padding:.3rem .3rem .3rem 1rem;border:var(--bw) solid var(--bd);border-radius:14px;background:var(--field)}
:root:not([data-theme="light"]) .wsearch{border-color:var(--line2)}
.wsearch:focus-within{border-color:var(--lapis);box-shadow:0 10px 26px -10px var(--lapis)}
.wsearch>.ic{width:20px;height:20px;color:var(--ink3)}
.wsearch input{flex:1;min-width:0;height:44px;background:transparent;border:0;outline:0;color:var(--ink)}
.wsearch .btn{flex:none;min-height:44px;padding-inline:1.2rem;box-shadow:none}
.wikib .wsearch{background:#fff;border-color:#141012;color:#141012;--ink:#141012;--ink3:rgba(20,16,18,.7)}
.wbig{max-width:640px;margin-bottom:1.2rem}
.wchips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
.wchip{display:inline-flex;align-items:center;padding:.38rem .85rem;border-radius:999px;border:var(--bw) solid var(--bd);background:var(--card);font-size:.8rem;font-weight:800;color:var(--ink2);transition:background .15s,color .15s;text-align:start}
:root:not([data-theme="light"]) .wchip{border-color:var(--line2)}
.wchip:hover{background:var(--gold);color:#141012;border-color:#141012}
button.wchip.on{background:var(--gold);color:#141012;border-color:#141012}
.wikib .wchip{background:rgba(255,255,255,.45)}
.wikib .wchip:hover{background:#141012;color:var(--turq)}
@media (max-width:820px){.wikib{grid-template-columns:1fr}}
.faq{display:grid;gap:.8rem;max-width:920px}
.faq details{border:var(--bw) solid var(--bd);border-inline-start:10px solid var(--sc,var(--gold));border-radius:14px;background:var(--card);overflow:hidden;box-shadow:var(--rest-sh)}
.faq details:nth-child(4n+1){--sc:var(--crim)}.faq details:nth-child(4n+2){--sc:var(--gold)}.faq details:nth-child(4n+3){--sc:var(--turq)}.faq details:nth-child(4n){--sc:var(--lapis)}
.faq details[open]{box-shadow:0 10px 26px -10px var(--sc)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1rem 1.2rem;font-family:var(--f-head);font-weight:400;font-size:1.3rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.15}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;background:var(--gold);color:#141012;font-family:var(--f-mono);font-weight:700;font-size:1.3rem;line-height:1;border-radius:999px;transition:rotate .2s}
.faq details[open] summary::after{rotate:45deg;background:#141012;color:var(--gold)}
.faq details p{padding:0 1.2rem 1.2rem;color:var(--ink2);max-width:70ch;font-weight:500}

/* ===== order form + contacts ===== */
.order-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(18px,3vw,36px);align-items:start}
.form{padding:clamp(18px,3vw,34px);border:var(--bw) solid var(--bd);border-radius:26px;background:var(--card);position:relative;box-shadow:0 10px 26px -10px var(--gold)}
:root:not([data-theme="light"]) .form{border-color:var(--line2)}
.otabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.3rem}
.otab{flex:1 1 auto;padding:.65rem 1rem;border:var(--bw) solid var(--bd);border-radius:999px;font-weight:800;font-size:.84rem;color:var(--ink2);background:var(--card);transition:background .15s,color .15s;white-space:nowrap}
:root:not([data-theme="light"]) .otab{border-color:var(--line2)}
.otab:hover{color:var(--ink);background:var(--card2)}
.otab[aria-selected="true"]{background:var(--gold);color:#141012;border-color:#141012;box-shadow:0 10px 26px -10px var(--shc)}
.otab.song[aria-selected="true"]{background:var(--crim);color:#141012}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{margin-bottom:1rem;position:relative}
.field label,.field .lbl{display:block;font-family:var(--f-mono);font-weight:700;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;color:var(--ink2)}
.fc{width:100%;min-height:50px;padding:.7rem 1rem;border-radius:999px;border:var(--bw) solid var(--bd);background:var(--field);outline:0;transition:border-color .15s,box-shadow .15s}
:root:not([data-theme="light"]) .fc{border-color:var(--line2)}
.fc:focus{border-color:var(--lapis);box-shadow:0 10px 26px -10px var(--lapis)}
:root:not([data-theme="light"]) .fc:focus{border-color:var(--gold);box-shadow:0 10px 26px -10px var(--gold)}
textarea.fc{min-height:130px;resize:vertical}
select.fc{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 22px) 55%,calc(100% - 16px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-inline-end:2.4rem}
select.fc option{background:var(--bg2);color:var(--ink)}
.fc::placeholder{color:var(--ink3)}
.pick-btn{display:flex;align-items:center;justify-content:space-between;text-align:start;font-weight:700}
.pick-btn .ic{width:18px;height:18px;transition:rotate .2s}
.pick-btn[aria-expanded="true"] .ic{rotate:180deg}
.pick-panel{display:none;position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:30;max-height:340px;overflow:auto;padding:.6rem;border-radius:14px;background:var(--bg2);border:2.5px solid var(--bd);box-shadow:var(--shadow)}
:root:not([data-theme="light"]) .pick-panel{border-color:var(--line2)}
.pick-panel.open{display:block}
.pick-grp{margin:.7rem .5rem .3rem;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.pick-grp:first-child{margin-top:.2rem}
.pick-panel label{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;margin:0;color:var(--ink);text-transform:none;letter-spacing:0;font-family:var(--f-body)}
.pick-panel label:hover{background:var(--card2)}
.pick-panel input{width:18px;height:18px;accent-color:#f6c445;flex:none}
.chk{display:flex;align-items:flex-start;gap:.7rem;font-size:.84rem;color:var(--ink2);line-height:1.5;cursor:pointer;margin:.4rem 0 .2rem}
.chk input{width:20px;height:20px;margin-top:.1rem;flex:none;accent-color:#f6c445}
.chk a{color:var(--acc);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.ferr{min-height:0;font-size:.8rem;font-weight:800;color:var(--crim-t);margin-top:.3rem;display:none}
.ferr.on{display:block}
.hp{position:absolute!important;inset-inline-start:0;top:0;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}
.fglobal{margin:.8rem 0;font-size:.88rem;font-weight:800;color:var(--crim-t);min-height:1.2em}
.fglobal.ok{color:var(--turq-t)}
.fok{display:none;text-align:center;padding:2.2rem 1rem}
.fok.on{display:block}
.fok .ic{width:56px;height:56px;color:var(--turq-t);margin:0 auto 1rem}
.fok p{font-family:var(--f-head);font-size:1.8rem;font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;max-width:26ch;margin-inline:auto}
.contacts{--ink:#fff;--ink2:rgba(255,255,255,.94);--ink3:rgba(255,255,255,.96);--line:rgba(255,255,255,.4);--line2:rgba(255,255,255,.75);--card:rgba(255,255,255,.14);--card2:rgba(255,255,255,.24);--acc:#fff;--gold-t:#fff;
  position:sticky;top:calc(var(--hh) + 24px);display:grid;gap:.9rem;padding:clamp(16px,2.5vw,28px);border-radius:26px;border:1.5px solid rgba(20,16,18,.35);background:#b3121f;color:#fff;box-shadow:0 10px 26px -10px var(--crim)}
.cfast{font-family:var(--f-head);font-weight:400;font-size:1.55rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}
.cbtn{display:flex;align-items:center;gap:.9rem;width:100%;padding:.75rem .9rem;border-radius:14px;border:1.5px solid rgba(20,16,18,.35);background:var(--ivory);color:#141012;text-align:start;box-shadow:0 10px 26px -10px #141012;transition:transform .14s,box-shadow .14s}
.cbtn:hover{transform:translate(-2px,-2px);box-shadow:0 10px 26px -10px #141012;background:var(--gold)}
.cbtn b{display:block;font-weight:800;font-size:1rem;line-height:1.2}
.cbtn small{display:block;font-size:.8rem;color:rgba(20,16,18,.76);margin-top:2px;font-family:var(--f-mono);font-weight:700}
.cbtn small[data-i18n]{font-family:var(--f-body)}
.card-ic{--ac:var(--gold);width:46px;height:46px;border-radius:18px;display:grid;place-items:center;flex:none;color:#f7f1e8;background:#141012;border:2px solid var(--ac)}
.card-ic .ic{width:24px;height:24px}
.contacts .chips-row a{background:transparent;border-color:#fff;color:#fff}
.contacts .chips-row a:hover{background:var(--gold);color:#141012;border-color:#141012}
.socials{margin-top:.4rem}
@media (max-width:900px){.order-grid{grid-template-columns:1fr}.contacts{position:static}}
@media (max-width:560px){.frow{grid-template-columns:1fr;gap:0}.otab{padding:.55rem .7rem;font-size:.8rem;white-space:normal}}

/* ===== film-strip ticker, music-staff ticker, diagonal credits, skyline, rubber stamp ===== */

/* --- shared wave engine hooks (assets/site.js: 50-wave.js). Without JS they fall back to a plain marquee. --- */
.wv{direction:ltr}
.wv-track{display:flex;width:max-content;align-items:center;will-change:transform}
.wv-track ul{display:flex;flex:none}
.wv:not(.on) .wv-track{animation:mq 80s linear infinite}
.wv li{unicode-bidi:plaintext}

/* --- 1. wavy film strip under the header --- */
.news{display:flex;align-items:stretch;background:#141012;color:#f7f1e8;border-bottom:3px solid var(--crim);overflow:hidden}
.news-tag{display:flex;align-items:center;gap:.55rem;flex:none;padding:0 1.9rem 0 1rem;background:var(--crim);color:#141012;position:relative;z-index:3;font-family:var(--f-mono);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;line-height:1;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.news-tag .rec{background:#141012;box-shadow:none;animation:blink 1.2s steps(2,start) infinite}
.news-win{flex:1;min-width:0;height:68px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 46px,#000 calc(100% - 46px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 46px,#000 calc(100% - 46px),transparent 100%)}
.news-win .wv-track{height:100%}
.fr{position:relative;display:flex;align-items:center;gap:.7rem;height:48px;padding:0 1.8rem;margin-inline-end:-1px;flex:none;white-space:nowrap;background:linear-gradient(180deg,#221a1c,#140f11);border-inline:1px solid rgba(247,241,232,.22);font-family:var(--f-head);font-size:1.15rem;letter-spacing:.06em;line-height:1;text-transform:uppercase;will-change:transform}
.fr::before,.fr::after{content:"";position:absolute;inset-inline:0;height:6px;background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(247,241,232,.55) 5px 11px,transparent 11px 17px)}
.fr::before{top:4px}.fr::after{bottom:4px}
.fr span{padding-top:2px}
.fr-n{font-family:var(--f-mono);font-weight:700;font-size:.58rem;letter-spacing:.1em;color:var(--gold);padding-top:2px}
.fr.f1 .fr-n{color:var(--turq)}.fr.f2 .fr-n{color:#d8dce2}.fr.f3 .fr-n{color:#ff8a7f}

/* --- 2. flowing music staff (platform names are the "lyrics") --- */
.staff{position:relative;height:136px;overflow:hidden;color:var(--ink);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.st-lines{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.st-lines path{fill:none;stroke:currentColor;stroke-width:1.7;opacity:.62}
.st-lines path:nth-child(3){stroke:var(--gold);opacity:1;stroke-width:2.2}
.staff .wv-track{position:absolute;left:0;top:0;height:136px;align-items:flex-start}
.nt{position:relative;flex:none;height:136px;padding:0 1.9rem;display:flex;align-items:flex-start;justify-content:center;will-change:transform}
.nt-s{position:absolute;top:0;left:50%;width:44px;height:136px;margin-left:-22px;overflow:visible}
.nt-s .h{fill:var(--c);stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.nt-s .stm{stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.nt-s .fg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.nt-w{position:relative;margin-top:88px;font-family:var(--f-head);font-size:1.7rem;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}
.nt.c0{--c:var(--gold)}.nt.c1{--c:var(--turq)}.nt.c2{--c:var(--crim)}.nt.c3{--c:var(--lapis)}
.staff-wrap{position:relative;z-index:2;margin-block:clamp(6px,1.4vw,18px)}
.strip .staff-wrap{margin-bottom:clamp(8px,1.6vw,22px)}

/* --- 3. diagonal film credits: huge outlined name on top, small credit lines below --- */
.cred{position:absolute;z-index:-1;pointer-events:none;user-select:none;white-space:nowrap;rotate:-7deg;transform-origin:0 100%}
.cred b{display:block;font-family:var(--f-head);font-weight:400;font-size:clamp(4.5rem,15vw,14rem);line-height:.9;letter-spacing:-.01em;color:transparent;-webkit-text-stroke:2px rgba(247,241,232,.2);text-transform:uppercase}
:root[data-theme="light"] .cred b{-webkit-text-stroke-color:rgba(20,16,18,.2)}
.cred-2{display:flex;align-items:center;gap:.8rem;margin-top:1rem;font-family:var(--f-mono);font-weight:700;font-size:clamp(.66rem,1.2vw,1rem);line-height:1;letter-spacing:.5em;text-transform:uppercase;color:var(--ink);opacity:.5}
.cred-2 i{font-style:normal;background:var(--gold);color:#141012;padding:.28em .55em;letter-spacing:.12em}
.cred-3{display:flex;gap:1.1rem;margin-top:.7rem;font-family:var(--f-mono);font-weight:700;font-size:clamp(.58rem,.9vw,.78rem);line-height:1;letter-spacing:.55em;text-transform:uppercase;color:var(--ink);opacity:.34}
.cred-3 span+span::before{content:"/";margin-inline-end:1.1rem;color:var(--crim)}
.hero .cred{left:1%;bottom:-3%}
.hero .cred b{-webkit-text-stroke-color:rgba(247,241,232,.11)}
:root[data-theme="light"] .hero .cred b{-webkit-text-stroke-color:rgba(20,16,18,.12)}
.hero .cred-2{opacity:.55}.hero .cred-3{opacity:.4}
.ft{position:relative}
/* footer signature: wavy outlined REGISTAN, light translucent STUDIO riding over its lower third, and a big translucent film strip behind */
.ft-cred{position:relative;overflow:hidden;height:clamp(300px,38vw,580px);margin-top:clamp(18px,3vw,40px)}
.wl{backface-visibility:hidden}
.cb-1,.cb-2,.cred-2 i{direction:ltr;unicode-bidi:isolate}
.cb{position:absolute;z-index:1;left:2%;bottom:1%;rotate:-3.4deg;transform-origin:0 100%;white-space:nowrap;pointer-events:none;user-select:none;font-family:var(--f-head);font-size:clamp(4rem,15.5vw,15rem);font-weight:400;text-transform:uppercase;letter-spacing:-.01em}
.cb-1,.cb-2{display:block;line-height:.84}
.cb-1{display:flex;align-items:center;color:transparent;-webkit-text-stroke:2px rgba(247,241,232,.3)}
.cb-2{margin-top:-.55em;margin-inline-start:2.1em;font-family:var(--f-script);text-transform:none;font-size:.86em;line-height:1;rotate:-8deg;color:rgba(255,90,74,.9);-webkit-text-stroke:0;text-shadow:0 0 14px rgba(255,59,48,.85),0 0 46px rgba(155,27,48,.7)}
.cb-star{display:inline-flex;vertical-align:middle;margin-inline:.02em}.cb-star .lstar{width:.7em;height:.7em;fill:none;stroke:rgba(255,210,63,.6);stroke-width:.6;filter:none;animation:none}
.cb .wl{animation:none}
.cb-lines{position:absolute;left:.04em;bottom:.02em;font-size:1rem}
.cb .cred-2,.cb .cred-3{color:#f7f1e8;margin-inline:0}
.cb .cred-2{opacity:.62;font-size:clamp(.62rem,1.1vw,.95rem)}
.cb .cred-3{opacity:.45}
.ft-film{position:absolute;z-index:0;left:-4%;right:-4%;top:6%;height:56%;rotate:-3.4deg;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
.ft-film .wv-track{height:100%}
.fr.big{flex-direction:column;justify-content:center;gap:0;width:clamp(150px,16vw,240px);height:clamp(112px,13.4vw,200px);padding:0;margin-inline-end:0;background:rgba(247,241,232,.05);border-inline:2px solid rgba(247,241,232,.22);--ac:var(--gold);color:#f7f1e8}
.fr.big.f1{--ac:var(--turq)}.fr.big.f2{--ac:#d8dce2}.fr.big.f3{--ac:#ff8a7f}
.fr.big::before,.fr.big::after{height:clamp(8px,1.1vw,16px);background:repeating-linear-gradient(90deg,transparent 0 .55vw,rgba(247,241,232,.26) .55vw 1.5vw,transparent 1.5vw 2.3vw)}
.fr.big::before{top:clamp(7px,.9vw,13px)}.fr.big::after{bottom:clamp(7px,.9vw,13px)}
.fr.big .ic{width:clamp(44px,5.4vw,84px);height:clamp(44px,5.4vw,84px);stroke-width:1.1;opacity:.42}
.fr.big .fr-n{position:absolute;inset-inline-start:10px;bottom:clamp(22px,2.6vw,36px);font-size:.62rem;opacity:.7}

/* --- 4. skyline of iwans, domes and minarets --- */
.sky{position:absolute;left:0;right:0;bottom:0;height:min(30vw,300px);z-index:-1;pointer-events:none;overflow:hidden;color:var(--ink);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 60%);mask-image:linear-gradient(180deg,transparent 0,#000 60%)}
.sky svg{width:100%;height:100%;opacity:.2}
:root[data-theme="light"] .sky svg{opacity:.3}
.ft .sky{z-index:0;color:#f7f1e8;opacity:.7}
.ft .sky svg{opacity:.16}
.phero .sky{height:min(22vw,200px)}
:root[data-theme="light"] .phero .sky svg{opacity:.22}

/* --- 5. rubber stamp --- */
.stamp{width:156px;height:156px;rotate:-14deg;pointer-events:none;opacity:.95}
.hero-art .stamp{position:absolute;inset-inline-end:-9%;top:-13%;z-index:3;rotate:12deg}
.stamp.fl{position:absolute;inset-inline-end:3%;top:10%;z-index:0;opacity:.8}
@media (max-width:900px){.hero-art .stamp{width:96px;height:96px;inset-inline-start:auto;inset-inline-end:2%;top:-5%}}

/* --- reduced motion: freeze the marquee fallback (the wave engine draws one still frame) --- */
@media (prefers-reduced-motion:reduce){.wv:not(.on) .wv-track{animation:none}}
@media (max-width:700px){.ft-cred{height:clamp(280px,70vw,420px)}.news-win{height:62px}.fr{height:44px;font-size:1.02rem;padding:0 1.4rem}.nt-w{font-size:1.45rem}}

/* ===== service cards (hit-chart numbering) ===== */
.sgrid{counter-reset:c;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:clamp(14px,1.8vw,24px)}
.card{--ac:var(--gold);position:relative;counter-increment:c;display:flex;flex-direction:column;gap:.6rem;padding:1.3rem 1.2rem 1rem;border-radius:18px;border:var(--bw) solid var(--bd);border-top:8px solid var(--ac);background:var(--card);box-shadow:var(--rest-sh);transition:transform .16s,box-shadow .16s;scroll-margin-top:calc(var(--hh) + 20px)}
.card::after{content:counter(c,decimal-leading-zero);position:absolute;top:1rem;inset-inline-end:1rem;font-family:var(--f-mono);font-weight:700;font-size:.74rem;letter-spacing:.1em;color:var(--ink3)}
.card:hover{transform:translate(-4px,-4px);box-shadow:0 10px 26px -10px var(--ac)}
.card:target{outline:3px solid var(--gold);outline-offset:4px}
.card h3{font-size:calc(var(--hs) * 1.4rem);margin-top:.4rem;line-height:1.1}
.card .ticks{margin:.3rem 0 .6rem}
.card .ticks li::before{background:var(--ac)}
.card-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.9rem;border-top:var(--bw) solid var(--line2)}
.add{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;border:var(--bw) solid var(--bd);background:var(--card);font-weight:800;font-size:.8rem;color:var(--ink);transition:background .15s,color .15s}
:root:not([data-theme="light"]) .add{border-color:var(--line2)}
.add .ic{width:16px;height:16px}
.add:hover{background:var(--gold);color:#141012;border-color:#141012}
.add.on{background:var(--turq);border-color:#141012;color:#141012}
.sgrid.route{display:flex;flex-wrap:wrap;justify-content:center}
.sgrid.route .card{flex:0 1 calc(33.333% - 16px);min-width:0;padding:1.6rem 1.5rem 1.2rem}
.sgrid.route.n4 .card{flex-basis:calc(50% - 12px)}
@media (max-width:900px){.sgrid.route .card,.sgrid.route.n4 .card{flex-basis:calc(50% - 12px)}}
@media (max-width:620px){.sgrid.route .card,.sgrid.route.n4 .card{flex-basis:100%}}

/* ===== dialog ===== */
.dlg{margin:auto;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:2.5px solid var(--bd);border-radius:22px;background:var(--bg2);color:var(--ink);box-shadow:10px 10px 0 var(--ac,var(--gold));overflow:hidden}
:root:not([data-theme="light"]) .dlg{border-color:var(--line2)}
.dlg[open]{animation:pop .22s ease}
.dlg::backdrop{background:rgba(5,5,8,.74);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.dlg-in{position:relative;max-height:calc(100dvh - 24px);overflow:auto;padding:clamp(20px,4vw,34px);border-top:10px solid var(--ac,var(--gold))}
.dlg-x{position:absolute;top:18px;inset-inline-end:14px;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;border:var(--bw) solid var(--bd);background:var(--card);z-index:2}
.dlg-x:hover{background:var(--gold);color:#141012;border-color:#141012}
.dlg-x .ic{width:20px;height:20px}
.dlg-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:1rem;color:#f7f1e8;background:#141012;border:2px solid var(--ac,var(--gold))}
.dlg-ic .ic{width:30px;height:30px}
.dlg h3{font-size:calc(var(--hs) * clamp(1.7rem,3.6vw,2.3rem));margin-bottom:.6rem;padding-inline-end:48px}
.dlg-d{color:var(--ink2);margin-bottom:1.1rem;max-width:56ch}
.dlg h4{margin:1.2rem 0 .6rem}
.dlg-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.4rem;padding-top:1.1rem;border-top:var(--bw) solid var(--line2)}
.dlg-foot .grow{margin-inline-end:auto}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

/* ===== series covers + instagram feed ===== */
.covers{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:.2rem 0 .4rem}
.cover{margin:0}
.cover-art{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;border:var(--bw) solid var(--bd);transition:transform .16s,box-shadow .16s}
:root:not([data-theme="light"]) .cover-art{border-color:var(--line2)}
.cover:hover .cover-art{transform:translate(-3px,-3px);box-shadow:0 10px 26px -10px var(--gold)}
.cover-svg,.cover-img{width:100%;height:100%;object-fit:cover}
.cover-n{position:absolute;top:0;inset-inline-start:0;z-index:2;padding:.15rem .4rem;background:#141012;color:var(--gold);font-family:var(--f-mono);font-weight:700;font-size:.62rem;letter-spacing:.08em}
.cover figcaption{margin-top:.5rem;font-size:.74rem;font-weight:800;line-height:1.3;color:var(--ink2);text-align:center}
.dlg .covers{grid-template-columns:repeat(4,1fr)}
@media (max-width:520px){.covers,.dlg .covers{grid-template-columns:repeat(2,1fr)}}
.feed-slot{display:grid;gap:.6rem;justify-items:start}
.feed-slot .fnote{margin:0}
.feed-frame{width:100%;height:min(520px,70dvh);border:var(--bw) solid var(--bd);border-radius:14px;background:#fff}

/* ===== inner page hero ===== */
.phero{position:relative;isolation:isolate;overflow-x:clip;padding:clamp(28px,5vw,72px) 0 clamp(18px,3vw,36px)}
.kbg.pk{left:30%;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 36%),linear-gradient(180deg,#000 62%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 36%),linear-gradient(180deg,#000 62%,transparent);mask-composite:intersect}
:root[data-theme="light"] .kbg.pk{opacity:.24}
.phero-in{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(20px,4vw,56px)}
.phero:not(:has(.phero-art)) .phero-in{grid-template-columns:1fr}
.phero h1{font-size:calc(var(--hs) * clamp(2.6rem,6vw,4.9rem));margin:1.1rem 0 1.1rem;max-width:20ch}
.phero .lead{max-width:64ch}
.crumb{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--ink2)}
.crumb a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.crumb a:hover{background:var(--gold);color:#141012}
.phero-bar{display:flex;gap:0;margin-top:1.1rem}
.phero-bar i{display:block;width:44px;height:10px}
.phero-bar i:nth-child(1){background:var(--crim)}.phero-bar i:nth-child(2){background:var(--gold)}.phero-bar i:nth-child(3){background:var(--turq)}.phero-bar i:nth-child(4){background:var(--lapis)}
.phero-cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}
.phero-art{width:min(300px,34vw)}
.phero-art .vinyl-art{width:100%}
@media (max-width:820px){.phero-in{grid-template-columns:1fr}.phero-art{display:none}}
.ctab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;padding:clamp(22px,4vw,44px);border-radius:26px;border:1.5px solid rgba(20,16,18,.35);box-shadow:0 10px 26px -10px var(--lapis);position:relative;overflow:hidden}
.ctab h2{margin:0;max-width:26ch;font-size:calc(var(--hs) * clamp(1.8rem,3.8vw,2.8rem))}
.rel{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:clamp(28px,4vw,44px)}
.partner{display:flex;align-items:center;gap:1.1rem;margin-top:clamp(26px,4vw,40px);padding:1.2rem 1.4rem;border-radius:18px;border:var(--bw) dashed var(--line2);background:var(--card)}
.partner>.ic{width:40px;height:40px;color:var(--acc)}
.partner h3{font-size:calc(var(--hs) * 1.4rem);margin-bottom:.3rem}

/* ===== channels page ===== */
.whys{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.why{padding:1.4rem;border:var(--bw) solid var(--bd);border-top:8px solid var(--sc,var(--gold));border-radius:18px;background:var(--card);box-shadow:var(--rest-sh)}
.why:nth-child(1){--sc:var(--crim)}.why:nth-child(2){--sc:var(--turq)}.why:nth-child(3){--sc:var(--lapis)}
.why>.ic{width:36px;height:36px;color:var(--ink);margin-bottom:.8rem;--ac:var(--sc)}
.why h3{font-size:calc(var(--hs) * 1.4rem);margin-bottom:.4rem}
.why p{color:var(--ink2);font-size:.94rem}
@media (max-width:820px){.whys{grid-template-columns:1fr}}
.chsecs{display:grid;gap:clamp(28px,4.5vw,56px)}
.chsec{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(18px,3vw,34px);border-radius:26px;border:var(--bw) solid var(--bd);background:var(--card);box-shadow:var(--rest-sh);scroll-margin-top:calc(var(--hh) + 20px)}
.chsec::before{content:"";position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;background:var(--pa);opacity:.2;inset-inline-start:-110px;top:-120px}
.chsec.alt::before{inset-inline-start:auto;inset-inline-end:-110px}
.chsec::after{content:"";position:absolute;z-index:-1;inset-inline-end:6%;bottom:-40px;width:150px;height:150px;border:12px solid var(--pb);opacity:.25;rotate:18deg}
.chsec.alt{grid-template-columns:1fr minmax(220px,320px)}
.chsec.alt .chsec-poster{order:2}
.chsec-poster .poster{max-width:320px;margin-inline:auto;box-shadow:0 10px 26px -10px var(--pa)}
.chsec-info h2{font-size:calc(var(--hs) * clamp(2rem,4.2vw,3.2rem));margin:.9rem 0 .9rem}
.chsec-info .h4{margin:1.3rem 0 .6rem}
.chsec-act{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.4rem}
.chsec .covers{max-width:520px}
.chsec .feed-slot{margin-top:1.1rem}
.ownsoc{padding:clamp(18px,3vw,30px);border:var(--bw) dashed var(--line2);border-radius:22px;background:var(--card)}
.ownsoc h3{font-size:calc(var(--hs) * 1.45rem);margin-bottom:1rem}
@media (max-width:820px){.chsec,.chsec.alt{grid-template-columns:1fr}.chsec.alt .chsec-poster{order:0}.chsec-poster .poster{max-width:260px}}
.pfgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}
.pf{padding:1.1rem 1.2rem;border:var(--bw) solid var(--bd);border-radius:18px;background:var(--card);box-shadow:var(--rest-sh)}
.pf-h{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.4rem}
.pf-h b{font-family:var(--f-head);font-size:1.35rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase}
.pf-h code{font-family:var(--f-mono);font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:var(--gold);color:#141012;white-space:nowrap}
.pf p{font-size:.88rem;color:var(--ink2)}
@media (max-width:900px){.pfgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pfgrid{grid-template-columns:1fr}}

/* ===== wiki page ===== */
.wcats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.wgrid{counter-reset:w;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.8vw,24px)}
.wcard{position:relative;counter-increment:w;display:flex;flex-direction:column;gap:.6rem;padding:1.4rem 1.4rem 1.2rem;border-radius:18px;border:var(--bw) solid var(--bd);border-top:8px solid var(--gold);background:var(--card);box-shadow:var(--rest-sh);scroll-margin-top:calc(var(--hh) + 20px);transition:transform .16s,box-shadow .16s}
.wcard::after{content:counter(w,decimal-leading-zero);position:absolute;top:1rem;inset-inline-end:1rem;font-family:var(--f-mono);font-weight:700;font-size:.74rem;color:var(--ink3);letter-spacing:.1em}
.wcard:nth-child(4n+1){border-top-color:var(--crim)}.wcard:nth-child(4n+3){border-top-color:var(--turq)}.wcard:nth-child(4n){border-top-color:var(--lapis)}
.wcard:hover{transform:translate(-3px,-3px);box-shadow:0 10px 26px -10px var(--gold)}
.wcard.hit,.wcard:target{outline:3px solid var(--gold);outline-offset:4px}
.wcard .cat{align-self:flex-start;font-family:var(--f-mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;background:#141012;color:var(--gold)}
.wcard h3{font-size:calc(var(--hs) * 1.4rem);line-height:1.12;padding-inline-end:2rem}
.wcard p{color:var(--ink2);font-size:.95rem;line-height:1.65}
.wcard .lnk{margin-top:auto;padding-top:.4rem}
.wempty{margin-top:2rem;padding:2rem;text-align:center;border-radius:18px;border:var(--bw) dashed var(--line2);color:var(--ink2)}
@media (max-width:820px){.wgrid{grid-template-columns:1fr}}

/* ===== legal ===== */
.narrow{max-width:860px}
.legal-box{margin-bottom:2rem;padding:1.4rem 1.5rem;border:var(--bw) solid var(--bd);border-top:8px solid var(--gold);border-radius:18px;background:var(--card);box-shadow:var(--rest-sh)}
.legal-box h2{font-size:calc(var(--hs) * 1.45rem);margin-bottom:1rem}
.legal-box dl{display:grid;gap:.7rem}
.legal-box dl>div{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:.2rem 1rem}
.legal-box dt{font-weight:800;font-size:.84rem;color:var(--ink3)}
.legal-box dd{font-weight:700;overflow-wrap:anywhere}
.legal-box a{color:var(--acc);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.todo{display:inline-block;padding:.1rem .6rem;border-radius:999px;background:rgba(255,59,48,.16);color:var(--crim-t);border:1.5px dashed var(--crim-t);font-size:.82rem;font-weight:800}
.legal{display:grid;gap:1.8rem}
.lsec h2{font-size:calc(var(--hs) * 1.55rem);margin-bottom:.6rem}
.lp{color:var(--ink2);line-height:1.7}
.lp p{margin:.5rem 0}
.lp ul{list-style:square;padding-inline-start:1.4rem;margin:.5rem 0}
.lp li{margin:.3rem 0}
.lp a{color:var(--acc);font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){.legal-box dl>div{grid-template-columns:1fr}}

/* ===== sitemap + 404 ===== */
.smgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.smcol{padding:1.3rem 1.4rem;border:var(--bw) solid var(--bd);border-radius:18px;background:var(--card);box-shadow:var(--rest-sh)}
.smcol h2{display:inline-block;font-size:.72rem;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--gold);color:#141012;padding:.25rem .6rem;margin-bottom:.9rem;font-weight:700;border-radius:999px}
.smap li{margin:.35rem 0}
.smap a{font-weight:800;color:var(--ink2);font-size:.95rem}
.smap a:hover{background:var(--gold);color:#141012;padding:0 .25rem;margin-inline-start:-.25rem}
@media (max-width:900px){.smgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.smgrid{grid-template-columns:1fr}}
.e404{text-align:center;padding:clamp(60px,12vw,140px) 0}
.e404 .phero-bar{justify-content:center}
.e404 h1{margin-inline:auto}
.e404 .lead{margin-inline:auto}
.e404 .phero-cta{justify-content:center}
.e404-n{margin-bottom:1.6rem;font-family:var(--f-head);font-weight:400;font-size:clamp(7rem,32vw,19rem);line-height:.9;color:var(--gold);text-shadow:0 10px 26px -10px var(--crim);margin-top:1rem}

/* ===== SVG art animation (hero reel wall, vinyl, posters) ===== */
.ph{animation:phf 6.5s ease-in-out infinite}
.ph.pL{animation-duration:7.4s}.ph.pR{animation-duration:6.9s}
@keyframes phf{0%,100%{translate:0 0}50%{translate:0 -12px}}
.stk{transform-box:fill-box;transform-origin:center;animation:stk 4.4s ease-in-out infinite}
.stk.s1{animation-delay:-1.2s}.stk.s2{animation-delay:-2.4s}.stk.s3{animation-delay:-3.3s}
@keyframes stk{0%,100%{rotate:-6deg;scale:1}50%{rotate:9deg;scale:1.08}}
.prog{transform-box:fill-box;transform-origin:left;animation:prog 7s linear infinite}
.rail{transform-box:fill-box;transform-origin:center;animation:beat 1.2s ease-in-out infinite}
@keyframes beat{0%,100%{scale:1}40%{scale:1.22}}
.spin{transform-origin:0 0;animation:spin 14s linear infinite}
.spin.slow{animation-duration:26s}
@keyframes spin{to{transform:rotate(360deg)}}
.tw{animation:tw 3.2s ease-in-out infinite}
.tw.t1{animation-delay:-1s}.tw.t2{animation-delay:-2.1s}
@keyframes tw{0%,100%{opacity:1}50%{opacity:.25}}
.beams{animation:beam 7s ease-in-out infinite alternate}
@keyframes beam{from{opacity:.6}to{opacity:1}}
.rec{transform-box:fill-box}
svg .rec{animation:blink 1.2s steps(2,start) infinite;box-shadow:none}
.eq{transform-box:fill-box;transform-origin:50% 100%;animation:eq 1.1s ease-in-out infinite alternate}
.eq.e1{animation-duration:.8s;animation-delay:-.3s}.eq.e2{animation-duration:1.3s;animation-delay:-.6s}.eq.e3{animation-duration:.95s;animation-delay:-.1s}.eq.e4{animation-duration:1.15s;animation-delay:-.45s}
@keyframes eq{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
svg .note{animation:floaty 4.5s ease-in-out infinite}
svg .note.n2{animation-delay:-2s}
@keyframes floaty{0%,100%{translate:0 0;opacity:.85}50%{translate:0 -12px;opacity:1}}
.heart{animation:blink2 1.6s ease-in-out infinite}
@keyframes blink2{0%,100%{opacity:1}50%{opacity:.35}}

/* keep handles, phone numbers and codes left-to-right inside RTL text */
.ft-phone,.poster-handle,.ft-follow .chips-row a,.socials a,.cbtn small:not([data-i18n]),.pf-h code,.crumb,.poster-tc,.poster-num,.cover-n{direction:ltr;unicode-bidi:isolate}

/* ===== Maestro chat ===== */
.fab{position:fixed;inset-inline-end:18px;bottom:18px;z-index:170;display:flex;align-items:center;gap:.6rem;height:58px;padding:0 1.3rem 0 .6rem;border-radius:999px;background:linear-gradient(135deg,#e3262e,#b3121f);color:#fff;border:1.5px solid rgba(20,16,18,.35);font-weight:800;font-size:.9rem;box-shadow:0 10px 26px -10px var(--crim);transition:transform .14s,box-shadow .14s}
.fab:hover{transform:translate(-2px,-2px);box-shadow:0 10px 26px -10px var(--crim)}
.fab .hm{width:44px;height:44px;border-radius:50%;background:#141012;display:grid;place-items:center;color:var(--gold)}
.fab .hm .ic{width:24px;height:24px;animation:fabpulse 3.4s ease-in-out infinite}
@keyframes fabpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.fab.hide{display:none}
@media (max-width:560px){.fab span.t{display:none}.fab{width:56px;padding:0;justify-content:center}}
.bot{position:fixed;inset-inline-end:18px;bottom:18px;z-index:180;width:min(400px,calc(100vw - 24px));height:min(600px,calc(100dvh - 90px));display:none;flex-direction:column;border-radius:22px;border:2.5px solid var(--bd);background:var(--bg2);box-shadow:0 10px 26px -10px var(--crim);overflow:hidden}
:root:not([data-theme="light"]) .bot{border-color:var(--line2)}
.bot.open{display:flex;animation:pop .22s ease}
.bot-head{position:relative;display:flex;align-items:center;gap:.75rem;padding:14px 16px;background:#141012;color:#f7f1e8}
.bot-head::after{content:"";position:absolute;inset-inline:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--crim) 0 25%,var(--gold) 25% 50%,var(--turq) 50% 75%,var(--lapis) 75%)}
.bot-av{width:42px;height:42px;border-radius:14px;background:var(--gold);color:#141012;display:grid;place-items:center;flex:none;--ac:#141012}
.bot-av .ic{width:26px;height:26px}
.bot-head b{display:block;font-family:var(--f-head);font-weight:400;font-size:1.6rem;letter-spacing:.03em;line-height:1;text-transform:uppercase}
.bot-head small{display:block;font-size:.74rem;opacity:.9;margin-top:3px;line-height:1.25}
.bot-x{margin-inline-start:auto;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;flex:none}
.bot-x:hover{background:var(--gold);color:#141012}
.bot-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.msg{white-space:pre-line;max-width:88%;padding:.65rem .9rem;border-radius:18px;font-size:.9rem;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere}
.msg.b{align-self:flex-start;background:var(--card2);border:var(--bw) solid var(--bd);border-end-start-radius:0}
:root:not([data-theme="light"]) .msg.b{border-color:var(--line)}
.msg.u{align-self:flex-end;background:var(--gold);color:#141012;font-weight:800;border:2px solid #141012;border-end-end-radius:0}
.msg b{font-weight:800}
.msg .macts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.msg .macts a,.msg .macts button{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;border:var(--bw) solid var(--bd);font-size:.78rem;font-weight:800;color:var(--ink);background:var(--card)}
.msg .macts a:hover,.msg .macts button:hover{border-color:#141012;background:var(--gold);color:#141012}
.msg .macts .ic{width:14px;height:14px}
.typing{align-self:flex-start;display:flex;gap:4px;padding:.8rem .9rem;border-radius:18px;background:var(--card2);border:1px solid var(--line)}
.typing span{width:7px;height:7px;background:var(--ink3);animation:dots 1.2s infinite}
.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}
@keyframes dots{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.bot-chips{display:flex;gap:.4rem;padding:0 14px 10px;overflow-x:auto;flex:none;scrollbar-width:none}
.bot-chips::-webkit-scrollbar{display:none}
.bot-chips button{flex:none;padding:.4rem .8rem;border-radius:999px;border:var(--bw) solid var(--bd);font-size:.78rem;font-weight:800;color:var(--ink2);white-space:nowrap}
:root:not([data-theme="light"]) .bot-chips button{border-color:var(--line2)}
.bot-chips button:hover{border-color:#141012;color:#141012;background:var(--gold)}
.bot-chips button.song{border-color:var(--crim);color:var(--crim-t)}
.bot-form{display:flex;gap:.5rem;padding:10px 14px 8px;border-top:var(--bw) solid var(--line2);flex:none}
.bot-form input{flex:1;min-width:0;height:46px;padding:0 1rem;border-radius:999px;border:var(--bw) solid var(--bd);background:var(--field);outline:0}
:root:not([data-theme="light"]) .bot-form input{border-color:var(--line2)}
.bot-form input:focus{border-color:var(--lapis);box-shadow:0 10px 26px -10px var(--lapis)}
:root:not([data-theme="light"]) .bot-form input:focus{border-color:var(--gold);box-shadow:0 10px 26px -10px var(--gold)}
.bot-form button{width:46px;height:46px;border-radius:999px;background:var(--gold);color:#141012;border:1.5px solid rgba(20,16,18,.35);display:grid;place-items:center;flex:none}
.bot-form button:disabled{opacity:.5}
.bot-form button .ic{width:20px;height:20px}
.bot-note{padding:0 16px 12px;font-size:.7rem;color:var(--ink3);line-height:1.35;flex:none}
.bot-note b{color:var(--ink2)}
@media (max-width:560px){.bot{inset-inline:8px;bottom:8px;width:auto;height:calc(100dvh - 16px);border-radius:22px}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}
@media print{.hd,.news,.fab,.bot,#bgart,div.note,.toast,.lang-hint,body::before,.scat,.kbg{display:none!important}body{background:#fff;color:#000}.rv{opacity:1!important;transform:none!important}}

/* Accessible chat controls fit the existing studio palette. */
.bot[hidden]{display:none!important}
.bot-controls{padding:8px 14px;border-top:1px solid var(--line);font-size:.72rem;line-height:1.4;flex-shrink:0}
.bot-controls label{display:flex;align-items:flex-start;gap:8px;color:var(--ink2)}
.bot-controls input{flex:0 0 auto;accent-color:var(--acc);margin-top:3px}
.bot-controls a{text-decoration:underline}
.bot-controls>button{display:block;margin-top:6px;color:var(--ink3);text-decoration:underline;font-size:inherit}
.bot-body{min-height:90px}
.bot-note{flex-shrink:0}
@media(max-width:560px){.bot-controls{font-size:.74rem}.bot-note{font-size:.65rem}.bot-chips{max-height:76px;overflow-y:auto}}