@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#171717;--muted:#858580;--paper:#f3f2ef;--line:#d9d8d3;--white:#fff;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 80px));margin:0 auto}.nav{height:82px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,242,239,.92);backdrop-filter:blur(14px);z-index:10}.logo{font-size:30px;font-weight:700;letter-spacing:-1.8px}.logo span{font-size:12px;vertical-align:top;margin-left:3px}.nav nav{display:flex;gap:34px;font-size:12px;letter-spacing:.08em}.nav nav a{color:#777}.nav nav a:hover,.nav nav a.active{color:var(--ink)}.nav-index{font-size:11px;letter-spacing:.1em}.hero{padding-top:72px}.eyebrow{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.13em}.hero-copy{padding:92px 0 58px;max-width:760px}.kicker{font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin:0 0 18px}.hero h1,.page-intro h1,.about-page h1,.contact-page h1{font-size:clamp(48px,7vw,94px);line-height:1.16;letter-spacing:-.07em;font-weight:500;margin:0 0 24px}.hero h1 em,.statement h2 em,.about-columns h2 em{font-style:normal;color:#898985}.lead{font-size:16px;color:#656560;line-height:1.9}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:13px;border-bottom:1px solid #777;padding:10px 0;margin-top:18px}.text-link span{font-size:18px}.hero-image{margin:0}.hero-image img{width:100%;display:block;max-height:620px;object-fit:cover}.hero-image figcaption{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.12em;padding-top:12px}.section{padding-top:120px;padding-bottom:112px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2{font-size:34px;font-weight:500;letter-spacing:-.05em;margin:0}.muted{color:#a5a5a0}.featured-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.project-card{display:block}.project-card img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;background:#ddd}.project-card .meta{display:flex;justify-content:space-between;gap:15px;margin-top:14px;font-size:12px}.project-card .meta small{color:var(--muted);font-size:10px;letter-spacing:.08em}.project-card p{margin:5px 0 0;color:#777;font-size:12px}.featured-side{display:grid;gap:26px}.featured-side .project-card img{aspect-ratio:1.6}.statement{background:#171717;color:#f3f2ef;padding:112px 0}.statement .kicker{color:#aaa}.statement h2{font-size:clamp(36px,5.5vw,68px);font-weight:400;letter-spacing:-.06em;line-height:1.25;margin:0 0 25px}.statement h2 em{color:#777}.statement p:last-child{color:#aaa;max-width:560px}.about-teaser{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-teaser h2{font-size:40px;line-height:1.4;font-weight:500;letter-spacing:-.05em}.about-teaser>div:last-child{align-self:end;color:#666;max-width:500px}.footer{border-top:1px solid var(--line);padding:42px 0 28px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:25px}.footer p{font-size:12px;color:#777;margin:4px 0}.footer a:not(.logo){font-size:13px}.footer small{font-size:9px;color:#888;letter-spacing:.08em}.page-main{padding-top:90px;padding-bottom:120px}.page-intro{margin-bottom:65px}.page-intro p:last-child{color:#777}.filters{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:9px 18px;border-radius:99px;font:inherit;font-size:11px;color:#777;cursor:pointer}.filters button.selected,.filters button:hover{background:var(--ink);border-color:var(--ink);color:white}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 24px}.works-grid .project-card img{aspect-ratio:1.48}.project-main{padding-top:72px;padding-bottom:120px}.project-hero{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;padding:50px 0 65px}.project-hero h1{font-size:clamp(48px,8vw,100px);letter-spacing:-.07em;line-height:1;margin:0}.project-hero .cn{font-size:18px;color:#777;margin-top:12px}.project-hero .intro{color:#555;line-height:1.9}.project-cover{width:100%;display:block}.project-info{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line);padding:36px 0 60px}.project-info .label{font-size:10px;color:#888;letter-spacing:.12em}.project-info p{margin:0;max-width:700px}.gallery{display:grid;gap:18px}.gallery img{width:100%;display:block;background:#ddd}.project-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:35px;margin-top:70px}.project-next a{font-size:22px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:60px 0}.about-columns h2{font-size:36px;line-height:1.45;font-weight:500;letter-spacing:-.05em}.about-columns p{color:#666}.about-photo img{width:100%;display:block;max-height:600px;object-fit:cover}.resume-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:65px 0}.resume-grid h3{font-size:22px;font-weight:500}.resume-grid ul{padding-left:18px;color:#666}.resume-grid small{color:#888}.contact-page .lead{max-width:560px;margin:25px 0 70px}.contact-list{border-top:1px solid var(--line)}.contact-list>div{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--line);padding:24px 0}.contact-list span{font-size:10px;letter-spacing:.12em;color:#888}.contact-list p,.contact-list a{margin:0;font-size:18px}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:66px;padding:0 18px}.nav nav{gap:13px;font-size:10px}.nav-index{display:none}.logo{font-size:25px}.hero{padding-top:42px}.hero-copy{padding:66px 0 40px}.hero h1,.page-intro h1,.about-page h1,.contact-page h1{font-size:48px}.lead{font-size:14px}.section{padding:76px 0}.section-head{align-items:start;gap:20px}.section-head h2{font-size:27px}.section-head .text-link{white-space:nowrap;font-size:11px}.featured-grid{grid-template-columns:1fr}.featured-side{grid-template-columns:1fr 1fr;gap:14px}.featured-side .project-card img{aspect-ratio:1/1}.statement{padding:75px 0}.about-teaser{grid-template-columns:1fr;gap:20px}.about-teaser h2{font-size:32px}.footer{grid-template-columns:1fr 1fr}.footer small{grid-column:1/-1}.page-main{padding-top:60px;padding-bottom:80px}.works-grid{grid-template-columns:1fr;gap:30px}.project-hero{grid-template-columns:1fr;gap:20px;padding:30px 0 38px}.project-hero h1{font-size:56px}.project-info{grid-template-columns:1fr;gap:12px;padding:25px 0 35px}.about-columns{grid-template-columns:1fr;gap:20px;margin:40px 0}.about-columns h2{font-size:30px}.resume-grid{grid-template-columns:1fr;gap:20px;padding:40px 0}.contact-list>div{grid-template-columns:100px 1fr}.contact-list p,.contact-list a{font-size:15px}}