@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{--ink:#111;--muted:#6c6c6c;--paper:#f5f3ef;--line:#d9d5ce}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.nav{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,243,239,.94);backdrop-filter:blur(10px);z-index:10}.brand{font-size:13px;font-weight:600;letter-spacing:.14em}.nav nav{display:flex;gap:30px;font-size:13px}
.hero{min-height:calc(100vh - 76px);padding:7vw 6vw;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;margin:0 0 20px;color:#555}.hero h1{font-size:clamp(52px,7vw,105px);line-height:.94;letter-spacing:-.055em;margin:0 0 30px;font-weight:500}.hero h1 em{font-family:"Playfair Display",serif;font-weight:500}.intro{font-size:19px;max-width:550px;color:#4e4e4e}.buttons{display:flex;gap:12px;margin-top:35px}.button{padding:13px 20px;border:1px solid var(--ink);font-size:13px}.button.dark{background:var(--ink);color:white}.hero-photo{aspect-ratio:4/5;background:#d9d5ce;display:flex;align-items:center;justify-content:center;color:#777;font-size:11px;letter-spacing:.15em}
.statement{padding:7vw 12vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement p{font:500 clamp(28px,4vw,54px)/1.12 "Playfair Display",serif;max-width:1050px;margin:0}
.section{padding:9vw 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section h2{font:500 clamp(38px,5vw,68px)/1 "Playfair Display",serif;margin:0;letter-spacing:-.03em}.work-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.card{border-top:1px solid var(--ink)}.card.featured{grid-row:span 2}.card-image{aspect-ratio:16/9;background:#d9d5ce;display:flex;align-items:center;justify-content:center;color:#777;font-size:10px;letter-spacing:.16em}.featured .card-image{aspect-ratio:1.45}.card-body{padding:24px 0 35px}.meta{font-size:10px;letter-spacing:.14em;color:#666}.card h3{font:500 30px/1.1 "Playfair Display",serif;margin:10px 0}.card p:not(.meta){color:#555;max-width:620px}.arrow,.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:3px}
.about{background:#161616;color:#f5f3ef;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about .eyebrow{color:#aaa}.about h2{font-size:clamp(40px,5vw,70px)}.about-text{font-size:18px;max-width:620px}.about-text p{margin-top:0;margin-bottom:28px}.about .text-link{display:inline-block;margin-top:10px}
.experience{border-bottom:1px solid var(--line)}.timeline{margin-top:35px;border-top:1px solid var(--line)}.timeline div{display:grid;grid-template-columns:140px 1fr 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}.timeline span{color:#777;font-size:12px}.timeline strong{font-weight:500}.timeline p{margin:0;color:#666;font-size:13px}
.contact{padding:10vw 6vw 11vw}.contact h2{font:500 clamp(60px,9vw,130px)/.9 "Playfair Display",serif;margin:0 0 25px}.contact>p:not(.eyebrow){color:#555}.email{display:inline-block;font-size:clamp(20px,3vw,34px);margin-top:25px;border-bottom:1px solid}.socials{display:flex;gap:25px;margin-top:45px;font-size:13px}.socials a{border-bottom:1px solid}
footer{border-top:1px solid var(--line);padding:25px 6vw;display:flex;justify-content:space-between;color:#777;font-size:11px;letter-spacing:.05em}
@media(max-width:800px){.nav{padding:0 5vw}.nav nav{gap:14px}.hero{grid-template-columns:1fr;padding:16vw 5vw}.hero-photo{max-width:520px}.statement{padding:14vw 8vw}.section{padding:15vw 5vw}.section-head{display:block}.section-head h2{margin-top:12px}.work-grid,.about{grid-template-columns:1fr}.about{gap:45px}.timeline div{grid-template-columns:80px 1fr}.timeline p{grid-column:2}.contact{padding:18vw 5vw}.socials{flex-wrap:wrap}footer{padding:22px 5vw;gap:20px;flex-direction:column}}