:root{--paper:#fff8eb;--ink:#292c2e;--blue:#367bb6;--orange:#f48132;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;padding:20px}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;background:var(--paper);border:1.5px solid var(--ink);border-radius:3px;min-height:42px;padding:8px 12px;cursor:pointer}button:hover,a:hover{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:6px}button:disabled{opacity:.55;cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}section:focus,footer:focus{outline:none}.skip-link{position:fixed;top:-100px;left:30px;z-index:20;background:var(--paper);padding:16px}.skip-link:focus{top:10px}.browser-frame{max-width:1600px;margin:auto;border:3px solid var(--ink);border-radius:22px 15px 24px 14px;overflow:hidden}.window-bar{height:39px;display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--ink);padding:0 22px}.window-bar i{width:12px;height:12px;background:var(--orange);border-radius:48% 55% 40% 47%}.window-bar i:nth-child(2){background:#eeba42}.window-bar i:nth-child(3){background:var(--blue)}.window-bar span{font-size:10px;letter-spacing:1.5px;margin:auto;opacity:.65;padding-right:54px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:24px}.identity{font-size:23px;letter-spacing:4px;font-weight:700}.identity span{display:block;font-size:11px;letter-spacing:3px;font-weight:400;margin-top:9px}nav{display:flex;gap:34px;font-size:16px;font-weight:600}nav a:first-child{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:4px;text-underline-offset:9px}.intro{position:relative}.intro-copy{position:absolute;top:10px;left:5%;z-index:1;pointer-events:none}.intro-copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.intro h1{font-size:clamp(24px,3vw,43px);letter-spacing:.09em;line-height:1.65;margin:14px 0 14px}.work-link{font-size:13px;font-weight:700;display:inline-block;background:var(--paper);padding:9px 0;border-bottom:3px solid var(--orange)}.work-link span{margin-left:30px}canvas{width:100%;height:clamp(400px,44vw,640px);display:block;background:var(--paper)}.motion-toolbar{display:flex;align-items:center;gap:9px;padding:10px 5% 20px;flex-wrap:wrap}.motion-toolbar span{font-size:12px;margin-right:auto}.motion-toolbar button{font-size:12px}.controls{border-top:1px solid #c4bead;border-bottom:1px solid #c4bead;padding:18px 5%;font-size:12px}.controls summary{cursor:pointer;font-weight:600;width:fit-content}.control-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px;align-items:center}.control-grid label{display:flex;gap:10px;align-items:center}.controls p{max-width:800px;line-height:1.8;color:#595d5c}.reduce input{width:18px;height:18px}.section{padding:80px 6%}.section-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;gap:25px;margin-bottom:48px}h2{font-size:clamp(26px,3vw,39px);line-height:1.55;margin:0;font-weight:600;letter-spacing:.05em}.section-heading>p:last-child{font-size:12px;line-height:1.9;color:#666}.project{border-top:1.5px solid var(--ink);padding:24px 0}.featured{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;border:0;padding-top:0}.placeholder{min-height:320px;border:2px solid var(--blue);padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:var(--blue);background:#e8eff0}.placeholder>span,.placeholder small{font-size:10px;letter-spacing:1.5px}.placeholder strong{font-size:56px;font-weight:500;letter-spacing:-2px}.placeholder strong span{display:block;font-size:13px;letter-spacing:2px;margin-top:14px}.project-copy{align-self:center}h3{font-size:22px;margin:12px 0 16px}.project p{font-size:12px;line-height:1.9}.muted{color:#6b6d69}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.index{font-size:10px!important;letter-spacing:1.5px;color:var(--blue)}.experience-grid h3{font-size:18px}.about{border-top:1.5px solid var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:24px}.about h2{grid-column:2}.about>p:not(.eyebrow){grid-column:2;font-size:15px;line-height:2;margin:0}footer{border-top:1.5px solid var(--ink);padding:26px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;letter-spacing:1px}footer p{font-size:10px;line-height:1.8} @media(max-width:700px){body{padding:8px}.browser-frame{border-radius:13px}.window-bar{height:30px;padding:0 15px}.window-bar span{font-size:8px;letter-spacing:.4px;padding-right:0}header{padding:22px 6%;display:block}.identity{font-size:17px;letter-spacing:2px}.identity span{font-size:9px;letter-spacing:1.4px}nav{margin-top:23px;gap:25px;font-size:13px}.intro-copy{top:0;left:6%}.intro h1{font-size:25px;margin:8px 0}canvas{height:460px}.motion-toolbar{padding:10px 6% 18px;gap:7px}.motion-toolbar span{flex-basis:100%;padding-bottom:5px}.motion-toolbar button{padding:8px;font-size:11px}.section{padding:50px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading h2{margin:16px 0}.featured{display:block}.placeholder{min-height:250px;padding:22px}.project-copy{padding-top:20px}.experience-grid{grid-template-columns:1fr;gap:4px;margin-top:25px}.about{display:block}.about h2{margin:20px 0}.about>p:not(.eyebrow){font-size:13px;margin:16px 0}footer{flex-wrap:wrap;gap:15px}.control-grid{display:grid;gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep the illustration visible behind the heading. */
.intro h1{background:transparent;padding:0;margin-left:0;width:fit-content}

.opening-active{overflow:hidden}.opening-active .browser-frame{visibility:hidden}#opening{position:fixed;inset:0;background:var(--paper);z-index:50}#opening[hidden]{display:none}#opening-canvas{width:100%;height:100%}#opening-skip{position:absolute;bottom:30px;right:30px;max-width:calc(100% - 40px);font-size:13px;background:var(--paper)}

.walk-player{display:flex;gap:6px;padding:5px;border:1px solid #c4bead;border-radius:9px}.walk-player button{min-width:72px;min-height:44px;font-size:12px!important;border-color:#8f9285}.walk-player button[aria-pressed="true"]{background:#e6ebdd;border-color:#367bb6;box-shadow:inset 0 -3px #367bb6}.motion-toolbar>#motion-status{flex-basis:100%;padding-bottom:3px}.motion-toolbar>.walk-player{margin-right:auto}@media(max-width:700px){.walk-player{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.walk-player button{min-width:0;padding:8px 3px!important;font-size:10px!important}}