:root{--ink:#161716;--paper:#eeeae2;--clay:#c86745;--line:rgba(22,23,22,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.28;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.site-header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:6}.wordmark{font:700 17px/1 'DM Mono',monospace;letter-spacing:-1px;text-decoration:none;color:inherit}.wordmark span{color:var(--clay)}nav{display:flex;gap:32px}nav a,.header-email,.text-link{font:500 11px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em;color:inherit;text-decoration:none}.header-email span,.contact-email span{color:var(--clay);font-size:18px;vertical-align:-2px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;padding:7vw 4vw 4vw;position:relative}.hero-copy{align-self:center;max-width:690px}.eyebrow{font:500 10px/1.1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em;margin:0 0 30px;color:#52544f}.hero h1,.statement h2,.contact h2{font-size:clamp(55px,7.5vw,122px);line-height:.88;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em,.statement h2 em,.contact h2 em,.project-title em{font-family:'Playfair Display',serif;font-weight:600}.hero-intro{max-width:410px;font-size:16px;line-height:1.55;margin:40px 0}.text-link{border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link span{font-size:16px;margin-left:16px}.hero-visual{margin:0;align-self:end;position:relative}.hero-visual img{display:block;width:100%;height:min(69vh,720px);object-fit:cover;filter:saturate(.86)}figcaption,.project-card div{font:400 10px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;margin-top:11px}.hero-index{position:absolute;right:4vw;top:5vw;font:500 10px/1.45 'DM Mono',monospace}.hero-index span{font-size:8px;color:#6b6c68}.statement{padding:14vw 14vw 13vw;border-top:1px solid var(--line)}.statement h2{font-size:clamp(42px,6.3vw,90px);max-width:930px}.statement-detail{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:70px 0 0 30%}.statement-detail p{font-size:16px;line-height:1.55;margin:0}.skills{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.skills span{font:500 10px/1 'DM Mono',monospace;border:1px solid var(--ink);padding:8px 10px;border-radius:20px}.work{background:var(--ink);color:#efebe3;padding:7vw 4vw 12vw}.section-head,.project-meta{display:flex;justify-content:space-between;align-items:center}.section-head .eyebrow,.work-count{color:#b7b4ae;margin:0;font:400 10px/1 'DM Mono',monospace;letter-spacing:.08em}.project{margin-top:7vw}.project-meta{font:400 10px/1 'DM Mono',monospace;letter-spacing:.06em;margin-bottom:14px;color:#b7b4ae}.project-image{display:block;position:relative;overflow:hidden}.project-image img{width:100%;height:min(68vw,870px);object-fit:cover;display:block;transition:transform .7s ease}.project-image:hover img{transform:scale(1.03)}.view-label{position:absolute;top:22px;right:22px;background:#ece8df;color:var(--ink);font:500 10px/1 'DM Mono',monospace;padding:12px 14px;border-radius:20px}.project-title{display:flex;justify-content:space-between;align-items:end;margin-top:28px}.project-title h3{font-size:clamp(50px,8vw,115px);line-height:.8;letter-spacing:-.08em;margin:0}.project-title p{font-size:14px;line-height:1.5;margin:0;max-width:250px;color:#b7b4ae}.project-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:5vw 2vw;margin-top:7vw}.project-card{margin:0}.project-card.tall{grid-row:span 2}.project-card img{width:100%;display:block;aspect-ratio:1.34/1;object-fit:cover}.project-card.tall img{aspect-ratio: .78/1}.project-card.wide{grid-column:span 2}.project-card.wide img{aspect-ratio:2/1}.project-card div{display:flex;justify-content:space-between;color:#b7b4ae}.project-card p{margin:0}.project-second{margin-top:15vw}.green-grid{grid-template-columns:1fr 1fr}.experience{padding:11vw 14vw}.experience .eyebrow{margin-bottom:55px}.experience-list>div{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:20px}.experience-list time,.experience-list p{font:400 10px/1.4 'DM Mono',monospace;margin:0;color:#595a55}.experience-list h4{font-size:16px;line-height:1.2;margin:0;font-weight:600}.contact{padding:11vw 14vw;background:var(--clay);color:#1c1816;min-height:630px;position:relative}.contact .eyebrow{color:#5c2e20}.contact h2{font-size:clamp(54px,8vw,118px)}.contact-email{display:inline-block;margin-top:70px;font:500 clamp(16px,2vw,25px)/1.1 'DM Mono',monospace;color:inherit;text-decoration:none;border-bottom:1px solid #1c1816;padding-bottom:12px}.location{position:absolute;bottom:5vw;right:6vw;font:400 10px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}footer{background:var(--ink);color:#d8d4cd;padding:25px 4vw;display:flex;justify-content:space-between;font:400 9px/1 'DM Mono',monospace;letter-spacing:.06em}footer a{color:inherit;text-decoration:none}.reveal-image{animation:fade-in .9s ease both}@keyframes fade-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:720px){.site-header{height:65px;padding:0 20px}.header-email,nav{display:none}.hero{min-height:auto;display:flex;flex-direction:column;padding:18vw 20px 20px;gap:12vw}.hero h1{font-size:18vw}.hero-visual img{height:75vh}.hero-index{top:20px;right:20px}.statement,.experience,.contact{padding:20vw 20px}.statement-detail{display:block;margin:45px 0 0}.skills{margin-top:25px}.work{padding:17vw 20px}.project{margin-top:18vw}.project-title{display:block}.project-title p{margin-top:20px}.project-grid{display:block;margin-top:16vw}.project-card{margin-bottom:12vw}.project-card.tall img,.project-card.wide img,.project-card img{aspect-ratio:1.1/1}.project-second{margin-top:24vw}.experience-list>div{grid-template-columns:1fr;gap:9px;padding:18px 0}.contact{min-height:520px}.location{left:20px;bottom:25px}.section-head{display:block}.work-count{margin-top:12px}footer{padding:20px;gap:18px;flex-wrap:wrap}.hero-intro{font-size:14px}.view-label{display:none}}
