/* AARO v5 · "Oil & Ember" — a single dark world: tar black, bone text, crimson ember accents.
   Display: Roboto Flex at full width (151), thin; body: Onest; HUD: JetBrains Mono; Chinese: Noto Sans SC. */
:root{
  color-scheme:dark;
  --tar:#050506;--tar2:#09090b;--tar3:#101013;--tar4:#17171b;--tar5:#212126;
  --bone:#e9e4db;--bone2:#f6f2ea;--ash:#8d8982;--ash2:#7f7b74;--ash3:#3a3835;
  --line:rgba(233,228,219,.12);--line2:rgba(233,228,219,.24);
  --ember:#c0182f;--ember2:#e2343f;--emberhot:#ff8c82;--emberdeep:#6a0b19;--glow:rgba(192,24,47,.4);
  --gold:#c9a46a;--chiral:#7fd3d8;
  --ff-d:'Roboto Flex','Roboto Flex Variable','Arial',sans-serif;
  --ff-b:'Onest','Onest Variable','Helvetica Neue',Arial,sans-serif;
  --ff-m:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --ff-zh:'Noto Sans SC','Noto Sans SC Variable','PingFang SC','Microsoft YaHei',sans-serif;
  --gut:max(clamp(16px,4vw,64px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
  --inner:calc(100vw - 2 * var(--gut)); /* line width inside the gutters: big headings shrink to fit their longest word */
  --max:1680px;
  --hdr:72px;
  --ease:cubic-bezier(.2,.7,.1,1);
  --ease-io:cubic-bezier(.77,0,.18,1);
  --sec:clamp(84px,11vw,190px);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--tar);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--tar);color:var(--bone);font-family:var(--ff-b);font-size:16px;line-height:1.6;font-weight:360;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}
html:lang(zh-Hans) body,html[data-l=zh] body{font-family:var(--ff-zh),var(--ff-b)}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,textarea{font:inherit;color:inherit}
::selection{background:var(--ember);color:var(--bone2)}
:focus-visible{outline:1.5px solid var(--ember);outline-offset:4px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--ember);color:var(--bone2);padding:10px 16px;font:500 12px/1 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;transition:top .2s}
.skip:focus{top:12px}

/* three-language markup: the active language is the only one rendered */
html:not([data-l="en"]) .l-en,html:not([data-l="zh"]) .l-zh,html[data-l="en"] .l-ru,html[data-l="zh"] .l-ru{display:none!important}

/* ------------------------------------------------------------ type */
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.disp{font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 220,'opsz' 72;font-weight:220;text-transform:uppercase;letter-spacing:.005em;line-height:.94;text-wrap:balance}
.disp:lang(zh),.disp :lang(zh){font-family:var(--ff-zh);font-weight:250;font-variation-settings:normal;letter-spacing:.06em;line-height:1.12;text-transform:none}
.mono{font-family:var(--ff-m);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;line-height:1.5}
.mono :lang(zh),.mono:lang(zh){font-family:var(--ff-zh);letter-spacing:.1em;font-size:12.5px}
.wide{font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 320;text-transform:uppercase;letter-spacing:.24em;font-size:12px}
.wide:lang(zh),.wide :lang(zh){font-family:var(--ff-zh);letter-spacing:.2em}
.h-xl{font-size:clamp(40px,7.4vw,128px)}
.h-lg{font-size:clamp(34px,5.2vw,88px)}
.h-md{font-size:clamp(26px,3.2vw,52px)}
.ember{color:var(--ember2)}
.lbl{display:flex;align-items:center;gap:14px;margin:0 0 28px;color:var(--ash)}
.lbl__n{color:var(--ember2);font-family:var(--ff-m);font-size:11.5px;letter-spacing:.14em}
.lbl__line{flex:0 0 42px;height:1px;background:var(--line2)}
.lbl__t{font-family:var(--ff-m);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.lbl__t:lang(zh),.lbl__t :lang(zh){font-family:var(--ff-zh);letter-spacing:.12em}
.lead{font-size:clamp(17px,1.35vw,21px);line-height:1.6;color:#cfc9bf;max-width:62ch}
.muted{color:var(--ash)}
a.muted{transition:color .3s}
a.muted:hover,a.muted:focus-visible{color:var(--bone)}
p{margin:0}
h1,h2,h3{margin:0;font-weight:inherit}

/* ------------------------------------------------------------ chrome: grain, vignette, embers */
.grain{position:fixed;inset:-100px;z-index:90;pointer-events:none;opacity:.075;mix-blend-mode:overlay;background-size:220px 220px;animation:grain 1.1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-38px,22px)}40%{transform:translate(26px,-34px)}60%{transform:translate(-18px,-12px)}80%{transform:translate(32px,28px)}100%{transform:translate(0,0)}}
.embers{position:fixed;inset:0;width:100%;height:100%;z-index:80;pointer-events:none;mix-blend-mode:screen}
@media (prefers-reduced-motion:reduce){.grain{animation:none}}

/* ------------------------------------------------------------ buttons */
.btn{--bc:var(--line2);position:relative;display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 24px;border:1px solid var(--bc);
  font-family:var(--ff-m);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone);overflow:hidden;isolation:isolate;
  transition:border-color .4s var(--ease),color .4s var(--ease);white-space:nowrap}
.btn :lang(zh){font-family:var(--ff-zh);letter-spacing:.12em;font-size:13.5px}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ember);clip-path:inset(0 100% 0 0);transition:clip-path .5s var(--ease-io)}
.btn:hover::before,.btn:focus-visible::before{clip-path:inset(0 0 0 0)}
.btn:hover,.btn:focus-visible{color:var(--bone2);border-color:var(--ember)}
.btn .ico{width:18px;height:18px;flex:none;transition:transform .45s var(--ease)}
.btn:hover .ico{transform:translateX(4px)}
.btn--ember{--bc:var(--ember);background:var(--ember);color:var(--bone2)}
.btn--ember::before{background:var(--bone)}
.btn--ember:hover{border-color:var(--bone)}
.btn--ember:hover,.btn--ember:focus-visible{color:var(--tar)}
.btn--sm{min-height:40px;padding:0 16px;font-size:11px}
.btn--fuse::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--emberhot) 48%,#fff 50%,var(--emberhot) 52%,transparent);
  background-size:220% 100%;background-position:120% 0;animation:fuse 3.2s linear infinite;opacity:.9}
@keyframes fuse{to{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.btn--fuse::after{animation:none;background-position:50% 0}}
.btn__t{position:relative}
.ico{width:20px;height:20px}
.link{position:relative;display:inline-flex;align-items:center;gap:10px}
.link::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(.18);transform-origin:0 50%;transition:transform .5s var(--ease)}
.link:hover::after{transform:scaleX(1)}

