:root{--bg-color:#0a0a0a;--text-color:#e5e5e3;--accent-color:#e5e5e3;--accent-secondary:#b8bec6;--font-mono:"Space Mono", monospace;--font-sans:"Inter", sans-serif;--grid-color:#ffffff1a;--cursor-size:24px}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color)}body{color:var(--text-color);font-family:var(--font-mono);cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;overflow-x:hidden}.layer{width:100vw;height:100vh;position:absolute;top:0;left:0}.grid-lines{display:none}.grid-container{grid-template-columns:repeat(60,1fr);width:100vw;height:100%;display:grid}.line-h{background-color:var(--grid-color);height:1px;position:absolute;left:0;right:0}.line-h-1{top:10vh}.line-h-2{bottom:10vh}.custom-cursor{width:var(--cursor-size);height:var(--cursor-size);pointer-events:none;z-index:9999;mix-blend-mode:difference;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cross-v{background-color:var(--accent-color);width:2px;height:100%;transition:height .2s,background-color .2s;position:absolute;top:0;left:50%;transform:translate(-50%)}.cross-h{background-color:var(--accent-color);width:100%;height:2px;transition:width .2s,background-color .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.custom-cursor.active .cross-v{background-color:var(--accent-secondary);height:150%}.custom-cursor.active .cross-h{background-color:var(--accent-secondary);width:150%}#preloader{z-index:100;background-color:var(--text-color);color:var(--accent-secondary);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:5vw;display:flex}.preloader-log{margin-bottom:1rem;font-size:.9rem}.brand-text-mono{letter-spacing:-.05em;font-size:4rem;font-weight:700}#scene-container{z-index:10;width:100%;position:relative}.scene{flex-direction:column;justify-content:space-between;width:100%;height:100vh;padding:10vh 5vw;display:flex;position:relative}.scene:not(.hero-scene){background-color:var(--bg-color);padding:0}.manifesto-scene,.manifesto-scene .bento-box{background-color:#0000;border:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-header{text-transform:uppercase;border-bottom:1px solid var(--text-color);justify-content:space-between;padding-bottom:1rem;font-size:.8rem;font-weight:700;display:flex}.hero-title-container{flex-grow:1;justify-content:center;align-items:center;display:flex}.hero-title{font-family:var(--font-sans);letter-spacing:-.05em;text-align:center;text-transform:uppercase;font-size:clamp(4rem,12vw,15rem);font-weight:900;line-height:.8;transform:translate(-2vw)}.cta-button{font-family:var(--font-mono);color:var(--bg-color);background-color:var(--text-color);cursor:none;text-transform:uppercase;border:none;align-self:flex-end;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:background-color .2s,color .2s}.cta-button:hover{background-color:var(--accent-color);color:var(--text-color)}.scene-nav{text-transform:uppercase;border-bottom:1px solid var(--text-color);justify-content:space-between;width:100%;padding-bottom:1rem;font-size:.8rem;font-weight:700;display:flex}.scene-nav-back{cursor:none;font-family:var(--font-mono);background:0 0;border:none;font-weight:700;text-decoration:underline;transition:color .2s}.scene-nav-back:hover{color:var(--accent-color)}.scene-nav-next{cursor:none;font-family:var(--font-mono);background:0 0;border:none;font-weight:700;transition:color .2s}.scene-nav-next:hover{color:var(--accent-color)}.manifesto-content{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.manifesto-text{font-family:var(--font-sans);text-transform:uppercase;max-width:90vw;font-size:clamp(2rem,5vw,6rem);font-weight:900;line-height:1}.manifesto-sub{font-family:var(--font-mono);max-width:50ch;margin-top:2rem;font-size:1rem}.services-list{flex-direction:column;flex-grow:1;justify-content:center;gap:1.5rem;width:100%;display:flex}.service-item{font-size:clamp(1.5rem,3vw,4rem);font-family:var(--font-mono);cursor:none;border-bottom:1px solid var(--grid-color);align-items:center;padding-bottom:.5rem;font-weight:700;transition:color .3s;display:flex}.service-item:hover{color:var(--accent-color)}.service-item span{color:var(--text-color);opacity:.5;margin-right:2rem;font-size:1rem}.archive-list{flex-direction:column;flex-grow:1;justify-content:center;width:100%;display:flex}.archive-row{border-bottom:1px solid var(--text-color);font-family:var(--font-mono);text-transform:uppercase;cursor:none;justify-content:space-between;align-items:center;padding:1rem 0;transition:color .2s,background-color .2s;display:flex}.archive-row:hover{background-color:var(--text-color);color:var(--bg-color)}.archive-col-id{width:10%}.archive-col-name{width:60%;font-size:1.5rem;font-weight:700}.archive-col-date{text-align:right;width:30%}.contact-terminal{flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;width:100%;display:flex}.terminal-title{font-size:clamp(3rem,8vw,10rem);font-family:var(--font-sans);text-transform:uppercase;margin-bottom:2rem;font-weight:900}.terminal-input{border:none;border-bottom:2px solid var(--text-color);color:var(--text-color);font-family:var(--font-mono);cursor:none;background:0 0;outline:none;width:100%;max-width:600px;padding:.5rem 0;font-size:2rem}.terminal-input:focus{border-bottom-color:var(--accent-color)}.bento-container{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:0;width:100vw;height:100vh;display:grid}.bento-box{background-color:#0a0a0a;border:1px solid #ffffff08;border-radius:0;flex-direction:column;justify-content:flex-start;width:100%;height:100%;padding:3vw;transition:background-color .2s;display:flex;position:relative}.bento-box:hover{background-color:#111}.bento-title{font-family:var(--font-sans);letter-spacing:-.08em;text-transform:uppercase;color:var(--text-color);margin-bottom:1rem;font-size:clamp(3rem,5vw,6rem);font-weight:800;line-height:.93}.bento-tag{font-family:var(--font-mono);color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:auto;font-size:.85rem;font-weight:700;line-height:1.2}.bento-body{font-family:var(--font-mono);letter-spacing:.01em;color:#ffffffb3;max-width:80%;margin-top:auto;font-size:1rem;line-height:1.5}.highlight-accent{color:var(--accent-color)}.text-stroke{-webkit-text-stroke:1px var(--text-color);color:#0000}.grid-24-container{grid-template-columns:repeat(24,1fr);gap:8px;width:100%;padding:5vw;display:grid}.grid-24-item{flex-direction:column;display:flex}.col-span-24-2{grid-column:span 2}.col-span-24-3{grid-column:span 3}.col-span-24-4{grid-column:span 4}.col-span-24-6{grid-column:span 6}.horizontal-track-container{position:relative;overflow:hidden}.horizontal-track{will-change:transform;flex-direction:row;width:200vw;height:100vh;display:flex}.horizontal-track .scene{flex-shrink:0;width:100vw;height:100vh}.grid-12-container{grid-template-columns:repeat(12,1fr);gap:16px;width:100%;padding:5vw;display:grid}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.site-experience-canvas{z-index:6;pointer-events:none;opacity:0;width:100vw;height:100vh;position:fixed;inset:0}.has-blender-experience #manifesto-k{visibility:hidden}.has-blender-experience #work-canvas-container{display:none}.has-blender-experience .horizontal-track-container{overflow:visible}.has-blender-experience .manifesto-scene .bento-tag{visibility:hidden}.has-blender-experience .manifesto-scene .bento-box{background:0 0}.blender-fallback .visually-hidden{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}@media (width<=700px){.bento-box{min-width:0}.bento-title{font-size:5vw}.bento-body{max-width:100%;font-size:clamp(9px,1.5vw,16px)}.bento-tag{font-size:clamp(8px,1.3vw,14px)}.work-scene .bento-body{max-width:100%!important;font-size:10px!important}.work-scene .bento-tag{overflow-wrap:anywhere;font-size:9px!important}}.grid-12-item{flex-direction:column;display:flex}body.approved-experience{background:#050505;min-height:1500vh}.approved-experience #content-2d,.approved-experience #scene-container{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.approved-experience .grid-lines{display:none}.approved-experience .site-experience-canvas{opacity:1;z-index:7}.hero-interface{z-index:13;pointer-events:none;color:#c7ccd1;--hero-caption-size:clamp(9px, .56vw, 12px);position:fixed;inset:0}.hero-signature{position:absolute;top:13%;left:12%}.hero-signature h1{letter-spacing:.045em;margin:0 0 12px;font:500 clamp(23px,1.65vw,34px)/1 Arial,Helvetica,sans-serif}.hero-signature p,.hero-scroll{font:500 var(--hero-caption-size)/1.4 Arial, Helvetica, sans-serif;letter-spacing:.035em}.hero-signature p{color:#929da8;margin:0}.hero-scroll{flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:10%;left:48.5%;transform:translate(-50%)}.hero-scroll i{background:#b9c2ca;width:1px;height:25px;display:block}.scroll-cue-layer{mix-blend-mode:difference}.scroll-cue-layer .hero-scroll{color:#fff}.scroll-cue-layer .hero-scroll i{background:#fff}.hero-interface:not(.scroll-cue-layer) .sound-state,.hero-interface:not(.scroll-cue-layer) .sound-hint{visibility:hidden}.sound-labels{pointer-events:none!important}.sound-labels .sound-record,.sound-labels .sound-next{visibility:hidden}.sound-labels .sound-state,.sound-labels .sound-hint{color:#fff}.hero-scroll i{transform-origin:top;animation:1.8s ease-in-out infinite scroll-cue-line}@keyframes scroll-cue-line{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.hero-scroll i{animation:none}}.hero-sound{pointer-events:auto;align-items:flex-start;gap:2px;display:flex;position:absolute;top:13%;right:14%}.sound-toggle{color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:8px;font-family:Arial,Helvetica,sans-serif;display:flex}.sound-toggle:focus-visible,.sound-next:focus-visible{outline-offset:6px;border-radius:4px;outline:1px solid #c7ccd1}.sound-next{color:#9eabb7;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:46px;margin-top:8px;padding:0;transition:color .2s,transform .2s;display:grid}.sound-next span{border-top:1px solid;border-right:1px solid;width:7px;height:7px;margin-left:-3px;transform:rotate(45deg)}.sound-next:hover{color:#e5e5e3;transform:translate(2px)}.sound-record{background:#10151b;border:1px solid #9eabb7;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative}.sound-grooves{background:repeating-radial-gradient(circle,#0000 0 2px,#6d7a8633 2px 3px,#a2acb955 3px 3.5px);border-radius:50%;position:absolute;inset:3px}.sound-orbit{border:1px solid #d0d6dc;border-color:#d0d6dc #0000 #75818c #75818c;border-radius:50%;position:absolute;inset:-5px;transform:rotate(-25deg)}.sound-glyph{z-index:1;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #ced5dc;width:0;height:0;margin-left:2px}.sound-state{letter-spacing:.06em;margin-top:3px;font-size:9px}.sound-hint{letter-spacing:.05em;color:#8f9aa6;font-size:7px}.sound-toggle[aria-pressed=true] .sound-orbit{animation:8s linear infinite sound-orbit}.sound-toggle[aria-pressed=true] .sound-glyph{border:0;border-left:2px solid;border-right:2px solid;width:5px;height:7px;margin:0}@keyframes sound-orbit{to{transform:rotate(335deg)}}:root[data-variant=mobile] .hero-signature{top:8%;left:6%}:root[data-variant=mobile] .hero-signature h1{margin-bottom:9px}:root[data-variant=mobile] .hero-signature p{max-width:175px}:root[data-variant=mobile] .hero-sound{top:7%;right:6%}:root[data-variant=mobile] .hero-scroll{bottom:9%;left:50%}@media (prefers-reduced-motion:reduce){.sound-toggle[aria-pressed=true] .sound-orbit{animation:none}}.arrow-cursor{pointer-events:none;z-index:9999;width:160px;height:160px;transition:opacity .2s;position:fixed;top:0;left:0}.has-arrow-cursor #cursor{display:none}.has-arrow-cursor,.has-arrow-cursor *{cursor:none!important}.contact-hotspot{z-index:14;cursor:pointer;display:none;position:fixed;top:0;left:0}.contact-hotspot:after{content:"";transform-origin:0;background:#e5e5e3;height:1px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.contact-hotspot:before{content:"↗";color:#e5e5e3;opacity:0;margin-left:8px;font:500 12px/1 Space Mono,monospace;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:100%;transform:translate(-6px,-50%)}.contact-hotspot:hover:after,.contact-hotspot:focus-visible:after{transform:scaleX(1)}.contact-hotspot:hover:before,.contact-hotspot:focus-visible:before{opacity:1;transform:translateY(-50%)}.contact-hotspot:focus-visible{outline-offset:4px;outline:1px solid #e5e5e3}.perf-meter{z-index:99999;color:#7cfc9a;pointer-events:none;background:#000000b3;padding:4px 8px;font:600 12px/1.2 monospace;position:fixed;top:8px;left:8px}html,body{overscroll-behavior:none}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}