:root{--bg:#090a08;--paper:#edeee5;--acid:#d9ff43;--muted:#9b9e93;--line:#edeee527;--gutter:clamp(22px,5.5vw,100px);--mark:none;--mx:42%;--my:48%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::selection{color:var(--bg);background:var(--acid)}:focus-visible{outline:2px solid var(--acid);outline-offset:7px}button:disabled{cursor:not-allowed;opacity:.35}.skip{position:fixed;top:12px;left:20px;z-index:100;transform:translateY(-150%);background:var(--acid);color:#111;padding:14px}.skip:focus{transform:none}header{height:90px;position:fixed;top:0;left:0;right:0;z-index:20;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}.scrolled header{background:#090a08e8;backdrop-filter:blur(18px);border-color:var(--line)}.brand{width:200px;display:block}.brand img,.signature img,.closing-logo img{display:block;width:100%;height:auto}.fallback{font-size:19px;font-weight:700;letter-spacing:1px}img:not([src]){display:none}.fallback[hidden]{display:none}nav{display:flex;gap:38px}nav a{font-size:11px;text-transform:uppercase;letter-spacing:2px;position:relative;padding:12px 0}nav a:after{content:'';position:absolute;bottom:3px;height:1px;background:var(--acid);left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.progress{height:2px;position:fixed;left:0;top:0;width:100%;background:var(--acid);transform:scaleX(0);transform-origin:left;z-index:40}.hero{height:145svh;min-height:850px;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:110px var(--gutter) 65px}.ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--mx) var(--my),#d9ff4319,transparent 52%),radial-gradient(ellipse at 14% 20%,#75892419,transparent 32%)}.floor{position:absolute;width:65vw;height:10vw;min-height:80px;left:17.5%;top:65%;background:radial-gradient(ellipse,#c5ed3d19,transparent 68%);filter:blur(16px);pointer-events:none}.emblem{width:clamp(230px,33vw,530px);aspect-ratio:1;position:relative;z-index:1;will-change:transform,opacity;transform:translateY(var(--mark-y,0px)) scale(var(--mark-scale,1));opacity:var(--mark-opacity,1);flex-shrink:0}.mark{position:absolute;inset:0;mask-image:var(--mark);-webkit-mask-image:var(--mark);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.mark.edge{background:linear-gradient(135deg,#d9ff43e8,transparent 34%,#d9ff4330 65%,#d9ff43e6);filter:drop-shadow(0 0 8px #c7ff3938)}.mark.face{background:radial-gradient(ellipse at var(--mx) var(--my),#59613b,#272a22 32%,#13150f 78%);inset:1px}.signature{width:min(58vw,780px);margin:25px 0 30px;position:relative;z-index:2;opacity:var(--signature-opacity,1);transform:translateY(var(--signature-y,0px));will-change:transform,opacity}.signature .fallback{font-size:clamp(26px,7vw,90px);text-align:center;display:block}.signature .fallback[hidden]{display:none}.hero-actions{z-index:2;opacity:var(--signature-opacity,1);transform:translateY(var(--signature-y,0px))}.button{display:inline-flex;align-items:center;justify-content:center;gap:44px;border:1px solid #d9ff4370;min-height:52px;padding:18px 25px;background:transparent;font-size:10px;letter-spacing:2.7px;text-transform:uppercase;position:relative;overflow:hidden;transition:background .25s,color .25s,box-shadow .25s}.button:hover{background:var(--acid);color:var(--bg);box-shadow:0 0 36px #d9ff4317}.button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .3s}.button:hover svg{transform:translate(3px,-3px)}.hero-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:var(--muted);text-transform:uppercase}.scroll-cue{display:flex;gap:14px;align-items:center}.scroll-cue i{width:42px;height:1px;background:#ffffff25;position:relative;overflow:hidden}.scroll-cue i:after{content:'';position:absolute;inset:0;background:var(--acid);animation:scan 2.4s ease-in-out infinite}@keyframes scan{0%{transform:translateX(-105%)}70%,100%{transform:translateX(105%)}}.sound{min-height:105svh;position:relative;isolation:isolate;padding:100px var(--gutter);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.sound canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.8}.sound:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090a08b8,transparent 75%),linear-gradient(0deg,#090a08,transparent 17%,transparent 85%,#090a08)}.label{font-size:11px;text-transform:uppercase;letter-spacing:4px;display:flex;align-items:center;gap:22px;margin:0 0 38px;font-weight:400}.label:before{content:'';width:34px;height:2px;background:var(--acid)}.modes{max-width:1050px;display:flex;align-items:flex-start;flex-direction:column;gap:2px}.modes button{border:0;background:none;padding:0;text-align:left;display:flex;align-items:center;gap:22px;transition:color .35s,transform .35s;font-weight:900;font-size:clamp(64px,9.8vw,160px);line-height:1;letter-spacing:-.065em;text-transform:uppercase}.modes button:hover,.modes button[aria-pressed=true]{color:var(--acid);transform:translateX(12px)}.modes button span{opacity:0;transform:translateX(-12px);transition:.3s;font-size:.5em;font-weight:400}.modes button:hover span,.modes button[aria-pressed=true] span{opacity:1;transform:none}#sound-note{margin:36px 0 0 5px;max-width:355px;font-size:13px;line-height:1.9;color:#c0c4b4;min-height:50px}.sound-foot{display:flex;justify-content:space-between;align-items:end;margin-top:35px;color:var(--muted);font-size:9px;letter-spacing:1.6px;text-transform:uppercase}.text-button{color:var(--muted);border:0;border-bottom:1px solid #ffffff40;background:none;padding:9px 0;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.text-button:hover{color:var(--acid)}.story{padding:110px var(--gutter) 40px;position:relative;overflow:hidden;border-top:1px solid var(--line)}.story:before{content:'';position:absolute;pointer-events:none;right:-180px;top:-200px;width:700px;height:700px;background:radial-gradient(ellipse,#d9ff4314,transparent 65%)}h2{margin:0}.story h2{font-size:clamp(49px,6.5vw,105px);line-height:1.02;font-weight:900;text-transform:uppercase;letter-spacing:-.06em}.story h2 span{color:var(--acid);display:block}.story-copy{display:flex;justify-content:space-between;align-items:start;gap:70px;margin:35px 0 75px}.story-copy p{font-size:clamp(17px,1.8vw,27px);line-height:1.5;max-width:600px;margin:0}.story-copy .bio{max-width:380px;color:var(--muted);font-size:12px;line-height:1.9}.event-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:center}.event-row .label{margin:0;font-size:10px;letter-spacing:2.5px}.event-row p{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#bec2b4;margin:0}.connect-row{display:flex;justify-content:space-between;align-items:center;padding:65px 0 55px;gap:30px}.connect-row p{font-size:16px;line-height:1.8;margin:0;max-width:400px;color:#c0c4b4}.closing-logo{width:100%;margin:20px 0 55px}.closing-logo .fallback{font-size:clamp(30px,8vw,120px)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:0;padding:25px 0;font-size:9px;letter-spacing:1px;color:var(--muted)}.reveal{transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.js .reveal:not(.visible){opacity:0;transform:translateY(35px)}dialog{color:var(--paper);border:1px solid #edeee530;background:#10120ef5;backdrop-filter:blur(35px);padding:clamp(25px,4vw,50px);max-width:620px;width:calc(100% - 36px);max-height:90svh;overflow:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}dialog h2{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-1.2px;margin-bottom:20px}dialog p{font-size:13px;color:#b7beaa;line-height:1.85}dialog .small{font-size:11px;line-height:1.7;color:var(--muted)}.files{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.files label{display:block;padding:20px;border:1px dashed #d9ff4345;background:#d9ff4305;font-size:11px;line-height:1.8;cursor:pointer}.files label:hover{border-color:var(--acid)}.files strong{display:block;color:var(--paper);font-size:14px;margin-bottom:9px}.files input{display:block;width:100%;font-size:10px;margin-top:15px;color:var(--muted)}input::file-selector-button{display:block;border:1px solid #ffffff35;padding:8px 10px;background:transparent;color:var(--paper);margin:0 0 7px;cursor:pointer;font-size:10px}.status{display:block;font-size:11px;color:var(--acid);min-height:19px;margin-top:12px}.dialog-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.close{border:0;background:none;position:absolute;top:15px;right:17px;padding:7px;font-size:22px;color:var(--muted)}.no-brand .emblem{visibility:hidden}
@media(max-width:740px){header{height:75px}.brand{width:145px}nav{gap:17px}nav a{font-size:9px;letter-spacing:1px}.hero{height:125svh;min-height:740px}.stage{min-height:590px;padding-top:100px}.emblem{width:72vw;max-width:380px}.signature{width:88vw;margin-top:25px}.hero-foot{font-size:8px}.hero-foot>span{max-width:170px;line-height:1.7}.sound{min-height:850px;padding-top:85px;padding-bottom:70px}.modes button{font-size:clamp(54px,12.8vw,95px);letter-spacing:-.055em;gap:12px;min-height:80px}.modes button:hover,.modes button[aria-pressed=true]{transform:translateX(4px)}.label{font-size:10px;letter-spacing:3px}.sound-foot{align-items:start;gap:25px;flex-direction:column}.story{padding-top:80px}.story h2{font-size:clamp(41px,10.5vw,70px);line-height:1.06}.story-copy{flex-direction:column;gap:25px;margin-bottom:50px}.story-copy p{font-size:18px}.event-row{grid-template-columns:1fr;gap:18px}.event-row p{font-size:9px;letter-spacing:1.7px}.connect-row{align-items:start;flex-direction:column;padding:50px 0 35px}.connect-row p{font-size:14px}.closing-logo{margin-bottom:40px}footer{font-size:8px;flex-wrap:wrap;line-height:1.6}.files{grid-template-columns:1fr}.files label{padding:15px}input::file-selector-button{display:inline-block;margin-right:12px}.button{gap:27px}.floor{width:100vw;left:0;top:58%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.button svg,.modes button,.modes button span{transition:none}.scroll-cue i:after{animation:none}.hero{height:100svh;min-height:660px}.stage{position:relative}.emblem,.signature,.hero-actions{transform:none!important;opacity:1!important}}
