:root{--gold:#FFD23A;--green:#34E3A0;--orange:#FF9A2E;--red:#FF3B4D;--purple:#9B5CFF;--teal:#22C7D6;--rule:#2A3046;--paper:#FFF1D6;--inkd:#14122B;--ink:#FFF3DA;--mute:#A9B0C8;--hz:repeating-linear-gradient(-45deg,#FFD23A 0 14px,#14122B 14px 28px)}
.gcard{margin:0;min-width:0}
.cov .gcard,.cov4 .gcard{will-change:transform,opacity;backface-visibility:hidden}
#box3d .bx2{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
#bxB{height:clamp(380px,56vw,640px)}
.bxp{min-width:0}
.bxs{position:relative;height:clamp(300px,40vw,400px);border-radius:18px;border:2px solid var(--rule);background:radial-gradient(120% 100% at 50% 0,#2a2066,#120C33);overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;perspective:1500px}
.bxs.drag{cursor:grabbing}
.bxw{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
#bxBw{top:40%;left:50%}
.bx3{position:absolute;left:0;top:0;transform-style:preserve-3d}
.bxf{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-size:100% 100%;background-repeat:no-repeat}
.bxi{background:linear-gradient(180deg,#4a3b92,#352a73)}
.bxh{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);pointer-events:none;transition:opacity .4s}
#bxA.used .bxh{opacity:0}
.bxc{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin-top:12px}
.bxc b{font-size:16px}
.bxb{display:flex;flex-wrap:wrap;gap:8px}
.bxb button{font:inherit;font-weight:800;font-size:13px;color:#1B1340;background:var(--gold);border:0;border-radius:10px;padding:8px 14px;cursor:pointer;box-shadow:0 3px 0 #A67C00}
.tbl{position:absolute;left:0;top:0;background:radial-gradient(closest-side,#1d6b5a 0,#134a45 55%,#0d2f33 100%);border-radius:50%}
.cdw{position:absolute;left:0;top:0;transform-style:preserve-3d}
.cdi{position:absolute;inset:0;transform-style:preserve-3d}
.cdf,.cdb{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-size:100% 100%;border-radius:3px}
.cdf{transform:rotateY(180deg)}
.bxm{font-weight:600;font-size:12px;color:var(--mute);margin-left:6px}
.cdw.pk{z-index:9}
#bxB .cdw{cursor:pointer}
#bxB .bxh{background:rgba(18,12,51,.7);padding:4px 12px;border-radius:999px;left:50%;right:auto;transform:translateX(-50%);white-space:normal;max-width:90%;line-height:1.4}
#bxB .lbx{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:rgba(10,6,34,.82);backdrop-filter:blur(3px);cursor:zoom-out}
#bxB .lbx.on{display:flex;animation:lbin .25s ease-out}
@keyframes lbin{from{opacity:0}}
.lbs{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 52px);margin-top:-18px}
.lbi{height:100%;max-height:100%;max-width:92%;width:auto;aspect-ratio:900/1229;object-fit:contain;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:lbpop .5s cubic-bezier(.2,.9,.3,1.25);cursor:default;transition:transform .12s;image-rendering:auto}
@keyframes lbpop{from{transform:translateY(50px) scale(.4) rotate(-7deg);opacity:0}}
.lbc{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--gold);color:#1B1340;font-size:22px;font-weight:800;cursor:pointer;z-index:2;line-height:1}
.lbn{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.rbl{position:absolute;transform-origin:0 50%;transform-style:preserve-3d}
.rbf,.rbb{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-size:100% 100%;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.rbb{transform:rotateY(180deg)}
.fl{position:absolute;left:0;top:0}
#bxB{perspective:3000px}
.lamp{border-radius:50%;box-sizing:border-box;border:6px solid rgba(255,255,255,.9);filter:brightness(.5) saturate(.55);transition:filter .7s,box-shadow .7s}
.lamp.on{filter:brightness(1.7) saturate(1.3);box-shadow:0 0 50px 26px var(--c),0 0 170px 90px var(--c)}
.pool{opacity:0;transition:opacity .8s}
.pool.on{opacity:1}
.rsp span{position:absolute;left:0;right:0;bottom:-58px;text-align:center;font:800 26px Poppins,Arial,sans-serif;letter-spacing:12px;color:rgba(255,214,102,.7)}
.bxfs{position:absolute;top:10px;right:10px;z-index:7;width:38px;height:38px;border-radius:12px;border:2px solid rgba(255,255,255,.28);background:rgba(18,12,51,.72);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.bxfs:hover{background:rgba(255,214,102,.9);color:#1b1340;transform:scale(1.06)}
#bxB.fs{position:fixed;left:0;top:0;right:0;bottom:0;width:100vw;height:100vh!important;max-height:none;margin:0;border-radius:0;z-index:99999}
#bxB:fullscreen{height:100vh!important;border-radius:0}
.rhud{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:10px;padding:3px 12px 4px;border-radius:0 0 12px 12px;background:rgba(12,8,36,.78);border:1px solid rgba(255,255,255,.18);border-top:0;font-family:Poppins,Arial,sans-serif;color:#fff;opacity:0;transition:opacity .5s;pointer-events:none}
.rhud.on{opacity:1}
.rhud .rt{font-weight:800;font-size:10px;letter-spacing:2px}
.rhud .rt b{font-size:14px;color:#FFD666}
.rhud .rp{display:flex;gap:7px}
.rhud .rp span{display:flex;align-items:center;gap:4px}
.rhud .rp i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.rhud .rp u{text-decoration:none;font-weight:800;font-size:11px;color:var(--c)}
.rhud.flash{animation:rf .9s ease-out}
@keyframes rf{0%{transform:translateX(-50%) scale(1)}30%{transform:translateX(-50%) scale(1.25)}100%{transform:translateX(-50%) scale(1)}}
.evt{display:flex;align-items:center;justify-content:center;pointer-events:none}
.evt u{display:block;text-decoration:none;text-align:center;font:900 92px/1 Poppins,Arial,sans-serif;color:var(--c);-webkit-text-stroke:14px #0c0824;paint-order:stroke fill;text-shadow:0 0 36px var(--c);white-space:nowrap}
.cfp{position:absolute;pointer-events:none;z-index:6;border-radius:2px}
.sc{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;color:var(--c);font-family:Poppins,Arial,sans-serif;background:none;border:0}
.sc i{font-style:normal;font-weight:800;font-size:30px;letter-spacing:10px;color:var(--c);opacity:.85;margin-bottom:0}
.sc b{font-weight:800;font-size:150px;line-height:1;color:var(--c);text-shadow:0 0 26px var(--c),0 4px 0 rgba(0,0,0,.45)}
.sc.bump b{animation:scp .7s ease-out}
@keyframes scp{0%{filter:brightness(1)}25%{filter:brightness(2.2) drop-shadow(0 0 24px #fff)}100%{filter:brightness(1)}}
#bxB .bxh{background:rgba(18,12,51,.7);padding:4px 12px;border-radius:999px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}
.cov4{--W:clamp(84px,17vw,138px);--sp:.98;position:relative;max-width:700px;height:calc(var(--W)*1.4*1.14 + 110px);margin:6px 0 0;overflow:hidden;padding-top:6px}
.cov4 .gcard{position:absolute;left:50%;top:calc(var(--W)*.1 + 10px);width:var(--W);margin:0 0 0 calc(var(--W)/-2);flex:none;transform:translateX(calc((var(--p,0) - 2)*var(--sp)*100%)) scale(var(--sc,1));transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .6s,filter .6s}
.cov4 .gcard figcaption{font-size:12px;margin-top:12px;line-height:1.35;opacity:0;transition:opacity .4s;text-align:center}
.cov4 .gcard.mid figcaption{opacity:1}
@media(max-width:600px){.cov4{--sp:.8}}
.cov .gcard{position:absolute;left:50%;top:0;width:clamp(150px,34vw,230px);margin:0 0 0 calc(clamp(150px,34vw,230px)/-2);flex:none;cursor:pointer;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .6s,filter .6s}
.cov .gcard figcaption{transition:opacity .5s;opacity:0}
.covc{display:flex;align-items:center;gap:14px;max-width:640px;justify-content:center;margin-top:6px}
.covc>button{width:40px;height:40px;border-radius:50%;border:2px solid var(--rule);background:transparent;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.covd{display:flex;gap:8px}
.covd button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--rule);cursor:pointer}
.covd button.on{background:var(--gold)}
.gal8{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:720px}
.gal5{display:flex;flex-wrap:wrap;gap:16px;max-width:660px}
.gal5 .gcard{flex:0 0 calc((100% - 32px)/3)}
.gal8 .gcard figcaption,.gal5 .gcard figcaption{font-size:12.5px;margin-top:10px}
@media(max-width:600px){.gal8{grid-template-columns:repeat(2,minmax(0,1fr))}.gal5 .gcard{flex-basis:calc((100% - 16px)/2)}}
.gcard img{width:100%;display:block;border-radius:12px;box-shadow:0 8px 0 rgba(0,0,0,.3),0 0 0 3px var(--c,#fff)}
.gcard figcaption{margin-top:14px;font-size:14px;line-height:1.4;color:var(--mute)}
.gcard figcaption b{color:var(--c);display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:2px}
.lamp{width:26px;height:26px;border-radius:50%;border:3px solid #0b0722;background:#2a2260;transition:background .25s,box-shadow .25s}
.lamp.on{background:var(--red);box-shadow:0 0 14px 3px rgba(255,59,77,.7)}
.rcol .rsv{margin:0 0 0}
.rsv{margin:26px 0 0;padding:20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.rsvh b{display:block;font-size:18px;font-weight:800;color:var(--gold);margin-bottom:6px}
.rsvh span{display:block;font-size:14px;line-height:1.5;color:var(--mute)}
.rsvr{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.rsvr input{flex:1 1 200px;min-width:0;padding:14px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#120C33;color:#fff;font:inherit;font-size:16px}
.rsvr input:focus{outline:none;border-color:var(--gold)}
.rsvr button{padding:14px 22px;border:0;border-radius:12px;background:var(--gold);color:#1B1340;font:inherit;font-weight:800;box-shadow:0 4px 0 #A67C00;cursor:pointer}
.rsvr button:disabled{opacity:.6}
.rsvm{font-size:12.5px;color:var(--mute);margin:10px 0 0}
.rsvc{display:flex;gap:10px;margin-top:14px}
.rsvc[hidden]{display:none}
.rsvc div{flex:1;border-radius:12px;background:rgba(255,255,255,.08);padding:10px 12px;text-align:center}
.rsvc b{display:block;font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
.rsvc span{font-size:12px;color:var(--mute)}
.rsvm.bad{color:#FF8A8A}
.rsvm.ok{color:#6FE3C4;font-size:15px;font-weight:700}
#box3d .bxp{position:relative;z-index:6}
.cov,.cov4,.covc{margin-left:auto;margin-right:auto}
.cov,.cov4{width:100%}
#box3d .bx2{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:28px}
#box3d .bx2>.lhead,#box3d .bx2>.bxp:last-child{grid-column:1/-1}
#bxK{background:radial-gradient(120% 100% at 50% 0,#2c2e3d,#08090f)!important;touch-action:pan-y}
#bxK.drag{cursor:grabbing}
@media (max-width:760px){#box3d .bx2{grid-template-columns:minmax(0,1fr)!important}}
.rsv{background:var(--paper)!important;border:3px solid var(--inkd)!important;border-radius:16px!important;box-shadow:none!important;position:relative}
.rsv::before{content:"";position:absolute;inset:-17px;z-index:-1;background:var(--hz);border:3px solid var(--inkd);border-radius:24px;box-shadow:7px 8px 0 #000,0 30px 60px rgba(255,210,58,.14)}
.rsvh b{color:var(--inkd)!important;font-weight:900;font-size:21px!important;letter-spacing:-.01em}
.rsvh span,.rsvm,.rsvc span{color:#4A4766!important}
.rsvr input{background:#fff!important;color:var(--inkd)!important;border:2.5px solid var(--inkd)!important;border-radius:10px!important;font-weight:600}
.rsvr input::placeholder{color:#8C88A8}
.rsvr input:focus{border-color:var(--inkd)!important;box-shadow:0 0 0 4px var(--green)}
.rsvr button{background:var(--green)!important;color:var(--inkd)!important;text-shadow:none!important;border:2.5px solid var(--inkd)!important;border-radius:10px!important;font-weight:900;box-shadow:3px 4px 0 #000!important;transition:transform .12s,box-shadow .12s}
.rsvr button:hover{transform:translate(2px,3px);box-shadow:1px 1px 0 #000!important}
.rsvc div{background:#fff!important;border:2px solid var(--inkd)}
.rsvc b{color:var(--inkd)}
.rsvm.bad{color:#C2162B!important}
.rsvm.ok{color:#0B7A55!important}
.bxs{border:3px solid var(--inkd)!important;box-shadow:0 0 0 3px var(--gold),8px 10px 0 #000}
#bxB{border-radius:20px}
.bxb button,.lbc{background:var(--gold)!important;color:var(--inkd)!important;border:2.5px solid var(--inkd)!important;box-shadow:2px 3px 0 #000!important;font-weight:900}
.bxm{color:var(--mute)}
.covc>button{border:2.5px solid var(--gold)!important;color:var(--gold)!important;background:rgba(255,210,58,.08)!important;transition:background .15s,color .15s,transform .15s}
.covc>button:hover{background:var(--gold)!important;color:var(--inkd)!important;transform:scale(1.08)}
.covd button{background:#39405A}
.covd button.on{background:var(--green)!important;box-shadow:0 0 0 3px rgba(52,227,160,.25)}
.gcard figcaption{color:var(--mute)}
#bxA .bxh,#bxK .bxh{top:auto;bottom:14px;transform:none;max-width:none;white-space:nowrap;background:var(--gold)!important;color:var(--inkd)!important;border:2.5px solid var(--inkd);border-radius:10px;padding:7px 14px;font-weight:900;font-size:12px;letter-spacing:.12em;line-height:1.2;box-shadow:2px 3px 0 #000}
#bxA .bxh{left:14px;right:auto}
#bxK .bxh{left:auto;right:14px}
#bxA.used .bxh,#bxK.used .bxh{opacity:1!important}
#bxA .bxh,#bxK .bxh{bottom:8px!important;padding:4px 9px!important;font-size:10px!important;letter-spacing:.1em!important;border-width:2px!important;border-radius:8px!important;box-shadow:2px 2px 0 #000!important}
#bxA .bxh{left:8px!important}
#bxK .bxh{right:8px!important}
/* PARANITE site: wiring for the landing-page components */
.lpw{position:relative;margin:36px 0 8px}
#box3d.two .bx2>.bxp:last-child{grid-column:auto}
.lpw .bxb button,.cov4~.covc button{font-family:inherit}
.bxc b{color:var(--cream)}
.rsvw{max-width:560px;margin:36px auto 8px;padding:18px;isolation:isolate;text-align:left}
.rsvw .rsv{margin:0}
.cvw{margin-top:28px}
.cov4{margin-top:10px}.cov4 .gcard figcaption b{color:var(--c)}
.tut .lpw{margin-top:28px}
.mtut{display:none}
@media(max-width:820px){.nr .tut{display:none}.nl .mtut{display:block}}
/* top bar: keep one line with the extra tutorial button */
@media(min-width:821px){.nl{gap:18px;font-size:12px;white-space:nowrap}.nr{gap:10px}.nr .pill{padding:11px 16px;font-size:12px;white-space:nowrap}.nr .pill i{margin-left:4px}}
body.sub{max-width:none;margin:0}
nav{z-index:100!important}
@media(max-width:480px){.nr .pill{padding:10px 13px;font-size:11px;letter-spacing:.05em}.nr .pill i{display:none}.nr{gap:8px}}
/* pills: text centred in the box, equal space top/bottom/left/right */
.pill{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;box-sizing:border-box}
.pill i{display:inline-block;line-height:1}
@media(min-width:821px){.nr .pill{padding:0 18px;min-height:46px}}
/* critters: continuous carousel, left to right */
.cmq{overflow:hidden;margin-top:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ctrack{display:flex;gap:28px;width:max-content;padding:6px 14px;animation:cmq 70s linear infinite}
.cmq:hover .ctrack,.cmq:focus-within .ctrack{animation-play-state:paused}
@keyframes cmq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.ctrack .crt{flex:0 0 580px;width:580px}
@media(max-width:820px){.ctrack .crt{flex-basis:300px;width:300px}.ctrack{gap:18px;animation-duration:60s}}
@media(prefers-reduced-motion:reduce){.cmq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ctrack{animation:none}.ctrack .crt[aria-hidden=true]{display:none}}
@media(min-width:821px){.nr .pill{padding-top:1px}}
/* ===== brand: turning globe + wordmark (copied from the landing page) ===== */
.pn-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:Poppins,sans-serif;font-weight:800;letter-spacing:.2em;color:#fff;font-size:.9rem;line-height:1}
.pn-g{flex:none;display:block;width:44px;height:44px;position:relative;background:url(../assets/globe.webp) center/100% 100% no-repeat;filter:drop-shadow(0 2px 6px rgba(70,130,255,.35))}
.pn-g.live{background:none}
.pn-t{display:block;padding-top:2px}
nav .pn-g{width:40px;height:40px}
.hr{position:relative;display:flex;justify-content:center;align-items:center}
.hglobe{position:absolute;right:-6%;top:-12%;z-index:0;pointer-events:none}
.pn-hero{width:min(360px,34vw);height:min(360px,34vw)}
.hr .fan{z-index:1}
.pgglobe{display:flex;margin:0 0 10px}
.pn-top{width:92px;height:92px}
.nf4 .pgglobe{justify-content:center}.pn-404{width:160px;height:160px}
.ldg{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:999px;background:rgba(18,12,51,.82);color:var(--mute);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:8;pointer-events:none;white-space:nowrap}
.ldg.fail{color:#FF8A8A}
.lpw.ready .ldg{display:none}
.nsimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.nstxt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mute);text-align:center;padding:20px}
.soonline{color:var(--soft);font-style:italic}
.draftnote{display:inline-block;border:1px solid var(--yel);color:var(--yel);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;margin:0 0 16px}
.fbot{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.fpriv a{color:var(--soft);text-decoration:underline}
.rsv .pill{background:var(--green)!important;color:var(--inkd)!important;border:2.5px solid var(--inkd);border-radius:10px;box-shadow:3px 4px 0 #000;text-transform:none;font-size:15px;letter-spacing:0;padding:14px 22px;font-weight:900}
.rsv .pill:hover{transform:translate(2px,3px);box-shadow:1px 1px 0 #000;filter:none}
.mail .soonline{display:block;margin-top:4px}
@media(min-width:821px){.nl{gap:14px;font-size:11.5px;letter-spacing:.06em}}
@media(max-width:820px){.pn-hero{width:200px;height:200px}.hglobe{right:0;top:-8%}.pn-top{width:76px;height:76px}.nf4 .pn-404{width:130px;height:130px}}
@media(max-width:480px){nav .pn-g{width:34px;height:34px}.pn-logo{gap:9px;font-size:.78rem;letter-spacing:.16em}}
/* hero: reserve-a-spot block replaces the globe and the three cards */
.hrs{width:100%;max-width:520px;justify-self:center;position:relative;z-index:2}
.hrs h2{margin:0 0 6px;font-size:clamp(26px,3vw,36px)}
.hrs .hsub{margin:0 0 18px;opacity:.85}
.hrs .rsvw{margin:0}
/* News & Game History: rolling article carousel (same motion as the critters) */
.nmq{overflow:hidden;margin-top:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ntrack{display:flex;gap:24px;width:max-content;padding:6px 14px;animation:cmq 90s linear infinite}
.nmq:hover .ntrack,.nmq:focus-within .ntrack{animation-play-state:paused}
.hc{flex:0 0 340px;width:340px;display:flex;flex-direction:column;gap:6px;background:var(--deep);border:1px solid var(--line);border-radius:20px;padding:24px;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.hc:hover,.hc:focus-visible{border-color:var(--gold);transform:translateY(-3px)}
.hc h3{font-size:21px;margin:6px 0 0}.hc .hk{color:var(--gold);font-weight:700;font-size:13px;margin:0}.hc p{margin:0;color:var(--soft)}
.hc .hm{margin-top:auto;padding-top:10px;font-weight:700;color:var(--gold);font-size:14px}
@media(max-width:820px){.hc{flex-basis:270px;width:270px}.ntrack{gap:16px;animation-duration:70s}}
@media(prefers-reduced-motion:reduce){.nmq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ntrack{animation:none}.ntrack .hc[aria-hidden=true]{display:none}}
/* hero: presents line + interactive night-raid background (behind everything, never takes clicks) */
.hero{position:relative;overflow:hidden}
.herofx{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero>.w{position:relative;z-index:1}
.pres{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--soft)}
/* hero: tighter top and bottom space */
.hero{min-height:0;padding:28px 0 32px}
@media(max-width:820px){.hero{padding:20px 0 28px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rsv .rsvr{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
/* iPhone/iPad Safari: 100vh includes the hidden address bar, so use the dynamic viewport height where supported */
@supports (height:100dvh){#bxB.fs,#bxB:fullscreen{height:100dvh!important}body.sub{min-height:100dvh}.js .intro.on{height:100dvh}}
/* iOS: stop the browser auto-zooming into form fields (needs 16px text) */
input[type=email]{font-size:16px}