@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#f4f3ef;--ink:#111;--muted:#77766f;--line:#cbc9c1;--pad:clamp(20px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}
.header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad);border-bottom:1px solid var(--line);background:rgba(244,243,239,.9);backdrop-filter:blur(14px)}.logo{font-size:13px;font-weight:700;letter-spacing:.08em}.header nav{display:flex;gap:26px;font:11px "DM Mono",monospace;text-transform:uppercase}.header nav a:hover,.link:hover{opacity:.55}
.hero{min-height:88vh;padding:clamp(90px,13vw,175px) var(--pad) 50px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.label,.section-title span,.meta,.research-list>article>span,.timeline>div>span,.case-label{font:11px "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hero h1{max-width:1180px;font-size:clamp(52px,8.2vw,122px);line-height:.92;letter-spacing:-.07em;font-weight:600;margin:48px 0 0}.hero-foot{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-foot p{max-width:570px;font-size:18px;line-height:1.45;margin:0}.hero-foot a,.link,.view{text-decoration:underline;text-underline-offset:5px;font-size:12px}
.section{padding:115px var(--pad);border-bottom:1px solid var(--line)}.section-title{display:grid;grid-template-columns:60px 1fr;margin-bottom:65px}.section-title h2{font-size:clamp(32px,4.4vw,58px);letter-spacing:-.045em;margin:0}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:90px 26px}
.project{display:block}.project-visual{aspect-ratio:4/3;background:#ddd;overflow:hidden;position:relative;margin-bottom:20px}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project-fallback{display:flex;align-items:flex-end;height:100%;padding:24px;font-size:clamp(30px,4vw,55px);letter-spacing:-.06em}.project-info .meta{display:flex;justify-content:space-between;gap:20px}.project-info h3{font-size:34px;letter-spacing:-.045em;margin:12px 0 3px}.project-info h4{font-size:16px;font-weight:500;margin:0 0 14px}.project-info p{max-width:650px;color:var(--muted);line-height:1.5;margin:0 0 18px}.view{font-size:11px}
.dark{background:#111;color:#f4f3ef}.dark .section-title span{color:#999}.research-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-bottom:80px}.research-intro h3{font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.05em;margin:0}.research-intro p{color:#aaa;line-height:1.6;max-width:540px;margin:0}.research-list{border-top:1px solid #444}.research-list article{display:grid;grid-template-columns:60px 1fr;gap:30px;padding:34px 0;border-bottom:1px solid #444}.research-list h3{font-size:28px;letter-spacing:-.035em;margin:0 0 10px}.research-list p{color:#aaa;line-height:1.5;max-width:650px;margin:0}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}.statement{font-size:clamp(30px,4.1vw,57px);line-height:1.02;letter-spacing:-.05em;margin:0}.body{color:var(--muted);line-height:1.6}.body p{margin-top:0;margin-bottom:24px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--line);margin-top:110px;padding-top:30px}.timeline h3{font-size:18px;margin:40px 0 4px}.timeline p{color:var(--muted);margin:0}.teaching{background:#e2e1db}.cv{display:flex;justify-content:space-between;gap:60px;align-items:end}.cv h2{font-size:clamp(30px,4vw,55px);letter-spacing:-.045em;max-width:750px;margin:15px 0 0}.cv-links{display:flex;flex-direction:column;gap:14px;white-space:nowrap}.cv-links a{text-decoration:underline;text-underline-offset:5px}.contact-heading{font-size:clamp(48px,7.5vw,105px);line-height:.95;letter-spacing:-.065em;max-width:1100px;margin:75px 0}.contact-links{display:flex;gap:35px;flex-wrap:wrap}.contact-links a{text-decoration:underline;text-underline-offset:5px}
footer{display:flex;justify-content:space-between;padding:22px var(--pad);font:10px "DM Mono",monospace;text-transform:uppercase;color:var(--muted)}
/* Case studies */
.case-hero{padding:100px var(--pad) 80px;border-bottom:1px solid var(--line)}.case-back{font:11px "DM Mono",monospace;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}.case-hero h1{font-size:clamp(55px,9vw,125px);line-height:.9;letter-spacing:-.07em;max-width:1200px;margin:75px 0 35px}.case-subtitle{font-size:clamp(20px,2.3vw,30px);max-width:750px;line-height:1.3}.case-meta{display:flex;gap:45px;flex-wrap:wrap;margin-top:60px}.case-meta div{display:flex;flex-direction:column;gap:9px}.case-visual{margin:0 var(--pad);aspect-ratio:16/8;background:#ddd;display:flex;align-items:end;padding:30px;font-size:clamp(35px,6vw,80px);letter-spacing:-.06em}.case-visual img{width:100%;height:100%;object-fit:cover}.case-section{max-width:1150px;margin:auto;padding:100px var(--pad);border-bottom:1px solid var(--line)}.case-section h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;margin:0 0 35px}.case-section p{font-size:18px;line-height:1.65;color:#555;max-width:800px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.case-grid h3{font-size:22px;margin:0 0 15px}.case-grid p{font-size:16px}.quote{font-size:clamp(30px,4vw,52px)!important;line-height:1.05!important;letter-spacing:-.04em;color:var(--ink)!important}.next-project{display:flex;justify-content:space-between;align-items:end;padding:80px var(--pad)}.next-project h2{font-size:clamp(38px,6vw,80px);letter-spacing:-.06em;margin:12px 0 0}.next-project a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:720px){.header nav{gap:12px}.hero{min-height:80vh}.hero h1{margin-top:40px}.hero-foot,.cv{display:block}.hero-foot p{font-size:16px;margin-bottom:24px}.section{padding:78px var(--pad)}.section-title{grid-template-columns:38px 1fr;margin-bottom:45px}.projects,.research-intro,.two-col,.timeline,.case-grid{grid-template-columns:1fr;gap:55px}.projects{gap:65px}.project-info h3{font-size:29px}.research-intro{margin-bottom:55px}.research-list article{grid-template-columns:35px 1fr;gap:15px}.timeline{margin-top:70px}.cv-links{margin-top:35px}.contact-heading{margin:55px 0}.contact-links{flex-direction:column;gap:18px}footer{display:block;line-height:1.8}.case-hero{padding:65px var(--pad) 55px}.case-hero h1{margin:55px 0 25px}.case-visual{margin:0 var(--pad);aspect-ratio:4/3;padding:20px}.case-section{padding:70px var(--pad)}.next-project{display:block}.next-project a{display:inline-block;margin-top:25px}}