/* The existing visual identity, extended into a continuous stage. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{background:#04050a}main,footer{position:relative;z-index:1}header{z-index:5}.global-world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.global-world canvas{display:block;width:100%;height:100%}.global-world .fallback{font-size:20vw;opacity:.06;top:25%;letter-spacing:-.08em}
.hero{height:215svh;min-height:0;padding:0;overflow:clip;isolation:auto}.hero-frame{height:100svh;min-height:680px;position:sticky;top:0;padding:135px 3.6% 0}.hero-title{bottom:137px}.hero h1{animation:none;opacity:var(--brand-opacity,0);clip-path:inset(0 calc((1 - var(--brand-opacity,0))*100%) 0 0);transform:translateY(calc((1 - var(--brand-opacity,0))*18px));will-change:clip-path,transform}.hero #intro-word{position:absolute;bottom:0;left:0;margin:0;font-family:Manrope,sans-serif;font-size:clamp(70px,13.25vw,230px);line-height:.88;letter-spacing:-.079em;color:var(--paper);opacity:var(--intro-opacity,1);transform:translateX(calc(var(--hero-progress,0)*-18px));will-change:transform}.hero-stage-label{position:absolute;top:-44px;left:7px;color:var(--violet);font-size:12px;letter-spacing:3px}.hero .object-caption{top:36%;font-size:11px}.hero .evolve{top:36%}.object-touchpad{position:absolute;left:30%;right:30%;top:22%;height:43%;background:transparent;border-radius:50%;z-index:2;touch-action:pan-y;cursor:grab}.object-touchpad:focus-visible{outline:1px dashed var(--neon);outline-offset:12px}.object-touchpad.is-dragging{cursor:grabbing}.world-status{position:absolute;left:3.6%;top:165px;font-size:11px;letter-spacing:1px;color:var(--muted);opacity:.8}.hero-top,.hero-title,.hero-bottom,.object-caption,.world-status{pointer-events:none}.hero-bottom a{pointer-events:auto}.hero .evolve{z-index:3}
.discover{position:relative}.philosophy{background:linear-gradient(90deg,transparent 0%,#04050ad9 33%,#04050af5 65%)}.philosophy>.eyebrow{max-width:230px}.philosophy h2{position:relative}.philosophy h2>span{color:var(--paper);opacity:var(--felt-opacity,.4)}.philosophy-copy{background:#04050abf}.section-meta{position:relative;z-index:2}
.world-passage{position:relative;height:115svh;min-height:700px;pointer-events:none}.passage-copy{position:sticky;top:26svh;padding:0 5%;height:310px;mix-blend-mode:screen}.passage-copy>.eyebrow{font-size:12px;color:var(--violet)}.passage-copy>p{font-family:Manrope,sans-serif;font-size:clamp(58px,8vw,130px);line-height:1.02;letter-spacing:-.065em;margin:30px 0;transform:translateX(calc(var(--passage-progress,0)*-32px));opacity:var(--passage-copy,1)}.passage-copy em{font:italic 1em Georgia,serif}.passage-index{font-size:12px;letter-spacing:3px;color:var(--neon)}
.whatif{position:relative;border-radius:var(--portal-radius,80px) var(--portal-radius,80px) 0 0;transition:border-radius .1s linear}.impossible{will-change:transform}.interface-pieces{transform:rotateX(calc(var(--split)*12deg)) rotateY(calc(var(--split)*-8deg));transition:transform .1s}.piece{box-shadow:calc(var(--split)*-8px) calc(var(--split)*24px) calc(var(--split)*40px) #04050a1a}.piece-a{border-left:calc(var(--split)*4px) solid #afbee6}.piece-c{border-bottom:calc(var(--split)*4px) solid #7458ca}.whatif h2 em{display:inline-block;transform:translateX(calc(var(--split-type,0)*12px))}
.cap-system{grid-template-columns:1.3fr 1fr;grid-template-rows:235px auto;gap:0 8%;align-items:start}.cap-tabs{grid-area:1/1/3/2}.cap-world-window{grid-area:1/2/2/3;position:relative;height:235px;pointer-events:none}.cap-world-window>span{position:absolute;bottom:12px;left:0;font-size:10px;letter-spacing:1.7px;color:var(--muted)}#cap-panel{grid-area:2/2/3/3;background:#0d1428d9;padding:28px;backdrop-filter:blur(3px);border-top:1px solid #79a5ff44}#cap-symbol{font-size:35px;letter-spacing:-3px}#cap-description{font-size:22px;margin:17px 0}#cap-panel:focus-visible{outline:2px solid var(--neon)}.cap-tabs button{transition:color .2s,padding-left .3s}.cap-tabs button:hover{padding-left:8px}.cap-tabs button[aria-selected=true]{color:var(--neon)}.cap-connection{margin-bottom:0}
.experiments{background:#090c17ed}.experiment{perspective:900px}.exp-art{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .5s;transform-style:preserve-3d}.experiment:hover .exp-art{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-6px)}.launch{transition:transform .35s}.experiment:hover .launch{transform:translate(4px,-4px)}.brand-sample{transition:letter-spacing .65s}.exp-brand:hover .brand-sample{letter-spacing:-18px}.future-type{transition:transform .65s}.exp-future:hover .future-type{transform:rotate(0) translateZ(20px)}
.imagine h2{position:relative}.imagine h2 em{display:inline-block;transform:translateX(calc(var(--imagine-progress,0)*-15px))}.intentions button{transition:background .2s,color .2s,border-color .2s}.intentions button:hover{border-color:var(--neon)}
.contact{background:transparent;color:var(--paper);padding-bottom:90px}.contact .section-meta{color:var(--muted);border-color:var(--line)}.contact-opening{display:grid;grid-template-columns:1.6fr .7fr;gap:4%;align-items:center}.contact h2{font-size:clamp(50px,7.5vw,112px)}.contact-subtitle{color:var(--violet);margin-bottom:40px}.contact-form-window{height:290px;position:relative;pointer-events:none}.contact-form-window span{position:absolute;bottom:10px;left:0;font-size:10px;letter-spacing:1.7px;color:var(--muted)}#brief-form{background:var(--blue);padding:45px;margin-top:35px}.contact .form-end button{transition:background .25s,color .25s}.contact .form-end button:hover{background:var(--ink);color:var(--paper)}footer{background:#04050a;padding-bottom:105px}
.experience-controls{position:fixed;left:30px;bottom:23px;z-index:20;display:flex;gap:8px;align-items:center}.sound-control,.experience-controls .utility{background:#04050aee;color:var(--paper);border:1px solid #6e82ae66;min-height:40px}.sound-control{font-size:10px;letter-spacing:1px;padding:0 15px;border-radius:25px;display:flex;align-items:center;gap:10px}.experience-controls .utility{width:40px;height:40px}.sound-control[aria-pressed=true]{color:var(--neon);border-color:#73ecff88}.sound-bars{display:flex;gap:3px;align-items:center;height:15px}.sound-bars i{width:2px;height:3px;background:currentColor;transition:height .3s}.sound-control[aria-pressed=true] .sound-bars i:nth-child(1){height:7px}.sound-control[aria-pressed=true] .sound-bars i:nth-child(2){height:13px}.sound-control[aria-pressed=true] .sound-bars i:nth-child(3){height:9px}
.journey{position:fixed;right:30px;bottom:23px;z-index:20;width:185px;background:#04050af2;border:1px solid #6e82ae66;border-radius:3px;color:var(--paper)}.journey summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:40px;padding:10px 14px;cursor:pointer;font-size:10px;letter-spacing:1px}.journey summary::-webkit-details-marker{display:none}.journey summary>span:last-child{font-size:18px;color:var(--neon)}.journey nav{padding:5px 14px 15px;display:flex;flex-direction:column;gap:4px}.journey nav a{font-size:13px;padding:8px 0;color:var(--muted)}.journey nav a:hover,.journey nav a[aria-current=location]{color:var(--neon)}.journey-track{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ffffff13}.journey-track i{display:block;height:100%;width:calc(var(--journey-progress,0)*100%);background:var(--neon)}
#fe-cursor{position:fixed;left:0;top:0;width:10px;height:10px;border:1px solid #bcd1ff;background:#bcd1ff;border-radius:50%;pointer-events:none;z-index:9999;display:none;translate:-50% -50%;transition:width .22s,height .22s,background .22s,border-radius .22s;mix-blend-mode:difference}#fe-cursor>span{font:9px 'DM Sans',sans-serif;letter-spacing:1px;position:absolute;inset:0;display:grid;place-items:center;color:white;opacity:0;transition:opacity .15s}#fe-cursor[data-state=link]{width:46px;height:46px;background:transparent}#fe-cursor[data-state=explore]{width:76px;height:76px;background:transparent}#fe-cursor[data-state=explore]>span,#fe-cursor[data-state=drag]>span{opacity:1}#fe-cursor[data-state=drag]{width:65px;height:65px;border-radius:18px;background:transparent}.has-custom-cursor,.has-custom-cursor body,.has-custom-cursor a,.has-custom-cursor button,.has-custom-cursor summary,.has-custom-cursor input[type=range]{cursor:none}.has-custom-cursor #fe-cursor.visible{display:block}.has-custom-cursor input:not([type=range]),.has-custom-cursor textarea{cursor:text}.has-custom-cursor dialog,.has-custom-cursor dialog *{cursor:auto}.magnetic{translate:var(--mag-x,0px) var(--mag-y,0px);will-change:translate}
.lab-canvas{touch-action:pan-y;cursor:grab}.lab-canvas.is-dragging{cursor:grabbing}.lab-canvas:focus-visible{outline:1px dashed var(--neon);outline-offset:2px}.lab-spread{display:flex;align-items:center;gap:15px;flex:1 1 100%;font-size:13px;color:var(--muted)}.lab-spread input{max-width:280px;accent-color:var(--accent);padding:0}.lab-controls button{transition:background .2s}.lab-controls button:hover{background:var(--neon)}.identity-output{transition:background .5s,letter-spacing .5s}.future-nav{position:relative}.future-nav:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #79a5ff33;border-radius:50%;pointer-events:none}.future-nav button{position:relative}
.no-webgl .hero,.paused .hero{height:100svh;min-height:680px}.no-webgl .hero-frame,.paused .hero-frame{position:relative}.no-webgl .hero h1,.paused .hero h1{opacity:1;clip-path:none;transform:none}.no-webgl #intro-word,.paused #intro-word{opacity:0}.no-webgl .object-touchpad,.no-webgl .evolve{display:none}.no-webgl .world-passage{height:65svh;min-height:450px}.no-webgl .cap-world-window{height:0;display:none}.no-webgl .cap-system{grid-template-rows:0 auto}.no-webgl .contact-form-window{display:none}.no-webgl .contact-opening{grid-template-columns:1fr}.paused .world-passage{height:70svh;min-height:500px}.paused .passage-copy{position:relative;top:80px}.paused #fe-cursor{display:none}.paused .magnetic{translate:0 0!important}.paused .exp-art,.paused .hero #intro-word,.paused .imagine h2 em,.paused .passage-copy>p{transform:none!important}
@media(min-width:1600px){.hero{min-height:0}.hero-frame{min-height:800px}}
@media(max-width:900px){.cap-system{grid-template-columns:1.1fr 1fr;gap:0 4%}.contact-opening{grid-template-columns:1.5fr .7fr}.contact-form-window{height:230px}}
@media(max-width:600px){.hero{height:190svh;min-height:0;padding:0}.hero-frame{height:100svh;min-height:680px;padding:112px 6% 0}.hero-title{bottom:170px;left:5%;right:5%}.hero #intro-word{font-size:24vw;margin:0;letter-spacing:-.07em}.hero h1{font-size:15vw}.hero-stage-label{font-size:10px;top:-35px;letter-spacing:2px}.hero .hero-bottom{height:125px;align-items:flex-start;padding-top:20px}.world-status{left:6%;top:139px;font-size:10px}.hero .object-caption{top:auto;bottom:260px;font-size:10px}.hero .evolve{top:32%;right:6%}.object-touchpad{left:12%;right:19%;top:22%;height:39%}.philosophy{background:linear-gradient(90deg,#04050a70,#04050af0 60%)}.philosophy-copy{background:#04050ac9}.world-passage{height:95svh;min-height:650px}.passage-copy{padding:0 6%;top:27svh}.passage-copy>p{font-size:15vw}.passage-copy>.eyebrow,.passage-index{font-size:10px}.whatif{border-radius:35px 35px 0 0}.cap-system{grid-template-columns:1fr;grid-template-rows:auto 210px auto;gap:0}.cap-tabs{grid-area:1/1/2/2}.cap-world-window{grid-area:2/1/3/2;height:210px}.cap-world-window>span{font-size:9px}#cap-panel{grid-area:3/1/4/2;min-height:0}#cap-symbol{font-size:32px}#cap-description{font-size:22px}.contact-opening{display:block}.contact h2{font-size:12vw}.contact-subtitle{font-size:10vw;margin-bottom:0}.contact-form-window{height:200px}.contact-form-window span{font-size:9px}.contact #brief-form{padding:25px 20px;margin-top:20px}.contact .form-grid{gap:26px}.form-end{gap:15px}.form-end p{font-size:12px}.contact-fallback{gap:18px}.contact-fallback button{font-size:12px}.experience-controls{left:14px;bottom:14px;gap:6px}.sound-control{padding:0 10px;font-size:9px;gap:7px;min-height:38px}.experience-controls .utility{width:38px;height:38px;min-width:38px;min-height:38px}.journey{right:14px;bottom:14px;width:145px}.journey summary{font-size:9px;padding:8px 10px;min-height:38px;gap:8px}.journey nav a{font-size:13px}.lab-controls{gap:10px}.lab-controls button{font-size:13px;padding:12px}.lab-spread{display:block}.lab-spread input{display:block;width:100%;max-width:none}.lab-canvas{height:290px}.no-webgl .cap-system{grid-template-rows:auto auto}.no-webgl #cap-panel{grid-area:2/1/3/2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh;min-height:680px}.hero-frame{position:relative}.hero h1{opacity:1;clip-path:none;transform:none}.hero #intro-word{opacity:0}.world-passage{height:70svh;min-height:500px}.passage-copy{position:relative;top:80px}.has-custom-cursor,.has-custom-cursor body,.has-custom-cursor a,.has-custom-cursor button{cursor:auto}#fe-cursor{display:none!important}.magnetic{translate:0 0!important}.passage-copy>p,.imagine h2 em,.exp-art{transform:none!important}}

/* Keep interface text in a separate compositor layer from the live canvas. */
.hero-frame{isolation:isolate;transform:translateZ(0)}.experience-controls,.journey{transform:translateZ(0)}.hero .hero-bottom{bottom:61px;height:70px}.hero-title{bottom:154px}.dialog-controls{display:flex;gap:10px;align-items:center}.dialog-top .dialog-controls>button:not(#close-dialog){font-size:11px;border:1px solid #6e82ae66;min-height:36px;padding:7px 10px}.dialog-controls #dialog-motion{font-size:16px}.dialog-controls [aria-pressed=true]{color:var(--neon)}
@media(max-width:600px){.hero .hero-bottom{bottom:60px;height:65px;padding-top:15px}.hero-title{bottom:166px}.dialog-top{gap:12px}.dialog-top .eyebrow{font-size:9px;letter-spacing:.5px}.dialog-controls{gap:6px}.dialog-top .dialog-controls>button:not(#close-dialog){font-size:9px;padding:7px}.dialog-top #close-dialog{font-size:20px;padding:5px}.hero .object-caption{bottom:265px}}
@media(max-width:767px),(pointer:coarse){#fe-cursor{display:none!important}.has-custom-cursor,.has-custom-cursor body,.has-custom-cursor a,.has-custom-cursor button,.has-custom-cursor summary,.has-custom-cursor input[type=range]{cursor:auto}.magnetic{translate:0 0!important}}

/* Sound remains opt-in, with controls and feedback within reach. */
.sound-settings summary{list-style:none;display:grid;place-items:center;width:34px;height:40px;background:#04050aee;border:1px solid #6e82ae66;border-radius:20px;cursor:pointer;font-size:20px;color:var(--paper)}
.sound-settings summary::-webkit-details-marker{display:none}.sound-settings[open] summary{color:var(--neon);border-color:var(--neon)}
.sound-panel{position:absolute;left:0;bottom:calc(100% + 12px);width:290px;max-width:calc(100vw - 28px);background:#090e1c;border:1px solid #6e82ae88;padding:22px;color:var(--paper);box-shadow:0 15px 60px #0008;border-radius:10px}
.sound-panel .eyebrow{font-size:10px;color:var(--neon);letter-spacing:2px;margin:0 0 13px}.sound-description{font-size:14px;line-height:1.6;margin:0 0 22px;color:var(--muted)}
.sound-panel label{display:flex;justify-content:space-between;font-size:12px}.sound-panel output{color:var(--neon)}.sound-panel input{width:100%;height:30px;padding:0;margin:8px 0 15px;accent-color:var(--neon)}
.sound-panel button{display:flex;justify-content:space-between;width:100%;padding:12px 14px;border:1px solid #79a5ff66;border-radius:3px;background:#164dff;color:white;font-size:13px}.sound-panel button:hover{background:#2458ff}
.sound-panel #sound-status{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 0}.sound-panel a{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:var(--violet)}
.sound-panel :focus-visible,.sound-settings summary:focus-visible{outline:2px solid var(--neon);outline-offset:4px}
@media(max-width:600px){.sound-settings summary{width:29px;height:38px}.sound-control{padding:0 8px;font-size:8px;letter-spacing:.5px}.sound-bars{gap:2px}.experience-controls{gap:4px}.journey{width:128px}.journey summary{font-size:8px;letter-spacing:.5px;gap:5px}}
@media(max-width:360px){.journey{width:110px}}