@import url('./base.css');
:root{--bg:#f3f1ec;--ink:#202b2d;--accent:#946341;--line:#cfcbc2;--header-bg:#f3f1eccc;--footer-bg:#263331;--footer-ink:#f3f1ec;--button-ink:#fff;--body:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--mono:'Courier New',monospace}
body{background-image:linear-gradient(#2633310b 1px,transparent 1px),linear-gradient(90deg,#2633310b 1px,transparent 1px);background-size:52px 52px}.site-header{position:sticky;top:0}.site-header nav .nav-contact{border-color:var(--line)}.home-hero{display:grid;grid-template-columns:52% 48%;grid-template-rows:minmax(650px,calc(100vh - 76px)) 34px;position:relative;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(65px,8vw,150px) 4vw 65px;display:flex;flex-direction:column;align-items:start}.hero-copy .eyebrow{margin-bottom:auto}.hero-copy h1{font:800 clamp(4.2rem,6.3vw,8rem)/.97 var(--display);letter-spacing:-.08em;margin:25px 0 32px}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy>p:not(.eyebrow){font-size:clamp(1.15rem,1.5vw,1.5rem);line-height:1.45;max-width:500px;margin-bottom:38px}.home-hero .hero-photo{position:relative;grid-column:2;grid-row:1/3;overflow:hidden}.home-hero .hero-photo img{position:absolute;inset:0}.home-hero .hero-photo figcaption{position:absolute;right:18px;bottom:18px;background:var(--bg);padding:8px 10px}.hero-index{grid-column:1;grid-row:2;padding-left:4vw;color:var(--accent)}.home-statement{padding:135px 8vw 150px;display:grid;grid-template-columns:1fr 2.5fr;gap:30px;border-bottom:1px solid var(--line)}.home-statement .section-no{color:var(--accent);margin-top:12px}.home-statement h2{margin:0;font-size:clamp(2.7rem,5vw,6rem);max-width:900px}.home-statement>p{grid-column:2;font-size:1.3rem;max-width:560px;margin:0}.home-statement .text-link{grid-column:2;justify-self:start}.home-work{padding:105px 4vw 140px}.home-work .section-head{margin-bottom:50px}.home-work .project-grid .project-card:first-child{margin-top:80px}.home-work .project-grid .project-card:last-child{max-width:88%}.home-people{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center;padding:95px 8vw;background:#dedbd2}.home-people>div{max-width:650px}.home-people h2{margin:26px 0}.home-people p:not(.eyebrow){font-size:1.25rem}.home-people img{aspect-ratio:1.15;object-fit:cover}.home-cta{background:#ac7550;color:#fff;min-height:460px}.home-cta h2{font-size:clamp(2.5rem,4.5vw,5rem)}.home-cta>a:hover{color:#263331}.page-lead{background:transparent}.page-lead h1{font-weight:800}.index-projects .project-grid .project-card:last-child{margin-top:70px}.case-main{grid-template-columns:minmax(0,1.9fr) minmax(280px,.72fr)}.case-image img{aspect-ratio:1.55}.case-facts{border-top:2px solid var(--ink);padding-top:20px}.case-story{margin-left:18vw}.fag-visual img{height:min(55vw,690px)}.fag-steps article:first-child{border-color:var(--accent)}.people-grid{grid-template-columns:repeat(2,1fr);gap:7vw}.person-card:nth-child(2){margin-top:90px}.profile-photo img{aspect-ratio:.84}.contact-card{background:#e8e4dc}
@media(max-width:800px){.home-hero{grid-template-columns:1fr;grid-template-rows:auto minmax(380px,52vw) 28px}.hero-copy{padding:60px 6vw 55px}.hero-copy .eyebrow{margin-bottom:36px}.hero-copy h1{font-size:clamp(3.5rem,9vw,6rem)}.home-hero .hero-photo{grid-column:1;grid-row:2;min-height:380px}.hero-index{grid-row:3;padding:5px 6vw}.home-statement{padding:80px 6vw;grid-template-columns:1fr}.home-statement>p,.home-statement .text-link{grid-column:1}.home-work{padding:70px 6vw}.home-work .project-grid .project-card:first-child,.index-projects .project-grid .project-card:last-child{margin-top:0}.home-work .project-grid .project-card:last-child{max-width:none}.home-people{padding:65px 6vw}.case-main{grid-template-columns:1fr}.case-story{margin-left:auto}}
@media(max-width:560px){.home-hero{grid-template-rows:auto 340px 28px}.hero-copy h1{font-size:clamp(3.1rem,13vw,5rem)}.hero-copy>p:not(.eyebrow){font-size:1.05rem}.home-hero .hero-photo{min-height:340px}.home-statement{padding:68px 6vw}.home-statement h2{font-size:2.6rem}.home-statement>p{font-size:1.05rem}.home-people{grid-template-columns:1fr;gap:30px}.home-people img{aspect-ratio:1.3}.people-grid{gap:40px}.person-card:nth-child(2){margin-top:0}.home-cta{min-height:370px}}
