:root{color-scheme:dark;--red:#e11d2e;--red2:#7a0a14;--ink:#0a0a0a;--line:rgba(255,255,255,.12);--fg:#fff;--mut:#cfc9c9;--mut2:#c9c3c3;--acc:var(--acd);--navbg:rgba(16,16,16,.55);--hov:rgba(255,255,255,.08);--fill:#fff;--fillt:var(--red);--bsh:rgba(255,255,255,.16);--bd2:rgba(255,255,255,.35);--g1:#fff;--g2:#a3a3a3;--bglow:rgba(255,255,255,.4);--hr1:rgba(var(--rgb),.55);--hr2:rgba(var(--rgbs),.6);--sv1:#f4f7fb;--sv2:#8e97a6;--glw:rgba(210,225,255,.6);--glw2:rgba(210,225,255,.28);--ft:#8a8585;--sbg:#fff;--sfg:#0a0a0a;--sp:#222;--sln:#ece8e8;--smut:#7a7474;--mq1:#e9e4e4;--stk:rgba(255,255,255,.55);--shp:rgba(255,255,255,.28);--dot:#fff;--ease:cubic-bezier(.2,.8,.2,1);--z:cubic-bezier(.32,.72,0,1);
--nz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 -.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--ink);color:var(--fg);font:400 16px/1.65 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.pg{position:fixed;top:0;left:0;right:0;height:2px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--red2),var(--red),var(--red3));z-index:60}
.nav{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:0;right:0;margin:0 auto;width:min(980px,calc(100% - 28px));display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 22px;border-radius:999px;background:var(--navbg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);z-index:50}
.lg{font:700 18px Sora,sans-serif;letter-spacing:-.03em}
.lg i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);margin-left:3px}
.lk{display:flex;gap:4px;align-items:center}
.lk a:not(.btn){padding:9px 15px;border-radius:999px;font-size:14px;color:var(--mut);transition:color .4s,background .4s}
.lk a:not(.btn):hover{color:var(--fg);background:var(--hov)}
@media(max-width:760px){.lk a:not(.btn){display:none}}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font:700 14px Manrope,sans-serif;color:#fff;background:linear-gradient(var(--fill),var(--fill)) 50% 50%/0% 100% no-repeat,linear-gradient(135deg,var(--red),var(--red2));border:1.5px solid transparent;cursor:pointer;transition:background-size .65s var(--ease),color .5s var(--ease),border-color .5s,box-shadow .6s var(--ease)}
.btn:hover{background-size:100% 100%,100% 100%;color:var(--fillt);box-shadow:0 12px 44px var(--bsh)}
.btn.ghost{background:linear-gradient(135deg,var(--red),var(--red2)) 50% 50%/0% 100% no-repeat;border-color:var(--bd2);color:var(--fg)}
.btn.ghost:hover{background-size:100% 100%;border-color:var(--red);color:#fff;box-shadow:0 12px 44px rgba(var(--rgb),.4)}
.btn.sm{padding:10px 20px}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:130px 24px 90px;overflow:hidden;background:radial-gradient(900px 480px at 85% -10%,var(--hr1),transparent 70%),radial-gradient(600px 420px at 0% 110%,var(--hr2),transparent 70%),var(--ink)}
.wrap{position:relative;z-index:2;max-width:1040px;width:100%;margin:0 auto}
.shapes{position:absolute;inset:0;pointer-events:none}
.shapes i{position:absolute;display:block}
.s1{width:150px;height:150px;border:2px solid var(--shp);border-radius:50%;left:9%;top:16%;animation:fa 9s ease-in-out infinite}
.s1:after{content:"";position:absolute;left:calc(50% - 4.5px);top:-5.5px;width:9px;height:9px;border-radius:50%;background:var(--dot);box-shadow:0 0 12px 2px rgba(255,255,255,.75);transform-origin:4.5px 78.5px;animation:spin 13s linear infinite}
.s2{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,rgba(var(--rgb),.9),rgba(var(--rgb),0));left:5%;bottom:9%;animation:fb 11s ease-in-out infinite}
.s3{width:12px;height:12px;border-radius:50%;background:var(--dot);opacity:.8;left:22%;top:14%;animation:fa 6s ease-in-out infinite}
.s4{width:28px;height:28px;left:7%;bottom:26%;animation:fy 9s ease-in-out infinite}
.s4 b{position:absolute;inset:0;animation:spin 16s linear infinite}
.s4 b:before,.s4 b:after{content:"";position:absolute;background:var(--red3);border-radius:2px}
.s4 b:before{left:13px;top:0;width:2px;height:28px}.s4 b:after{top:13px;left:0;height:2px;width:28px}
.s5{width:110px;height:110px;border-radius:50%;left:-34px;bottom:-34px;border:2px solid rgba(var(--rgb),.6);animation:fb 10s ease-in-out infinite}
@keyframes fa{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(14deg)}}
@keyframes fb{0%,100%{transform:translateY(0) rotate(18deg)}50%{transform:translateY(14px) rotate(-6deg)}}
@keyframes fy{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes spin{to{transform:rotate(360deg)}}
.brand{display:block;margin:0 0 22px;font:700 clamp(46px,13vw,132px)/1.02 Sora,Manrope,sans-serif;letter-spacing:-.04em;color:transparent;filter:drop-shadow(0 0 16px var(--bglow)) drop-shadow(0 0 44px var(--bglow2))}
.ch,.gt{background:linear-gradient(180deg,var(--g1) 25%,var(--g2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.ch{display:inline-block;text-align:center;white-space:pre;padding:.2em .16em;margin:-.2em -.16em;box-sizing:content-box;will-change:transform,opacity,filter}
.brand.pre{background:linear-gradient(180deg,var(--g1) 25%,var(--g2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bl{display:block;width:min(260px,60%);height:1px;margin:0 0 28px;background:linear-gradient(90deg,rgba(255,255,255,.7),rgba(var(--rgb),.8) 50%,transparent)}
.eb{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--acc);margin:0 0 14px}
h1{font:400 clamp(26px,4.4vw,46px)/1.12 Newsreader,Georgia,serif;margin:0 0 20px;letter-spacing:-.01em}
.lead{max-width:600px;color:var(--mut);margin:0 0 34px;font-size:17px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.dn{position:absolute;left:24px;bottom:34px;z-index:2;animation:bn 2.2s ease-in-out infinite}
@keyframes bn{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.mq{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:rgba(255,255,255,.02)}
.mt{display:flex;width:max-content;animation:mq 34s linear infinite}
.mt span{font:400 clamp(26px,4vw,44px)/1 Newsreader,serif;padding:0 28px;white-space:nowrap;color:var(--mq1)}
.mt span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--stk)}
.mt em{color:var(--red);font-style:normal;padding:0 6px}
@keyframes mq{to{transform:translateX(-50%)}}
.sec{position:relative;isolation:isolate;overflow:hidden;padding:120px 24px}
.hd{max-width:1040px;margin:0 auto 46px}
.hd small{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--acc)}
.hd h2{font:400 clamp(32px,5.4vw,60px)/1.06 Newsreader,Georgia,serif;margin:10px 0 16px;letter-spacing:-.015em}
.hd p{max-width:640px;color:var(--mut2);margin:0 0 10px}
.gr{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.c4{grid-column:span 4}.c6{grid-column:span 6}.c8{grid-column:span 8}.c12{grid-column:span 12}.r2{grid-row:span 2}
.ph{position:relative;display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:linear-gradient(140deg,var(--ph1),var(--ph2) 58%,var(--ph3) 150%);border:1px solid var(--line);will-change:transform}
.ph:before{content:"";position:absolute;inset:0;background:var(--nz);mix-blend-mode:overlay;opacity:.35}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.ph:hover img{transform:scale(1.07)}
.ph:after{content:"";position:absolute;inset:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.2),transparent 62%);opacity:0;transition:opacity .5s;pointer-events:none}
.ph:hover:after{opacity:1}
.r2 .ph{aspect-ratio:auto;height:100%;min-height:360px}
.wd .ph{aspect-ratio:21/9}.vd .ph{aspect-ratio:16/9}
.cap{position:absolute;left:0;right:0;bottom:0;padding:54px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.78));z-index:2}
.cap h3{font:400 24px/1.15 Newsreader,serif;margin:0}.cap p{margin:4px 0 0;font-size:13px;color:#d6d0d0}
.ix{position:absolute;left:18px;top:14px;z-index:2;font:700 12px Sora,sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.85)}
.vpb{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);transition:transform .7s var(--ease),background .5s;z-index:2}
.vpb:after{content:"";position:absolute;left:25px;top:20px;border-left:16px solid #fff;border-block:11px solid transparent}
.vd:hover .vpb{transform:scale(1.18);background:rgba(var(--rgb),.7)}
.ps .ph{aspect-ratio:3/4}.c3{grid-column:span 3}
.sheet{position:relative;isolation:isolate;overflow:hidden;max-width:980px;margin:0 auto;background:var(--sbg);color:var(--sfg);border-radius:16px;padding:clamp(26px,5vw,56px);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sheet:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--red2),var(--red),var(--red3))}
.sheet h2{font:500 22px/1.3 Newsreader,serif;margin:0 0 10px}
.sheet p,.sheet li{font:400 17px/1.7 Newsreader,Georgia,serif;color:var(--sp)}
.sheet ol,.sheet ul{list-style:none;margin:0;padding:0}
.sheet li{display:flex;gap:14px;padding:11px 0;border-top:1px solid var(--sln)}
.sheet li i{font:700 12px Sora,sans-serif;color:var(--red);font-style:normal;padding-top:6px;min-width:22px}
.sheet li small{display:block;font:500 13px Manrope,sans-serif;color:var(--smut)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:40px}
@media(max-width:760px){.two{grid-template-columns:1fr;gap:30px}}
mark.m{background:none;color:var(--sfg);font-weight:600;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:5px}
.sheet .bgs{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fl{position:absolute;z-index:-1;pointer-events:none}
.bb{position:absolute;inset:0;background:radial-gradient(circle at 30% 24%,var(--bb1) 0%,var(--bb2) 34%,var(--red) 72%,var(--bb4) 100%);opacity:.62;border-radius:58% 42% 55% 45%/48% 58% 42% 52%;box-shadow:0 0 70px rgba(var(--rgb),.3),inset -18px -26px 50px rgba(var(--rgbd),.28),inset 12px 14px 34px rgba(255,255,255,.55);animation:spin 38s linear infinite}
.bb:before,.bb:after{content:"";position:absolute;inset:0;border-radius:inherit}
.bb:before{background:var(--nz);mix-blend-mode:overlay;opacity:.8}
.bb:after{background:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1.3px) 0 0/8px 8px;-webkit-mask-image:linear-gradient(120deg,#000,transparent 70%);mask-image:linear-gradient(120deg,#000,transparent 70%);opacity:.5}
.gl{position:absolute;inset:0;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.sheet .gl{background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.12));border-color:rgba(255,255,255,.85);box-shadow:0 14px 40px rgba(var(--rgb),.12)}
.ct{text-align:left}
.big{font:400 clamp(40px,8.4vw,104px)/1 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:12px 0 22px;filter:drop-shadow(0 0 18px rgba(255,255,255,.25))}
.cl{display:grid;gap:6px;margin:26px 0 30px;color:var(--mut)}
.cl b{color:var(--fg);font-weight:500}
.pr{position:absolute;inset:0;animation:spin var(--d,48s) linear infinite var(--r,normal)}
.pt{position:absolute;left:50%;top:50%;background-image:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,0) 46%,rgba(255,255,255,.42));box-shadow:0 3px 12px rgba(0,0,0,.4)}
.pe{border-radius:50%}.pf{border-radius:0 100% 0 100%}.pb{border-radius:50% 50% 12% 12%/92% 92% 8% 8%}.pd{border-radius:50% 50% 50% 50%/68% 68% 32% 32%}.pq{border-radius:30%}
@media(max-width:1300px){.rgw{opacity:.42}}
.ft{max-width:1040px;margin:0 auto;padding:30px 24px 50px;color:var(--ft);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ph[data-lb]{cursor:zoom-in}
.lbo{position:fixed;inset:0;z-index:200;background:rgba(6,6,8,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .8s var(--ease),backdrop-filter .8s var(--ease),-webkit-backdrop-filter .8s var(--ease);cursor:zoom-out}
.lbo.on{background:rgba(6,6,8,.8);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.lbx{position:absolute!important;margin:0;aspect-ratio:auto!important;transition:left .8s var(--z),top .8s var(--z),width .8s var(--z),height .8s var(--z),border-radius .8s var(--z);box-shadow:0 50px 140px rgba(0,0,0,.65);cursor:zoom-out}
.lbh{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:13px;color:#cfc9c9;opacity:0;transition:opacity .8s .3s}
.lbo.on .lbh{opacity:1}
@media(hover:hover) and (pointer:fine){html,html *,.cc,.cc *{cursor:none!important}}
.cd{width:6px;height:6px;margin:-3px 0 0 -3px}
.cur{position:fixed;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;opacity:0;transition:opacity .35s;will-change:transform}
@media(hover:none),(pointer:coarse){.cur{display:none}}
.js .rv{opacity:0;transform:translateY(34px);filter:blur(8px);transition:opacity 1.1s var(--ease),transform 1.2s var(--ease),filter 1.1s var(--ease)}
.js .rv.in{opacity:1;transform:none;filter:none}
@media(max-width:900px){.c4{grid-column:span 6}.c3{grid-column:span 4}.c8{grid-column:span 12}.r2{grid-row:auto}.r2 .ph{aspect-ratio:4/3;min-height:0}}
@media(max-width:560px){.c4,.c6{grid-column:span 12}.c3{grid-column:span 6}.sec{padding:90px 18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}html{scroll-behavior:auto}.js .rv{opacity:1;transform:none;filter:none;transition:none}}
.me{position:absolute;top:0;right:0;bottom:0;width:clamp(360px,50vw,760px);z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 50% 48% at 54% 52%,#000 22%,transparent 100%);mask-image:radial-gradient(ellipse 50% 48% at 54% 52%,#000 22%,transparent 100%)}
.me canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.mh{position:absolute;right:26px;bottom:32px;z-index:3;display:flex;align-items:center;gap:10px;font:700 11px/1 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);pointer-events:none;transition:opacity .9s}
.mh i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);animation:pls 1.8s ease-in-out infinite}
@keyframes pls{50%{transform:scale(1.8);opacity:.5}}
.mh.off{opacity:0}
@media(max-width:900px){.me{width:88%;opacity:.6}.lead{text-shadow:0 1px 14px rgba(0,0,0,.85)}}
html.tt *,html.tt *:before,html.tt *:after{transition:background-color .6s,color .6s,border-color .6s!important}
.tg{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer;margin-right:6px;padding:0;transition:background .4s,border-color .4s,transform .7s var(--ease)}
.tg:hover{background:var(--hov);transform:rotate(25deg)}
.tg svg{width:18px;height:18px;grid-area:1/1;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .5s,transform .8s var(--ease)}
.tg .mo{opacity:0;transform:rotate(-90deg) scale(.4)}
[data-theme=light] .tg .su{opacity:0;transform:rotate(90deg) scale(.4)}[data-theme=light] .tg .mo{opacity:1;transform:none}
[data-theme=light]{color-scheme:light;--ink:#f4f1ee;--line:rgba(10,10,10,.14);--fg:#141214;--mut:#4a4446;--mut2:#4a4446;--acc:var(--accl);--navbg:rgba(255,255,255,.72);--hov:rgba(10,10,10,.06);--fill:#0a0a0a;--fillt:#fff;--bsh:rgba(var(--rgb),.28);--bd2:rgba(10,10,10,.3);--g1:#141214;--g2:#6b6468;--bglow:rgba(var(--rgb),.2);--hr1:rgba(var(--rgb),.26);--hr2:rgba(var(--rgb),.15);--sv1:#1c1c20;--sv2:var(--accl);--glw:rgba(var(--rgb),.4);--glw2:rgba(var(--rgb),.18);--ft:#7a7476;--sbg:#0f0f11;--sfg:#fff;--sp:#e8e2e2;--sln:rgba(255,255,255,.1);--smut:#a8a2a2;--mq1:#1a1a1c;--stk:rgba(10,10,10,.55);--shp:rgba(10,10,10,.25);--dot:#141214}
[data-theme=light] .gl{background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(255,255,255,.2));border-color:rgba(10,10,10,.1);box-shadow:0 14px 40px rgba(var(--rgb),.1)}
[data-theme=light] .sheet .gl{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border-color:rgba(255,255,255,.2);box-shadow:none}
[data-theme=light] .sheet{box-shadow:0 30px 80px rgba(0,0,0,.25)}
:root{--ha:#9aa3b2;--hb:#fff;--bglow2:rgba(var(--rgb),.45)}
[data-theme=light]{--ha:#3a3236;--hb:var(--hbl);--bglow:rgba(0,0,0,0);--bglow2:rgba(0,0,0,0);--hr1:rgba(var(--rgb),.06);--hr2:rgba(var(--rgb),.04);--bsh:rgba(var(--rgb),.16)}
.halo{position:absolute;inset:0;pointer-events:none;transition:opacity 1.2s;animation:hi 2.2s ease-out backwards}
.halo:before{content:"";position:absolute;left:var(--hx,52%);top:var(--hy,34%);width:80%;height:58%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--l1),var(--l2) 48%,transparent 100%);filter:blur(12px);transition:transform 1.1s var(--ease);animation:pul 6s ease-in-out infinite}
.halo i{position:absolute;left:var(--hx,52%);top:var(--hy,34%);width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--l3);opacity:.5;-webkit-mask:linear-gradient(135deg,#000 0,transparent 62%);mask:linear-gradient(135deg,#000 0,transparent 62%);transition:transform 1.2s var(--ease),opacity 1s}
.me.hv .halo:before{transform:translate(-50%,-50%) scale(1.14)}
.me.hv .halo i{transform:translate(-50%,-50%) scale(1.08);opacity:.85}
@keyframes hi{from{opacity:0}}
@keyframes pul{0%,100%{opacity:.62}50%{opacity:1}}
:root{--l1:rgba(236,241,255,.3);--l2:rgba(var(--rgb),.2);--l3:rgba(235,240,255,.55)}
[data-theme=light]{--l1:rgba(20,18,20,.08);--l2:rgba(20,18,20,.03);--l3:rgba(20,18,20,.3)}

/* ===== Liquid glass nav ===== */
:root{--lgb:rgba(14,14,17,.46);--lgt:rgba(255,255,255,.10);--lgs:rgba(255,255,255,.38);--lgi:rgba(255,255,255,.14);--lgsh:rgba(0,0,0,.28)}
[data-theme=light]{--lgb:rgba(255,255,255,.5);--lgt:rgba(255,255,255,.3);--lgs:rgba(255,255,255,.95);--lgi:rgba(255,255,255,.5);--lgsh:rgba(40,20,20,.16)}
.nav{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 36px var(--lgsh);transition:box-shadow .5s}
[data-theme=light] .nav{border-color:rgba(255,255,255,.7)}
.nav::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;background:linear-gradient(180deg,var(--lgt),transparent 80%),var(--lgb);
-webkit-backdrop-filter:blur(22px) saturate(1.8) brightness(1.06);backdrop-filter:blur(22px) saturate(1.8) brightness(1.06);}
.nav::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;
background:radial-gradient(160px 70px at var(--mx,50%) var(--my,-30%),var(--lgs),transparent 70%),linear-gradient(180deg,var(--lgi),transparent 45%,transparent 70%,rgba(255,255,255,.06));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 2px 1px rgba(255,255,255,.55),inset 0 -2px 5px rgba(255,255,255,.14),inset 10px 0 16px -10px rgba(255,150,175,.45),inset -10px 0 16px -10px rgba(130,175,255,.4),inset 0 0 24px rgba(255,255,255,.06);
opacity:.9;transition:opacity .5s}
.nav>*{position:relative;z-index:1}
.lk{position:relative}
.lk a:not(.btn):hover{background:none}
.lqp{position:absolute;top:0;left:0;height:100%;width:0;border-radius:999px;z-index:0;pointer-events:none;opacity:0;
background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));
box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.1),0 4px 14px rgba(0,0,0,.18);
-webkit-backdrop-filter:blur(2px) saturate(1.6);backdrop-filter:blur(2px) saturate(1.6);
transition:transform .6s cubic-bezier(.32,.72,0,1),width .6s cubic-bezier(.32,.72,0,1),opacity .35s}
.lqp.on{opacity:1}
.lk>a,.lk>button{position:relative;z-index:1}
[data-theme=light] .lqp{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.4));box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(40,20,20,.12)}
@media(prefers-reduced-motion:reduce){.lqp{transition:opacity .2s}}

