:root{--bg:#f6f2ea;--bg2:#fffdf8;--ink:#151a33;--mut:#4f5573;--line:#e0d9ca;--acc:#4a4fd8;--acc-d:#3a3eb8;--acc-s:#e6e7ff;--yt:#e11d2e;--r:18px;--max:1160px;--g:clamp(20px,4vw,40px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:76px;overflow-x:clip}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
body{background:var(--bg);color:var(--ink);font:400 16.5px/1.65 "DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}
h1,h2,h3,.logo{font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.12;letter-spacing:-.01em}
.mesh{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg);pointer-events:none}
.mesh i{position:absolute;border-radius:50%;opacity:.7;will-change:translate}
.o1{width:60vmax;height:60vmax;left:-16vmax;top:-20vmax;background:radial-gradient(closest-side,#d6d8ff,transparent);animation:d1 26s ease-in-out infinite alternate}
.o2{width:50vmax;height:50vmax;right:-18vmax;top:18vh;background:radial-gradient(closest-side,#cfe9f6,transparent);animation:d2 30s ease-in-out infinite alternate}
.o3{width:44vmax;height:44vmax;left:24vw;bottom:-24vmax;background:radial-gradient(closest-side,#d9f0e6,transparent);animation:d1 34s ease-in-out infinite alternate-reverse}
@keyframes d1{to{translate:5vmax 4vmax}}@keyframes d2{to{translate:-4vmax 5vmax}}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--acc);color:#fff;padding:8px 12px;z-index:99;border-radius:8px}
.nav{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px var(--g);transition:background .3s,box-shadow .3s}
.nav.s{background:rgba(246,242,234,.86);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.logo{font-size:20px;font-weight:700}
.nav nav{display:flex;gap:24px;align-items:center;font-size:15px;color:var(--mut)}.nav nav a:hover{color:var(--ink)}
.pill{background:var(--ink);color:#fff!important;padding:8px 18px;border-radius:99px;transition:background .2s}.pill:hover{background:var(--acc)}
@media(max-width:820px){.nav nav a:not(.pill){display:none}}
.eyebrow{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:700;display:flex;align-items:center;gap:8px}
.yt{width:9px;height:9px;border-radius:50%;background:var(--yt);display:inline-block}
.hero{max-width:var(--max);margin:auto;padding:130px var(--g) 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:92vh}
.hero h1{font-size:clamp(32px,4.4vw,58px);font-weight:600;margin:16px 0 20px}
.lead{font-size:clamp(16.5px,1.4vw,18.5px);color:var(--mut);max-width:34em}
.stats{display:grid;grid-template-columns:repeat(4,auto);gap:12px 34px;margin:32px 0;justify-content:start}
.stats b{display:block;font:600 clamp(26px,2.8vw,36px) "Playfair Display",serif}.stats span{font-size:13px;color:var(--mut);line-height:1.3;display:block;max-width:10.5em}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{background:var(--acc);color:#fff;font-weight:700;padding:13px 24px;border-radius:99px;transition:transform .25s var(--ease),box-shadow .25s,background .2s;font-size:15.5px}.btn:hover{background:var(--acc-d);transform:translateY(-2px);box-shadow:0 12px 26px -12px var(--acc)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid #b9b2a1}.btn.ghost:hover{background:#fff;box-shadow:none}
.hero-visual{position:relative;height:min(64vh,520px)}
.ph{position:absolute;width:47%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;border:1px solid rgba(21,26,51,.1);box-shadow:0 26px 50px -22px rgba(21,26,51,.45)}
.ph img{width:100%;height:100%;object-fit:cover}
.p1{left:2%;top:8%;transform:rotate(-4deg);animation:fl 8s ease-in-out infinite}.p2{right:2%;top:0;transform:rotate(3deg);animation:fl 9s ease-in-out -2s infinite}.p3{left:25%;bottom:0;z-index:2;transform:rotate(-1deg);animation:fl 10s ease-in-out -4s infinite}
@keyframes fl{50%{translate:0 -8px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:100px;min-height:0}.hero-visual{height:380px;max-width:360px;width:100%;margin:0 auto}.stats{grid-template-columns:repeat(2,auto)}}
.sec{max-width:var(--max);margin:auto;padding:clamp(64px,9vw,104px) var(--g)}
.sec-head{margin-bottom:40px;max-width:720px}.sec-head h2{font-size:clamp(26px,3.2vw,40px);margin:10px 0 12px}.intro{color:var(--mut);max-width:40em}
.sub-label{font:700 12.5px "DM Sans";letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:56px 0 18px}
/* cards */
.card{background:rgba(255,253,248,.78);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s;backdrop-filter:blur(6px)}
.card:hover,.card:focus-visible{transform:translateY(-5px);box-shadow:0 22px 40px -24px rgba(58,62,184,.45);border-color:#c9cbf5}
.feat{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(18px,3vw,34px)}
.feat .media{display:flex;gap:12px;justify-content:center}
.feat .media img{width:calc(50% - 6px);max-width:230px;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.feat.wide{grid-template-columns:.8fr 1.2fr}.feat.wide .media{order:0}.feat.wide .media img{width:100%;max-width:none;height:auto;aspect-ratio:16/10;border-radius:14px;box-shadow:0 20px 40px -24px rgba(21,26,51,.4)}
.ptext h3{font-size:clamp(26px,3vw,38px);margin:6px 0 4px}.kind{color:var(--acc);font-size:14px;font-weight:700;margin-bottom:10px}
.ptext p.line{color:var(--mut);max-width:32em}
.pn{display:flex;flex-wrap:wrap;gap:10px 26px;margin:20px 0}.pn b{display:block;font:600 24px "Playfair Display",serif}.pn span{font-size:12.5px;color:var(--mut)}
.more{display:inline-flex;gap:8px;font-weight:700;color:var(--acc);border-bottom:1.5px solid currentColor;padding-bottom:2px;font-size:15px}.more i{font-style:normal;transition:transform .3s}.card:hover .more i{transform:translateX(5px)}
@media(max-width:820px){.feat,.feat.wide{grid-template-columns:1fr}.feat .media img{max-width:180px}.feat.wide .media img{max-width:none}}
.subgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.subgrid.two{grid-template-columns:repeat(2,1fr)}
.sub .thumb{aspect-ratio:4/3;overflow:hidden;background:var(--acc-s)}.sub .thumb img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .8s var(--ease)}.sub:hover .thumb img{transform:scale(1.05)}
.tile{width:100%;height:100%;display:grid;place-items:center;font:700 40px "Playfair Display",serif;color:var(--acc);background:linear-gradient(135deg,#e6e7ff,#d9f0e6)}
.sub .body{padding:16px 18px 18px}.sub h3{font-size:20px}.sub .kind{margin:2px 0 8px;font-size:13px}.sub p{font-size:14.5px;color:var(--mut);line-height:1.5}
.sub .mini{display:flex;gap:16px;margin-top:12px;font-size:12.5px;color:var(--mut)}.sub .mini b{font:600 17px "Playfair Display",serif;color:var(--ink);display:block}
@media(max-width:900px){.subgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.subgrid,.subgrid.two{grid-template-columns:1fr}}
.demogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.demo .thumb{aspect-ratio:16/10}@media(max-width:700px){.demogrid{grid-template-columns:1fr}}
.badge{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--acc-s);color:var(--acc-d);padding:3px 9px;border-radius:99px;margin-bottom:8px}
/* tools */
.tg{margin-bottom:46px}.tg h3{font-size:24px}.tg .d{color:var(--mut);margin:2px 0 16px;font-size:15px}
.tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.tcard{padding:20px 20px 22px;cursor:default}.tcard.click{cursor:pointer}.tcard h4{font:600 19px "Playfair Display",serif;margin-bottom:6px}.tcard p{font-size:14.5px;color:var(--mut);line-height:1.55}.tcard .more{margin-top:12px;font-size:13.5px}
/* games */
.games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.game{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 18px 22px;position:relative;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.game:hover,.game:focus-visible{transform:translateY(-8px);box-shadow:0 26px 50px -22px var(--acc),0 0 0 1px #c9cbf5}
.game img{width:84px;height:84px;border-radius:20px;box-shadow:0 10px 24px -10px rgba(21,26,51,.5);margin-bottom:14px;transition:transform .5s var(--ease)}.game:hover img{transform:scale(1.08) rotate(-3deg)}
.game h3{font-size:19px;margin-bottom:6px}.game p{font-size:14px;color:var(--mut);line-height:1.5}.game .go{margin-top:12px;font-size:13px;font-weight:700;color:var(--acc)}
.game.off{cursor:default}.game.off:hover{transform:none;box-shadow:none}
@media(max-width:900px){.games{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.game{padding:20px 12px}.game img{width:68px;height:68px}.game p{font-size:13px}}
/* how, about, contact */
.how{list-style:none;counter-reset:s;max-width:800px}.how li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:4px 16px;padding:22px 0;border-top:1px solid var(--line)}
.how li::before{content:counter(s,decimal-leading-zero);font:600 15px "Playfair Display";color:var(--acc);grid-row:span 2;padding-top:5px}.how h3{font-size:21px}.how p{color:var(--mut)}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:52px}.about-grid p{margin-bottom:16px;color:#2d3354}
.facts div{padding:14px 0;border-top:1px solid var(--line)}.facts dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);font-weight:700}.facts dd{color:#2d3354;font-size:15.5px;margin-top:2px}
@media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:16px}}
.contact{text-align:center;padding-bottom:120px}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(26px,3.4vw,42px);max-width:19em;margin:10px auto 24px}
.mail{display:inline-block;font:600 clamp(20px,4.2vw,40px) "Playfair Display",serif;border-bottom:2px solid var(--acc);padding-bottom:4px;word-break:break-all;transition:color .2s}.mail:hover{color:var(--acc)}
.muted{color:var(--mut);margin-top:16px}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:26px var(--g);border-top:1px solid var(--line);color:var(--mut);font-size:14px;max-width:var(--max);margin:auto}
/* reveal: gentle fade + slide up */
.js [data-r]{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}.js [data-r].in{opacity:1;transform:none}
/* modal */
dialog{border:0;background:var(--bg2);color:var(--ink);width:min(940px,100%);max-height:92vh;margin:auto;border-radius:22px;border:1px solid var(--line);padding:0;overflow:auto;overscroll-behavior:contain}
dialog::backdrop{background:rgba(21,26,51,.55);backdrop-filter:blur(5px)}
dialog[open]{animation:pop .4s var(--ease)}@keyframes pop{from{opacity:0;transform:translateY(22px) scale(.98)}}
.close{position:sticky;top:12px;float:right;margin:12px 14px 0 0;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:24px;cursor:pointer}.close:hover{background:var(--acc);color:#fff}
.m-body{padding:clamp(20px,4vw,46px)}.m-body h2{font-size:clamp(28px,4vw,44px);margin:8px 0 6px;padding-right:46px}.m-body .line{color:var(--mut);font-size:17.5px;max-width:34em}
.mgal{display:flex;gap:12px;overflow-x:auto;margin:26px 0;padding-bottom:6px;scroll-snap-type:x mandatory}
.mgal img{height:min(44vh,400px);width:auto;border-radius:14px;border:1px solid var(--line);scroll-snap-align:start;flex:none}
.mgal svg{width:min(86vw,680px);height:auto;border-radius:14px;flex:none}
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:20px 0 6px;padding:20px;background:var(--acc-s);border-radius:14px}
.mgrid b{display:block;font:600 28px "Playfair Display",serif;color:var(--acc-d)}.mgrid span{font-size:13px;color:var(--mut)}
.cs{display:grid;grid-template-columns:140px 1fr;gap:8px 28px;padding:24px 0;border-top:1px solid var(--line)}
.cs h4{font:700 12.5px "DM Sans";letter-spacing:.12em;text-transform:uppercase;color:var(--acc);padding-top:4px}.cs ul{padding-left:18px}.cs li,.cs p{margin-bottom:9px;color:#2d3354}
.visit{display:inline-block;margin-top:14px}
@media(max-width:640px){.cs{grid-template-columns:1fr}.mgal img{height:42vh}}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js [data-r]{opacity:1;transform:none}}

/* v3: hero orbit */
.hero-visual{display:grid;place-items:center;height:min(70vh,560px);will-change:transform,opacity}
.orbit{position:relative;width:min(100%,600px);aspect-ratio:1;display:grid;place-items:center}
.ring{position:absolute;width:var(--r);height:var(--r);left:50%;top:50%;margin:calc(var(--r)/-2) 0 0 calc(var(--r)/-2);border-radius:50%;border:1px dashed rgba(74,79,216,.22);animation:spin 120s linear infinite}
.ring.r2{animation-duration:170s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.orb{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(var(--r))}
.orb .it{position:absolute;left:0;top:0;translate:-50% -50%;transform:rotate(calc(var(--a)*-1));display:flex;flex-direction:column;align-items:center;gap:8px;animation:counter 120s linear infinite,orbpop .9s var(--ease) both;animation-delay:0s,calc(.35s + var(--k)*.12s)}
.ring.r2 .orb .it{animation-name:counter2,orbpop;animation-duration:170s,.9s}
@keyframes counter{from{rotate:0deg}to{rotate:-360deg}}
@keyframes counter2{from{rotate:0deg}to{rotate:360deg}}
@keyframes orbpop{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
.av{width:70px;height:70px;border-radius:20px;object-fit:cover;box-shadow:0 14px 28px -12px rgba(21,26,51,.5),0 0 0 3px #fffdf8;background:#fff;overflow:hidden;display:block}
.av svg{width:100%;height:100%;display:block}
.ring.r2 .av{width:60px;height:60px;border-radius:17px}
.nm{font-size:12.5px;font-weight:700;color:var(--ink);background:rgba(255,253,248,.9);padding:2px 10px;border-radius:99px;box-shadow:0 4px 12px -6px rgba(21,26,51,.4);white-space:nowrap}
.center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;width:132px;height:132px;border-radius:50%;justify-content:center;background:rgba(255,253,248,.92);box-shadow:0 24px 50px -22px rgba(74,79,216,.6),0 0 0 8px rgba(74,79,216,.08);animation:orbpop 1s var(--ease) both}
.center svg{width:46px}.center b{font:600 15px "Playfair Display",serif}.center small{font-size:11px;color:var(--mut)}
@media(max-width:560px){.orbit{width:330px}.av{width:54px;height:54px;border-radius:15px}.ring.r2 .av{width:46px;height:46px;border-radius:13px}.nm{font-size:11px;padding:1px 8px}.center{width:100px;height:100px}.center svg{width:36px}.center b{font-size:13px}.hero-visual{height:380px}}
.hero h1,.hero .lead,.hero .eyebrow,.hero .stats,.hero .cta{will-change:transform,opacity}
/* about strip */
.strip{max-width:var(--max);margin:0 auto;padding:10px var(--g) 30px;text-align:left}
.strip p{max-width:44em;font-size:clamp(17px,1.7vw,21px);font-family:"Playfair Display",serif;font-weight:500;line-height:1.5}
.strip .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.strip .chips span{font:600 13px "DM Sans";padding:6px 14px;border-radius:99px;background:var(--acc-s);color:var(--acc-d)}
/* examples */
h5{font:700 12.5px "DM Sans";letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:18px 0 10px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.vgrid figure{margin:0}.vgrid video{width:100%;max-height:460px;border-radius:12px;background:#151a33;display:block}.vgrid figcaption{font-size:13.5px;color:var(--mut);margin-top:8px}
.agrid{display:grid;gap:12px}.aitem{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;flex-wrap:wrap}.aitem b{display:block}.aitem span{font-size:13.5px;color:var(--mut)}.aitem audio{height:40px;max-width:100%}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.qs{display:grid;gap:12px}.q{padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line)}.q .c{color:var(--mut);font-size:14px}.q .r{margin-top:4px;font-weight:500}
.vd div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.vd dt{font-weight:700;color:var(--acc-d)}.vd dd{color:#2d3354}
.log{background:#151a33;color:#e6e8ff;padding:14px 16px;border-radius:12px;font:13.5px/1.7 ui-monospace,Menlo,monospace;white-space:pre-wrap}
.noteline{margin-top:14px;color:var(--mut);font-size:14.5px}.chart svg{width:100%;height:auto}.legend{font-size:13px;color:var(--mut);margin:6px 0 4px}.legend i{display:inline-block;width:14px;height:4px;border-radius:2px;margin:0 6px 2px 0}
.mgal.one svg{width:100%;max-width:none}
.tcard .more{margin-top:12px}.tcard h4{margin-bottom:6px}
.sub.demo .more{margin-top:10px;display:inline-flex}
a.card.sub{color:inherit}
@media(max-width:640px){.vd div{grid-template-columns:1fr;gap:2px}}
html:not(.ready) .hero [data-r]{opacity:0}

/* v3.1: channel cards */
.orb .it{background:none;border:0;cursor:pointer;font:inherit;color:inherit}
.orb .it:hover .av{transform:scale(1.08)}.av{transition:transform .3s var(--ease)}
.hl{animation:hlpulse 2.1s var(--ease)}
@keyframes hlpulse{0%{box-shadow:0 0 0 0 rgba(74,79,216,.55)}35%{box-shadow:0 0 0 10px rgba(74,79,216,.22),0 22px 40px -24px rgba(58,62,184,.5)}100%{box-shadow:0 0 0 0 rgba(74,79,216,0)}}
.card.ch{cursor:default}.card.ch:hover{transform:none;box-shadow:0 18px 36px -26px rgba(58,62,184,.4)}
.chtop{position:relative;aspect-ratio:16/5;overflow:hidden;background:var(--acc-s)}
.chtop .bn{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.chtop .avt{position:absolute;left:18px;bottom:-30px;width:72px;height:72px;border-radius:50%;border:4px solid #fffdf8;object-fit:cover;box-shadow:0 8px 18px -8px rgba(21,26,51,.5);background:#fff}
.chbody{padding:42px 20px 20px;display:grid;gap:18px}
.card.ch.big .chbody{grid-template-columns:1fr 1fr;gap:28px;align-items:start;padding:46px 28px 28px}
.card.ch.big .chtop{aspect-ratio:16/4.5}
.chinfo h3{font-size:24px;margin:4px 0 2px}.card.ch.big .chinfo h3{font-size:clamp(28px,3vw,38px)}
.chinfo .line{color:var(--mut);font-size:14.5px;line-height:1.5;margin-top:6px}.card.ch.big .chinfo .line{font-size:16.5px}
.chinfo .pn{margin:14px 0 12px}.chinfo .pn b{font-size:21px}
.vids{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.vid .vbtn,.vid iframe{display:block;width:100%;aspect-ratio:9/16;border:0;border-radius:12px;overflow:hidden;background:#151a33;position:relative;padding:0;cursor:pointer}
.vid .vbtn img{width:100%;height:100%;object-fit:cover}
.pl{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(255,253,248,.92);box-shadow:0 8px 20px -6px rgba(0,0,0,.5);transition:transform .3s var(--ease)}
.pl::after{content:"";position:absolute;left:19px;top:14px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #4a4fd8}
.vbtn:hover .pl{transform:scale(1.12)}
.vid p{font-size:12.5px;line-height:1.35;margin-top:6px;color:#2d3354}.vid p small{display:block;color:var(--mut);font-size:12px}
#subs{grid-template-columns:repeat(2,1fr)}
.card.ch .more{background:none;border:0;border-bottom:1.5px solid currentColor;cursor:pointer;font:inherit;font-weight:700;color:var(--acc);padding:0 0 2px}
@media(max-width:900px){#subs{grid-template-columns:1fr}.card.ch.big .chbody{grid-template-columns:1fr;padding-top:46px}}
.yt{background:var(--yt)}

.vids{grid-template-columns:1.25fr 1fr}.vid{position:relative}
.topbadge{position:absolute;left:8px;top:8px;z-index:2;background:var(--acc);color:#fff;font:700 11px "DM Sans";letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:99px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{display:inline-flex;align-items:center;gap:5px;font:600 12.5px "DM Sans";background:var(--acc-s);color:var(--acc-d);padding:3px 9px 3px 7px;border-radius:99px}
.chip svg{width:13px;height:13px;fill:currentColor}
.vid p{font-size:13px;margin-top:8px}
.chtop{overflow:visible}.chtop .bn{border-radius:18px 18px 0 0}