@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Italiana&display=swap');
:root{--night:#03050b;--ink:#f1f0ee;--muted:#b2b6c4;--gold:#d8b978;--gold2:#9c7743;--line:rgba(226,206,157,.22);--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:#9d7c49;color:#fff}#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none}.cosmos-shade{position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(90deg,rgba(3,5,11,.34),transparent 65%),radial-gradient(circle at 50% 45%,transparent 10%,rgba(3,5,11,.3) 100%)}.reading-progress{position:fixed;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold2),#f9e7b6);z-index:40}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,88px);border-bottom:1px solid rgba(222,204,164,.10);background:linear-gradient(180deg,rgba(3,5,11,.93),rgba(3,5,11,.44));backdrop-filter:blur(16px)}.brand{font-size:21px;letter-spacing:.24em;font-weight:500;white-space:nowrap}.brand-star{font-size:18px;color:var(--gold);margin-right:12px}.brand-dot,.gold-period{color:var(--gold)}.desktop-nav{display:flex;gap:clamp(16px,2.2vw,42px)}.desktop-nav a{font-size:11px;letter-spacing:.12em;color:#c3c6d0;transition:color .2s}.desktop-nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:5px}.header-cta{font-size:11px;letter-spacing:.11em;text-transform:uppercase;border:1px solid var(--line);padding:15px 18px;white-space:nowrap}.header-cta span{color:var(--gold);padding-left:15px}.secret-toggle{border:0;background:transparent;color:transparent;width:16px;height:43px;padding:0;opacity:0;cursor:pointer}.secret-toggle:focus-visible{opacity:1;outline-color:var(--gold)}.scene{position:relative;min-height:100vh;padding:130px clamp(26px,8vw,150px) 110px;isolation:isolate}.section-number{position:absolute;top:130px;left:clamp(26px,5vw,88px);font-size:10px;letter-spacing:.22em;color:var(--gold);opacity:.8}.overline,.eyebrow,.mini-label{font-size:11px;letter-spacing:.25em;color:var(--gold);font-weight:500}.sep{padding:0 12px;opacity:.5}.hero{display:flex;align-items:center;min-height:100svh;overflow:hidden}.hero-glow{position:absolute;width:85vw;height:85vw;max-width:1100px;max-height:1100px;right:-23vw;top:5%;border-radius:50%;background:radial-gradient(circle,rgba(74,72,125,.12),rgba(27,39,85,.08) 38%,transparent 68%);filter:blur(30px);pointer-events:none}.hero-content{max-width:1150px;position:relative;z-index:1}.hero h1,.finale-title{font:400 clamp(67px,9vw,154px)/.99 var(--serif);letter-spacing:-.035em;margin:33px 0 28px}.hero h1 em,.display em,.transition-title em,.finale-title em,.reveal-explainer h3 em{color:var(--gold);font-style:normal}.hero-intro{font-size:clamp(17px,1.6vw,23px);line-height:1.7;color:#d0d1d9;max-width:560px}.explore-link{display:inline-flex;align-items:center;gap:20px;margin-top:42px;font-size:11px;text-transform:uppercase;letter-spacing:.22em}.explore-line{display:grid;place-items:center;border:1px solid var(--line);width:52px;height:52px;border-radius:50%;color:var(--gold);font-size:20px;transition:transform .3s}.explore-link:hover .explore-line{transform:translateY(7px)}.hero-aside{position:absolute;right:3vw;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:#aaa4a0}.hero-index{position:absolute;bottom:45px;right:6vw;font-size:12px;letter-spacing:.18em}.hero-index span{color:var(--gold)}.story{display:flex;align-items:center;min-height:105vh;background:linear-gradient(90deg,rgba(3,5,11,.76),rgba(3,5,11,.04) 90%)}.story-inner{max-width:680px;margin-left:7vw}.story-right{justify-content:flex-end;background:linear-gradient(270deg,rgba(3,5,11,.80),rgba(3,5,11,.04) 90%)}.story-right .story-inner{margin-left:0;margin-right:6vw}.display{font:400 clamp(63px,8vw,132px)/1.05 var(--serif);letter-spacing:-.025em;margin:26px 0 35px}.lead{font:400 clamp(24px,2.5vw,35px)/1.4 var(--serif);color:#e5e1df;margin:0 0 26px}.body-copy{font-size:clamp(15px,1.3vw,18px);line-height:1.95;color:#bfc2cd;max-width:630px}.story .body-copy{max-width:590px}.pullquote{font:400 clamp(27px,3.1vw,45px)/1.25 var(--serif);border-left:1px solid var(--gold);padding-left:30px;margin-top:42px;color:#f3e8d0}.scene-aside{position:absolute;bottom:60px;right:6vw;letter-spacing:.2em;font-size:10px;color:#c1b8a6}.transition{text-align:center;min-height:115vh;background:radial-gradient(ellipse at 50% 70%,rgba(45,40,75,.14),transparent 65%)}.transition-title{font:400 clamp(65px,8vw,128px)/1.04 var(--serif);margin:25px 0}.transition-copy{font-size:18px;line-height:1.8;color:#c9cbd4;max-width:600px;margin:0 auto 60px}.sequence-wrap{max-width:1020px;margin:auto;border:1px solid rgba(222,195,137,.16);background:rgba(3,5,11,.5);box-shadow:0 20px 130px rgba(0,0,0,.3)}#sequenceCanvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.sequence-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.12em;color:#a5a5ac;text-align:left}.sequence-bottom button{color:var(--gold);background:transparent;border:0;white-space:nowrap;font-size:11px}.reveal-chapter{text-align:center;background:radial-gradient(ellipse at 50% 37%,rgba(34,27,54,.24),rgba(3,5,11,.26) 65%)}.reveal-heading{margin:40px auto 0}.brand-display{font:400 clamp(85px,14vw,220px)/1 var(--serif);letter-spacing:.07em;margin:12px 0 0}.brand-display span{font:400 18px var(--sans);vertical-align:top;letter-spacing:0;color:var(--gold)}.brand-tagline{font:400 clamp(27px,3vw,47px) var(--serif);color:var(--gold);margin:0}.mark-stage{width:min(68vw,680px);aspect-ratio:1;position:relative;margin:15px auto 50px;display:grid;place-items:center}#markCanvas{width:100%;height:100%;display:block;filter:drop-shadow(0 0 50px rgba(133,104,64,.16))}.mark-orbit{position:absolute;inset:1%;border:1px solid rgba(218,185,112,.12);border-radius:50%;pointer-events:none}.mark-orbit-two{inset:-4%;border-color:rgba(218,185,112,.07)}.reveal-explainer{max-width:940px;margin:auto}.reveal-explainer h3{font:400 clamp(35px,4.5vw,67px)/1.17 var(--serif);max-width:850px;margin:0 auto 25px}.reveal-explainer>.body-copy{margin:auto}.difference{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:30px;margin:70px 0 40px}.difference>div{border-top:1px solid var(--line);padding:25px 12px}.difference-index{display:block;font-size:11px;color:var(--gold);letter-spacing:.2em;margin-bottom:23px}.difference strong{font:400 28px var(--serif)}.difference p{font-size:15px;line-height:1.8;color:#b8bbc4}.legal-note{font-size:10px;line-height:1.7;letter-spacing:.09em;color:#a5a8b1;max-width:800px;margin:50px auto}.expressions{background:linear-gradient(180deg,rgba(3,5,11,.2),rgba(3,5,11,.76) 65%,rgba(3,5,11,.35))}.expressions-intro{max-width:900px;margin:0 auto 65px;text-align:center}.expressions-intro .body-copy{margin:auto}.expression-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,52px);max-width:1300px;margin:auto}.expression-card{min-width:0}.expression-visual{height:clamp(300px,38vw,570px);display:grid;place-items:center;overflow:hidden;position:relative;border:1px solid rgba(218,185,112,.15)}.print-visual{background:radial-gradient(circle at 50% 40%,#343139,#0b0c13 72%)}.print-sheet{width:65%;max-width:340px;aspect-ratio:.74;background:linear-gradient(120deg,#e9e0cf,#b8ad9b);box-shadow:20px 30px 70px rgba(0,0,0,.55),inset 1px 1px 1px #fff8;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:18px}.print-stamp{width:80%;aspect-ratio:1;filter:drop-shadow(0 5px 6px #0006)}.print-stamp canvas{width:100%;height:100%}.sheet-title{font:400 clamp(12px,1.5vw,19px) var(--serif);color:#38332e;letter-spacing:.13em}.sheet-subtitle{font-size:7px;letter-spacing:.2em;color:#615d53}.digital-visual{background:radial-gradient(circle at 50% 45%,#192139,#060910 70%)}.device-frame{width:77%;max-width:425px;aspect-ratio:.8;border:7px solid #252b37;border-radius:19px;background:radial-gradient(circle,#0b1328,#03050b 70%);box-shadow:0 30px 75px #000b,0 0 40px #526ba320;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px}.device-top,.device-bottom{width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#b3b9c8}.device-live{color:var(--gold)}.device-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:6px}.device-frame canvas{width:100%;height:auto;max-height:85%;object-fit:contain}.expression-text{padding:27px 5px}.expression-text h3{font:400 clamp(31px,3.3vw,48px) var(--serif);margin:15px 0}.expression-text p{font-size:15px;line-height:1.9;color:#b8bdc8;max-width:550px}.applications{background:linear-gradient(180deg,rgba(3,5,11,.6),rgba(3,5,11,.3))}.applications-intro{text-align:center;max-width:860px;margin:0 auto 75px}.applications-intro .body-copy{margin:auto}.application-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1370px;margin:auto}.app-tile{min-width:0}.app-art{height:clamp(260px,31vw,440px);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.app-book .app-art{background:linear-gradient(145deg,#33313a,#101016)}.book-object{width:63%;aspect-ratio:.7;background:linear-gradient(110deg,#252431,#11111d);border-left:10px solid #171722;box-shadow:25px 25px 40px #0009,inset 0 0 0 1px #d3b47750;transform:rotate(-11deg);display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:25px 10px;text-align:center}.book-top{font:400 12px var(--serif);letter-spacing:.2em}.book-object strong{font:400 clamp(20px,2vw,31px) var(--serif);letter-spacing:.06em}.book-object small{font-size:8px;letter-spacing:.18em;color:var(--gold)}.mini-gold-universe{width:clamp(70px,10vw,140px);aspect-ratio:1;border:2px solid #b9995f;border-radius:50%;display:grid;place-items:center;color:#d4bd83;font-size:50px;background:radial-gradient(circle at 65% 35%,#47405b,#0c0d19 70%);box-shadow:0 0 22px #c9a26833,inset 0 0 30px #6d6b9b30}.app-object .app-art{background:radial-gradient(circle,#514739,#17171c 70%)}.object-plaque{width:75%;aspect-ratio:1;background:linear-gradient(135deg,#2c2d32,#0c0d11);border:2px solid #9d8152;box-shadow:20px 25px 50px #0008;display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:15px;text-align:center}.object-plaque small,.object-plaque span{font-size:8px;letter-spacing:.18em;color:#c8ad79}.object-plaque strong{font:400 21px var(--serif)}.app-screen .app-art{background:radial-gradient(circle,#1b2440,#090c15 70%)}.display-object{width:80%;aspect-ratio:1.25;background:linear-gradient(135deg,#070a14,#0e1224);border:9px solid #292f3d;border-radius:13px;box-shadow:25px 25px 45px #0009;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.display-universe{width:55%;aspect-ratio:1;border:1px solid #bd9a60;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#4d466f,#080b19 70%);animation:float 12s ease-in-out infinite}.display-core{font-size:58px;color:#d4b778;text-shadow:0 0 25px #a79ed0}.display-object span{font-size:8px;letter-spacing:.2em;color:#d4b778}.app-info{padding:24px 0}.app-info span{font-size:10px;letter-spacing:.2em;color:var(--gold)}.app-info h3{font:400 clamp(24px,2.6vw,36px) var(--serif);margin:12px 0}.gallery-note{text-align:center}.finale{min-height:110vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.finale-halo{position:absolute;width:min(80vw,850px);aspect-ratio:1;border:1px solid rgba(215,178,103,.22);border-radius:50%;box-shadow:0 0 100px #9e764b15,inset 0 0 100px #9e764b10;pointer-events:none}.finale-content{z-index:1;position:relative}.finale-title{font-size:clamp(68px,9vw,144px)}.finale-copy{max-width:550px;margin:30px auto;font-size:18px;line-height:1.9;color:#c8cbd3}.finale-actions{display:flex;align-items:center;justify-content:center;gap:36px;margin-top:48px}.primary-button{padding:21px 28px;background:#d8bd86;color:#14110f;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background .2s}.primary-button:hover{background:#f0d5a1}.primary-button span{margin-left:20px}.text-button{font-size:12px;letter-spacing:.1em;border-bottom:1px solid var(--gold);padding:14px 0}.text-button span{color:var(--gold);margin-left:12px}.contact-note{font-size:11px;color:#a4a8b2;margin-top:30px}.finale-bottom{position:absolute;bottom:55px;left:0;right:0;font-size:10px;letter-spacing:.2em;color:#b7b4b0}.finale-bottom span{color:var(--gold);margin:0 12px}.site-footer{border-top:1px solid var(--line);background:#03050b;padding:60px clamp(25px,7vw,120px);display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-brand{font-size:22px;letter-spacing:.2em}.footer-brand>span{color:var(--gold)}.footer-brand small{display:block;font-size:9px;letter-spacing:.22em;margin-top:10px;color:#aaa}.footer-links{display:flex;gap:22px;justify-content:flex-end;flex-wrap:wrap}.footer-links a{font-size:11px;color:#c9c6c1}.site-footer>p{grid-column:1/-1;font-size:11px;line-height:1.8;color:#9699a3}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:translateY(0)}.cosmos-panel[hidden]{display:none!important}.cosmos-panel{position:fixed;z-index:90;top:100px;right:24px;width:min(370px,calc(100vw - 48px));max-height:calc(100vh - 120px);overflow:auto;background:rgba(11,14,25,.97);border:1px solid #ac905b77;padding:22px;box-shadow:0 20px 70px #000b;backdrop-filter:blur(20px)}.control-head{display:flex;justify-content:space-between;align-items:flex-start}.control-head small{font-size:9px;letter-spacing:.18em;color:var(--gold)}.control-head h2{font:400 26px var(--serif);margin:8px 0}.control-head button{background:none;border:0;color:#fff;font-size:25px}.control-note,.control-foot{font-size:11px;color:#a9aebd;line-height:1.6}.cosmos-status{border:1px solid var(--line);padding:10px;font-size:11px;color:#e5c890;margin:16px 0}.control-row{margin:16px 0}.control-row label{display:flex;justify-content:space-between;font-size:12px;gap:15px}.control-row output{color:var(--gold)}.control-row input{width:100%;margin-top:9px;accent-color:#d8bd86}.control-actions{display:flex;gap:12px}.control-actions button{background:transparent;border:1px solid var(--line);color:#f2e6ce;padding:11px 14px;font-size:12px}.control-check{display:flex;align-items:center;gap:9px;font-size:11px;color:#c3c6ce;margin-top:15px;line-height:1.5}.control-check input{accent-color:var(--gold)}@keyframes float{50%{transform:translateY(-8px) rotate(5deg)}}@media(max-width:1100px){.desktop-nav{display:none}.story-inner{margin-left:0}.story-right .story-inner{margin-right:0}}@media(max-width:760px){.site-header{height:70px;padding:0 18px}.brand{font-size:17px;letter-spacing:.16em}.brand-star{margin-right:5px}.header-cta{font-size:9px;padding:12px 10px}.header-cta span{padding-left:5px}.scene{padding:115px 24px 90px;min-height:85vh}.section-number{top:90px;left:25px}.hero{min-height:100svh}.hero h1{font-size:clamp(58px,12vw,95px)}.hero-aside{display:none}.hero-index{bottom:24px}.story{min-height:95vh}.display{font-size:clamp(55px,11vw,85px)}.story-inner{max-width:100%}.transition-title{font-size:clamp(56px,11vw,85px)}.sequence-bottom{flex-direction:column;align-items:flex-start}.brand-display{font-size:clamp(61px,15vw,105px)}.mark-stage{width:min(90vw,550px)}.difference,.expression-grid,.application-tiles{grid-template-columns:1fr}.expression-visual{height:450px}.app-art{height:400px}.finale-title{font-size:clamp(55px,11vw,95px)}.finale-actions{flex-direction:column;gap:18px}.finale-bottom{font-size:8px}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.contact-note{padding:0 20px}}@media(max-width:380px){.brand{font-size:14px}.header-cta{font-size:8px}.hero h1{font-size:55px}.expression-visual{height:340px}.app-art{height:320px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.display-universe{animation:none}}