:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a0b;--bg-deep:#0c1214;--surface:#172326;--ink:#eeeade;--muted:#b1b9b5;--accent:#d6b47f;--line:#3b4648;--line-soft:#242f31;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", serif;--font-code:"SFMono-Regular", Consolas, monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.125rem;--display:clamp(3.5rem, 6.25vw, 6rem);--heading:clamp(3rem, 5.6vw, 5.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:9rem;--gutter:clamp(1.5rem, 5vw, 5rem);--section-y:clamp(4rem, 8vw, 8rem);--duration:.18s;--ease:cubic-bezier(.2,.65,.3,1)}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}::selection{background:var(--accent);color:var(--bg-deep)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:400;line-height:1.13}p{text-wrap:pretty}em{color:var(--accent);font-weight:400}img{max-width:100%;display:block}[hidden]{display:none!important}.access-link{top:var(--space-4);left:var(--space-4);z-index:50;background:var(--ink);color:var(--bg);padding:var(--space-3) var(--space-5);position:fixed;transform:translateY(-200%)}.access-link:focus{transform:translateY(0)}.eyebrow,.small-index,.section-topline{font-size:var(--text-xs);letter-spacing:.13em;font-weight:500}.eyebrow{color:var(--accent)}.muted{color:var(--muted)}.text-button{align-items:center;gap:var(--space-4);min-height:44px;padding:var(--space-2) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm);transition:color var(--duration) var(--ease);display:inline-flex}.text-button:hover{color:var(--accent)}#replay{display:inline-flex}.no-script-note{padding:var(--space-5) var(--gutter);color:var(--muted);border-top:1px solid var(--line)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{width:100%;min-height:100%;overflow-x:clip}#journey{z-index:1;background:#090a0f;display:none;position:fixed;inset:0}.enhanced #journey,.reduced-motion #journey{display:block}.film-stage,#app{width:100%;height:100%;position:absolute;inset:0}#app>div:has(canvas){inset:0;position:absolute!important}canvas{touch-action:pan-y;display:block}.journey-track{pointer-events:none;height:0}.enhanced .intro-track,.reduced-motion .intro-track{height:1000vh}.enhanced .world-track,.reduced-motion .world-track{height:1200vh}.route-anchor{height:0}.scroll-cue{z-index:6;color:#e3ded0;text-shadow:0 1px 8px #000;letter-spacing:.12em;font-size:.6875rem;font-family:var(--font-code);pointer-events:none;align-items:center;gap:1rem;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}body:has(.world-dock) .scroll-cue{display:none}.scroll-cue-line{background:var(--accent);width:28px;height:1px}.skip-intro-btn{z-index:30;color:#eeeade;min-height:44px;font-family:var(--font-code);letter-spacing:.05em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090a0f80;border:1px solid #eeeade30;align-items:center;padding:.5rem 1rem;font-size:.6875rem;display:inline-flex;position:fixed;top:1.5rem;right:2rem}.skip-intro-btn:hover{border-color:var(--accent);color:var(--accent)}.asset-error{z-index:15;left:var(--gutter);background:var(--bg-deep);max-width:42ch;font-size:var(--text-sm);border:1px solid var(--line);padding:1rem;position:fixed;bottom:2rem}.asset-error a{text-decoration:underline}.render-failed #journey{display:none}.render-failed .journey-track{height:0}@media (width<=600px){.skip-intro-btn{top:1rem;right:1rem}.scroll-cue{white-space:nowrap;bottom:2rem}}.enhanced .world-settle{pointer-events:none;height:100vh}.render-failed .world-settle{height:0}.bay-poster{text-align:left;color:#dfd7b9;cursor:pointer;background:#121b16;border:1px solid #a38b50;flex-direction:column;justify-content:space-between;width:300px;height:190px;padding:24px;display:flex}.bay-poster small,.bay-poster span{font:12px var(--font-code);color:#bdab79}.bay-poster strong{font:32px var(--font-display)}.bay-poster:hover,.bay-poster:focus-visible{background:#202b21;border-color:#ffe1a0}#scene-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}#scene-labels button{pointer-events:auto}@media (width<=600px){.bay-poster{width:180px;height:150px;padding:16px}.bay-poster strong{font-size:24px}.bay-poster small,.bay-poster span{font-size:9px}}.portfolio-section{z-index:10;background:var(--bg);min-height:100vh;padding:var(--section-y) var(--gutter) 2rem;position:relative}.section-topline{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding-top:1.5rem;display:flex}.portfolio-heading{gap:var(--space-8);grid-template-columns:1.6fr 1fr;align-items:end;margin-block:6rem 7rem;display:grid}.portfolio-heading h1{font-size:var(--display);margin-top:1.5rem}.portfolio-introduction{max-width:35ch;color:var(--muted);padding-bottom:.5rem;font-size:1.125rem}.portfolio-introduction .text-button{margin-top:1.5rem}.reading-nav{border-bottom:1px solid var(--line);font-size:var(--text-sm);flex-wrap:wrap;gap:2rem;padding-bottom:1rem;display:flex}.reading-nav a{align-items:center;min-height:44px;display:flex}.reading-nav a:hover{color:var(--accent)}.selected-work,.playground-section,.contact-section{padding-block:var(--section-y);border-bottom:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:start;gap:2rem;display:flex}.section-heading h2,.playground-section h2,.contact-section h2{font-size:var(--heading)}.content-note{color:var(--muted);max-width:44ch;margin-block:2rem 3rem}.bay-index{grid-template-columns:repeat(4,1fr);display:grid}.bay-index article{border-top:1px solid var(--line-soft);min-height:180px;padding:1.5rem 1rem 1.5rem 0}.bay-index article>span{color:var(--accent);font:var(--text-xs) var(--font-code)}.bay-index h3{margin-block:1.5rem .75rem;font-size:1.6rem}.bay-index p{color:var(--muted);font-size:var(--text-xs)}.playground-section h2,.contact-section h2{margin-block:2rem}.playground-section>p,.contact-section>p{color:var(--muted);max-width:46ch;margin-bottom:1.5rem}.journey-summary{color:var(--muted);max-width:70ch;margin-block:3rem}.journey-summary summary{cursor:pointer;min-height:44px}.journey-summary p{font-size:var(--text-sm)}footer{color:var(--muted);font-size:var(--text-xs);border-top:1px solid var(--line-soft);justify-content:space-between;gap:2rem;padding-block:2rem;display:flex}footer a{min-height:44px}@media (width<=900px){.portfolio-heading{grid-template-columns:1fr;gap:3rem}.portfolio-introduction{max-width:42ch;margin-left:25%}.section-heading{display:block}.section-heading h2{margin-top:2rem}}@media (width<=600px){.portfolio-heading{margin-block:4rem}.portfolio-heading h1{font-size:clamp(2.75rem,12vw,4rem)}.portfolio-introduction{margin-left:0;font-size:1rem}.section-topline{font-size:.6rem}.bay-index{grid-template-columns:repeat(2,1fr)}.reading-nav{gap:1rem}footer{flex-direction:column;gap:.5rem}}.contact-links{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.film-leader{z-index:20;color:#25231c;pointer-events:none;background:#b4a27e;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.film-leader:before{content:"";opacity:.18;background:repeating-linear-gradient(93deg,#0000 0 17%,#2b251a 17.05% 17.1%,#0000 17.15% 38%);position:absolute;inset:0}.film-leader:after{content:"";border:1px solid #332e2570;position:absolute;inset:1.5rem;box-shadow:inset 0 0 100px #211a1960}.film-leader .film-aperture{aspect-ratio:1;width:min(58vh,70vw);font:clamp(6rem,24vh,15rem) var(--font-body);border:2px solid #332e2580;border-radius:50%;place-items:center;display:grid;position:relative}.film-leader .film-aperture:before{content:"";border:1px solid #332e2580;border-radius:50%;position:absolute;inset:6%}.film-leader .film-aperture:after{content:"";background:linear-gradient(#0000 49.8%,#332e2570 50%,#0000 50.2%),linear-gradient(90deg,#0000 49.8%,#332e2570 50%,#0000 50.2%);position:absolute;inset:-30%}.film-leader button,.film-leader a{pointer-events:auto;z-index:2;min-height:44px;font:var(--text-xs) var(--font-code);border:1px solid #332e2570;padding:.75rem 1.5rem;position:absolute;bottom:2rem}.film-leader p{font:var(--text-xs) var(--font-code);letter-spacing:.16em;position:absolute;top:3rem}.film-aperture{background:conic-gradient(from var(--sweep,0deg),transparent 0deg 270deg,#332e2522 360deg)}.film-whiteout{background:#ffe8af}.film-whiteout .film-aperture,.film-whiteout:before,.film-whiteout:after,.film-whiteout p{visibility:hidden}.world-flash{z-index:19;pointer-events:none;background:#ffe8af;position:fixed;inset:0}.reduced-motion .world-flash{background:#090a0f}.reduced-motion .film-whiteout{color:#ede3ca;background:#171c18}.portfolio-controls{--control-paper:#ede3ca;--control-ink:#171c18;color:var(--control-paper);font-family:var(--font-code,monospace)}.portfolio-controls button,.portfolio-controls input{font:inherit}.portfolio-controls button{cursor:pointer}.search-launch{z-index:35;color:#ede3ca;background:#19201cf0;border:1px solid #b7c6aa66;align-items:center;gap:.65rem;min-height:44px;padding:.6rem .9rem;display:flex;position:fixed;top:1.5rem;left:2rem;font-size:.75rem!important}.search-launch kbd{opacity:.65;font-size:.6rem}.world-dock{z-index:35;background:#19201cf0;border:1px solid #aab49e66;border-radius:.4rem;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 1rem);padding:.35rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.world-dock button{color:#ede3ca;white-space:nowrap;background:0 0;border:0;min-height:44px;padding:.75rem 1rem;font-size:.7rem}.portfolio-controls button:hover{background-color:#466149}.portfolio-controls :focus-visible{outline-offset:3px;outline:2px solid #b9e29e}.portfolio-modal{overscroll-behavior:contain;color:#ede3ca;background:#202922;border:1px solid #96a288;border-radius:.5rem;width:min(620px,100vw - 2rem);max-height:min(85dvh,780px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 2rem 7rem #000a}.portfolio-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070b0ab8}.portfolio-modal-inner{overscroll-behavior:contain;padding:1.6rem}.portfolio-modal header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.portfolio-modal h2{font:500 1.4rem/1.35 var(--font-code,monospace);margin:0}.portfolio-modal h3{margin:1.4rem 0 .75rem;font-size:1rem}.portfolio-modal p{margin:1rem 0;font-size:.85rem;line-height:1.7}.panel-close{color:#ede3ca;background:#ffffff0b;border:1px solid #ede3ca44;flex:0 0 44px;min-height:44px;font-size:1.5rem!important}.sample-label{letter-spacing:.08em;color:#becaab;font-size:.65rem!important}.xray-toggle{color:#ede3ca;background:#354b39;border:1px solid #9fb496;min-height:44px;margin-top:.75rem;padding:.8rem}.xray-toggle[aria-pressed=true]{color:#c3f4cb;background:#102c25}.architecture-layers{gap:.8rem;padding:0;list-style:none;display:grid}.architecture-layers li{background:#12281f;border:1px solid #9fb49677;padding:1rem;font-size:.8rem}.architecture-layers span{color:#9fb496;margin-right:1rem}.sample-wireframe{border:1px solid #b6c2a866;grid-template-columns:1fr 1fr;gap:.65rem;padding:1rem;display:grid}.sample-wireframe span{border:1px dashed #b6c2a877;padding:1.2rem .7rem;font-size:.75rem}.sample-wireframe span:first-child{grid-column:1/-1}.search-label{margin-bottom:.7rem;font-size:.75rem;display:block}#portfolio-search{box-sizing:border-box;color:#ede3ca;background:#111a15;border:1px solid #b6c2a8;width:100%;padding:.85rem;font-size:16px}#portfolio-results{overscroll-behavior:contain;max-height:42dvh;margin:1rem 0;padding:0;list-style:none;overflow-y:auto}#portfolio-results button{text-align:left;color:#ede3ca;background:0 0;border:0;justify-content:space-between;width:100%;min-height:44px;padding:.8rem;font-size:.8rem;display:flex}#portfolio-results [aria-selected=true]{background:#456049}.shader-control{margin:1.5rem 0;font-size:.8rem;display:block}.shader-control span{justify-content:space-between;gap:1rem;display:flex}.shader-control input{accent-color:#b8d69d;width:100%;min-height:44px}@media (width<=600px){.search-launch{top:1rem;left:1rem}.search-launch kbd{display:none}.world-dock button{padding:.65rem}.portfolio-modal-inner{padding:1.1rem}}.lab-studies{padding:0;list-style:none}.lab-studies li{border-top:1px solid #9fb49655;padding:.4rem 0 1.2rem}