:root{--ink:#14201c;--paper:#f4f1ea;--stone:#e6e1d6;--gold:#b08a4f;--muted:#5d665f;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.eyebrow{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-weight:600}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;margin:0 0 18px}
h2{font-size:clamp(2rem,4vw,3rem)}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(244,241,234,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--stone)}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-family:var(--serif);font-size:1.15rem}
.brand svg{width:28px;height:28px;fill:none;stroke:var(--gold);stroke-width:2}
nav a{text-decoration:none;margin-left:28px;font-size:.92rem;letter-spacing:.04em}nav a:hover{color:var(--gold)}
nav .cta{border:1px solid var(--ink);padding:8px 16px}
.menu{display:none;background:none;border:1px solid var(--ink);padding:6px 12px;font:inherit;font-size:.85rem;cursor:pointer;color:var(--ink)}
.hero{display:grid;grid-template-columns:1fr 1.15fr;min-height:min(calc(100vh - 62px),780px);background:var(--ink);color:var(--paper)}
.hero-text{padding:clamp(48px,8vw,120px) clamp(28px,5vw,80px);display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(2.6rem,5.4vw,4.6rem)}
.lede{font-size:1.15rem;color:#c9cfc8;max-width:30em}
.hero-img{margin:0;position:relative}.hero-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;background:var(--gold);color:#fff;border:0;padding:14px 26px;text-decoration:none;font:600 .92rem var(--sans);letter-spacing:.06em;cursor:pointer}
.btn:hover{background:#957340}.link{text-decoration:none;border-bottom:1px solid currentColor}
.approach{padding:clamp(72px,10vw,140px) 0}
.mission{font-size:clamp(1.6rem,3vw,2.4rem);max-width:28em}.mission em{color:var(--gold)}
.proof{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.proof li{padding:28px 24px 0 0}.proof li+li{padding-left:24px;border-left:1px solid var(--stone)}
.proof strong{display:block;font:400 clamp(2.2rem,4vw,3.4rem)/1 var(--serif);margin-bottom:10px}.proof span{color:var(--muted)}
.portfolio{background:#fff;padding:clamp(72px,10vw,140px) 0}
.sec-head{margin-bottom:48px}
.project{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;margin-bottom:88px}
.project.rev img{order:2}
.project img{aspect-ratio:4/3;object-fit:cover;width:100%}
.num{font:400 .9rem var(--serif);color:var(--gold)}
.project h3{font-size:2rem;margin-top:6px}
dl{display:grid;grid-template-columns:repeat(3,auto);gap:16px;margin:0 0 20px;padding:16px 0;border-block:1px solid var(--stone)}
dt{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}dd{margin:2px 0 0;font-weight:600}
.project p{color:var(--muted)}
.gallery{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery img{aspect-ratio:1;object-fit:cover;width:100%}
.about{padding:clamp(72px,10vw,140px) 0;background:var(--stone)}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.portrait{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--stone)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.track{list-style:none;padding:0;margin:0 0 24px;display:flex;gap:28px;flex-wrap:wrap}
.track li{font-size:.95rem}.track strong{font:400 1.8rem var(--serif);color:var(--gold);margin-right:6px}
.muted{color:var(--muted);font-style:italic}
.contact{background:var(--ink);color:var(--paper);padding:clamp(72px,10vw,140px) 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}
address{font-style:normal;margin-top:28px;line-height:1.9;color:#c9cfc8}address strong{color:var(--paper)}
address a{color:var(--gold)}
form{display:flex;flex-direction:column}
label{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;margin:14px 0 6px;color:#c9cfc8}
input,textarea{font:inherit;color:var(--paper);background:transparent;border:0;border-bottom:1px solid #56625c;padding:10px 0}
input:focus,textarea:focus{outline:none;border-bottom-color:var(--gold)}
form .btn{margin-top:28px;align-self:flex-start}.note{font-size:.85rem;color:#98a29b}
.foot{background:#0d1512;color:#98a29b;font-size:.85rem;padding:28px 0}.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:860px){
 .menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:12px 28px 20px;border-bottom:1px solid var(--stone)}
 nav.open{display:flex;flex-direction:column}nav a{margin:10px 0}nav .cta{align-self:flex-start}
 .hero{grid-template-columns:1fr;min-height:0}.hero-img{aspect-ratio:4/3;order:-1}
 .proof{grid-template-columns:1fr}.proof li+li{padding-left:0;border-left:0;border-top:1px solid var(--stone)}.proof li{padding:22px 0}
 .project,.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.project.rev img{order:0}.project{margin-bottom:64px}
 .gallery{grid-template-columns:repeat(2,1fr)}.portrait{max-width:360px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}