/* ISGI KINETIC — original editorial scrollytelling concept. */
:root{color-scheme:dark;--black:#090a0c;--ink:#f2f0ea;--gold:#d8b37b;--gold2:#f0d6a7;--muted:#969b9b;--line:rgba(255,255,255,.2);--condensed:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--body:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--body);overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}img{max-width:100%}::selection{background:var(--gold);color:#08090a}
.skip{position:fixed;top:-100px;left:16px;z-index:999;background:var(--gold);color:#08090a;padding:14px}.skip:focus{top:10px}
.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.095;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.38' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:78px;position:fixed;z-index:200;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,72px);border-bottom:1px solid rgba(237,237,232,.12);background:linear-gradient(180deg,rgba(7,8,10,.96),rgba(7,8,10,.76));backdrop-filter:blur(18px);gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{width:41px;height:41px;display:grid;place-items:center;background:linear-gradient(150deg,#e2c594,#a27e51);border:1px solid #ead3b2;clip-path:polygon(50% 0,91% 23%,91% 76%,50% 100%,9% 76%,9% 23%)}.brand-mark img{width:28px;height:28px;object-fit:contain}.brand-name{display:flex;flex-direction:column;line-height:.9}.brand-name b{font:800 27px var(--condensed);letter-spacing:.075em}.brand-name small{font:500 9px var(--mono);color:#a9a9a5;letter-spacing:.13em;margin-top:7px}.top-nav{display:flex;align-items:center;gap:clamp(18px,3vw,52px)}.top-nav a{font:600 10px var(--mono);letter-spacing:.11em;color:#d0d0cc;white-space:nowrap;position:relative;transition:color .2s}.top-nav a:after{content:"";position:absolute;left:0;right:100%;height:1px;background:var(--gold);bottom:-7px;transition:right .3s}.top-nav a:hover,.top-nav a.is-current{color:var(--gold2)}.top-nav a:hover:after,.top-nav a.is-current:after{right:0}.head-actions{display:flex;align-items:center;gap:12px}.join-header{height:42px;display:flex;align-items:center;gap:13px;padding:4px 5px 4px 19px;border:1px solid rgba(223,192,146,.76);border-radius:3px;background:linear-gradient(125deg,rgba(189,158,107,.14),rgba(7,8,10,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.09);transition:transform .2s,border-color .2s,background .2s}.join-header:hover{transform:translateY(-2px);border-color:#f0d6aa;background:rgba(215,173,109,.15)}.join-header>span:first-child{font:700 11px var(--mono);color:var(--gold2);letter-spacing:.13em}.discord-tile{height:32px;width:34px;display:grid;place-items:center;background:#5865f2;border-radius:2px}.discord-tile img{width:20px;height:20px;filter:brightness(0) invert(1)}.menu-toggle{display:none;background:none;border:1px solid #6c6b65;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:7px}.menu-toggle span{height:1px;width:19px;background:#eee}.mobile-nav[hidden]{display:none}.mobile-nav{position:fixed;z-index:190;top:78px;left:0;right:0;padding:16px 22px 22px;background:#111417;border-bottom:1px solid rgba(212,173,116,.32);box-shadow:0 20px 40px #0009;display:grid}.mobile-nav a{padding:15px 3px;border-bottom:1px solid #393b3d;font:700 13px var(--mono)}
.scrollytelling{position:relative;height:580svh}.sticky-stage{height:100svh;min-height:610px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#090b0e}.stage-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-circle{position:absolute;right:-20vw;top:-60vh;width:75vw;height:75vw;border-radius:50%;border:1px solid rgba(197,166,119,.09)}.ambient-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 75% 40%,rgba(138,109,67,.05),transparent 43%)}.scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;will-change:opacity}.scene.is-active{visibility:visible;pointer-events:auto}.scene [data-flight]{will-change:transform,opacity}.scene h1,.scene h2,.scene h3,.scene p{margin:0}.small-eyebrow{font:600 11px var(--mono);letter-spacing:.16em;color:#cec5b3}.edge-label,.side-stamp{font:600 10px/1.9 var(--mono);letter-spacing:.16em}.dot{color:var(--gold)}.stage-chrome{position:absolute;inset:0;pointer-events:none;z-index:120}.stage-left{position:absolute;left:clamp(17px,3vw,45px);top:50%;display:flex;align-items:center;gap:12px;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;color:#c2c6c1;font:600 10px var(--mono);letter-spacing:.12em}.chrome-line{width:50px;height:1px;background:var(--gold)}.stage-right{position:absolute;right:clamp(20px,3vw,45px);top:48%;display:flex;align-items:center;gap:17px;writing-mode:vertical-rl;color:#b0b4b2;font:500 10px var(--mono);letter-spacing:.16em}.scene-rail{width:2px;height:140px;background:rgba(255,255,255,.18);position:relative;overflow:hidden}.scene-rail>div{height:0;background:var(--gold);width:100%;box-shadow:0 0 10px var(--gold)}.bottom-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font:600 10px var(--mono);letter-spacing:.16em;color:rgba(236,232,222,.77);white-space:nowrap}.scroll-diamond{font-size:19px;color:var(--gold)}.bottom-arrow{font-size:15px;color:var(--gold);animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(6px)}}
/* SCENE 00: severe typographic geometry, physical owl medallion, stylized mountain horizon. */
.scene-hero{background:radial-gradient(ellipse at 72% 45%,#282523 0%,#111316 32%,#090a0c 75%)}.hero-back{position:absolute;inset:0;overflow:hidden}.hero-back:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 18%,rgba(229,229,225,.03) 18.1%,transparent 20%,transparent 54%,rgba(224,196,154,.05) 54.1%,transparent 55%),radial-gradient(circle at 72% 44%,rgba(241,205,156,.15),transparent 28%)}.hero-line{position:absolute;z-index:1;width:150%;height:1px;left:-15%;background:rgba(231,227,211,.18);transform-origin:center}.hero-line-1{top:58%;transform:rotate(-16deg)}.hero-line-2{top:65%;transform:rotate(-11deg)}.hero-mountain{position:absolute;bottom:-5%;height:56%;width:100%;background:#1c2125;clip-path:polygon(0 64%,9% 53%,18% 65%,28% 22%,35% 53%,43% 42%,55% 74%,68% 37%,76% 56%,88% 14%,100% 58%,100% 100%,0 100%);opacity:.8}.mountain-a{right:-3%;background:linear-gradient(160deg,#5c554d 3%,#191b20 60%);filter:drop-shadow(0 -8px 18px #e8d4a225);opacity:.6}.mountain-b{bottom:-9%;left:-20%;height:41%;background:#0e1014;transform:scaleX(-1);opacity:.9}.mountain-c{bottom:-17%;left:4%;height:41%;background:#090a0c;filter:blur(2px)}.hero-beam{position:absolute;right:19%;top:12%;height:80%;width:11%;background:linear-gradient(90deg,transparent,rgba(235,197,135,.08),transparent);transform:skew(-10deg);filter:blur(20px)}.hero-edge{position:absolute;top:25%;left:4.6%;z-index:2;color:#adb4b2}.hero-index{position:absolute;top:20%;right:5.2%;color:#cacac6;font:700 11px var(--mono);letter-spacing:.12em;display:flex;align-items:center;gap:19px}.hero-index i{display:block;width:30px;height:1px;background:var(--gold)}.hero-type{position:absolute;z-index:6;top:28%;left:11%;width:75%}.hero-type .small-eyebrow{display:block;margin-left:2%;margin-bottom:23px;font-size:10px}.hero-type h1{font:900 clamp(76px,10.8vw,205px)/.70 var(--condensed);letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;filter:drop-shadow(0 7px 15px #0505079e)}.hero-type h1 span{display:block;position:relative;width:max-content}.hero-type .h1-first{color:#f4f3ed;transform:rotate(-2.4deg);margin-left:0}.hero-type .h1-second{color:#f4f3ed;transform:rotate(-3deg);margin-left:-2%;letter-spacing:-.03em;font-size:.94em;z-index:3}.hero-type .h1-third{color:var(--gold2);transform:rotate(-2.7deg);margin-left:12%;font-size:.89em;letter-spacing:-.025em;margin-top:7px;z-index:4}.hero-copy{display:flex;align-items:center;gap:18px;margin:52px 0 0 2%}.hero-copy p{font:500 11px/1.75 var(--mono);letter-spacing:.05em;color:#d7d4cd;border-left:1px solid var(--gold);padding-left:17px;margin-right:30px}.circle-link{border:1px solid var(--gold);background:rgba(196,161,106,.08);border-radius:50%;width:43px;height:43px;color:var(--gold2);font-size:22px;transition:transform .22s,background .22s}.circle-link:hover{background:var(--gold);color:#101011;transform:rotate(45deg)}.action-caption{font:600 10px var(--mono);letter-spacing:.13em;color:#f2d9a8}.hero-owl-plate{position:absolute;z-index:4;right:8%;top:18%;width:min(39vw,590px);aspect-ratio:1;display:grid;place-items:center}.halo-rings{position:absolute;inset:0;border:1px solid rgba(222,191,146,.23);border-radius:50%;box-shadow:0 0 0 35px rgba(225,196,157,.035),0 0 0 80px rgba(221,182,124,.018);background:repeating-radial-gradient(circle at center,transparent 0px,transparent 66px,rgba(218,176,112,.09) 67px,transparent 68px)}.halo-rings:after{content:"";position:absolute;inset:-13%;border:1px dashed rgba(217,189,142,.2);border-radius:50%;animation:spin 85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.owl-disk{width:52%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 28% 23%,#f1dfbd,#d8b784 50%,#907249 86%,#53432e);border:2px solid #f6dcb2;box-shadow:0 0 0 13px rgba(14,14,15,.7),0 0 0 14px rgba(221,188,134,.3),0 22px 65px #0008,0 0 60px #e3b96b1f}.owl-disk img{width:87%;height:87%;object-fit:contain}.owl-caption{position:absolute;bottom:8%;right:-1%;color:#bcbfba;font:500 9px/1.8 var(--mono);letter-spacing:.14em}.owl-caption b{color:var(--gold);font-size:19px;display:inline-block;margin-left:15px}.hero-side-caption{position:absolute;z-index:4;right:4.8%;bottom:19%;color:#d6d4d0;text-align:right;font:600 10px/1.8 var(--mono);letter-spacing:.16em}.hero-side-caption span{color:#997f5a}.hero-bottom-notes{position:absolute;bottom:9%;left:11%;right:11%;display:flex;justify-content:space-between;color:#b0b2b1;font:500 10px var(--mono);letter-spacing:.14em}
/* SCENE 01: oversized poster breaks its frame. */
.scene-parliament{background:#131313}.parliament-underlay{position:absolute;inset:0;background:radial-gradient(ellipse at 71% 38%,#484340,#151619 55%,#08090c 95%)}.parliament-underlay:before{content:"";position:absolute;inset:-10%;background:repeating-linear-gradient(110deg,transparent 0,transparent 80px,rgba(240,236,224,.028) 81px,transparent 82px)}.arch{position:absolute;bottom:-6%;width:20%;height:83%;background:linear-gradient(90deg,#141516,#56534d 47%,#171719 94%);clip-path:polygon(9% 0,87% 0,100% 100%,0 100%);box-shadow:10px 15px 25px #0009}.arch-1{left:39%}.arch-2{left:61%;height:93%;opacity:.65}.arch-3{left:85%;height:72%;opacity:.35}.paper-panel{position:absolute;z-index:4;top:21%;left:-4%;width:71%;height:67%;color:#121416;background:#e8e4dc;clip-path:polygon(0 0,100% 4%,93% 95%,0 100%);padding:clamp(29px,4vw,75px) 8% 24px 16%;box-shadow:24px 25px 60px #0009;transform:rotate(-6deg)}.paper-panel:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 37px,#07070709 38px);pointer-events:none}.paper-top{display:flex;align-items:center;gap:28px;font:600 10px var(--mono);letter-spacing:.16em;color:#414340}.paper-top b{font-size:24px}.paper-panel h2{font:900 clamp(100px,16vw,300px)/.65 var(--condensed);letter-spacing:-.047em;margin:14px 0 30px;transform:rotate(-3deg);text-transform:uppercase}.paper-panel h2 em{font-style:normal;margin-left:11%;display:block}.paper-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;max-width:72%;font:700 11px/1.6 var(--mono);letter-spacing:.06em}.paper-next{background:none;color:#18191b;border:0;border-bottom:1px solid #161616;font:700 10px var(--mono);padding-bottom:8px;white-space:nowrap}.editorial-panel{position:absolute;z-index:6;right:4%;top:20%;width:30%;max-width:445px;min-height:55%;padding:35px 32px;background:linear-gradient(155deg,#23262a,#111316);border:1px solid rgba(231,224,212,.25);box-shadow:0 18px 55px #0008;transform:rotate(5deg)}.editorial-eyebrow{font:600 9px var(--mono);color:var(--gold);letter-spacing:.16em}.editorial-symbol{font:800 100px var(--condensed);color:var(--gold);line-height:1;margin-top:19px}.editorial-panel h3{font:800 clamp(35px,4.15vw,77px)/.89 var(--condensed);letter-spacing:-.01em;margin-top:-18px}.editorial-body{color:#b7bdba;font-size:13px;line-height:1.65;margin-top:21px;max-width:235px}.editorial-frame{border-top:1px solid #494747;padding-top:20px;margin-top:28px;display:flex;justify-content:space-between;gap:4px;font:500 9px var(--mono);color:#d0c9bd}.editorial-frame b{color:var(--gold)}.side-stamp{position:absolute;right:2%;top:78%;z-index:5;text-align:right;color:#ddd7cd}.scene-corner-number{position:absolute;bottom:5%;left:6%;z-index:6;color:#dbd7ce;font:700 14px var(--mono)}
/* SCENE 02: kinetic intelligence room, gold sonar and tilted info slabs. */
.scene-vault{background:radial-gradient(ellipse at 27% 54%,#202226,#0a0c0f 70%)}.vault-grid{position:absolute;inset:0;opacity:.8;background:repeating-linear-gradient(0deg,transparent,transparent 56px,#bcb9a310 57px),repeating-linear-gradient(90deg,transparent,transparent 56px,#bcb9a310 57px)}.vault-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 50%,transparent 10%,#090a0e 73%)}.vault-ring{position:absolute;left:4%;top:13%;width:55vw;max-width:760px;aspect-ratio:1;border-radius:50%;border:2px solid rgba(213,175,116,.63);background:conic-gradient(from 70deg,transparent 0 35%,rgba(204,174,113,.16) 47%,transparent 53%);box-shadow:0 0 0 24px #d7ae7414,0 0 0 25px #d7ae742c,0 0 0 55px #d7ae7410}.vault-ring:before{content:"";position:absolute;inset:7%;border:1px dashed #d5b27f87;border-radius:50%;animation:spin 50s linear infinite}.vault-ring:after{content:"";position:absolute;inset:22%;border:1px solid #b59a705c;border-radius:50%}.vault-orbit{position:absolute;inset:16%;border:1px solid #d6b98150;border-radius:50%;transform:scaleY(.44) rotate(-24deg)}.orbit-2{transform:scaleX(.42) rotate(44deg)}.orbit-3{inset:30%;transform:rotate(90deg)}.vault-center{position:absolute;inset:34%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f0d8aa,#ad8754);border:2px solid #e2c398;box-shadow:0 0 60px #d6a66036}.vault-center img{height:85%;width:85%;object-fit:contain}.ring-dot{position:absolute;width:14px;height:14px;background:var(--gold2);border-radius:50%;box-shadow:0 0 0 10px #e6c78b1e,0 0 28px #dfba86}.ring-dot-a{top:17%;left:16%}.ring-dot-b{bottom:23%;right:10%;width:8px;height:8px}.vault-title{position:absolute;z-index:5;top:21%;right:7%;width:44%;text-align:left}.vault-title h2{font:900 clamp(125px,16vw,282px)/.73 var(--condensed);letter-spacing:-.035em;margin:20px 0 35px;text-shadow:0 5px 20px #06080acc}.vault-title h2 em{font-style:normal;color:#e5c28c;margin-left:-14%}.vault-title p{font:600 16px/1.6 var(--mono);color:#d0cbc1;padding-left:25%;letter-spacing:.02em}.ghost-action{margin:26px 0 0 25%;border:0;border-bottom:1px solid var(--gold);padding:0 0 12px;background:none;color:#f0d1a0;font:600 11px var(--mono);letter-spacing:.05em}.ghost-action span{padding-left:20px}.vault-card{position:absolute;z-index:8;background:#12171a;border:1px solid rgba(213,183,130,.6);padding:21px;display:flex;flex-direction:column;gap:21px;box-shadow:15px 18px 35px #0008;min-width:195px}.vault-card span{font:500 9px var(--mono);color:var(--gold);letter-spacing:.11em}.vault-card strong{font:800 32px/.93 var(--condensed);color:#ebe9e2}.vault-card i{font:800 22px var(--mono);color:#d3af76;align-self:flex-end}.vault-card-a{bottom:9%;left:38%;transform:rotate(12deg)}.vault-card-b{top:51%;left:5%;transform:rotate(-9deg)}.vault-vertical{position:absolute;bottom:18%;right:4%;writing-mode:vertical-rl;font:600 9px var(--mono);letter-spacing:.19em;color:#b2a995}
/* SCENE 03: staged arena and asymmetric white headline with event pass. */
.scene-events{background:radial-gradient(ellipse at 55% 50%,#3b3530 0%,#141519 45%,#090a0d 78%)}.arena-structure{position:absolute;inset:0;overflow:hidden}.arena-structure:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent,transparent 86px,#ffffff06 87px)}.arena-light{position:absolute;top:10%;width:43%;height:90%;background:linear-gradient(180deg,#e9e1cd21,transparent);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(20px)}.beam-l{left:19%;transform:rotate(23deg)}.beam-r{right:10%;transform:rotate(-19deg)}.arena-stage{position:absolute;left:17%;right:7%;bottom:8%;height:33%;border-top:2px solid #bfad8b6c;background:linear-gradient(#2c2b2c,#09090b);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.arena-crowd{position:absolute;bottom:0;left:0;right:0;height:16%;background:repeating-radial-gradient(ellipse at 48% 98%,#161719 0px,#161719 5px,transparent 6px,transparent 14px),linear-gradient(transparent,#09090b);filter:blur(2px)}.arena-line{position:absolute;top:62%;width:130%;height:1px;background:#dfc9a150}.arena-line-a{left:-10%;transform:rotate(13deg)}.arena-line-b{left:-10%;transform:rotate(-17deg)}.events-vertical{position:absolute;left:4.6%;top:23%;writing-mode:vertical-rl;transform:rotate(180deg);color:#c1b0a0;font:600 10px var(--mono);letter-spacing:.2em}.events-headline{position:absolute;z-index:5;top:23%;left:10%;width:68%}.events-headline h2{font:900 clamp(125px,19vw,330px)/.67 var(--condensed);letter-spacing:-.046em;margin:24px 0 35px;color:#f5f3ed;text-shadow:0 4px 25px #0a0b0cdd}.events-headline h2 em{font-style:normal;color:#efede7;transform:rotate(-5deg);display:inline-block;padding:0 17px 5px;margin-left:-3%;background:#f3f0e8;color:#090a0d;clip-path:polygon(2% 4%,100% 0,97% 100%,0 94%)}.events-headline p{font:600 15px/1.5 var(--mono);letter-spacing:.1em;color:#d7d5d0;border-left:2px solid var(--gold);padding-left:15px}.events-ticket{position:absolute;z-index:7;right:9%;top:24%;width:24%;height:56%;background:#161a1d;border:1px solid #d2b380;box-shadow:15px 20px 50px #0008;transform:rotate(9deg);padding:19px 20px;display:flex;flex-direction:column}.ticket-top,.ticket-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#beae98;font:600 9px var(--mono);letter-spacing:.05em}.ticket-top i{font-style:normal;font-size:19px;color:var(--gold)}.ticket-art{flex:1;margin:15px 0;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#2f353a,#080b0e)}.ticket-art:before{content:"";position:absolute;width:170%;height:2px;background:var(--gold);transform:rotate(-45deg)}.ticket-art span{font:900 83px var(--condensed);color:#d4b889;z-index:2}.ticket-stripe{position:absolute;width:160%;height:80%;border:1px solid #d4b88956;transform:rotate(35deg)}.events-ticket strong{font:900 clamp(33px,3.6vw,63px)/.86 var(--condensed);padding-bottom:18px}.ticket-bottom{border-top:1px solid #666159;padding-top:12px;font-size:8px}.events-corner{position:absolute;right:3.8%;bottom:9%;font:700 12px var(--mono);color:#c2c5c3;text-align:right;letter-spacing:.13em;line-height:1.8}.events-next{position:absolute;z-index:9;bottom:9%;left:10%;display:flex;align-items:center;gap:27px;background:none;border:0;color:var(--gold2);font:600 11px var(--mono);letter-spacing:.12em}.events-next b{border:1px solid var(--gold);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:21px;font-weight:400}
/* SCENE 04: cinematic yet stark conversion scene. */
.scene-join{background:radial-gradient(ellipse at 72% 42%,#2e2a26,#111316 46%,#070809 87%)}.scene-join:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 80px,#ffffff06 81px 82px),radial-gradient(circle at 73% 47%,#d6a46c19,transparent 30%)}.join-graphic{position:absolute;right:6%;top:13%;width:45vw;max-width:690px;aspect-ratio:1;display:grid;place-items:center}.join-disc{width:55%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 23%,#f1ddb7,#bb945f 65%,#7e6448);border:1px solid #f4ddad;box-shadow:0 0 0 16px #070708,0 0 0 17px #d6b27e50,0 0 0 100px #d9b37f0a,0 0 90px #e0b7792a}.join-disc img{width:86%;height:86%;object-fit:contain}.join-arc{position:absolute;inset:4%;border:1px dashed #d9b5874d;border-radius:50%;animation:spin 65s linear infinite}.arc-b{inset:-12%;border-style:solid;opacity:.42;animation-direction:reverse}.join-kicker{position:absolute;top:23%;left:11%;font:600 10px var(--mono);color:#d4b584;letter-spacing:.2em}.join-type{position:absolute;z-index:5;top:29%;left:11%}.join-type h2{font:900 clamp(125px,15vw,267px)/.73 var(--condensed);letter-spacing:-.045em;text-shadow:0 8px 22px #08090acc}.join-type h2 em{display:inline-block;font-style:normal;color:var(--gold2);transform:rotate(-4deg);margin-left:7%}.join-type p{margin:23px 0;color:#d7d3cb;font:500 13px var(--mono);letter-spacing:.05em}.join-main-cta{width:max-content;max-width:100%;min-height:58px;display:flex;align-items:center;gap:22px;background:var(--gold);color:#171510;padding:10px 15px 10px 23px;font:700 12px var(--mono);letter-spacing:.09em;transition:transform .2s,background .2s}.join-main-cta:hover{transform:translateY(-4px);background:#f1d2a3}.join-main-cta img{height:22px;width:22px}.join-main-cta b{font-size:21px;border-left:1px solid #8f765a;padding-left:13px}.join-notes{position:absolute;right:5%;bottom:13%;text-align:right;display:flex;flex-direction:column;gap:7px;color:#cdc8c0;font:500 10px/1.7 var(--mono);letter-spacing:.09em}.join-notes b{font:800 42px var(--condensed);color:var(--gold2)}.join-bottom{position:absolute;left:11%;right:11%;bottom:8%;display:flex;justify-content:space-between;font:500 9px var(--mono);letter-spacing:.14em;color:#bcbab5}
/* Footer is intentionally plain, after the scroll-directed experience. */
.after-stage{position:relative;background:#e9e6df;color:#121416;padding:85px clamp(20px,7vw,110px) 20px;min-height:490px}.after-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:45px}.after-title>span{font:700 10px var(--mono);letter-spacing:.13em}.after-title h2{font:900 clamp(67px,7.4vw,132px)/.83 var(--condensed);letter-spacing:-.03em;margin:27px 0}.after-title h2 em{font-style:normal;color:#9c7752}.after-links{display:flex;flex-direction:column;border-top:2px solid #151719}.after-links button,.after-links a{border:0;border-bottom:1px solid #898b89;background:none;display:grid;grid-template-columns:55px 1fr 35px;gap:12px;align-items:center;text-align:left;padding:19px 8px;color:#101315;transition:background .2s,padding .2s}.after-links button:hover,.after-links a:hover{background:#dcd5c9;padding-left:17px}.after-links b{font:600 11px var(--mono);color:#856e53}.after-links span{font:800 27px var(--condensed)}.after-links i{font-size:22px;font-style:normal}.after-status{max-width:1400px;margin:55px auto 25px;padding:17px 0;border-top:1px solid #92928e;border-bottom:1px solid #92928e;display:flex;justify-content:space-between;gap:14px;color:#505552;font:600 10px var(--mono);letter-spacing:.09em}.after-status>div{display:flex;align-items:center;gap:9px}.status-dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#848b88}.status-dot.online{background:#1f9962}.status-dot.offline{background:#b34735}.after-stage footer{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:15px;font:500 10px var(--mono);color:#515754}.after-stage footer>div{display:flex;align-items:center;gap:10px;color:#171917}.after-stage footer img{width:31px;height:31px;border-radius:50%;padding:2px;background:linear-gradient(160deg,#ddbe8b,#ac895b)}.after-stage footer a{color:#171917;border-bottom:1px solid #8e7c60;padding-bottom:6px}
/* Responsive: keep the narrative but show fewer simultaneous props. */
@media(max-width:1200px){.hero-type{left:10%}.hero-type h1{font-size:clamp(70px,11.2vw,160px)}.hero-owl-plate{right:4%;top:23%}.top-nav{gap:22px}.paper-panel{width:74%;padding-left:13%}.editorial-panel{width:32%;right:3%}.editorial-panel h3{font-size:clamp(35px,4.5vw,62px)}.events-headline h2{font-size:clamp(110px,19vw,270px)}.events-ticket{right:5%;width:27%}.vault-title{right:4%}.vault-title h2{font-size:clamp(125px,16vw,245px)}}
@media(max-width:900px){.top-nav{display:none}.menu-toggle{display:flex}.scene-hero .hero-type{top:31%;left:8%}.hero-type h1{font-size:clamp(73px,12vw,115px)}.hero-owl-plate{width:47vw;right:3%;top:25%}.hero-edge{left:7%;top:20%}.hero-side-caption{display:none}.paper-panel{width:84%;top:26%;height:58%;padding:35px 7% 25px 12%}.paper-panel h2{font-size:clamp(110px,17vw,170px)}.editorial-panel{width:35%;top:27%;right:2%;padding:18px}.editorial-panel h3{font-size:clamp(32px,5vw,50px)}.editorial-symbol{font-size:60px}.editorial-body{font-size:11px}.vault-ring{width:65vw;left:-5%;top:21%}.vault-title{right:5%;width:52%;top:24%}.vault-title h2{font-size:clamp(100px,18vw,165px)}.vault-title p{font-size:12px}.vault-card{padding:13px;min-width:142px}.vault-card strong{font-size:25px}.vault-card-a{bottom:16%;left:40%}.vault-card-b{top:58%;left:4%}.events-headline{top:27%;left:9%}.events-headline h2{font-size:clamp(120px,19vw,195px)}.events-ticket{width:30%;height:47%;top:31%;right:6%;padding:10px}.events-ticket strong{font-size:40px}.join-graphic{width:52vw;right:3%;top:22%}.join-type{left:9%;top:33%}.join-type h2{font-size:clamp(105px,15vw,175px)}.join-kicker{left:9%}}
@media(max-width:600px){.site-header{height:67px;padding:0 15px;gap:5px}.brand{min-width:0;gap:6px}.brand-mark{width:33px;height:33px}.brand-mark img{width:22px;height:22px}.brand-name b{font-size:23px}.brand-name small{font-size:7px;margin-top:5px}.head-actions{gap:8px}.join-header{height:36px;padding:3px 4px 3px 11px;gap:8px}.join-header>span:first-child{font-size:10px}.discord-tile{height:28px;width:29px}.discord-tile img{width:19px;height:19px}.menu-toggle{height:36px;width:36px}.mobile-nav{top:67px}.sticky-stage{height:100svh;min-height:540px}.stage-left{top:65%;left:13px;font-size:8px}.stage-right{right:11px;top:51%;font-size:8px;gap:9px}.scene-rail{height:80px}.bottom-cue{bottom:17px;font-size:8px;gap:8px}.scene-hero .hero-type{left:7.5%;top:34%;width:90%}.hero-type .small-eyebrow{font-size:8px;margin-bottom:24px}.hero-type h1{font-size:clamp(61px,15vw,92px);line-height:.8;filter:drop-shadow(0 4px 14px #000e)}.hero-type .h1-second{font-size:.89em}.hero-type .h1-third{font-size:.86em;margin-left:4%;margin-top:10px}.hero-owl-plate{width:62vw;right:-9%;top:13%}.owl-caption{display:none}.hero-edge{font-size:8px;top:18%;left:7.5%}.hero-index{font-size:8px;right:8%;top:16%}.hero-copy{margin-top:38px;gap:12px}.hero-copy p{font-size:9px;margin-right:3px;padding-left:10px}.circle-link{width:36px;height:36px;font-size:19px}.action-caption{font-size:8px}.hero-bottom-notes{left:8%;right:8%;bottom:10%;font-size:7px}.mountain-a{bottom:-11%;height:47%}.paper-panel{left:-13%;top:27%;width:113%;height:52%;padding:24px 17% 18px 19%;transform:rotate(-8deg)}.paper-top{gap:9px;font-size:7px}.paper-top b{font-size:16px}.paper-panel h2{font-size:clamp(90px,22vw,145px);margin:17px 0 21px}.paper-bottom{max-width:85%;font-size:8px}.paper-next{font-size:7px}.editorial-panel{right:5%;top:48%;min-height:0;width:49%;padding:13px;transform:rotate(9deg)}.editorial-eyebrow{font-size:7px}.editorial-symbol{font-size:40px;margin-top:5px}.editorial-panel h3{font-size:clamp(29px,7vw,43px);margin-top:-8px}.editorial-body{font-size:9px;margin-top:8px}.editorial-frame{margin-top:10px;padding-top:10px;font-size:7px}.side-stamp{display:none}.scene-corner-number{bottom:8%}.vault-ring{top:15%;left:-30%;width:103vw}.vault-title{top:35%;right:6%;width:72%}.vault-title .small-eyebrow{font-size:8px}.vault-title h2{font-size:clamp(105px,24vw,175px);margin:18px 0 26px}.vault-title p{font-size:10px;padding-left:24%}.ghost-action{margin:19px 0 0 25%;font-size:8px}.vault-card-a{left:50%;bottom:11%}.vault-card-b{left:4%;top:76%}.vault-card{min-width:0;padding:10px;gap:9px}.vault-card span{font-size:6px}.vault-card strong{font-size:20px}.vault-card i{font-size:14px}.vault-vertical{display:none}.events-headline{left:8%;top:30%}.events-headline .small-eyebrow{font-size:8px}.events-headline h2{font-size:clamp(100px,25vw,165px);margin:14px 0 24px}.events-headline p{font-size:10px}.events-ticket{top:56%;right:6%;height:31%;width:45%;transform:rotate(12deg);padding:10px}.ticket-top{font-size:6px}.ticket-art{margin:6px 0}.ticket-art span{font-size:45px}.events-ticket strong{font-size:clamp(24px,6vw,35px);padding-bottom:7px}.ticket-bottom{font-size:6px;padding-top:5px}.events-next{bottom:12%;left:8%;font-size:8px;gap:10px}.events-next b{width:32px;height:32px;font-size:18px}.events-vertical{font-size:8px;left:3%}.events-corner{display:none}.join-kicker{left:8%;top:22%;font-size:8px}.join-graphic{top:17%;right:-18%;width:91vw}.join-type{left:8%;top:32%}.join-type h2{font-size:clamp(96px,23vw,164px);line-height:.77}.join-type h2 em{margin-left:2%}.join-type p{font-size:9px;margin-top:25px;max-width:270px;line-height:1.7}.join-main-cta{gap:10px;font-size:9px;min-height:51px;padding:8px 10px 8px 12px}.join-main-cta img{width:18px;height:18px}.join-main-cta b{padding-left:9px;font-size:15px}.join-notes{display:none}.join-bottom{left:8%;right:8%;bottom:9%;font-size:7px}.after-stage{padding:60px 20px 25px}.after-inner{grid-template-columns:1fr;gap:27px}.after-title h2{font-size:83px;margin:18px 0}.after-links span{font-size:25px}.after-status{margin-top:33px;font-size:8px;flex-wrap:wrap}.after-stage footer{flex-direction:column;align-items:flex-start;font-size:8px;gap:15px}}
@media(max-width:360px){.brand-name b{font-size:20px}.hero-type h1{font-size:clamp(56px,15vw,65px)}.action-caption{display:none}.join-main-cta{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Without JavaScript, render scenes sequentially and keep all navigation available. */
html:not(.js) .scrollytelling{height:auto}html:not(.js) .sticky-stage{position:relative;height:auto;overflow:visible}html:not(.js) .scene{position:relative;min-height:850px;height:100svh;visibility:visible;opacity:1;pointer-events:auto}html:not(.js) .stage-chrome{display:none}html:not(.js) .scene [data-flight]{transform:none!important}

/* Final polish: separate additive physical rotations from scroll-driven transforms. */
.paper-panel{transform:none;rotate:-6deg}
.editorial-panel{transform:none;rotate:5deg}
.vault-card-a{transform:none;rotate:12deg}
.vault-card-b{transform:none;rotate:-9deg}
.events-ticket{transform:none;rotate:9deg}
@media(max-width:600px){
 .after-stage{overflow-x:clip}
 .after-inner{grid-template-columns:minmax(0,1fr)}
 .after-inner>*{min-width:0}
 .after-title h2{font-size:clamp(51px,16vw,75px)}
 .paper-panel{rotate:-8deg}
 .editorial-panel{rotate:9deg}
 .events-ticket{rotate:12deg}
}