:root{color-scheme:dark;--bg:#111915;--text:#eeeade;--muted:#9baba0;--line:#ffffff20;--lime:#d3df9c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button{border:0}.header{height:108px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font-size:14px}.monogram{font-family:Georgia,serif;font-size:45px;font-style:italic;letter-spacing:-4px;margin-right:5px}.brand-sub{display:block;color:var(--muted);font-size:10px;letter-spacing:.5px;margin-top:7px}.header nav{display:flex;align-items:center;gap:50px;font-size:12px}.index-link span{margin-left:20px;color:var(--lime)}.languages{display:flex;gap:5px}.languages a{padding:9px 10px;border-radius:3px;color:var(--muted)}.languages [aria-current]{background:#d3df9c16;color:var(--lime)}.experience{position:relative;min-height:660px;height:calc(100svh - 280px);max-height:960px;isolation:isolate;overflow:hidden}.hero-copy{position:absolute;left:5%;top:12%;z-index:2;pointer-events:none}.hero-copy button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;line-height:1.7;color:var(--muted)}.tiny-star{color:var(--lime);font-size:19px;vertical-align:middle;margin-right:10px}h1{font-size:clamp(52px,6vw,98px);font-weight:400;letter-spacing:-5px;line-height:1.04;margin:30px 0 24px}h1 em{font-family:Georgia,'Times New Roman',serif;color:var(--lime);font-weight:400}.intro{font-size:14px;color:#b6c0b7;line-height:1.85}.explore{margin-top:24px;background:var(--lime);color:#1c291a;padding:17px 23px;border-radius:3px;font-size:12px}.explore span{margin-left:30px}.edition{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-top:46px}.edition span{margin-left:25px;color:#607268}#world{position:absolute;inset:0;z-index:-2;touch-action:pan-y}#world canvas{display:block;width:100%;height:100%;touch-action:none}.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#111915 0%,#111915c0 22%,transparent 49%),linear-gradient(0deg,#111915 0%,transparent 17%);pointer-events:none;z-index:-1}.world-marker{position:absolute;right:5%;top:32px;display:flex;flex-direction:column;gap:9px;font-size:8px;letter-spacing:1.8px;color:#82968b;pointer-events:none}.scene-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:15px}#scene-status{font-size:10px;color:var(--muted);letter-spacing:.5px}.camera-controls{display:flex;gap:8px}.camera-controls button{background:#1e2b24c9;border:1px solid var(--line);border-radius:4px;padding:11px 15px;font-size:12px;backdrop-filter:blur(15px)}.camera-controls span{font-size:10px;margin-left:5px}.camera-controls [aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.projects{margin:12px 5% 0;border-top:1px solid var(--line);padding-top:25px}.project-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.project-heading h2{font-size:13px;font-weight:400}.project-heading h2 span{font-size:10px;color:var(--muted);margin-left:15px}.project-heading p{color:var(--muted);font-size:10px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}.project-card{position:relative;border-right:1px solid var(--line);transition:background .25s}.project-card:last-child{border-right:0}.project-card:hover,.project-card.active{background:#ffffff05}.project-select{width:100%;text-align:left;padding:21px 25px 14px;background:transparent;display:flex;flex-direction:column;gap:14px}.project-number{font-size:10px;color:var(--muted);width:100%;display:flex;justify-content:space-between}.project-number span{font-size:18px;color:var(--accent)}.project-name{font-size:23px;letter-spacing:-.6px}.project-type{font-size:11px;color:var(--muted)}.project-name small{display:inline-block;vertical-align:middle;letter-spacing:1px;font-size:7px;border:1px solid var(--line);padding:4px;margin-left:8px;color:var(--muted)}.swatch{position:absolute;width:28px;height:5px;background:var(--accent);left:25px;bottom:0;border-radius:2px 2px 0 0}.active .swatch{width:calc(100% - 50px);transition:width .5s}.fallback-link{display:inline-block;color:var(--muted);font-size:9px;padding:0 25px 22px}.fallback-link:hover{color:var(--text)}footer{margin:35px 5% 0;padding:20px 0 28px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}footer p{margin:0;color:#75867b}footer a{color:#b8c5b4}.detail{position:absolute;z-index:5;right:5%;top:100px;width:310px;padding:30px;background:#15231def;backdrop-filter:blur(20px);border:1px solid #d3df9c40;border-radius:6px;box-shadow:0 15px 70px #0005}.detail[hidden]{display:none}.detail h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin:20px 0}.detail>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#b9c6ba}.detail-link{display:inline-block;font-size:12px;margin-top:20px;padding-bottom:10px;border-bottom:1px solid var(--lime);color:var(--lime)}.detail-note{display:block;font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:12px;margin-top:28px}.close{position:absolute;right:12px;top:8px;background:none;font-size:25px;color:var(--muted)}body.no-webgl .experience{min-height:530px}body.no-webgl #world{background:radial-gradient(ellipse at 72% 50%,#334933,transparent 60%)}@media(min-width:1600px){.hero-copy{top:17%}}@media(max-width:900px){.experience{min-height:680px}.hero-copy{top:8%}h1{font-size:65px}.hero-copy .intro{font-size:12px}.detail{top:auto;bottom:80px;width:280px;padding:23px}.edition{display:none}.scene-vignette{background:linear-gradient(90deg,#111915 0%,#11191580 25%,transparent 60%),linear-gradient(0deg,#111915,transparent 22%)}}@media(max-width:600px){.header{height:82px}.header nav{gap:15px}.index-link{display:none}.brand-sub{font-size:9px}.monogram{font-size:36px}.brand{gap:10px;font-size:12px}.experience{height:770px;min-height:0}.hero-copy{top:30px}.eyebrow{font-size:8px}h1{font-size:55px;letter-spacing:-3px;margin:19px 0 13px}.intro{line-height:1.65}.explore{margin-top:10px;padding:13px 17px;font-size:11px}.world-marker{top:355px;font-size:7px}.scene-vignette{background:linear-gradient(0deg,#111915 0%,transparent 15%,transparent 64%,#111915 84%)}.scene-bottom{bottom:20px;align-items:flex-start;flex-direction:column;gap:14px}.camera-controls{align-self:flex-end}#scene-status{font-size:9px}.project-heading{align-items:flex-start;gap:8px;flex-direction:column}.project-heading h2,.project-heading p{margin:0}.project-heading{margin-bottom:18px}.project-grid{grid-template-columns:1fr}.project-card{border-right:0;border-bottom:1px solid var(--line)}.project-card:last-child{border-bottom:0}.project-select{padding:18px 20px 10px;gap:10px}.project-name{font-size:23px}.project-number{position:absolute;right:20px;width:50px;top:25px}.project-type{font-size:11px}.fallback-link{padding:0 20px 20px}.swatch{left:20px}.detail{right:5%;left:5%;top:330px;bottom:auto;width:auto;padding:20px}.detail h2{margin:10px 0;font-size:26px}.detail-note{display:none}.detail-link{margin-top:7px}.detail p{margin:6px 0}.projects{margin-top:0}footer{gap:20px;align-items:flex-start;flex-wrap:wrap}footer p{display:none}}@media(max-width:600px){#world{top:280px;bottom:95px}.scene-vignette{background:linear-gradient(0deg,#111915 5%,transparent 24%,transparent 80%,#111915 95%)}}@media(max-width:600px){.project-open .hero-copy{visibility:hidden}.project-open .detail{top:25px}.project-open .detail-note{display:block;margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}