:root{--bg:#f5f3ed;--text:#242823;--muted:#676b62;--line:#d4d5cb;--accent:#b94c2c;--panel:#e8e9df;--button:#252a24;--onbutton:#fff;--mono:'SFMono-Regular',Consolas,monospace;--sans:'Avenir Next','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.concept-bar{min-height:48px;background:#222722;color:#e9ede5;display:flex;justify-content:space-between;align-items:center;padding:7px 36px;font:11px var(--mono);letter-spacing:1px}.bar-separator{margin:0 12px;color:#91968f}.theme-controls{display:flex;gap:4px}.theme-controls button{border:1px solid #576053;color:#d8dfd4;background:transparent;padding:6px 14px;font-size:12px;letter-spacing:0}.theme-controls button[aria-pressed=true]{color:#222722;background:#eff0e8;border-color:#eff0e8}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:32px;font-weight:800;letter-spacing:-2px}.wordmark span{color:var(--accent);font-size:14px;vertical-align:top;margin-left:3px}.site-header nav{display:flex;gap:36px;font-size:14px}.header-note{font:12px var(--mono);color:var(--muted)}.hero{padding-top:75px;display:grid;grid-template-columns:1.3fr 1fr;column-gap:70px}.eyebrow{font:12px var(--mono);letter-spacing:1px;display:block}.eyebrow span{color:var(--accent);margin:0 8px}h1,h2,h3,p{margin:0}h1{font-size:clamp(58px,6.4vw,94px);font-weight:500;line-height:1.03;letter-spacing:-5px;margin:30px 0 32px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero-bottom p{font-size:16px;color:var(--muted);line-height:1.8}.primary{display:inline-flex;align-items:center;gap:35px;padding:15px 22px;background:var(--button);color:var(--onbutton);font-size:14px;margin-top:25px}.primary:hover{background:var(--accent);color:var(--onbutton)}.button-dot{height:7px;width:7px;background:currentColor;border-radius:50%}.hero-aside{background:var(--panel);align-self:center;margin-top:22px;padding:28px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between}.diagram-header{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--muted)}.connection-map{padding:24px 0}.map-client{margin:auto;border:1px solid var(--line);width:180px;text-align:center;padding:12px;font-size:13px;background:var(--bg)}.small-icon{color:var(--accent);margin-right:7px;font-size:20px}.connector{height:29px;width:1px;background:var(--muted);margin:auto}.map-core{background:var(--text);color:var(--bg);width:230px;margin:auto;padding:9px 20px 19px;text-align:center;display:flex;flex-direction:column;box-shadow:8px 8px 0 color-mix(in srgb,var(--text) 12%,transparent)}.core-mark{font:60px var(--mono);letter-spacing:-6px;line-height:1.5}.core-mark span{color:#e5a181}.map-core>span:last-child{font:9px var(--mono);letter-spacing:.5px}.branches{display:flex;justify-content:space-around;height:34px;position:relative;margin:0 16.66%}.branches:before{content:'';position:absolute;left:0;right:0;top:17px;border-top:1px solid var(--muted)}.branches i{width:1px;background:var(--muted);height:17px;position:absolute;bottom:0}.branches i:nth-child(1){left:0}.branches i:nth-child(2){left:50%;height:34px}.branches i:nth-child(3){right:0}.map-targets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.map-targets span{border:1px solid var(--muted);padding:8px 2px;text-align:center;font:11px var(--mono)}.diagram-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:14px}.diagram-index{font:34px var(--mono);color:var(--accent)}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:70px;border-top:1px solid var(--line);padding:20px 0;font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.projects{padding-top:95px;padding-bottom:85px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font-size:clamp(34px,3.8vw,56px);line-height:1.16;letter-spacing:-2px;font-weight:500;margin-top:22px}h2>span{color:var(--accent)}.section-top p{color:var(--muted);font-size:14px;padding-bottom:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.featured{grid-column:1/-1}.project-image{height:320px;position:relative;padding:38px 38px 0;overflow:hidden;background:#dadfd9;transition:background .2s}.featured .project-image{height:490px;padding:50px 13% 0;background:#333e38}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 0 30px #0003;transition:transform .5s}.project-card:hover img{transform:translateY(-5px) scale(1.015)}.image-label{position:absolute;left:16px;top:13px;font:10px var(--mono);color:#334038;background:#edf0e4;padding:4px 8px}.starry{background:#ded9c9}.bmw{background:#cbd4d5}.project-info{display:flex;justify-content:space-between;align-items:center;margin-top:19px}h3{font-size:24px;letter-spacing:-.7px;font-weight:600}.project-info p{font-size:13px;color:var(--muted);margin-top:3px}.project-number{font:13px var(--mono);color:var(--muted)}.archive-note{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:22px;font-size:14px;color:var(--muted)}.archive-note a{text-decoration:underline;text-underline-offset:6px}.now{background:var(--panel);padding:75px 0}.now-grid,.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.now-grid>div:last-child{padding-top:30px}.large-copy{font-size:26px;line-height:1.55;letter-spacing:-.5px;margin-bottom:22px}.now p:not(.large-copy),.about-copy>p:not(.large-copy){color:var(--muted);max-width:520px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tags span{font:12px var(--mono);padding:8px 13px;border:1px solid var(--line)}.about{padding-top:100px;padding-bottom:100px}.about-copy{padding-top:20px}.experience{display:flex;gap:70px;border-top:1px solid var(--line);padding-top:26px;margin-top:35px}.experience span{font-size:30px;letter-spacing:-1px}.experience small{display:block;font:10px var(--mono);margin-top:6px;color:var(--muted)}.contact{padding:65px 0 80px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(48px,6.5vw,90px);letter-spacing:-4px}.contact-bottom{display:flex;justify-content:space-between;align-items:end}.contact-bottom p{color:var(--muted);margin-top:25px}.contact .primary{min-width:230px;justify-content:space-between}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.detail{padding-top:45px;padding-bottom:80px;min-height:70vh}.back-link{font:13px var(--mono);display:inline-block;margin-bottom:35px}.detail h1{font-size:clamp(45px,6vw,80px);letter-spacing:-3px}.detail-image{background:var(--panel);padding:40px;margin-top:40px}.detail-image img{max-height:700px;max-width:100%;display:block;margin:auto;object-fit:contain}.detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px 0}.detail-copy p{color:var(--muted);margin-top:20px}.detail-note{font:12px var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:20px}body.dark{--bg:#131b1c;--text:#e7ece6;--muted:#a2b0aa;--line:#354341;--accent:#d0ed8c;--panel:#1b2928;--button:#d0ed8c;--onbutton:#17201b}.dark .concept-bar{background:#0b1011}.dark h1 em,.dark h2 em{font-family:var(--sans);font-style:normal;font-weight:500}.dark .hero-aside{background-image:linear-gradient(#8aac9a09 1px,transparent 1px),linear-gradient(90deg,#8aac9a09 1px,transparent 1px);background-size:25px 25px;border:1px solid var(--line)}.dark .map-core{background:#cfed8b;color:#19271d;box-shadow:8px 8px 0 #cfee8b12}.dark .core-mark span{color:#405638}.dark .featured .project-image{background:#253c38}.dark .starry{background:#394138}.dark .bmw{background:#29383d}.dark .wordmark{font-family:var(--mono);font-weight:500;letter-spacing:-3px}.dark .map-targets{color:var(--accent)}
@media(min-width:1500px){.hero{padding-top:100px}.hero-aside{min-height:480px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:30px;grid-template-columns:1.1fr 1fr}h1{font-size:65px;letter-spacing:-3px}.hero-aside{padding:20px}.header-note{display:none}.section-top{gap:25px}.now-grid,.about{gap:40px}.project-image{height:260px}.featured .project-image{height:390px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.concept-bar{padding:8px 15px;gap:8px;letter-spacing:0;font-size:9px}.concept-bar>span{max-width:100px}.bar-separator{display:none}.theme-controls button{padding:7px 9px;font-size:11px}.site-header{height:84px}.site-header nav{gap:19px;font-size:13px}.wordmark{font-size:28px}.hero{padding-top:45px;display:block}h1{font-size:clamp(42px,9.4vw,65px);line-height:1.06;letter-spacing:-3px;margin-top:25px}.eyebrow{font-size:10px}.hero-aside{margin-top:40px;min-height:400px}.hero-foot{margin-top:35px;line-height:1.8;font-size:9px;gap:20px}.hero-foot>a{display:none}.projects{padding-top:50px;padding-bottom:50px}.section-top{display:block}.section-top p{margin-top:20px}.project-grid{display:block}.project-card{display:block;margin-bottom:32px}.featured .project-image{height:300px;padding:38px 25px 0}.project-image{height:260px;padding:35px 25px 0}h2{font-size:38px;letter-spacing:-1.5px}h3{font-size:21px}.archive-note{display:block;font-size:13px}.archive-note a{display:block;margin-top:10px}.now{padding:45px 0}.now-grid,.about,.detail-copy{grid-template-columns:1fr;gap:18px}.now-grid>div:last-child{padding-top:10px}.large-copy{font-size:23px}.about{padding-top:55px;padding-bottom:55px}.experience{gap:50px}.contact{padding:45px 0}.contact h2{font-size:53px;letter-spacing:-2px}.contact-bottom{display:block}footer{gap:20px;flex-wrap:wrap}footer>a:last-child{width:100%}.detail-image{padding:15px}.detail h1{font-size:45px;overflow-wrap:anywhere}.detail-copy{padding:25px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.pre-line{white-space:pre-line}.site-header nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.language-switch{font:13px var(--mono);border:1px solid var(--line);padding:6px 10px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--button);color:var(--onbutton);padding:12px;z-index:100}.skip-link:focus{top:10px}.preview-banner{background:#d6eaa8;color:#253e25;display:flex;gap:20px;justify-content:center;padding:12px;font-size:13px}.preview-banner a{text-decoration:underline}.text-page{padding-top:60px;padding-bottom:100px;min-height:65vh}.prose{max-width:800px;font-size:20px;line-height:1.9}.contact-form{max-width:750px;display:grid;gap:24px;margin-top:40px}.contact-form label{display:grid;gap:9px;font-size:14px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form input,.contact-form textarea,.theme-picker select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:13px;min-width:0;width:100%;border-radius:0}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.contact-form textarea{resize:vertical}.contact-form button{border:0;justify-self:start;margin:0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.privacy-note{font-size:12px;color:var(--muted)}.form-success,.form-error{padding:25px;border:1px solid var(--accent);margin-top:30px}.form-error{color:var(--accent)}.public-email{margin-top:35px}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:13px}.theme-picker{display:flex;align-items:center;gap:9px;font-size:12px}.theme-picker select{width:170px;padding:7px;font-size:12px}.theme-picker button{font:inherit;padding:8px;background:var(--panel);border:1px solid var(--line);color:var(--text)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.gallery img{width:100%;height:360px;object-fit:contain;background:var(--panel)}.project-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:clamp(25px,5vw,60px);color:#edf0e4}.project-info p{max-width:650px}.hero-copy,.hero-aside{min-width:0}.hero h1{overflow-wrap:anywhere}.detail h1{overflow-wrap:anywhere}.hero-bottom p{max-width:450px}footer{gap:20px;flex-wrap:wrap}.detail{min-height:70vh}@media(max-width:720px){.site-header{gap:14px;flex-wrap:wrap;height:auto;min-height:84px;padding:20px 0}.site-header nav{order:3;width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}.language-switch{margin-left:auto}.contact-fields{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery img{height:auto}.footer-links{width:100%}.theme-picker{flex-wrap:wrap}.text-page{padding-top:40px}.hero h1{font-size:clamp(42px,9.4vw,65px)}.contact h1{font-size:48px;letter-spacing:-2px}.detail-copy{gap:10px}.preview-banner{justify-content:space-between;font-size:11px}}

.detail-image img{width:auto;height:auto}

:root{--bg:#f5f3ed;--text:#242823;--muted:#565b51;--line:#d4d5cb;--accent:#b94c2c;--panel:#e8e9df;--button:#252a24;--onbutton:#fff}