#gps{display:flex;flex-direction:column;gap:18px}
#gps .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#gps .pgrid .ph{aspect-ratio:6/7}
#gps .prow{display:flex;gap:18px;align-items:flex-start}
#gps .ix{display:none}
#gps .ph{border:1px solid rgba(var(--rgb),.6);box-shadow:0 0 0 1px rgba(var(--rgb),.18),0 0 18px rgba(var(--rgb),.42),0 0 46px rgba(var(--rgb),.2);transition:box-shadow .6s var(--ease),border-color .6s}
#gps .ph:hover{border-color:rgba(var(--rgbh),.95);box-shadow:0 0 0 1px rgba(var(--rgbh),.35),0 0 26px rgba(var(--rgb),.7),0 0 70px rgba(var(--rgb),.38)}
[data-theme=light] #gps .ph{box-shadow:0 0 0 1px rgba(var(--rgb),.15),0 0 16px rgba(var(--rgb),.32),0 0 38px rgba(var(--rgb),.14)}
@media(max-width:700px){#gps{gap:12px}#gps .pgrid{grid-template-columns:repeat(2,1fr);gap:12px}#gps .prow{flex-wrap:wrap;gap:12px}#gps .prow>div{flex:1 1 calc(50% - 6px)!important}}
.sh .ph{aspect-ratio:9/16}.sh img{object-fit:cover}
.fill .ph{aspect-ratio:auto;height:100%;min-height:240px}
@media(max-width:900px){.fill .ph{aspect-ratio:16/9;height:auto;min-height:0}}
.ph .vpb{width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 14px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px) saturate(1.7);backdrop-filter:blur(12px) saturate(1.7);transition:transform .6s var(--ease),background .5s,box-shadow .6s,border-color .5s}
.ph .vpb:after{left:0;top:0;width:100%;height:100%;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 5.9v12.2c0 .8.9 1.3 1.6.9l9.4-6.1c.6-.4.6-1.3 0-1.7L10.2 5c-.7-.4-1.6.1-1.6.9z' fill='%23fff'/%3E%3C/svg%3E") 52% 50%/28px no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.ph .vpb:before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(255,255,255,.55);opacity:0;pointer-events:none}
.vd:hover .ph .vpb{transform:scale(1.1);background:rgba(var(--rgb),.8);border-color:rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 7px rgba(var(--rgb),.2),0 12px 40px rgba(var(--rgb),.55)}
.vd:hover .ph .vpb:before{animation:pbr 1.6s ease-out infinite}
@keyframes pbr{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.75);opacity:0}}
@media(prefers-reduced-motion:reduce){.vd:hover .ph .vpb:before{animation:none}}
#sk{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none;display:block}
.sk-b{position:fixed;left:0;top:0;z-index:91;max-width:236px;pointer-events:none;will-change:transform}
.sk-i{position:relative;padding:11px 16px;border-radius:18px;background:var(--navbg);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--line);color:var(--fg);font:600 13.5px/1.45 Manrope,sans-serif;box-shadow:0 14px 40px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:scale(.85) translateY(6px);transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1),visibility 0s .3s}
.sk-b.on .sk-i{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1)}
.sk-i:after{content:"";position:absolute;width:11px;height:11px;background:var(--navbg);border:0 solid var(--line)}
.sk-b.tr .sk-i:after{right:-6px;top:calc(50% - 6px);transform:rotate(45deg);border-width:1px 1px 0 0}
.sk-b.tl .sk-i:after{left:-6px;top:calc(50% - 6px);transform:rotate(45deg);border-width:0 0 1px 1px}
.sk-b.tb .sk-i:after{bottom:-6px;left:calc(50% - 6px);transform:rotate(45deg);border-width:0 1px 1px 0}
.sk-g{visibility:hidden;display:block}
.sk-tx{position:absolute;left:16px;right:16px;top:11px}
.sk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sk-x{position:absolute;top:-9px;right:-9px;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--navbg);color:var(--fg);font:700 13px/1 Manrope,sans-serif;cursor:pointer;pointer-events:auto;opacity:.6;transition:opacity .25s}
.sk-x:hover,.sk-x:focus-visible{opacity:1}
@media(max-width:560px){.sk-i{font-size:12.5px;padding:10px 14px}.sk-tx{left:14px;right:14px;top:10px}}
#skhit{position:fixed;left:0;top:0;z-index:92;border-radius:50%;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:grab;will-change:transform}
#skhit.on{pointer-events:auto}#skhit.dg{cursor:grabbing}
body.skdrag{-webkit-user-select:none;user-select:none}
#skveil{position:fixed;inset:0;z-index:89;pointer-events:none;background:rgba(5,5,8,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;transition:opacity .9s ease}
#skveil.off{opacity:0}
.sk-v{margin-right:4px}.sk-v svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#skdot{position:fixed;z-index:91;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--sk1);pointer-events:none;box-shadow:0 0 10px 3px var(--red),0 0 28px 10px rgba(var(--rgb),.7);animation:skd .6s ease-in-out infinite alternate;transition:opacity .25s}
@keyframes skd{to{transform:scale(1.8);box-shadow:0 0 16px 6px var(--sk1),0 0 50px 22px rgba(var(--rgb),.85)}}