/* ------------------------------------------------------------ header */
.hdr{position:fixed;left:0;right:0;top:0;z-index:60;padding-top:env(safe-area-inset-top,0px);transition:transform .6s var(--ease),background .4s}
.hdr__in{height:var(--hdr);display:flex;align-items:center;gap:28px;max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.hdr.is-hidden{transform:translateY(-110%)}
.hdr.is-hidden:focus-within{transform:none}
.hdr.is-solid{background:linear-gradient(180deg,rgba(5,5,6,.86),rgba(5,5,6,.5) 70%,rgba(5,5,6,0))}
.logo{display:flex;align-items:center;gap:12px;color:var(--bone);flex:none}
.logo svg{width:112px;height:auto;overflow:visible}
.logo__s{font-family:var(--ff-m);font-size:10px;letter-spacing:.24em;color:var(--ash);text-transform:uppercase;padding-top:2px}
.mk path,.mk circle.mk__ring{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:square;stroke-linejoin:miter}
.mk .mk__dot{fill:var(--ember);filter:drop-shadow(0 0 4px var(--ember))}
.logo:hover .mk__dot{animation:ember-pulse 1.4s ease-in-out infinite}
@keyframes ember-pulse{50%{opacity:.4}}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{display:flex;gap:8px;align-items:baseline;font-family:var(--ff-m);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);transition:color .3s}
.nav a :lang(zh){font-family:var(--ff-zh);font-size:13px;letter-spacing:.12em}
.nav a:hover,.nav a[aria-current=page]{color:var(--bone)}
.nav a[aria-current=page] .nav__n{color:var(--ember2)}
.nav__n{font-size:10px;color:var(--ash2)}
.lang{display:flex;gap:2px;font-family:var(--ff-m);font-size:11px;letter-spacing:.12em}
.lang button{padding:8px 7px;color:var(--ash);position:relative;transition:color .3s}
.lang button[aria-pressed=true]{color:var(--bone)}
.lang button[aria-pressed=true]::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember)}
.hdr__menu{display:none;align-items:center;gap:12px;font-family:var(--ff-m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;height:44px}
.hdr__menu i{position:relative;width:22px;height:9px;display:block}
.hdr__menu i::before,.hdr__menu i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .5s var(--ease)}
.hdr__menu i::before{top:0}.hdr__menu i::after{bottom:0;right:6px}
.menu-open .hdr__menu i::before{transform:translateY(3.75px) rotate(45deg)}
.menu-open .hdr__menu i::after{transform:translateY(-3.75px) rotate(-45deg);right:0}
.hdr__cta .hdr__cta-s{display:none}
@media (max-width:1100px){.nav{display:none}.hdr__menu{display:flex}.hdr .lang--hdr{margin-left:auto}}
@media (max-width:640px){:root{--hdr:60px}.hdr .lang--hdr{display:none}.hdr__menu{margin-left:auto}.hdr__cta .hdr__cta-l{display:none}.hdr__cta .hdr__cta-s{display:inline}.logo svg{width:92px}.logo__s{display:none}.hdr__in{gap:14px}}

/* ------------------------------------------------------------ menu */
.menu{position:fixed;inset:0;z-index:55;background:var(--tar);display:flex;overflow:auto;padding:calc(var(--hdr) + env(safe-area-inset-top,0px) + 24px) var(--gut) calc(32px + env(safe-area-inset-bottom,0px))}
.menu__in{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;width:100%;max-width:var(--max);margin:auto}
.menu__nav{display:flex;flex-direction:column}
.menu__nav a{display:flex;align-items:baseline;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 220;font-size:clamp(30px,6vw,72px);line-height:1.05;text-transform:uppercase}
.menu__nav a :lang(zh){font-family:var(--ff-zh);font-weight:250;letter-spacing:.06em}
.menu__nav a[aria-current=page]{color:var(--ember2)}
.menu__n{font-family:var(--ff-m);font-size:12px;color:var(--ember2);letter-spacing:.14em;min-width:28px}
.menu__side{display:flex;flex-direction:column;gap:28px;justify-content:flex-end}
.menu__ch{display:flex;flex-direction:column;gap:10px;font-family:var(--ff-m);font-size:12px;letter-spacing:.1em}
.menu__ch a{color:var(--ash)}.menu__ch a:hover{color:var(--bone)}
@media (max-width:800px){.menu__in{grid-template-columns:1fr}.menu__side{justify-content:flex-start}}

/* ------------------------------------------------------------ preloader */
.pre{position:fixed;inset:0;z-index:120;background:var(--tar);display:none;align-items:center;justify-content:center;flex-direction:column;gap:34px;padding:var(--gut)}
.intro .pre{display:flex}
.pre__mark{width:min(460px,70vw);color:var(--bone)}
.pre__mark .mk path,.pre__mark .mk circle.mk__ring{stroke-width:1.1}
.pre__mark .mk__dot{opacity:0}
.pre__fuse{position:relative;width:min(460px,70vw);height:1px;background:var(--line)}
.pre__fuse i{position:absolute;left:0;top:0;height:1px;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,var(--emberdeep),var(--ember) 80%,var(--emberhot))}
.pre__fuse b{position:absolute;top:-3px;left:calc(var(--p,0) * 100%);width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px var(--emberhot),0 0 22px 6px var(--ember)}
.pre__row{display:flex;justify-content:space-between;width:min(460px,70vw);color:var(--ash)}
.pre__n{color:var(--bone);font-variant-numeric:tabular-nums}
.pre__tip{min-height:3em;max-width:420px;text-align:center;color:var(--ash);font-size:13px;line-height:1.5}
.pre__skip{position:absolute;right:var(--gut);bottom:calc(var(--gut) + env(safe-area-inset-bottom,0px));color:var(--ash2)}
.pre__skip:hover{color:var(--bone)}
.no-js .pre{display:none}

/* ------------------------------------------------------------ chapter cut (page transition) */
.cut{position:fixed;inset:0;z-index:110;pointer-events:none;visibility:hidden}
.cut-in .cut{visibility:visible}
.cut__tar{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px)}
.cut__tar path{fill:var(--tar)}
.cut__tar .cut__rim{fill:none;stroke:url(#rimgrad);stroke-width:2}
.cut__card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:var(--gut);text-align:center;opacity:0}
.cut-in .cut__card{opacity:1}
.cut__n{color:var(--ember2)}
.cut__t{font-size:clamp(34px,7vw,110px);max-width:14ch}
.cut__s{color:var(--ash);max-width:40ch}
.cut__fuse{width:min(280px,50vw);height:1px;background:var(--line);position:relative}
.cut__fuse i{position:absolute;left:0;top:0;height:1px;width:calc(var(--p,0) * 100%);background:var(--ember)}
.cut__fuse b{position:absolute;top:-2.5px;left:calc(var(--p,0) * 100%);width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px var(--emberhot),0 0 16px 4px var(--ember)}
/* safety: if scripts never run, the overlay leaves on its own */
.cut-in .cut{animation:cut-safety .01s linear 2.6s forwards}
@keyframes cut-safety{to{visibility:hidden;opacity:0}}

/* ------------------------------------------------------------ cursor */
.cur{position:fixed;left:0;top:0;z-index:130;pointer-events:none;mix-blend-mode:normal;display:none}
.cur__dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px 2px var(--glow)}
.cur__ring{position:absolute;width:0;height:0}
.cur__disc{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border:1px solid rgba(233,228,219,.35);border-radius:50%;transition:transform .45s var(--ease),background .3s,border-color .3s;display:flex;align-items:center;justify-content:center}
.cur__t{opacity:0;font-family:var(--ff-m);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--tar);transition:opacity .2s}
.cur__t [data-cur]{display:none}
.cur.is-view .cur__disc{transform:scale(2.1);background:var(--ember);border-color:var(--ember);color:var(--bone2)}
.cur.is-view .cur__t{opacity:1;color:var(--bone2)}.cur.is-view [data-cur=view]{display:inline}
.cur.is-link .cur__disc{transform:scale(.55);border-color:var(--ember)}
.cur.is-drag .cur__disc{transform:scale(1.6);border-color:var(--bone)}
.cur.is-drag .cur__t{opacity:1;color:var(--bone)}.cur.is-drag [data-cur=drag]{display:inline}
/* shown only once the script drives it (no script, reduced motion or touch: native cursor) */
@media (hover:hover) and (pointer:fine){.js.has-cur .cur{display:block}.js.has-cur,.js.has-cur a,.js.has-cur button{cursor:none}}

