@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#f5f4ee;--ink:#23372d;--muted:#637067;--line:#d9ddd1;--lime:#d7eb9c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #9b6a23;outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{height:112px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:600}.monogram{font-size:35px;letter-spacing:-3px}nav{display:flex;gap:32px;font-size:13px}nav a:last-child{margin-left:18px}nav span{margin-left:12px}nav a:hover,.text-link:hover{color:#687b38}.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:70px 6% 64px;align-items:center}.eyebrow,.scene-label,figcaption,.scenario-controls,.tags,.number,.positioning>span,.audio-marker,.audio-bottom{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1.2px}.eyebrow{display:block;color:var(--muted)}.dot{width:7px;height:7px;background:#9fb85d;border-radius:50%;display:inline-block;margin-right:10px}.hero h1{font-size:clamp(58px,6.7vw,94px);line-height:1.02;letter-spacing:-5px;font-weight:500;margin:30px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#6f7f50}.intro{max-width:420px;font-size:16px;line-height:1.8;color:var(--muted);margin:24px 0 32px}.button{background:var(--ink);color:var(--paper);display:inline-flex;padding:16px 21px;gap:38px;font-size:12px;align-items:center}.button:hover{background:#43583a}.text-link{font-size:12px;display:inline-block;margin-left:24px;border-bottom:1px solid #8c968b;padding-bottom:5px}.scene{background:#1a2822;margin:0;color:#d6dfcc;position:relative;min-width:0;box-shadow:14px 14px 0 #e7e9df}.scene-label{padding:23px 22px 0;display:flex;justify-content:space-between;font-size:8px;color:#aebca6}.scene svg{width:100%;display:block}figcaption{display:flex;align-items:center;padding:0 20px 20px;letter-spacing:0;font-size:8px}figcaption span:last-child{margin-left:auto;font-size:7px;color:#9ba993}.scenario-controls{display:flex;border-top:1px solid #425045;letter-spacing:0}.scenario-controls button{background:none;color:#9eac98;cursor:pointer;border:0;border-right:1px solid #425045;flex:1;padding:16px 4px;font-family:inherit;font-size:9px}.scenario-controls button.selected{background:#d7eb9c;color:#24352b}.positioning{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 6%;padding:26px 0;display:flex;align-items:center;justify-content:space-between}.positioning>span{color:var(--muted);font-size:9px}.positioning p{font-size:22px;margin:0;line-height:1.4}.positioning strong{font-weight:500;color:#71804e}.positioning .cross{font-size:36px;font-weight:400}.section{padding:96px 6%;border-bottom:1px solid var(--line)}h2{font-size:clamp(30px,3.1vw,44px);font-weight:500;letter-spacing:-1.6px;line-height:1.2;margin:18px 0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.7}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;gap:32px}.focus-grid article{border-top:1px solid var(--ink);padding-top:23px}.number{color:#819061}h3{font-weight:500;letter-spacing:-.5px;font-size:20px}.focus-grid p{font-size:13px;line-height:1.85;color:var(--muted)}.tags{font-size:8px;margin-top:29px;letter-spacing:.3px}.work{background:#eeefe6}.project{display:grid;grid-template-columns:1.04fr 1fr;gap:7%;align-items:center;margin-top:48px}.project-art{height:260px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.parser{background:#e0e4d7}.document{width:120px;height:155px;background:#f7f8f1;box-shadow:8px 8px 0 #cbd2c1;padding:20px 14px;transform:rotate(-6deg)}.document span{font:7px monospace}.document i{display:block;height:3px;background:#c3cabc;margin-top:12px}.document i:nth-child(3){width:70%}.doc-box{height:32px;border:1px dashed #859676;margin-top:17px}.art-arrow{margin:20px;color:#78866c}.output{font:12px/2 monospace;color:#526348}.project-info h3{font-size:27px;display:flex;justify-content:space-between;margin-top:18px}.project-info h3 span{font-size:20px}.project-info p{font-size:14px;color:var(--muted);line-height:1.8;max-width:390px}.project-link{font-size:11px;border-bottom:1px solid #9da792;padding-bottom:7px;display:inline-block;margin-top:15px}.project:hover .project-link{color:#788c37}.audio{background:#293c32;color:#d7eb9c;flex-direction:column}.audio-marker{position:absolute;left:24px;top:24px;font-size:8px}.wave{display:flex;align-items:center;gap:7px;height:100px}.wave i{display:block;width:4px;height:22px;background:#d7eb9c;border-radius:4px}.wave i:nth-child(3n){height:76px}.wave i:nth-child(2n){height:49px}.wave i:nth-child(5n){height:95px}.audio-bottom{position:absolute;bottom:24px;left:24px;font-size:8px;letter-spacing:.4px;color:#c4cdb9}.work-note{margin:40px 0 0;color:var(--muted);font-size:12px}.work-note a{border-bottom:1px solid}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.about>div>p{font-size:14px;line-height:1.9;color:var(--muted)}.about .text-link{margin:18px 0}.education article{border-top:1px solid var(--line);padding:28px 0}.education h3{margin:16px 0 8px}.education p{font-size:13px}.education small{color:var(--muted);font-size:11px;line-height:1.8}.contact{padding:86px 6%;background:#e3e9d5}.contact h2{font-size:clamp(34px,4.8vw,64px);letter-spacing:-2px}.contact p{font-size:14px;line-height:1.9;color:#59664e;margin-bottom:30px}.email{font-size:12px;margin-left:24px}footer{padding:28px 6%;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;background:white;padding:15px;z-index:5}.skip:focus{top:10px}#trajectory,#pedestrian{transition:opacity .3s}
@media(min-width:1441px){header,main,footer{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:800px){header{height:88px}nav{gap:16px}.identity>span:last-child{display:none}nav a:last-child{margin-left:0}.hero{gap:30px;padding-top:45px}.hero h1{font-size:61px;letter-spacing:-3px}.hero .text-link{margin:22px 0 0;display:block;width:max-content}.scene-label{padding:16px 12px 0;letter-spacing:.4px}.scene-label span{font-size:6px}figcaption{padding:12px;font-size:6px}figcaption span:last-child{display:none}.scenario-controls button{font-size:7px}.section{padding-top:65px;padding-bottom:65px}.focus-grid{gap:20px}.focus-grid h3{font-size:18px}.project-art{height:220px}.output{font-size:9px}.document{width:95px}.positioning p{font-size:18px}.positioning>span:first-child{max-width:120px;line-height:1.8}.about{gap:6%}}
@media(max-width:580px){header{height:78px}nav{gap:14px;font-size:10px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:68px}.hero .intro{font-size:15px}.hero .text-link{display:inline-block;margin-left:24px}.scene{margin:15px 8px 5px 0}.scene svg{max-height:400px}.scene-label span{font-size:8px}figcaption{font-size:8px}.scenario-controls button{font-size:9px}.positioning{gap:20px;align-items:flex-start}.positioning p{font-size:16px}.positioning .cross{display:none}.focus-grid{grid-template-columns:1fr}.focus-grid article{padding-top:20px}.focus-grid p{font-size:14px}.tags{margin-top:16px;margin-bottom:18px}.project{grid-template-columns:1fr;gap:20px;margin-top:35px}.project-art{height:240px}.project-info h3{font-size:25px}.project-info p{font-size:14px}.about{grid-template-columns:1fr;gap:30px}.contact{padding-top:60px;padding-bottom:60px}.email{display:block;margin:22px 0 0}footer{gap:20px;flex-wrap:wrap;font-size:9px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero h1{position:relative}.typewriter-reserve{visibility:hidden;display:block}#typewriter{position:absolute;inset:0}#typewriter>span,#typewriter>em{display:block;min-height:1.02em}.typing-line::after{content:'';display:inline-block;width:2px;height:.78em;margin-left:5px;background:currentColor;animation:caret-blink 1s step-end infinite}.motion-disabled .typing-line::after{display:none}@keyframes caret-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.typing-line::after{animation:none}}

.scene svg [hidden]{display:none}.scene svg{aspect-ratio:600/580}.diagram-labels{letter-spacing:.2px}

.education .employer{font-weight:600;font-size:15px;margin-bottom:8px}.education article>p:last-child{line-height:1.7}.scenario-controls button{font-size:8px}@media(max-width:580px){.scenario-controls button{font-size:8px}}

.scene figcaption{gap:6px;min-height:42px}.scene figcaption .dot{flex:none;margin-right:2px}#scenario-caption{flex:1;min-width:0;line-height:1.5}.scene figcaption>span:last-child{flex:none;margin-left:6px}

#typewriter .name-typeface{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#6f7f50}