*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:'Bebas Neue';src:url('fonts/bebas_neue.ttf')}
@font-face{font-family:'Archivo Black';src:url('fonts/archivo_black.ttf')}
@font-face{font-family:'Barlow Condensed';src:url('fonts/barlowcondensed_regular.ttf');font-weight:400}
@font-face{font-family:'Barlow Condensed';src:url('fonts/barlowcondensed_medium.ttf');font-weight:500}
@font-face{font-family:'Barlow Condensed';src:url('fonts/barlowcondensed_semibold.ttf');font-weight:600}
@font-face{font-family:'Barlow Condensed';src:url('fonts/barlowcondensed_bold.ttf');font-weight:700}
:root{
 --bg:#0A0A0E;--ink:#F8F8FC;--sub:#BEBECA;--dim:#9698A2;--acc:#A78BFA;--accink:#120E1C;--danger:#FF8C8C;
 --f-disp:'Archivo Black','DejaVu Sans',sans-serif;--f-cond:'Barlow Condensed','DejaVu Sans Condensed',sans-serif;--f-body:'DejaVu Sans',sans-serif;
}
html{background:var(--bg)}
body{width:100%;min-height:100vh;margin:0;background:var(--bg);color:var(--ink);
 font-family:var(--f-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,.disp{font-family:var(--f-disp);font-weight:400}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
/* ---------- wall backdrop ---------- */
.wall{position:fixed;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:38vh;
 filter:blur(14px) brightness(.38);z-index:0}
.wall img{width:100%;height:38vh;object-fit:cover}
.wall::after{content:'';position:absolute;inset:0;background:rgba(8,8,12,.62)}
.scrim-dark .wall{filter:blur(12px) brightness(.26)}
/* ---------- top bar ---------- */
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:48px;height:76px;
 padding:0 40px;background:rgba(10,10,14,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 border-bottom:1px solid rgba(255,255,255,.10)}
.topbar .brand{font-family:var(--f-disp);font-size:30px;font-weight:900;letter-spacing:2px}
.topbar nav{display:flex;align-items:center;gap:8px}
.topbar nav a{position:relative;padding:10px 16px;font-family:var(--f-disp);font-size:22px;font-weight:600;
 letter-spacing:1px;color:var(--dim);border-radius:10px}
.topbar nav a:hover{color:var(--ink)}
.topbar nav a.active{color:var(--ink)}
.topbar nav a.active::after{content:'';position:absolute;left:16px;right:16px;bottom:2px;height:3px;
 border-radius:2px;background:var(--acc)}
/* ---------- generic ---------- */
.page{position:relative;z-index:1;padding:36px 40px 70px}
.rowtitle{font-family:var(--f-disp);font-size:34px;font-weight:700;margin-bottom:32px}
.glass{background:rgba(255,255,255,.10);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
 border:2px solid rgba(255,255,255,.24);border-radius:28px}
.chip{display:inline-flex;align-items:center;height:48px;padding:0 18px;margin-right:14px;cursor:pointer;
 border-radius:24px;background:rgba(255,255,255,.14);color:var(--sub);font-size:24px;font-weight:600;border:none;font-family:var(--f-disp)}
.chip.on{background:rgba(167,139,250,.28);color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:20px;height:75px;padding:0 38px;border:none;cursor:pointer;
 border-radius:37px;font-size:30px;font-weight:800;letter-spacing:1px;font-family:var(--f-disp)}
.btn.acc{background:var(--acc);color:var(--accink)}
.btn.ghost{background:rgba(255,255,255,.16);color:var(--ink)}
.btn:focus-visible{outline:5px solid #EBE4FF;outline-offset:4px}
.card{border-radius:16px;box-shadow:0 14px 26px 2px rgba(0,0,0,.55)}
.cardname{font-family:var(--f-disp);font-size:28px;font-weight:700;margin-top:14px}
.cardsub{font-size:24px;color:var(--dim);margin-top:6px}
.prog{position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.22);overflow:hidden}
.prog i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--acc)}
.nores{margin-top:40px;font-size:28px;color:var(--dim)}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:36px}
.grid5 img{width:100%;aspect-ratio:7/10;object-fit:cover}
.grid5.wrap{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
/* ---------- splash ---------- */
.splash{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.splash h1{font-size:110px;letter-spacing:6px}
.splash .sub{font-size:34px;font-weight:600;color:var(--acc);margin-top:6px;letter-spacing:8px}
.splash .prog{width:440px;max-width:70vw;height:10px;margin-top:56px}
.splash .state{font-size:26px;color:var(--dim);margin-top:22px}
/* ---------- login ---------- */
.loginwrap{position:relative;z-index:1;display:flex;justify-content:center;padding:0 20px}
.login{width:800px;max-width:94vw;margin-top:8vh;display:flex;flex-direction:column;align-items:center;padding:56px}
.login h1{font-size:72px;letter-spacing:3px}
.login .lead{font-size:30px;font-weight:500;color:var(--sub);margin-top:8px;text-align:center}
.gbtn{display:flex;align-items:center;justify-content:center;gap:24px;width:640px;max-width:100%;height:100px;margin-top:52px;
 border-radius:50px;background:var(--ink);color:#1E1E26;font-size:30px;font-weight:700}
.gbtn .g{width:52px;height:52px;border:4px solid #9698A2;border-radius:50%;display:flex;align-items:center;
 justify-content:center;font-weight:800;color:#5A5A64}
.or{display:flex;align-items:center;gap:36px;width:640px;max-width:100%;margin-top:44px;color:var(--dim);font-size:26px;font-weight:500}
.or::before,.or::after{content:'';flex:1;height:3px;background:var(--dim)}
.lform{display:flex;flex-direction:column;align-items:center;width:640px;max-width:100%}
.field{width:100%;height:90px;margin-top:26px;border:none;border-radius:22px;background:rgba(255,255,255,.11);
 padding:0 40px;font-size:28px;font-weight:500;color:var(--ink);display:flex;align-items:center}
input.field{color:var(--ink);outline:none}
input.field::placeholder{color:var(--dim)}
.signin{width:100%;height:100px;margin-top:30px;border-radius:22px;justify-content:center}
/* ---------- home hero ---------- */
.hero{position:relative;height:520px}
.hero img.heroimg{position:absolute;left:0;top:0;width:100%;height:520px;object-fit:cover}
.hero .fade{position:absolute;left:0;top:0;width:100%;height:520px;
 background:linear-gradient(180deg,rgba(10,10,14,.16) 0%,rgba(10,10,14,.98) 100%)}
.hero .meta{position:absolute;left:40px;top:264px;z-index:2;right:40px}
.hero h1{font-size:68px;letter-spacing:2px}
.hero .chips{margin-top:22px}
.hero .btn{margin-top:24px}
.cw{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cw img{width:100%;aspect-ratio:16/9;object-fit:cover}
.cw .prog{margin:14px 12px 0 12px}
/* ---------- stacked cards (mobile parity) ---------- */
.stacked{position:relative;height:560px;margin-top:10px;overflow:hidden}
.stkcard{position:absolute;left:50%;top:0;width:420px;height:560px;border-radius:18px;object-fit:cover;
 box-shadow:0 18px 40px 4px rgba(0,0,0,.6);cursor:pointer;
 transition:transform .3s ease,opacity .3s ease}
.stkcard.c{transform:translateX(-50%) scale(1);z-index:3}
.stkcard.l{transform:translateX(-118%) scale(.83) rotate(-11deg);z-index:2;opacity:.8}
.stkcard.r{transform:translateX(18%) scale(.83) rotate(11deg);z-index:2;opacity:.8}
.stkcard.off{opacity:0;pointer-events:none;z-index:1}
.stkname{text-align:center;margin-top:18px;font-family:var(--f-disp);font-size:30px;font-weight:700}
/* ---------- search ---------- */
.searchbar{display:flex;align-items:center;gap:30px;height:100px;padding:0 40px;border-radius:50px}
.searchbar .mag{width:36px;height:36px;flex:none;border:6px solid var(--sub);border-radius:50%;position:relative}
.searchbar .mag::after{content:'';position:absolute;right:-16px;bottom:-14px;width:22px;height:6px;background:var(--sub);transform:rotate(45deg)}
.searchinput{flex:1;background:none;border:none;outline:none;color:var(--ink);font-size:32px;font-weight:500;font-family:var(--f-body)}
.searchinput::placeholder{color:var(--dim)}
/* ---------- details ---------- */
.dbg{position:fixed;inset:0;z-index:0}
.dbg img{width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(.85)}
.dbg::after{content:'';position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(10,10,14,.94) 0%,rgba(10,10,14,.62) 45%,rgba(10,10,14,.25) 100%),
 linear-gradient(180deg,rgba(10,10,14,.10) 0%,rgba(10,10,14,.95) 100%)}
.detail{position:relative;z-index:1;padding:60px 40px 60px;display:grid;
 grid-template-columns:minmax(0,1fr) 700px;gap:40px}
.detail .dleft h1{font-size:80px;letter-spacing:2px;margin-top:40px}
.detail .genre{font-family:var(--f-disp);font-size:30px;font-weight:700;color:var(--acc);margin-top:10px}
.detail .syn{font-size:28px;font-weight:500;color:var(--sub);margin-top:14px;line-height:1.55;max-width:900px}
.detail .dlow{display:flex;gap:30px;align-items:flex-start;margin-top:60px}
.detail .poster{width:280px;border-radius:20px}
.detail .actions{display:flex;gap:24px;align-items:center;padding-top:34px;flex-wrap:wrap}
.eps .row{display:flex;align-items:center;gap:26px;margin-top:26px}
.eps img{width:190px;height:107px;object-fit:cover;border-radius:12px}
.eps .ep{font-family:var(--f-disp);font-size:28px;font-weight:700}
.eps .dur{font-size:24px;color:var(--dim);margin-top:8px}
/* ---------- player ---------- */
.player .dbg::after{background:linear-gradient(180deg,rgba(10,10,14,.24) 0%,rgba(10,10,14,.10) 40%,rgba(10,10,14,.66) 100%)}
.ptitle{position:absolute;left:40px;top:40px;z-index:2}
.ptitle h2{font-size:40px;font-weight:700}
.ptitle .ep{font-size:28px;font-weight:500;color:var(--sub);margin-top:6px}
.backbtn{position:absolute;right:40px;top:44px;z-index:2;font-family:var(--f-disp);font-size:24px;font-weight:700;
 color:var(--sub);padding:10px 20px;border-radius:12px;background:rgba(12,12,18,.6)}
.ctrls{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:170px;z-index:2}
.ctrl{width:116px;height:116px;border-radius:50%;background:rgba(12,12,18,.75);border:2px solid rgba(255,255,255,.28);
 display:flex;align-items:center;justify-content:center;fill:var(--sub);cursor:pointer}
.ctrl svg{width:56px;height:56px}
.ctrl.focus{outline:5px solid #EBE4FF;box-shadow:0 0 26px 8px rgba(167,139,250,.78)}
.seekwrap{position:absolute;left:60px;right:60px;bottom:48px;z-index:2}
.seekwrap .prog{height:10px}
.seektimes{display:flex;justify-content:space-between;margin-top:18px;font-size:26px;font-weight:500;color:var(--sub)}
/* ---------- saved / more / profiles / downloads ---------- */
.bighead{font-family:var(--f-disp);font-size:54px;font-weight:900;letter-spacing:1px}
.filters{margin-top:20px}
.sv{display:grid;grid-template-columns:repeat(5,1fr);gap:36px;margin-top:44px}
.sv img{width:100%;aspect-ratio:7/10;object-fit:cover}
.svprog{margin:12px 14px 0 14px}
.profilecard{display:flex;align-items:center;gap:50px;min-height:230px;margin-top:26px;padding:30px 50px}
.avatar{width:100px;height:100px;flex:none;border-radius:50%;background:rgba(167,139,250,.36);border:4px solid var(--acc);
 display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:800}
.profilecard .nm{font-family:var(--f-disp);font-size:40px;font-weight:700}
.profilecard .em{font-size:28px;font-weight:500;color:var(--sub);margin-top:6px}
.menurow{display:flex;align-items:center;justify-content:space-between;min-height:104px;margin-top:22px;padding:14px 50px;
 border-radius:22px;background:rgba(255,255,255,.09);cursor:pointer}
.menurow .lbl{font-family:var(--f-disp);font-size:34px;font-weight:700}
.menurow .lbl.danger{color:var(--danger)}
.menurow .val{font-size:26px;font-weight:500;color:var(--dim);margin-right:26px}
.menurow .go{display:flex;align-items:center;color:var(--dim)}
.menurow .go svg{width:22px;height:22px;fill:var(--dim)}
.profiles{display:grid;grid-template-columns:repeat(4,1fr);gap:44px;margin-top:60px}
.profcard{display:flex;flex-direction:column;align-items:center;gap:22px;cursor:pointer}
.profcard .avatar{width:170px;height:170px;font-size:72px;border-radius:26px}
.profcard .pn{font-family:var(--f-disp);font-size:30px;font-weight:700}
.profcard .avatar.add{background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.3);color:var(--dim)}
/* ---------- tablet ---------- */
@media (max-width:1200px){
 .detail{grid-template-columns:1fr}
 .detail .dlow{margin-top:30px}
 .eps{margin-top:20px}
 .grid5{grid-template-columns:repeat(3,1fr)}
 .sv{grid-template-columns:repeat(3,1fr)}
 .profiles{grid-template-columns:repeat(3,1fr)}
 .hero{height:420px}.hero img.heroimg,.hero .fade{height:420px}.hero .meta{top:200px}
 .hero h1{font-size:52px}
}
/* ---------- phone ---------- */
@media (max-width:700px){
 .topbar{gap:8px;height:60px;padding:0 10px;overflow-x:auto}
 .topbar .brand{font-size:20px;letter-spacing:1px}
 .topbar nav a{font-size:14px;padding:8px 8px}
 .page{padding:24px 14px 60px}
 .rowtitle{font-size:22px;margin-bottom:18px}
 .hero{height:300px}.hero img.heroimg,.hero .fade{height:300px}
 .hero .meta{left:14px;right:14px;top:130px}
 .hero h1{font-size:32px}
 .hero .chips .chip{font-size:14px;height:30px;padding:0 10px}
 .hero .btn{height:46px;font-size:17px;padding:0 22px;border-radius:23px;gap:10px}
 .cw{grid-template-columns:repeat(2,1fr);gap:12px}
 .grid5,.grid5.wrap{grid-template-columns:repeat(2,1fr);gap:12px}
 .sv{grid-template-columns:repeat(2,1fr);gap:12px}
 .cardname{font-size:17px}.cardsub{font-size:14px}
 .stacked{height:330px}.stkcard{width:240px;height:330px}
 .searchbar{height:56px;padding:0 18px;gap:14px}
 .searchbar .mag{width:18px;height:18px;border-width:3px}
 .searchinput{font-size:17px}
 .detail{padding:24px 14px 60px}
 .detail .dleft h1{font-size:34px;margin-top:10px}
 .detail .genre{font-size:16px}
 .detail .syn{font-size:16px;max-width:100%}
 .detail .dlow{margin-top:24px}
 .detail .poster{width:130px}
 .detail .actions{padding-top:10px;gap:12px}
 .detail .btn{height:46px;font-size:16px;padding:0 18px;border-radius:23px}
 .eps .row{gap:12px;margin-top:14px}
 .eps img{width:110px;height:62px}
 .eps .ep{font-size:15px}.eps .dur{font-size:13px}
 .bighead{font-size:26px}
 .profilecard{gap:18px;padding:18px}
 .profilecard .avatar{width:60px;height:60px;font-size:26px}
 .profilecard .nm{font-size:22px}.profilecard .em{font-size:15px}
 .menurow{padding:10px 18px;min-height:56px}
 .menurow .lbl{font-size:17px}.menurow .val{font-size:14px}
 .profiles{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:30px}
 .profcard .avatar{width:96px;height:96px;font-size:40px;border-radius:18px}
 .splash h1{font-size:52px}
 .splash .sub{font-size:15px;letter-spacing:4px}
 .login{padding:26px 18px}
 .login h1{font-size:42px}
 .login .lead{font-size:16px}
 .gbtn{height:60px;font-size:17px;gap:12px}
 .gbtn .g{width:30px;height:30px;border-width:3px}
 .or{font-size:14px;margin-top:24px}
 .field{height:52px;font-size:16px;padding:0 18px;margin-top:16px}
 .signin{height:56px;font-size:17px;margin-top:20px}
 .ptitle{left:14px;top:14px}
 .ptitle h2{font-size:20px}.ptitle .ep{font-size:14px}
 .backbtn{right:14px;top:16px;font-size:14px;padding:6px 12px}
 .ctrls{gap:40px}
 .ctrl{width:64px;height:64px}.ctrl svg{width:30px;height:30px}
 .seekwrap{left:14px;right:14px;bottom:24px}
 .seektimes{font-size:14px;margin-top:8px}
}

/* 12s letter-reveal wordmark (mobile LetterRevealWordmark parity) */
@keyframes wr0{0%,1.250%{opacity:0}2.917%,100%{opacity:1}}
@keyframes wr1{0%,2.583%{opacity:0}4.250%,100%{opacity:1}}
@keyframes wr2{0%,3.917%{opacity:0}5.583%,100%{opacity:1}}
@keyframes wr3{0%,5.250%{opacity:0}6.917%,100%{opacity:1}}
@keyframes wr4{0%,6.583%{opacity:0}8.250%,100%{opacity:1}}
@keyframes wr5{0%,7.917%{opacity:0}9.583%,100%{opacity:1}}
.wordmark span{opacity:0;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite}
.wordmark span:nth-child(1){animation-name:wr0}.wordmark span:nth-child(2){animation-name:wr1}
.wordmark span:nth-child(3){animation-name:wr2}.wordmark span:nth-child(4){animation-name:wr3}
.wordmark span:nth-child(5){animation-name:wr4}.wordmark span:nth-child(6){animation-name:wr5}
@media (prefers-reduced-motion:reduce){.wordmark span{animation:none;opacity:1}}

.noanim .wordmark span{animation:none!important;opacity:1}

/* ---------- spotlight hero (user-approved reference 17:34) ---------- */
.spot{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:26px 20px 10px;text-align:center}
.spot .kicker{font-family:var(--f-cond);font-weight:600;font-size:30px;letter-spacing:4px;color:var(--acc)}
.spot h1{font-family:'Bebas Neue',var(--f-disp);font-size:96px;letter-spacing:5px;margin-top:6px;line-height:1}
.spot .poster{width:400px;max-width:78vw;aspect-ratio:5/7;object-fit:cover;border-radius:24px;margin-top:26px;
 box-shadow:0 30px 60px 8px rgba(0,0,0,.65)}
.spot .actions{display:flex;gap:22px;margin-top:30px;flex-wrap:wrap;justify-content:center}
.pillbtn{display:inline-flex;align-items:center;gap:12px;height:66px;padding:0 36px;border-radius:33px;
 font-family:var(--f-cond);font-weight:700;font-size:27px;letter-spacing:1.5px;cursor:pointer;border:none}
.pillbtn.white{background:var(--ink);color:#14121C}
.pillbtn.line{background:transparent;color:var(--ink);border:3px solid rgba(248,248,252,.75)}
@media (max-width:700px){
 .spot .kicker{font-size:18px}
 .spot h1{font-size:56px;letter-spacing:3px}
 .spot .poster{border-radius:18px;margin-top:18px}
 .pillbtn{height:46px;font-size:17px;padding:0 22px;border-radius:23px}
}
@media (max-width:430px){
 .topbar{gap:6px;height:56px;padding:0 8px}
 .topbar .brand{font-size:17px;letter-spacing:.5px;flex:none}
 .topbar nav{gap:2px;flex:1;justify-content:space-between}
 .topbar nav a{font-size:12.5px;padding:8px 4px}
 .topbar nav a.active::after{left:4px;right:4px}
}

/* small-screen splash tagline fit (style unchanged) */
.splash .sub{white-space:nowrap;text-align:center}
@media (max-width:430px){
 .splash h1{font-size:44px;letter-spacing:4px}
 .splash .sub{font-size:12px;letter-spacing:2px}
}

/* small-screen splash tagline fit (style unchanged) */
.splash .sub{white-space:nowrap;text-align:center}
@media (max-width:430px){
 .splash h1{font-size:44px;letter-spacing:4px}
 .splash .sub{font-size:12px;letter-spacing:2px}
}

/* approved spoken intro (2026-11-05): letter fly-in assemble on the SPLASH page only.
   Topbar/header wordmarks keep the existing 12s opacity reveal (wr0-wr5) unchanged. */
.splash .wordmark{perspective:700px}
@keyframes sf0{0%,1.25%{opacity:0;transform:translateY(.4em) rotateX(65deg) scale(.7);filter:blur(.053em)}2.5%{opacity:1}5.17%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes sf1{0%,2.417%{opacity:0;transform:translateY(.4em) rotateX(65deg) scale(.7);filter:blur(.053em)}3.667%{opacity:1}6.33%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes sf2{0%,3.583%{opacity:0;transform:translateY(.4em) rotateX(65deg) scale(.7);filter:blur(.053em)}4.833%{opacity:1}7.5%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes sf3{0%,4.75%{opacity:0;transform:translateY(.4em) rotateX(65deg) scale(.7);filter:blur(.053em)}6.0%{opacity:1}8.67%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes sf4{0%,5.917%{opacity:0;transform:translateY(.4em) rotateX(65deg) scale(.7);filter:blur(.053em)}7.167%{opacity:1}9.83%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes sf5{0%,7.083%{opacity:0;transform:translateY(.4em) rotateX(65deg) scale(.7);filter:blur(.053em)}8.333%{opacity:1}11.0%,100%{opacity:1;transform:none;filter:blur(0)}}
.splash .wordmark span:nth-child(1){animation-name:sf0}.splash .wordmark span:nth-child(2){animation-name:sf1}
.splash .wordmark span:nth-child(3){animation-name:sf2}.splash .wordmark span:nth-child(4){animation-name:sf3}
.splash .wordmark span:nth-child(5){animation-name:sf4}.splash .wordmark span:nth-child(6){animation-name:sf5}
@media (prefers-reduced-motion:reduce){.splash .wordmark span{animation:none;opacity:1;transform:none;filter:none}}

/* approved intro composition, measured against the approved wide (1920x1080) and portrait (390x844)
   previews: Archivo Black wordmark 150px/60px, Barlow Condensed 600 tagline 30px/12.5px,
   6x3 collage wall blur(10px) brightness(.48) with rounded tiles, no overlay scrim, no progress bar. */
.splash h1{font-family:sans-serif;font-weight:700}
.splash .sub{font-family:sans-serif;font-weight:600;color:#8B7CFF;white-space:nowrap;animation:sftag 12s ease-out infinite}
@media (orientation:landscape){
 .splash h1{font-size:7.81vw;letter-spacing:.16vw;text-shadow:0 0 3.13vw rgba(139,124,255,.5)}
 .splash .sub{font-size:1.56vw;letter-spacing:.47vw;margin-top:1.15vw}
}
@media (orientation:portrait){
 .splash h1{font-size:15.38vw;letter-spacing:.51vw;text-shadow:0 0 7.69vw rgba(139,124,255,.5)}
 .splash .sub{font-size:3.21vw;letter-spacing:.9vw;margin-top:3.59vw}
}
@keyframes sftag{0%,11.33%{opacity:0;transform:translateY(1.4em)}16%,100%{opacity:1;transform:none}}
.intropage .wall{inset:-30px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:10px;padding:10px;filter:blur(10px) brightness(.48);animation:introwall 8s ease-in-out infinite alternate}
.intropage .wall img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.intropage .wall::after{display:none}
@keyframes introwall{0%{transform:scale(1.05) translateX(-14px)}100%{transform:scale(1.05) translateX(14px)}}
.noanim .intropage .wall{animation:none}
.noanim .splash .sub{animation:none;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.intropage .wall{animation:none}.splash .sub{animation:none;opacity:1;transform:none}}

@media (orientation:portrait){
 .intropage .wall{inset:-20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:6px;padding:6px;filter:blur(8px) brightness(.48)}
 .intropage .wall img{border-radius:8px}
 .intropage .wall img:nth-child(n+13){display:none}
}