/* ===== accent system ===== */
:root{--rgb:225,29,46;--rgbh:255,70,90;--rgbs:122,10,20;--rgbd:90,0,10;--red3:#ff6b6b;--acd:#ff8a93;--accl:#c4162a;--hbl:#b3182a;--bb1:#ffe3e6;--bb2:#ff7a86;--bb4:#9d0f1c;--ph1:#160709;--ph2:#3a0a12;--ph3:#c3182a;--sk1:#ff3b4a}
::view-transition{pointer-events:none}
::view-transition-old(root){animation:none;mix-blend-mode:normal;z-index:1}
::view-transition-new(root){mix-blend-mode:normal;z-index:2;animation:skfade .85s cubic-bezier(.4,0,.2,1) both}
@keyframes skfade{from{opacity:0}to{opacity:1}}

/* ===== colour drawer ===== */
.swd{--R:126px;position:fixed;left:0;top:50%;z-index:70;height:0;opacity:0;transition:opacity .9s var(--ease);font-family:Manrope,system-ui,sans-serif}
@keyframes swin{to{opacity:1}}
.swd *{box-sizing:border-box}
.swd.on,.swd.hint,.swd.open{opacity:1}.swd.hint .sw-tab i{animation:swp 1.3s ease-in-out infinite}
@keyframes swp{50%{box-shadow:0 0 0 9px rgba(var(--rgb),0),0 0 22px rgba(var(--rgb),.9)}}
.sw-tab{position:absolute;left:0;top:calc(-38px + var(--oy,0)*1px);width:calc(30px + var(--k,0)*14px);height:76px;padding:0 4px 0 0;border:1px solid var(--line);border-left:0;border-radius:0 76px 76px 0;background:var(--navbg);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background .4s,transform .7s var(--z),opacity .4s;z-index:3;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.sw-tab:hover,.sw-tab:focus-visible{background:var(--hov)}
.sw-tab i{display:block;width:12px;height:12px;transform:translateX(calc(var(--k,0)*3px));border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(var(--rgb),.22),0 0 14px rgba(var(--rgb),.7);transition:background .6s,box-shadow .6s}
.swd.open .sw-tab{transform:translateX(-120%);opacity:0;pointer-events:none}
.sw-panel{position:absolute;left:0;top:calc(var(--R)*-1 - 34px);width:calc(var(--R) + 34px);height:calc(var(--R)*2 + 68px);border-radius:0 999px 999px 0;border:1px solid var(--line);border-left:0;background:linear-gradient(90deg,transparent,rgba(var(--rgb),.05)),var(--navbg);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;transform:translateX(-104%);visibility:hidden;transition:transform .8s var(--z),visibility 0s .8s;z-index:2}
.swd.open .sw-panel{transform:none;visibility:visible;transition:transform .8s var(--z),visibility 0s}
.sw-panel:before{content:"";position:absolute;left:calc(var(--R)*-1);top:50%;width:calc(var(--R)*2);height:calc(var(--R)*2);margin-top:calc(var(--R)*-1);border-radius:50%;border:1px dashed var(--line);pointer-events:none}
.sw-lab{position:absolute;left:16px;top:50%;width:calc(var(--R) - 52px);transform:translateY(-50%);pointer-events:none}
.sw-lab p{margin:0;font:400 13px/1.25 Newsreader,Georgia,serif;color:var(--fg);letter-spacing:-.005em}
.sw-lab b{display:block;margin-top:10px;white-space:nowrap;font:700 10px/1 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);transition:color .5s}
.sw-c{position:absolute;left:0;top:50%;width:30px;height:30px;margin:-15px 0 0 0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transform:rotate(var(--a)) translateX(var(--R)) rotate(calc(var(--a)*-1));opacity:0;transition:opacity .5s ease}
.swd.open .sw-c{opacity:1;transition-delay:calc(var(--i)*45ms + 220ms)}
.sw-c span{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),transparent 46%),var(--c);box-shadow:0 4px 12px rgba(0,0,0,.35),inset 0 -3px 6px rgba(0,0,0,.18);transition:box-shadow .45s;will-change:transform}
.sw-c:focus-visible span{box-shadow:0 0 0 3px rgba(var(--rgb),.5),0 4px 12px rgba(0,0,0,.35)}
.sw-c:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--fg);opacity:0;transform:scale(.7);transition:opacity .35s,transform .45s var(--z)}
.sw-c[aria-checked=true]:after{opacity:.9;transform:none}
.sw-c:focus-visible{outline:none}
.sw-x{position:absolute;right:16px;top:16px;width:22px;height:22px;border-radius:50%;border:0;background:var(--hov);color:var(--mut);cursor:pointer;display:none}
.sw-pop{position:absolute;left:44px;top:-19px;width:max-content;max-width:min(250px,calc(100vw - 80px));padding:10px 15px 10px 16px;border-radius:14px;border:1px solid var(--line);background:var(--navbg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font:400 14px/1.3 Newsreader,Georgia,serif;color:var(--fg);box-shadow:0 14px 40px rgba(0,0,0,.3);opacity:0;transform:translateX(-10px);pointer-events:none;transition:opacity .6s var(--ease),transform .7s var(--z)}
.sw-pop:before{content:"";position:absolute;left:-5px;top:50%;width:9px;height:9px;margin-top:-5px;background:inherit;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg);border-radius:0 0 0 3px}
.swd.pop .sw-pop{opacity:1;transform:none}
.swd.open .sw-pop{opacity:0}
@media(max-height:640px){.swd{--R:100px}.sw-lab p{display:none}.sw-c{width:24px;height:24px;margin-top:-12px}.sw-c span{inset:4px}}
@media(max-width:560px){.sw-tab{width:calc(26px + var(--k,0)*12px);height:64px;top:calc(-32px + var(--oy,0)*1px)}.sw-pop{left:36px}}
/* custom colour: centre circle + ramp editor */
.sw-cu{pointer-events:auto;position:relative;display:block;width:42px;height:42px;margin:12px 0 0;padding:0;border:0;border-radius:50%;cursor:pointer;background:conic-gradient(from 0deg,#ff3b3b,#ffb02e,#e8ff3b,#35e08a,#2ec8ff,#5a4bff,#ff3bd0,#ff3b3b);box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform .6s var(--z),box-shadow .4s}
.sw-cu span{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),transparent 46%),var(--cu,#e11d2e);box-shadow:inset 0 -3px 6px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.4);transition:background .3s}
.sw-cu:hover,.sw-cu:focus-visible{transform:scale(1.1);outline:none}
.sw-cu:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--fg);opacity:0;transform:scale(.8);transition:opacity .35s,transform .45s var(--z)}
.sw-cu.on:after,.swd.ed .sw-cu:after{opacity:.9;transform:none}
.sw-ed{position:absolute;left:calc(var(--R) + 46px);top:0;width:min(224px,calc(100vw - var(--R) - 74px));padding:14px 16px 14px;border-radius:18px;border:1px solid var(--line);background:var(--navbg);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);box-shadow:0 20px 60px rgba(0,0,0,.35);transform:translate(-16px,-50%) scale(.96);transform-origin:left center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s var(--ease),transform .6s var(--z),visibility 0s .45s;z-index:2}
.swd.open.ed .sw-ed{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%);transition:opacity .45s var(--ease),transform .6s var(--z),visibility 0s}
.sw-ed small{display:block;font:700 10px/1 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin:0 0 14px;transition:color .4s}
.sw-ed .sl{display:block;font:600 11px/1 Manrope,sans-serif;color:var(--mut);margin:0 0 7px}
.sw-r{-webkit-appearance:none;appearance:none;display:block;width:100%;height:16px;margin:0 0 16px;padding:0;border-radius:999px;border:1px solid var(--line);background:var(--trk);cursor:pointer;outline:none;touch-action:pan-y}
.sw-r:last-child{margin-bottom:2px}
.sw-r::-webkit-slider-runnable-track{height:14px;background:transparent;border-radius:999px}
.sw-r::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:24px;height:24px;margin-top:-5px;border-radius:50%;background:var(--th,#fff);border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.5);transition:transform .25s var(--ease)}
.sw-r:active::-webkit-slider-thumb{transform:scale(1.14)}
.sw-r::-moz-range-track{height:14px;background:transparent;border-radius:999px}
.sw-r::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border-radius:50%;background:var(--th,#fff);border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.sw-r:focus-visible{box-shadow:0 0 0 3px rgba(var(--rgb),.45)}
.sw-hue{--trk:linear-gradient(90deg,hsl(0,85%,55%),hsl(45,90%,52%),hsl(90,70%,48%),hsl(150,70%,42%),hsl(195,85%,50%),hsl(240,80%,60%),hsl(285,75%,58%),hsl(330,85%,58%),hsl(360,85%,55%))}
@media(prefers-reduced-motion:reduce){.swd{animation-duration:.01s;animation-delay:0s}.sw-panel,.sw-tab,.sw-c,.sw-ed,.sw-cu{transition-duration:.01s!important;transition-delay:0s!important}}