/* ------------------------------------------------------------ hero (home) */
.hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:#030304}
.hero__gl{position:absolute;inset:0;width:100%;height:100%}
.hero__poster{position:absolute;inset:0;background:radial-gradient(120% 70% at 60% 112%,rgba(192,24,47,.28),transparent 60%),radial-gradient(80% 50% at 50% 100%,#1a0c0f,transparent 70%),linear-gradient(180deg,#030304 0%,#07070a 55%,#0d0b0b 100%);transition:opacity 1.2s}
.gl-on .hero__poster{opacity:0}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,6,.55),transparent 30%,transparent 62%,rgba(5,5,6,.85)),radial-gradient(70% 60% at 30% 40%,rgba(5,5,6,.45),transparent 70%);pointer-events:none}
.hero__in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--hdr) + 40px);padding-bottom:clamp(28px,5vh,56px)}
.hero__hud{position:absolute;top:calc(var(--hdr) + env(safe-area-inset-top,0px) + 18px);left:0;right:0;display:flex;justify-content:space-between;gap:20px;color:var(--ash)}
.hero__hud>span{display:flex;gap:10px;align-items:center}
.hero__hud i{width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember);animation:ember-pulse 2s infinite}
.hero__t{font-size:clamp(40px,min(6.8vw,11.2vh),128px);font-size:clamp(40px,min(6.8vw,11.2svh),128px);max-width:13ch;margin-bottom:clamp(22px,3vw,40px)}
@media (max-height:720px) and (min-width:641px){.hero__cue{display:none}.hero__t{margin-bottom:22px}}
.hero__t .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero__t .ln>span{display:inline-block}
.hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.hero__sub{max-width:46ch;color:#cfc9bf;font-size:clamp(15px,1.15vw,18px)}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.hero__cue{display:flex;align-items:center;gap:12px;color:var(--ash);margin-top:clamp(28px,4vh,44px)}
.hero__cue i{width:1px;height:42px;background:linear-gradient(var(--ember),transparent);position:relative;overflow:hidden}
.hero__cue i::after{content:"";position:absolute;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--emberhot);box-shadow:0 0 8px var(--ember);animation:drip 2.2s var(--ease) infinite}
@keyframes drip{0%{top:-6px;opacity:0}20%{opacity:1}100%{top:42px;opacity:0}}
@media (max-width:640px){.hero__hud{flex-direction:column;gap:6px}.hero__hud>span:nth-child(2){display:none}.hero__t{font-size:clamp(34px,10.4vw,56px)}}

/* ------------------------------------------------------------ marquee strip */
.strip{border-block:1px solid var(--line);overflow:hidden;padding:16px 0;color:var(--ash);background:var(--tar)}
.strip__track{display:flex;width:max-content;animation:strip 38s linear infinite}
.strip__g{display:flex;gap:46px;padding-right:46px;align-items:center}
.strip__g span{display:flex;gap:46px;align-items:center;white-space:nowrap}
.strip__g span::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember)}
@keyframes strip{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.strip__track{animation:none}}

/* ------------------------------------------------------------ episodes reel (home) */
.reel{position:relative;background:var(--tar)}
.reel__pin{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden}
.reel__gl,.reel__imgs{position:absolute;inset:0;width:100%;height:100%}
.reel__imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.reel__imgs img.is-on{opacity:1}
.gl-reel .reel__imgs{visibility:hidden}
.reel__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.82),rgba(5,5,6,.35) 46%,rgba(5,5,6,0) 70%),linear-gradient(0deg,rgba(5,5,6,.75),transparent 40%);pointer-events:none}
.reel__ui{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding-top:calc(var(--hdr) + 28px);padding-bottom:clamp(24px,5vh,48px)}
.reel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.reel__count{font-family:var(--ff-m);font-size:12px;letter-spacing:.14em;color:var(--ash);font-variant-numeric:tabular-nums}
.reel__count b{color:var(--bone);font-weight:400}
.reel__slides{position:relative;flex:1;display:flex;align-items:flex-end}
.slide{position:absolute;left:0;right:0;bottom:0;visibility:hidden}
.slide.is-on{visibility:visible}
.slide__ep{display:flex;gap:16px;align-items:center;color:var(--ember2);margin-bottom:18px}
.slide__ep span{color:var(--ash)}
.slide__name{font-size:clamp(46px,9.5vw,170px);line-height:.88;margin-bottom:18px;display:block}
.slide__type{max-width:44ch;color:#cfc9bf;margin-bottom:20px}
.slide__meta{display:flex;gap:22px;flex-wrap:wrap;color:var(--ash);margin-bottom:28px}
.slide .ch{display:inline-block}
.reel__bar{display:flex;gap:6px;margin-top:28px}
.reel__bar button{flex:1;height:22px;position:relative}
.reel__bar button::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line2)}
.reel__bar button i{position:absolute;left:0;top:50%;height:1px;width:calc(var(--p,0) * 100%);background:var(--ember);box-shadow:0 0 6px var(--ember)}
@media (max-width:640px){.reel__shade{background:linear-gradient(0deg,rgba(5,5,6,.92),rgba(5,5,6,.4) 55%,rgba(5,5,6,.1))}.slide__name{font-size:clamp(38px,12vw,64px)}.slide__type{font-size:15px}}

/* ------------------------------------------------------------ manifesto */
.mani{padding-block:var(--sec);position:relative}
.mani__t{font-size:clamp(26px,3.7vw,64px);line-height:1.06;max-width:22ch}
.mani__t .w{transition:color .5s,text-shadow .6s}
.aaro-ok .mani__t .w{color:var(--ash3)} /* dimmed only when the script that lights the words is running */
.mani__t .w.is-lit{color:var(--bone)}
.mani__t .w.is-hot{color:var(--emberhot);text-shadow:0 0 18px rgba(226,52,63,.55)}
.mani__foot{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:clamp(40px,6vw,90px);align-items:end}
.mani__foot p{color:#bdb6ab;max-width:52ch}
@media (max-width:800px){.mani__foot{grid-template-columns:1fr}}

/* ------------------------------------------------------------ services list (home) */
.svcs{padding-block:var(--sec);border-top:1px solid var(--line)}
.svcs__head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(36px,5vw,72px)}
.svcs__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.srow{display:grid;grid-template-columns:70px 1.1fr 1fr 40px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);position:relative;transition:color .4s}
.srow::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ember);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease);box-shadow:0 0 10px var(--ember)}
.srow:hover::before{transform:scaleX(1)}
.srow__n{color:var(--ember2)}
.srow__t{font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 240;text-transform:uppercase;font-size:clamp(20px,2.4vw,36px);line-height:1.05}
.srow__t :lang(zh){font-family:var(--ff-zh);font-weight:300;letter-spacing:.06em}
.srow__i{color:var(--ash);font-size:14px}
.srow .ico{transition:transform .5s var(--ease)}
.srow:hover .ico{transform:translateX(6px);color:var(--ember)}
.svc-prev{position:fixed;left:0;top:0;width:min(30vw,420px);aspect-ratio:16/10;z-index:40;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .35s,transform .5s var(--ease);overflow:hidden;border:1px solid var(--line2);background:var(--tar3)}
.svc-prev.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.svc-prev video,.svc-prev img{width:100%;height:100%;object-fit:cover}
@media (max-width:800px){.svcs__head{grid-template-columns:1fr}.srow{grid-template-columns:44px minmax(0,1fr) 28px}.srow__i{display:none}.srow__t{font-size:min(20px,calc((var(--inner) - 120px) / 9.2))}}

