:root{--dark:#34342f;--black:#292b27;--orange:#c68e35;--paper:#f7f5f0;--line:#d9d6ce}
header{color:#20211e;border-bottom:1px solid rgba(80,80,72,.18);background:rgba(250,249,246,.97);backdrop-filter:blur(12px);box-shadow:0 2px 12px rgba(40,40,35,.06)}
.logo{background:transparent;padding:0}
.logo img{filter:contrast(1.25)}
header nav a:not(.nav-cta){color:#20211e;font-weight:700;text-shadow:0 0 1px rgba(255,255,255,.8)}
.nav-cta{background:#f7f5f0}
.hero{min-height:790px;height:100vh;color:var(--dark);padding-top:90px;display:grid;grid-template-columns:48% 52%;background:#efede7}
.hero>img{width:100%;height:100%;object-fit:cover;grid-column:2}
.shade{display:none}
.hero-copy{left:7vw;top:52%;transform:translateY(-43%);max-width:540px;z-index:2}
.hero h1{font-size:clamp(72px,8vw,125px);font-weight:600}
.hero-copy>p:not(.overline){font-size:17px;max-width:480px;color:#686861}
.ghost{border-color:#77766f;color:var(--dark)}
.hero-note{right:4vw;bottom:35px;padding:15px 18px;background:rgba(255,255,255,.88);color:var(--dark);border-left:3px solid var(--orange)}
.hero-note span{color:#666}
.feature{background:#dfdcd4;color:var(--dark)}
.feature p:not(.tag){color:#696861}
.feature .tag.light{color:#9c6d24}
.contact{background:#343630}
footer img{background:transparent}
.headline-gap{display:block;margin-top:.55em}
.before-after-list{display:flex;flex-direction:column;gap:85px;margin:0 2vw}.project-pair{display:grid;grid-template-columns:180px 1fr 1fr;gap:14px;align-items:stretch}.pair-title{padding:25px 18px 20px 0;border-top:2px solid var(--orange)}.pair-title span{display:block;color:#9c6d24;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.pair-title h3{font:600 29px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:12px 0}.project-pair figure,.more-grid figure{position:relative;margin:0;overflow:hidden;background:#d0cec8}.project-pair figure{height:490px}.project-pair img,.more-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-pair figure:hover img,.more-grid figure:hover img{transform:scale(1.02)}.project-pair figcaption{position:absolute;top:14px;left:14px;padding:8px 12px;background:rgba(250,249,246,.92);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.project-pair figure:last-child figcaption{background:var(--orange);color:#20211e}.more-projects{margin:110px 2vw 0;padding-top:45px;border-top:1px solid var(--line)}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.more-grid figure{height:360px}
@media(max-width:900px){.project-pair{grid-template-columns:1fr 1fr}.pair-title{grid-column:1/-1}.project-pair figure{height:420px}.more-grid{grid-template-columns:1fr 1fr}.more-grid figure:last-child{grid-column:1/-1}}
@media(max-width:550px){.before-after-list{margin:0}.project-pair{grid-template-columns:1fr;gap:8px}.pair-title{grid-column:auto}.project-pair figure{height:380px}.more-projects{margin-left:0;margin-right:0}.more-grid{grid-template-columns:1fr}.more-grid figure,.more-grid figure:last-child{grid-column:auto;height:330px}}
@media(max-width:900px){
  .menu span{background:var(--dark)}
  header nav.open{background:rgba(250,249,246,.99);border-top:1px solid var(--line);box-shadow:0 12px 24px rgba(35,35,30,.12)}
  header nav.open a:not(.nav-cta){color:#20211e;text-shadow:none}
  header nav.open .nav-cta{color:#20211e;border-color:var(--orange);background:#ead7b7}
  .hero{min-height:850px;height:auto;display:block;padding-top:75px;background:#efede7}
  .hero>img{height:42%;min-height:350px;position:absolute;bottom:0;left:0}
  .hero-copy{left:6vw;right:6vw;top:130px;transform:none}
  .hero-note{display:none}
}
@media(max-width:550px){
  .hero{min-height:870px}
  .hero h1{font-size:64px}
  .hero>img{height:39%;min-height:320px}
}