:root{
  --paper:#f1eee7;
  --ink:#151515;
  --muted:#6e6a62;
  --amber:#d67832;
  --line:rgba(21,21,21,.18);
  --dark:#171716;
  --soft:#dedbd4;
  --max:1500px;
  --sans:Arial,Helvetica,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}
a{color:inherit;text-decoration:none}
p{line-height:1.55}
img{display:block;max-width:100%}

.nav{
  height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;
  border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(241,238,231,.94);
  backdrop-filter:blur(12px);z-index:20
}
.brand img{width:225px;height:auto}
.footer-brand img{filter:invert(1);width:180px}
nav{display:flex;align-items:center;gap:2.1rem;font-size:.86rem}
nav a:hover{opacity:.55}
.nav-cta{border-bottom:1px solid;padding-bottom:4px}
.menu{display:none;background:none;border:0;font:inherit}

.eyebrow,.kicker,.meta{font-size:.7rem;font-weight:700;letter-spacing:.15em}
.hero{
  min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.08fr .92fr;
  max-width:var(--max);margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)
}
.hero-copy-wrap{padding:7vh 4vw 5vh;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(4.6rem,8.8vw,9.8rem);line-height:.84;letter-spacing:-.065em;margin:5vh 0;font-weight:700}
.hero-turn{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3.6rem);line-height:1.02;margin:0 0 2rem}
.hero-copy{max-width:590px;font-size:1.07rem;color:var(--muted)}
.hero-photo-wrap{margin:0;position:relative;min-height:720px;background:#d6d3cc;overflow:hidden}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.9) contrast(.98)}
.hero-photo-wrap figcaption{position:absolute;right:1.5rem;bottom:1.5rem;background:rgba(241,238,231,.9);padding:.6rem .8rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.actions{display:flex;gap:1.6rem;align-items:center;margin-top:2rem}
.button{display:inline-block;padding:1rem 1.25rem;font-size:.84rem;font-weight:700}
.button.dark{background:var(--ink);color:var(--paper)}
.button.light{background:var(--paper);color:var(--ink)}
.text-link{font-size:.85rem;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}

.belief{background:var(--amber);padding:9vw 4vw 10vw}
.belief>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.belief-intro{display:flex;justify-content:space-between;border-bottom:1px solid rgba(21,21,21,.28);padding-bottom:1rem}
.belief-copy h2{font-size:clamp(3.3rem,6.8vw,7.4rem);letter-spacing:-.055em;line-height:.93;margin:4rem 0 2rem;max-width:1250px}
.belief-copy .serif{font-family:var(--serif);font-size:clamp(1.8rem,3.2vw,3.8rem);line-height:1.05;max-width:980px;margin-left:auto}

.problem-grid{max-width:var(--max);margin:auto;padding:10vw 4vw;display:grid;grid-template-columns:.13fr .8fr 1fr;gap:5vw}
.section-number{font-family:var(--serif);font-size:1.1rem}
.problem-grid h2,.work h2,.thinking h2,.about h2{font-size:clamp(2.8rem,5vw,6rem);line-height:.95;letter-spacing:-.05em;margin:2rem 0}
.intro{color:var(--muted);max-width:520px;font-size:1.05rem}
.problem-list article{border-top:1px solid var(--line);padding:1.5rem 0 2.2rem;display:grid;grid-template-columns:45px 1fr;column-gap:1rem}
.problem-list h3{font-size:1.45rem;margin:0}
.problem-list p{grid-column:2;color:var(--muted);max-width:540px;margin:.7rem 0 0}

.quote-band{background:var(--dark);color:var(--paper);padding:11vw 4vw}
.quote-inner{max-width:var(--max);margin:auto}
.quote-band blockquote{font-family:var(--serif);font-size:clamp(3rem,6.4vw,7.4rem);line-height:.94;letter-spacing:-.04em;margin:3rem 0;max-width:1300px}
.quote-note{color:#aaa69d;max-width:700px;font-size:1rem;margin-left:auto}

.work{padding:10vw 4vw;max-width:var(--max);margin:auto}
.work-intro{display:grid;grid-template-columns:1.2fr .8fr;column-gap:8vw}
.work-intro .kicker{grid-column:1/-1}
.work-intro p:last-child{align-self:end;font-size:1.05rem;color:var(--muted);max-width:500px}
.work-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-cards article{padding:2rem 2rem 2.5rem 0;border-right:1px solid var(--line);min-height:360px;display:flex;flex-direction:column}
.work-cards article+article{padding-left:2rem}
.work-cards article:last-child{border-right:0}
.num{font-family:var(--serif)}
.work-cards h3{font-size:2rem;letter-spacing:-.03em;margin:4rem 0 1rem}
.work-cards p{color:var(--muted);max-width:330px}
.signal{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);font-family:var(--serif);font-size:.95rem}

.thinking{background:var(--soft);padding:10vw 4vw}
.thinking>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.thinking-head{display:flex;justify-content:space-between;align-items:end}
.thinking-head h2{max-width:900px}
.feature-story{display:grid;grid-template-columns:1.3fr .7fr;gap:4vw;margin-top:5rem;align-items:stretch}
.story-image-link{display:block;overflow:hidden;background:#c77727}
.story-art{width:100%;height:100%;min-height:590px;object-fit:cover;transition:transform .55s ease}
.story-image-link:hover .story-art{transform:scale(1.015)}
.story-copy{align-self:end;padding-bottom:2rem}
.story-copy h3{font-family:var(--serif);font-size:3.4rem;line-height:.95;margin:1.5rem 0}
.story-copy p:not(.meta){color:var(--muted)}
.story-copy a,.story-row a{font-size:.8rem;font-weight:700}
.story-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6rem;border-top:1px solid var(--line)}
.story-row article{padding:2rem 2rem 2rem 0;border-right:1px solid var(--line);min-height:260px;display:flex;flex-direction:column}
.story-row article+article{padding-left:2rem}
.story-row article:last-child{border-right:0}
.story-row h3{font-family:var(--serif);font-size:2rem;line-height:1.05}
.story-row a{margin-top:auto}

.about{padding:10vw 4vw;max-width:var(--max);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;border-top:1px solid var(--line)}
.about-label{display:flex;flex-direction:column;align-items:flex-start}
.about-number{font-family:var(--serif);font-size:clamp(7rem,14vw,15rem);line-height:.8;letter-spacing:-.08em;margin-top:auto}
.about-caption{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-top:1.5rem}
.about-copy{max-width:790px}
.about-copy .lead{font-family:var(--serif);font-size:1.8rem;line-height:1.15}
.about-copy p:not(.kicker):not(.lead){max-width:680px;color:var(--muted)}
.about-copy .text-link{display:inline-block;margin-top:1rem}

.experience{padding:2rem 4vw 8vw;max-width:var(--max);margin:auto}
.experience-line{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.experience-line span{border:1px solid var(--line);padding:.8rem 1rem;border-radius:999px;font-size:.8rem}

.contact{background:var(--amber);padding:10vw 4vw}
.contact>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.contact h2{font-size:clamp(4rem,8vw,8.5rem);line-height:.9;letter-spacing:-.06em;margin:3rem auto 6rem}
.contact-bottom{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end;border-top:1px solid rgba(21,21,21,.35);padding-top:2rem}
.contact-bottom p{max-width:650px;font-family:var(--serif);font-size:1.6rem}

footer{background:var(--dark);color:var(--paper);padding:3rem 4vw;display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:2rem;font-size:.75rem;align-items:center}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.story-art{transition:none}}

@media(max-width:900px){
  nav{display:none}.menu{display:block}
  .nav.open nav{display:flex;position:absolute;top:86px;left:0;right:0;background:var(--paper);padding:2rem 4vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .hero{grid-template-columns:1fr}.hero-copy-wrap{min-height:72vh}.hero h1{font-size:clamp(4rem,17vw,7rem)}.hero-photo-wrap{min-height:68vh}
  .problem-grid,.work-intro,.feature-story,.about,.contact-bottom{grid-template-columns:1fr}
  .problem-grid{padding-top:20vw}.problem-list{grid-column:1/-1}
  .work-cards,.story-row{grid-template-columns:1fr}
  .work-cards article,.work-cards article+article,.story-row article,.story-row article+article{border-right:0;border-bottom:1px solid var(--line);padding:2rem 0}
  .thinking-head{display:block}.thinking-head .text-link{display:inline-block;margin-top:1rem}
  .story-art{min-height:400px}.about{gap:4rem}.about-number{font-size:8rem;margin-top:3rem}
  .belief-copy .serif{margin-left:0}
  footer{grid-template-columns:1fr 1fr}
}