/* ------------------------------------------------------------ route (process as a map) */
.route{position:relative;padding-block:var(--sec);overflow:hidden;background:#040405;border-block:1px solid var(--line)}
.route__map{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.route__map path{fill:none;stroke:rgba(233,228,219,.08);stroke-width:1}
.route__map path.major{stroke:rgba(233,228,219,.14)}
.route__head{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.route__stage{position:relative;height:clamp(520px,62vw,860px)}
.route__wps{list-style:none;margin:0;padding:0}
.route__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.route__path{fill:none;stroke:var(--ember);stroke-width:1.8;filter:drop-shadow(0 0 4px rgba(192,24,47,.6))}
.route__ghost{fill:none;stroke:rgba(233,228,219,.18);stroke-width:1;stroke-dasharray:2 6}
.route__dot{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px var(--emberhot),0 0 22px 6px var(--ember);z-index:2;opacity:0;transition:opacity .4s}
.route.is-go .route__dot{opacity:1}
.wp{position:absolute;width:min(300px,30vw);transform:translate(-14px,-14px)}
.wp__pin{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.wp__pin i{width:28px;height:28px;border:1px solid var(--line2);border-radius:50%;position:relative;flex:none;transition:border-color .5s}
.wp__pin i::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--ash3);transition:background .5s,box-shadow .5s}
.wp.is-on .wp__pin i{border-color:var(--ember)}
.wp.is-on .wp__pin i::after{background:var(--ember);box-shadow:0 0 12px var(--ember)}
.wp__n{color:var(--ember2)}
.wp__t{font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 260;text-transform:uppercase;font-size:clamp(16px,1.5vw,22px);margin-bottom:8px;line-height:1.15}
.wp__t:lang(zh),.wp__t :lang(zh){font-family:var(--ff-zh);font-weight:400}
.wp__d{color:var(--ash);font-size:14px;line-height:1.55}
.wp{opacity:.35;transition:opacity .6s}
.wp.is-on{opacity:1}
/* the last stop sits near the right edge: its text hangs to the left of the pin */
@media (min-width:901px){.wp:last-child{transform:translate(calc(-100% + 14px),-14px);text-align:right}.wp:last-child .wp__pin{flex-direction:row-reverse}}
@media (max-width:900px){
  .route__head{grid-template-columns:1fr}
  .route__stage{height:auto;padding-left:36px}
  .route__wps{display:flex;flex-direction:column;gap:34px}
  .route__dot{display:none}
  .route__svg{display:none}
  .route__stage::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;border-left:1px dashed rgba(192,24,47,.6)}
  .wp{position:relative;left:auto!important;top:auto!important;width:auto;transform:none;opacity:1}
  .wp__pin{margin-left:-36px}
}

/* ------------------------------------------------------------ index list (home + work) */
.idx{padding-block:var(--sec)}
.idx__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,56px)}
.idx__cols{display:grid;grid-template-columns:70px 1.6fr 1fr 70px 70px;gap:20px;padding:0 0 12px;border-bottom:1px solid var(--line2);color:var(--ash2)}
.rows{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:70px 1.6fr 1fr 70px 70px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .5s var(--ease)}
.row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--ember);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.row:hover::after{transform:scaleX(1)}
.row__n{color:var(--ash2);font-variant-numeric:tabular-nums}
.row:hover .row__n{color:var(--ember2)}
.row__name{font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 230;text-transform:uppercase;font-size:clamp(22px,3vw,48px);line-height:1;transition:transform .6s var(--ease),color .3s}
.row:hover .row__name{transform:translateX(14px)}
.row__cat{color:var(--ash);font-size:14px}
.row__lang,.row__year{color:var(--ash)}
.idx__prev{position:fixed;left:0;top:0;width:min(24vw,340px);aspect-ratio:4/5;z-index:40;pointer-events:none;opacity:0;overflow:hidden;transform:translate(-50%,-50%) rotate(-3deg) scale(.86);transition:opacity .3s,transform .55s var(--ease);background:var(--tar3)}
.idx__prev.is-on{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}
.idx__prev img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.idx__prev::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(233,228,219,.18),inset 0 -80px 80px -40px rgba(5,5,6,.6)}
@media (max-width:800px){.idx__cols{display:none}.row{grid-template-columns:40px 1fr auto;gap:12px;padding:16px 0}.row__cat,.row__year{display:none}.row__name{font-size:clamp(20px,6vw,30px)}}

/* ------------------------------------------------------------ cta */
.cta{position:relative;padding-block:clamp(110px,15vw,240px);text-align:center;overflow:hidden;border-top:1px solid var(--line)}
.cta__glow{position:absolute;left:50%;bottom:-40%;width:110vmax;height:80vmax;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(192,24,47,.22),rgba(106,11,25,.1) 45%,transparent 70%);pointer-events:none}
.cta__n{color:var(--ember2);margin-bottom:24px;display:block}
.cta__t{font-size:clamp(min(40px,calc(var(--inner) / 8.5)),8vw,150px);margin:0 auto 28px;max-width:14ch}
.cta__s{color:#bdb6ab;max-width:48ch;margin:0 auto 40px}
.cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ------------------------------------------------------------ footer */
.ftr{position:relative;padding-top:clamp(70px,9vw,140px);padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);overflow:hidden;background:#030304}
.ftr__top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:clamp(60px,9vw,140px)}
.ftr__col{display:flex;flex-direction:column;gap:10px}
.ftr__col .lbl__t{color:var(--ash2);margin-bottom:6px}
.ftr__col a{color:var(--ash);transition:color .3s;width:fit-content}
.ftr__col a:hover{color:var(--bone)}
.ftr__say{font-size:clamp(20px,2vw,30px);line-height:1.2;max-width:16ch}
.ftr__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.ftr__mark{color:var(--bone);position:relative}
.ftr__mark svg{width:100%;height:auto;overflow:visible}
.ftr__mark .mk path,.ftr__mark .mk circle.mk__ring{stroke-width:.55}
.ftr__mark .mk__spark{fill:#fff;filter:drop-shadow(0 0 3px var(--emberhot)) drop-shadow(0 0 8px var(--ember))}
.ftr__base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px;color:var(--ash2)}
@media (max-width:900px){.ftr__top{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ftr__top{grid-template-columns:1fr}}

/* ------------------------------------------------------------ page head */
.phead{position:relative;padding-top:calc(var(--hdr) + clamp(80px,12vw,180px));padding-bottom:clamp(50px,7vw,100px);overflow:hidden}
.phead__glow{position:absolute;right:-20%;top:-30%;width:80vmax;height:80vmax;background:radial-gradient(closest-side,rgba(192,24,47,.12),transparent 70%);pointer-events:none}
.phead__t{font-size:clamp(min(46px,calc(var(--inner) / 8.3)),10vw,180px);margin-bottom:28px}
.phead__t.phead__t--doc{font-size:clamp(min(36px,calc(var(--inner) / 10.2)),6vw,108px)}
.phead__row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.phead__sub{max-width:52ch;color:#cfc9bf}

/* ------------------------------------------------------------ work controls + views */
.ctrl{position:relative;z-index:2;padding-block:0 10px}
.ctrl__in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}
.ctrl__g{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.ctrl__g .mono{color:var(--ash2);margin-right:8px}
.chip{font-family:var(--ff-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border:1px solid transparent;color:var(--ash);transition:color .3s,border-color .3s}
.chip :lang(zh){font-family:var(--ff-zh);font-size:12.5px}
.chip:hover{color:var(--bone)}
.chip[aria-pressed=true]{color:var(--bone);border-color:var(--line2)}
.chip[aria-pressed=true]::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ember);margin-right:8px;vertical-align:middle;box-shadow:0 0 6px var(--ember)}
.ctrl__count{color:var(--ash);font-variant-numeric:tabular-nums}
.ctrl__count b{color:var(--bone);font-weight:400}
.view-grid .work-list{display:none}
.view-list .work-grid{display:none}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,32px) clamp(14px,1.6vw,26px);padding-top:30px}
.card a{display:block}
.card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--tar3)}
.card__media img,.card__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),opacity .5s}
.card__media video{opacity:0}
.card.is-play .card__media video{opacity:1}
.card:hover .card__media img{transform:scale(1.05)}
.card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,6,.55),transparent 40%);pointer-events:none}
.card__tag{position:absolute;left:14px;top:14px;z-index:2;color:var(--bone);background:rgba(5,5,6,.55);padding:5px 8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.card__info{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding-top:16px}
.card__ep{color:var(--ember2)}
.card__year{color:var(--ash);text-align:right}
.card__name{grid-column:1/-1;font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 240;text-transform:uppercase;font-size:clamp(20px,1.9vw,30px);line-height:1.05}
.card__type{grid-column:1/-1;color:var(--ash);font-size:14px}
.empty{padding:60px 0;color:var(--ash)}
@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cards{grid-template-columns:1fr}}

