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

:root{--bg:#11110f;--paper:#e8e3d8;--line:rgba(232,227,216,.2);--muted:#aaa49a;--accent:#c6a46a}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--paper);font-family:"Space Grotesk",sans-serif}
.hero{min-height:100vh;padding:0 6vw;display:flex;flex-direction:column;background:radial-gradient(circle at 85% 15%,#2a271f 0,transparent 28%),linear-gradient(145deg,#151512,#0c0c0b)}
.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.logo{color:var(--paper);font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-decoration:none}.logo span{color:var(--accent)}
.nav-links{display:flex;gap:2rem}.nav-links a,.socials a{color:var(--paper);text-decoration:none;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.menu-btn{display:none;background:none;border:0;color:var(--paper);font-size:1.4rem}
.hero-content{max-width:980px;margin:auto 0;padding:100px 0}.eyebrow,.section-label,.tag{font-family:"DM Mono",monospace;color:var(--accent);font-size:.72rem;letter-spacing:.12em}
h1,h2{font-family:"Playfair Display",serif;font-weight:600;line-height:.98;margin:0}h1{font-size:clamp(3.5rem,8vw,7.5rem);letter-spacing:-.04em}h1 em{font-weight:500}
.hero-copy{max-width:590px;color:var(--muted);font-size:1.05rem;line-height:1.7;margin:2rem 0}
.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:15px 22px;text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.btn-primary{background:var(--accent);color:#17140e}.btn-secondary{border:1px solid var(--line);color:var(--paper)}
.scroll{font-family:"DM Mono",monospace;font-size:.62rem;letter-spacing:.1em;color:var(--muted);padding-bottom:2rem}
section{padding:120px 6vw}.intro{background:var(--paper);color:#171714;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro h2,.section-head h2,.contact h2{font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.04em}.intro-copy{font-size:1.1rem;line-height:1.8;padding-top:2rem}.intro-copy p:first-child{margin-top:0}
.work{border-top:1px solid var(--line)}.section-head{max-width:750px;margin-bottom:3rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:280px}.card span{font-family:"DM Mono";color:var(--accent);font-size:.75rem}.card h3{font-family:"Playfair Display";font-size:2rem;font-weight:500}.card p,.project p{color:var(--muted);line-height:1.7}
.projects{background:#171714}.project-grid{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--line)}.project{background:#171714;padding:2.5rem;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.featured{grid-row:span 2;min-height:600px;background:linear-gradient(160deg,#242118,#171714)}.project-number{font-family:"DM Mono";color:var(--accent)}.project h3{font-family:"Playfair Display";font-size:2.2rem;font-weight:500;margin:.5rem 0}
.quote{text-align:center;background:var(--accent);color:#19160f;padding:130px 6vw}.quote p{font-family:"Playfair Display";font-size:clamp(2.5rem,5vw,5rem);line-height:1.1;margin:0}.contact{min-height:75vh;display:flex;flex-direction:column;justify-content:center}.contact-copy{max-width:550px;color:var(--muted);line-height:1.8}.socials{display:flex;gap:2rem;margin-top:2rem}.socials a{border-bottom:1px solid var(--accent);padding-bottom:.4rem}.small-note{color:#6f6b64;font-size:.75rem}
footer{padding:2rem 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-family:"DM Mono";font-size:.65rem;letter-spacing:.08em}
@media(max-width:700px){.nav{height:75px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:75px;left:0;right:0;background:#171714;padding:1.5rem 6vw;flex-direction:column;z-index:2}.nav-links.open{display:flex}.hero-content{padding:70px 0}.intro{grid-template-columns:1fr;gap:1rem}.cards{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.featured{grid-row:auto;min-height:400px}.project{min-height:300px}section{padding:85px 6vw}footer{flex-direction:column;gap:.8rem}.quote{padding:90px 6vw}}

/* v2 multi-page additions */
.page-hero{padding:70px 6vw 85px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 15%,#2a271f 0,transparent 28%),linear-gradient(145deg,#151512,#0c0c0b)}
.page-hero .nav{margin:-70px 0 70px}.page-hero h1{font-size:clamp(3rem,7vw,6.5rem)}.page-lede{max-width:760px;color:var(--muted);font-size:1.12rem;line-height:1.8;margin:2rem 0 0}
.content{max-width:1100px;margin:auto}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.prose{font-size:1.08rem;line-height:1.85;color:var(--muted)}.prose strong{color:var(--paper)}
.timeline{border-top:1px solid var(--line)}.role{display:grid;grid-template-columns:220px 1fr;gap:3rem;padding:2.5rem 0;border-bottom:1px solid var(--line)}.role h2{font-size:2rem}.role h3{margin:.4rem 0 1rem;font-weight:500}.role ul{color:var(--muted);line-height:1.7;padding-left:1.2rem}.role li{margin:.45rem 0}
.link-card{display:block;color:inherit;text-decoration:none}.link-card .card{transition:transform .2s ease,background .2s ease}.link-card:hover .card{transform:translateY(-3px);background:#1a1915}
.cta-strip{padding:70px 6vw;background:var(--accent);color:#19160f}.cta-strip h2{font-size:clamp(2.4rem,5vw,4.8rem)}.cta-strip a{color:#19160f}.crumb{font-family:"DM Mono";font-size:.7rem;color:var(--muted);margin-bottom:1rem}.crumb a{color:var(--accent);text-decoration:none}
@media(max-width:700px){.page-hero{padding:40px 6vw 60px}.page-hero .nav{margin:-40px 0 50px}.split,.role{grid-template-columns:1fr;gap:1rem}.role{padding:2rem 0}.role h2{font-size:1.7rem}}

/* v3 article */
.article-prose{max-width:820px}.article-prose>p{color:var(--muted);font-size:1.08rem;line-height:1.9}.article-prose h2{font-size:clamp(2rem,4vw,3.2rem);margin:3.2rem 0 1rem}.article-note{margin-top:4rem;padding:2rem;border:1px solid var(--line);color:var(--muted);line-height:1.8}.article-note strong{color:var(--paper)}.article-note a,.article-link{color:var(--accent)}.intro .article-link{color:#19160f;font-weight:600;text-decoration-thickness:1px;text-underline-offset:4px}

.author-profile{display:flex;gap:22px;align-items:center;margin:42px 0 10px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:12px}
.author-profile img{width:110px;height:110px;object-fit:cover;border-radius:50%;flex:0 0 110px}
.author-profile h3{margin:0 0 8px}
.author-profile p{margin:0}
.profile-photo{width:min(100%,420px);height:auto;border-radius:12px;display:block;margin:28px 0}
@media(max-width:640px){.author-profile{align-items:flex-start}.author-profile img{width:82px;height:82px;flex-basis:82px}}