/* ------------------------------------------------------------ case: hero */
.chero{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:#020203}
.chero__gl,.chero__img{position:absolute;inset:0;width:100%;height:100%}
.chero__img{object-fit:cover;object-position:var(--ox,60%) 50%}
.gl-case .chero__img{opacity:0} /* opacity, not visibility: the alt stays in the accessibility tree */
.chero__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,6,.82),rgba(5,5,6,.25) 52%,rgba(5,5,6,.05)),linear-gradient(0deg,rgba(5,5,6,.9),transparent 45%),linear-gradient(180deg,rgba(5,5,6,.5),transparent 25%)}
.chero__in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--hdr) + 30px);padding-bottom:clamp(28px,5vh,56px)}
.chero__top{position:absolute;top:calc(var(--hdr) + env(safe-area-inset-top,0px) + 16px);left:0;right:0;display:flex;justify-content:space-between;gap:20px;color:var(--ash)}
.chero__top a:hover{color:var(--bone)}
.chero__ep{display:flex;align-items:center;gap:14px;color:var(--ember2);margin-bottom:20px}
.chero__ep i{width:40px;height:1px;background:var(--ember)}
.chero__ep span:last-child{color:var(--ash)}
.chero__name{font-size:clamp(48px,10vw,184px);line-height:.9;margin-bottom:20px;max-width:12ch;word-break:normal;overflow-wrap:normal}
.chero__type{font-size:clamp(16px,1.3vw,20px);color:#d6d0c6;max-width:46ch;margin-bottom:30px}
.chero__meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid var(--line2);padding-top:18px;margin:0}
.chero__meta div{min-width:0}
.chero__meta dt{color:#aaa69e;margin-bottom:6px}
/* small text over the photo: a dark halo keeps it readable on light renders */
.chero__top,.chero__ep,.chero__meta dt{text-shadow:0 0 2px var(--tar),0 0 6px var(--tar),0 0 14px rgba(5,5,6,.7)}
.chero__meta dd{margin:0;font-size:14px;color:var(--bone)}
.tag{display:inline-block;border:1px solid var(--line2);padding:2px 6px;font-family:var(--ff-m);font-size:10.5px;letter-spacing:.12em;margin-right:6px}
@media (max-width:760px){.chero__meta{grid-template-columns:1fr 1fr}.chero__shade{background:linear-gradient(0deg,rgba(5,5,6,.95),rgba(5,5,6,.45) 60%,rgba(5,5,6,.2)),linear-gradient(180deg,rgba(5,5,6,.6),transparent 25%)}}

/* ------------------------------------------------------------ case: synopsis */
.syn{padding-block:var(--sec)}
.syn__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,7vw,120px)}
.syn__task{font-size:clamp(min(26px,calc(var(--inner) / 12.2)),3vw,48px);line-height:1.12;margin-bottom:24px}
.syn__about{color:#cfc9bf;font-size:clamp(16px,1.2vw,19px);margin-bottom:34px}
.syn__h{color:var(--ember2);margin-bottom:12px}
.syn__sol{color:#bdb6ab;margin-bottom:28px}
.syn__tools{color:var(--ash)}
.syn__tools span{color:var(--ash2)}
.dlv{margin-top:clamp(56px,7vw,110px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.dlv li{list-style:none;padding:22px 20px 0 0;border-right:1px solid var(--line);min-width:0}
.dlv li:last-child{border-right:0}
.dlv ol{display:contents}
.dlv__n{color:var(--ember2);display:block;margin-bottom:12px}
.dlv__t{font-family:var(--ff-d);font-variation-settings:'wdth' 140,'wght' 260;text-transform:uppercase;font-size:clamp(15px,1.3vw,20px);line-height:1.2;overflow-wrap:anywhere}
.dlv__t:lang(zh),.dlv__t :lang(zh){font-family:var(--ff-zh);font-weight:400}
@media (max-width:900px){.syn__grid{grid-template-columns:minmax(0,1fr)}.dlv{grid-template-columns:1fr 1fr}.dlv li{padding-bottom:22px;border-bottom:1px solid var(--line)}.dlv li:nth-child(2n){border-right:0}}

/* ------------------------------------------------------------ case: site in motion */
.sim{padding-block:var(--sec);border-top:1px solid var(--line)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(36px,5vw,72px)}
.sec-head p{color:#bdb6ab;max-width:50ch}
.sim__grid{display:grid;grid-template-columns:1fr minmax(180px,0.28fr);gap:clamp(18px,3vw,48px);align-items:center}
.frame{position:relative;border:1px solid var(--line2);background:#0b0b0d;border-radius:10px;overflow:hidden}
.frame__bar{display:flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--ash2)}
.frame__bar i{width:7px;height:7px;border-radius:50%;background:var(--ash3)}
.frame__bar span{margin-left:10px;font-family:var(--ff-m);font-size:10px;letter-spacing:.12em}
.phone{position:relative;border:1px solid var(--line2);border-radius:30px;padding:9px;background:#0b0b0d}
.phone__in{border-radius:22px;overflow:hidden;aspect-ratio:9/19.5;position:relative;background:#000}
.vbox{position:relative;overflow:hidden;background:#000}
.vbox video{width:100%;height:100%;object-fit:cover}
.vbox--desk{aspect-ratio:16/10}
.vbox--mob{position:absolute;inset:0}
.vbox--mob video{object-position:50% 0}
.vhud{position:absolute;z-index:2;color:var(--bone);display:flex;align-items:center;gap:8px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.vhud--tl{left:14px;bottom:12px}.vhud--tr{right:14px;bottom:12px;font-variant-numeric:tabular-nums}
.vhud i{width:7px;height:7px;border-radius:50%;background:var(--ember);animation:ember-pulse 1.2s infinite}
.vbtn{position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(5,5,6,.6);display:flex;align-items:center;justify-content:center;color:var(--bone);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line2)}
.vbtn .ico{width:16px;height:16px}
.vbtn .ico--play{display:none}
.is-paused .vbtn .ico--play{display:block}.is-paused .vbtn .ico--pause{display:none}
@media (max-width:760px){.sec-head{grid-template-columns:1fr}.sim__grid{grid-template-columns:1fr}.phone{max-width:300px;margin:0 auto}}

/* ------------------------------------------------------------ case: film (render loop / parallax) */
.film{position:relative;padding-block:var(--sec)}
.film__frame{position:relative;aspect-ratio:2.39/1;overflow:hidden;background:#000;border-block:1px solid var(--line)}
.film__frame canvas,.film__frame video,.film__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film__hud{position:absolute;inset:0;z-index:2;pointer-events:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:16px 20px;color:rgba(233,228,219,.75)}
.film__hud span:nth-child(2){justify-self:end}.film__hud span:nth-child(3){align-self:end}.film__hud span:nth-child(4){align-self:end;justify-self:end;font-variant-numeric:tabular-nums}
.film__hud i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ember);margin-right:8px;animation:ember-pulse 1.2s infinite}
.film__cap{display:flex;justify-content:space-between;gap:20px;margin-top:16px;color:var(--ash);flex-wrap:wrap}
@media (max-width:640px){.film__frame{aspect-ratio:4/3}}

/* ------------------------------------------------------------ case: screens */
.screens{padding-block:var(--sec);border-top:1px solid var(--line)}
.screens__pin{position:relative}
.screens__stage{display:grid;grid-template-columns:1fr minmax(200px,.3fr);gap:clamp(18px,3vw,48px);align-items:start}
.sframe{position:relative;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:#0b0b0d}
.sframe__view{height:min(76vh,780px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ash3) transparent}
.sframe--mob{border-radius:28px;padding:9px}
.sframe--mob .sframe__view{border-radius:20px;height:min(70vh,680px)}
.sframe img{width:100%;height:auto;display:block}
.screens__hint{color:var(--ash);margin-top:14px}
/* the frames are cut only while the scroll timeline drives them (aaro.js sets .is-pinned); otherwise they scroll on their own */
@media (min-width:901px){.js .screens__pin.is-pinned .sframe__view{overflow:hidden}}
/* without the script: no pinned screens and no oil to touch, so those hints would promise too much */
html:not(.js) .screens__hint .hint-m,html:not(.js) .hero__cue{display:none}
@media not all and (pointer:coarse){html:not(.js) .screens__hint .hint-t{display:none}}
@media (max-width:900px){.screens__stage{grid-template-columns:1fr}.sframe--mob{max-width:300px;margin:0 auto}.sframe__view{height:70vh}}

/* ------------------------------------------------------------ case: brand */
.brand{padding-block:var(--sec);border-top:1px solid var(--line)}
.brand__grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:clamp(16px,2.4vw,40px);align-items:stretch}
.swatches{display:grid;grid-template-rows:repeat(4,1fr);gap:6px;min-height:420px}
.sw{background:var(--c);color:var(--tc);box-shadow:inset 0 0 0 1px var(--line);display:flex;justify-content:space-between;align-items:flex-end;padding:14px 16px;text-align:left;transition:transform .5s var(--ease)}
.sw:hover{transform:translateX(8px)}
.sw.is-copied::after{content:"✓";margin-left:8px}
.spec{border:1px solid var(--line);padding:clamp(20px,2.4vw,36px);display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:420px}
.spec__aa{font-size:clamp(90px,11vw,190px);line-height:.9;color:var(--bone)}
.spec__name{color:var(--ash)}
.spec__sample{font-size:clamp(22px,2.2vw,36px);line-height:1.1;overflow-wrap:anywhere}
.brand__cover{margin:0;position:relative;overflow:hidden;min-height:420px}
.brand__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:1000px){.brand__grid{grid-template-columns:1fr 1fr}.brand__cover{grid-column:1/-1;aspect-ratio:4/5;min-height:0}}
@media (max-width:600px){.brand__grid{grid-template-columns:1fr}.swatches,.spec{min-height:320px}}

/* ------------------------------------------------------------ case: next */
.next{position:relative;border-top:1px solid var(--line)}
.next__a{position:relative;display:block;height:clamp(420px,70vh,760px);overflow:hidden}
.next__a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.6s var(--ease),filter 1s;filter:brightness(.55) saturate(.9)}
.next__a:hover img{transform:scale(1);filter:brightness(.8)}
.next__in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(30px,5vw,60px)}
.next__lbl{color:var(--ember2);margin-bottom:16px}
.next__name{font-size:clamp(min(44px,calc(var(--inner) / 7.6)),8vw,140px);line-height:.92;margin-bottom:12px}
.next__type{color:#d6d0c6;max-width:46ch}
.casenav{display:flex;justify-content:space-between;gap:20px;padding-block:26px;color:var(--ash);flex-wrap:wrap}
.casenav a:hover{color:var(--bone)}

/* ------------------------------------------------------------ services page */
.sblk{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,110px);align-items:center;padding-block:clamp(70px,9vw,150px);border-top:1px solid var(--line)}
.sblk:nth-child(even) .sblk__media{order:-1}
.sblk__n{color:var(--ember2);margin-bottom:22px;display:block}
.sblk__t{font-size:clamp(min(34px,calc(var(--inner) / 9.9)),4.6vw,76px);margin-bottom:24px}
.sblk__d{color:#cfc9bf;margin-bottom:30px;max-width:52ch}
.sblk__h{color:var(--ash2);margin-bottom:12px}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 26px;padding:0}
.tags li{border:1px solid var(--line2);padding:6px 10px;font-size:13px;color:#cfc9bf}
.sblk__seen{display:flex;flex-wrap:wrap;gap:6px 18px}
.sblk__seen a{color:var(--bone);border-bottom:1px solid var(--line2)}
.sblk__seen a:hover{color:var(--ember2);border-color:var(--ember)}
.sblk__media .frame,.sblk__media .phone{width:100%}
.sblk__media .phone{max-width:280px;margin:0 auto}
@media (max-width:900px){.sblk{grid-template-columns:minmax(0,1fr)}.sblk:nth-child(even) .sblk__media{order:0}}

/* ------------------------------------------------------------ studio */
.prs{padding-block:var(--sec)}
.prs__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.pr{padding:34px 30px 40px 0;border-bottom:1px solid var(--line);position:relative}
.pr:not(:nth-child(3n)){border-right:1px solid var(--line);padding-right:30px}
.pr:not(:nth-child(3n+1)){padding-left:30px}
.pr__n{color:var(--ember2);display:block;margin-bottom:26px}
.pr__t{font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 260;text-transform:uppercase;font-size:clamp(18px,1.7vw,26px);line-height:1.12;margin-bottom:14px}
.pr__t:lang(zh),.pr__t :lang(zh){font-family:var(--ff-zh);font-weight:400}
.pr__d{color:var(--ash);font-size:15px}
@media (max-width:1000px){.prs__list{grid-template-columns:1fr 1fr}.pr{padding:30px 20px 34px!important;border-right:0!important}.pr:nth-child(odd){border-right:1px solid var(--line)!important}}
@media (max-width:600px){.prs__list{grid-template-columns:1fr}.pr,.pr:nth-child(odd){padding:28px 0 30px!important;border-right:0!important}}
.three{padding-block:var(--sec);border-top:1px solid var(--line)}
.three__list{list-style:none;margin:0;padding:0}
.three__list li{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline}
.three__tag{color:var(--ember2)}
.three__t{font-size:clamp(24px,3.6vw,60px);line-height:1.05}
.niches{padding-block:var(--sec);border-top:1px solid var(--line)}
.niches__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.niches__list li{border:1px solid var(--line2);padding:12px 18px;font-family:var(--ff-d);font-variation-settings:'wdth' 140,'wght' 280;text-transform:uppercase;font-size:clamp(14px,1.3vw,18px)}
.niches__list li :lang(zh){font-family:var(--ff-zh);font-weight:400}
.nums{padding-block:var(--sec);border-top:1px solid var(--line)}
.nums__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.num__v{display:block;font-size:clamp(min(64px,calc((var(--inner) - 20px) / 6)),9vw,160px);line-height:.9;margin-bottom:14px;font-variant-numeric:tabular-nums}
.num__t{color:var(--ash);font-size:15px;max-width:24ch;display:block}
@media (max-width:800px){.nums__list{grid-template-columns:1fr 1fr;gap:40px 20px}}

/* ------------------------------------------------------------ contact */
.contact{padding-block:clamp(40px,6vw,90px) var(--sec)}
.contact__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(40px,7vw,120px)}
.contact__bd{color:#bdb6ab;margin-bottom:28px;max-width:56ch}
.chans{list-style:none;margin:0 0 50px;padding:0;border-top:1px solid var(--line)}
.chan{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}
.chan__k{grid-column:1/-1;color:var(--ash2)}
.chan__v{font-family:var(--ff-d);font-variation-settings:'wdth' 125,'wght' 300;font-size:clamp(18px,1.8vw,26px);overflow-wrap:anywhere}
a.chan__v{transition:color .3s}
a.chan__v:hover,a.chan__v:focus-visible{color:var(--ember2)}
.chan__copy{display:flex;align-items:center;gap:8px;color:var(--ash);font-family:var(--ff-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px}
.chan__copy:hover{color:var(--bone)}
.chan__copy .ico{width:16px;height:16px}
.socs{display:flex;flex-direction:column}
.socs a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--ff-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.socs a:hover{color:var(--bone)}
@media (max-width:900px){.contact__grid{grid-template-columns:1fr}}

/* ------------------------------------------------------------ brief */
.brief--modal{position:fixed;inset:0;z-index:100;background:rgba(3,3,4,.96);overflow:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top,0px) + 20px) var(--gut) calc(env(safe-area-inset-bottom,0px) + 30px);display:flex}
.brief__wrap{width:100%;max-width:980px;margin:auto;padding-block:30px}
.brief__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(30px,5vw,60px);flex-wrap:wrap}
.brief__brand{display:flex;align-items:center;gap:12px;color:var(--ash)}
.brief__brand i{width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember)}
.bprog{display:flex;align-items:center;gap:14px;flex:1;max-width:340px}
.bprog__n{color:var(--ash);font-variant-numeric:tabular-nums;white-space:nowrap}
.bprog__bar{flex:1;height:1px;background:var(--line2);position:relative}
.bprog__bar i{position:absolute;left:0;top:0;height:1px;width:calc(var(--p,.25) * 100%);background:var(--ember);box-shadow:0 0 8px var(--ember);transition:width .6s var(--ease)}
.bprog__bar i::after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 6px var(--emberhot),0 0 14px var(--ember)}
.xbtn{display:flex;align-items:center;gap:10px;font-family:var(--ff-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);padding:10px 0}
.xbtn:hover{color:var(--bone)}
.xbtn .ico{width:18px;height:18px}
.bq{font-family:var(--ff-d);font-variation-settings:'wdth' 151,'wght' 240;text-transform:uppercase;font-size:clamp(28px,4vw,58px);line-height:1;margin-bottom:14px;outline:none}
.bq:lang(zh),.bq :lang(zh){font-family:var(--ff-zh);font-weight:300;letter-spacing:.05em;line-height:1.2}
.bd{color:var(--ash);margin-bottom:34px;max-width:56ch}
.bopts{display:flex;flex-wrap:wrap;gap:8px}
.bopts--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bopt{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px;border:1px solid var(--line2);cursor:pointer;transition:border-color .3s,background .3s;min-height:58px}
.bopt input{position:absolute;opacity:0;width:1px;height:1px}
.bopt__box{width:14px;height:14px;border:1px solid var(--ash);flex:none;position:relative;transition:border-color .3s}
.bopt input[type=radio]+.bopt__box{border-radius:50%}
.bopt input:checked+.bopt__box{border-color:var(--ember)}
.bopt input:checked+.bopt__box::after{content:"";position:absolute;inset:3px;background:var(--ember);box-shadow:0 0 8px var(--ember)}
.bopt input[type=radio]:checked+.bopt__box::after{border-radius:50%}
.bopt:has(input:checked){border-color:var(--ember);background:rgba(192,24,47,.06)}
.bopt:has(input:focus-visible){outline:1.5px solid var(--ember);outline-offset:3px}
.bopt__t{font-size:15px;line-height:1.3}
.bfield{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.bfield>label,.blbl{font-family:var(--ff-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.bfield>label :lang(zh),.blbl :lang(zh){font-family:var(--ff-zh)}
.bfield input,.bfield textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(233,228,219,.42);padding:12px 0;font-size:18px;color:var(--bone);outline:none;border-radius:0;transition:border-color .3s}
.bfield textarea{resize:vertical;min-height:90px;line-height:1.5}
.bfield input:focus,.bfield textarea:focus{border-color:var(--ember);box-shadow:0 1px 0 var(--ember)}
.bfield input::placeholder,.bfield textarea::placeholder{color:var(--ash);opacity:1}
.bfield.is-err input,.bfield.is-err textarea{border-color:#ff7b86}
/* consent row (step 4): a plain checkbox line, lighter than the answer options */
.bconsent{margin-top:4px}
.bopt.bopt--consent{align-items:flex-start;gap:12px;padding:4px 0;min-height:0;border:0;background:none;font-family:var(--ff-b);letter-spacing:normal;text-transform:none}
.bopt--consent:has(input:checked){background:none}
.bopt--consent .bopt__box{margin-top:3px}
.bopt--consent .bopt__t{min-width:0;font-size:13.5px;line-height:1.5;color:var(--ash)}
.bopt--consent .bopt__t:lang(zh),.bopt--consent .bopt__t :lang(zh){font-size:14px}
.bopt--consent a{color:var(--bone);text-decoration:underline;text-decoration-color:var(--ember);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .3s}
.bopt--consent a:hover,.bopt--consent a:focus-visible{color:var(--emberhot)}
.bconsent.is-err .bopt__box{border-color:#ff7b86;box-shadow:0 0 0 1px #ff7b86}
.berr{color:#ff9aa2;font-size:13px;min-height:1em}
.bgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.brief__foot{display:flex;justify-content:space-between;gap:12px;margin-top:40px;flex-wrap:wrap}
.brief__foot .bnext{margin-left:auto}
.bdone__t{margin-bottom:10px}
.bmsg{white-space:pre-wrap;font-family:var(--ff-m);font-size:12.5px;line-height:1.7;color:#cfc9bf;background:var(--tar3);border:1px solid var(--line);padding:20px;max-height:300px;overflow:auto;margin:24px 0}
.bact{display:flex;flex-wrap:wrap;gap:10px}
.bstate{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--ember2)}
.bstate i{width:9px;height:9px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px var(--ember)}
.bsending .bnext{pointer-events:none;opacity:.6}
.brief--inline{border:1px solid var(--line);padding:clamp(22px,3vw,44px);background:var(--tar2)}
@media (max-width:700px){.bopts--grid{grid-template-columns:1fr 1fr}.bgrid{grid-template-columns:1fr}.brief__foot .btn{flex:1;justify-content:center}}
@media (max-width:400px){.bopts--grid{grid-template-columns:1fr}}

/* ------------------------------------------------------------ toast */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:140;transform:translate(-50%,20px);opacity:0;background:var(--bone);color:var(--tar);padding:12px 18px;font-family:var(--ff-m);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;transition:opacity .3s,transform .4s var(--ease);pointer-events:none;max-width:calc(100vw - 32px)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ------------------------------------------------------------ reveal helpers (only when scripts run) */
.js .rv{opacity:0;transform:translateY(26px)}
.js .rv.is-in{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1.1s var(--ease)}
.js .ch-mask{display:inline-block;overflow:hidden;vertical-align:top}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}}

/* ------------------------------------------------------------ entrance (CSS, so nothing waits on scripts) */
@keyframes ln{from{transform:translateY(112%)}to{transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.js .hero__t .ln>span{animation:ln 1.3s var(--ease) .3s both}
.js .hero__t .ln:nth-child(2)>span{animation-delay:.42s}
.js .hero__t .ln:nth-child(3)>span{animation-delay:.54s}
.js .hero__hud,.js .hero__sub,.js .hero__cta,.js .hero__cue{animation:rise 1s var(--ease) .8s both}
.js .phead__t,.js .chero__name{animation:rise 1.2s var(--ease) .15s both}
.js .phead .lbl,.js .phead__row,.js .chero__ep,.js .chero__type,.js .chero__meta,.js .chero__top{animation:rise 1s var(--ease) .4s both}
.intro .hero__t .ln>span,.cut-in .hero__t .ln>span,.intro .hero__hud,.intro .hero__sub,.intro .hero__cta,.intro .hero__cue,
.cut-in .hero__hud,.cut-in .hero__sub,.cut-in .hero__cta,.cut-in .hero__cue,.cut-in .phead__t,.cut-in .chero__name,.cut-in .phead .lbl,.cut-in .phead__row,
.cut-in .chero__ep,.cut-in .chero__type,.cut-in .chero__meta,.cut-in .chero__top{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.js .hero__t .ln>span,.js .hero__hud,.js .hero__sub,.js .hero__cta,.js .hero__cue,.js .phead__t,.js .chero__name,.js .phead .lbl,.js .phead__row,.js .chero__ep,.js .chero__type,.js .chero__meta,.js .chero__top{animation:none}}
/* reduced motion: the endless pulses and drips stand still too */
@media (prefers-reduced-motion:reduce){.hero__hud i,.hero__cue i::after,.vhud i,.film__hud i,.chr__row--next::before,.logo:hover .mk__dot{animation:none}.hero__cue i::after{top:8px}}
/* failsafe state: aaro.js did not finish (the inline head script removed .js, .intro, .cut-in).
   Anything the animation library had already hidden is shown again. */
html:not(.js) main [style*="opacity"],html:not(.js) .ftr [style*="opacity"]{opacity:1!important;transform:none!important}
.film__frame.is-gl img{opacity:0}
.cjk{font-family:var(--ff-zh)!important;font-weight:300!important;letter-spacing:.04em;text-transform:none;font-variation-settings:normal!important}

/* honeypot: off-screen, never focusable */
.bhp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* 404: connection lost */
.lost{display:grid;align-items:center;height:auto;min-height:100vh;min-height:100svh;padding-block:calc(var(--hdr) + 48px) 96px}
.lost__wrap{position:relative;z-index:2;width:100%}
.lost__in{display:grid;gap:22px;max-width:820px}
.lost__n{margin:0;color:var(--ember2);letter-spacing:.22em;text-transform:uppercase;font-size:12px}
.lost__t{margin:0;font-size:clamp(min(44px,calc(var(--inner) / 7.3)),7.4vw,128px);line-height:.9;text-wrap:balance}
.lost__d{margin:0;color:var(--ash);max-width:46ch;font-size:clamp(15px,1.25vw,19px);line-height:1.6}
.lost__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.lost__big{position:absolute;z-index:1;right:-1vw;bottom:-5vw;font-size:clamp(170px,36vw,600px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(233,228,219,.1);pointer-events:none;user-select:none;white-space:nowrap}

/* studio: chronicle 2019–2026 */
.chr{padding-block:var(--sec);border-top:1px solid var(--line)}
.chr__list{list-style:none;margin:0;padding:0;position:relative}
.chr__list::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(var(--ember),var(--line) 30%,var(--line) 70%,transparent)}
.chr__row{position:relative;display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(0,2fr) minmax(0,2fr);gap:clamp(16px,3vw,48px);align-items:baseline;padding:clamp(22px,2.6vw,36px) 0 clamp(22px,2.6vw,36px) clamp(22px,3vw,48px);border-bottom:1px solid var(--line)}
.chr__row::before{content:"";position:absolute;left:-3.5px;top:calc(clamp(22px,2.6vw,36px) + .55em);width:8px;height:8px;border-radius:50%;background:var(--tar);border:1px solid var(--ember);box-shadow:0 0 0 3px var(--tar)}
.chr__row:hover::before{background:var(--ember);box-shadow:0 0 0 3px var(--tar),0 0 14px var(--ember)}
.chr__y{font-size:clamp(40px,5.4vw,92px);line-height:.9;font-variant-numeric:tabular-nums;color:var(--bone)}
.chr__d{margin:0;color:#cfc9bf;max-width:46ch}
.chr__eps{margin:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.chr__eps a{display:inline-flex;gap:10px;align-items:baseline;color:var(--bone);border-bottom:1px solid var(--line2);padding-bottom:3px;transition:color .3s,border-color .3s}
.chr__eps a .mono{color:var(--ember2);font-size:11px;letter-spacing:.12em}
.chr__eps a:hover{color:var(--ember2);border-color:var(--ember)}
@media (max-width:900px){.chr__row{grid-template-columns:1fr;gap:10px}}

/* studio numbers: six cells */
.nums__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
@media (max-width:800px){.nums__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}}

/* awards (rendered only when there are real ones) */
.awds{padding-block:var(--sec);border-top:1px solid var(--line)}
.awds__list{list-style:none;margin:28px 0 0;padding:0}
.awd{display:grid;grid-template-columns:90px minmax(0,2fr) minmax(0,1fr) 30px;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.awd__y{color:var(--ember2)}
.awd__t{font-size:clamp(18px,1.6vw,24px)}
.awd__p{color:var(--ash)}
@media (max-width:640px){.awd{grid-template-columns:70px minmax(0,1fr);}.awd__p{grid-column:2}}

.chr__row--next .chr__y{color:transparent;-webkit-text-stroke:1px var(--ember2)}
.chr__row--next::before{background:var(--ember);box-shadow:0 0 0 3px var(--tar),0 0 14px var(--ember);animation:ember-pulse 2s infinite}
.chr__brief{display:inline-flex;gap:10px;align-items:baseline;color:var(--bone);border-bottom:1px solid var(--ember);padding:0 0 3px;background:none;font:inherit;cursor:pointer}
.chr__brief .mono{color:var(--ember2);font-size:11px;letter-spacing:.12em}
.chr__brief:hover{color:var(--ember2)}

/* concept label */
.tag-concept{display:inline-flex;align-items:center;height:20px;padding:0 8px;border:1px solid var(--line2);color:var(--ash);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.ftr__base{flex-wrap:wrap;gap:8px 24px}
.ftr__concept{color:var(--ash2)}
.ftr__doc{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .3s,text-decoration-color .3s}
.ftr__doc:hover,.ftr__doc:focus-visible{color:var(--bone);text-decoration-color:var(--ember)}

/* founder */
.fnd{padding-block:var(--sec);border-top:1px solid var(--line)}
.fnd__d{max-width:34em;margin:0 0 28px}

/* ------------------------------------------------------------ print: light paper, dark text, no chrome */
@media print{
  :root{color-scheme:light;--sec:32px;--hdr:0px}
  @page{margin:14mm}
  html,body{background:#fff!important;color:#111!important}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .sw{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body *:not(.sw):not(.sw *){background:transparent!important;color:#111!important;text-shadow:none!important;box-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important}
  .grain,.embers,.cur,.pre,.cut,.hdr,.skip,.menu,.brief--modal,.brief--inline,.toast,.svc-prev,.idx__prev,.strip,.reel,.sim,.sblk__media,.next,.lost__big,.ftr__mark,.ftr__btns,
  .cta__glow,.phead__glow,.route__map,.route__dot,.hero__gl,.hero__poster,.hero__shade,.hero__hud,.hero__cue,.hero__cta,.cta__btns,.lost__btns,
  .chero__gl,.chero__shade,.chero__top,canvas,video,.vbtn,.vhud,.film__hud,.screens__hint,.ctrl,.chan__copy,.bhp{display:none!important}
  .hero,.chero,.reel__pin,.lost{height:auto!important;min-height:0!important}
  .hero__in,.chero__in{height:auto;padding-top:0}
  .chero__img{position:static;height:auto;max-height:110mm;object-fit:contain;margin-bottom:8mm}
  .chero__img,.film__frame img{opacity:1!important;visibility:visible!important;transform:none!important}
  .film__frame{clip-path:none!important}
  .phead{padding-top:0}
  .cta{padding-block:24px}
  .rv,.wp,.hero__t .ln>span,.hero__sub,.phead__t,.phead .lbl,.phead__row,.chero__name,.chero__ep,.chero__type,.chero__meta,[style*="opacity"]{opacity:1!important;transform:none!important}
  .sframe__view{overflow:hidden!important}
  .row,.card,.chan,.pr,.wp,.chr__row,.dlv li,.num{break-inside:avoid}
  h1,h2,h3{break-after:avoid}
}