:root{--paper:#f7f4ef;--ink:#292824;--muted:#6e6962;--taupe:#b9aa9a;--line:rgba(41,40,36,.16);--white:#fff}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:300} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} 


 .header{

  position:sticky;

  top:0;

  z-index:50;

  background:rgba(247,244,239,.96);

  backdrop-filter:blur(14px);

  border-bottom:1px solid var(--line);

}

.header-inner{

  max-width:1500px;

  margin:auto;

  min-height:105px;

  padding:8px clamp(18px,4vw,64px);

  display:grid;

  grid-template-columns:minmax(300px,430px) 1fr;

  align-items:center;

  gap:30px;

}

.logo img{

  display:block;

  width:min(420px,100%);

  height:95px;

  object-fit:contain;

  object-position:left center;

}

.wordmark{

  font-family:Georgia,serif;

  letter-spacing:.12em;

  font-size:18px;

  text-transform:uppercase;

}

.nav{

  display:flex;

  justify-content:flex-end;

  gap:clamp(16px,2.2vw,36px);

  font-size:11px;

  letter-spacing:.15em;

  text-transform:uppercase;

  font-weight:600;

}

.nav a{

  padding:10px 0;

  border-bottom:1px solid transparent;

}

.nav a:hover,

.nav a.active{

  border-color:var(--ink);

}
.hero{max-width:1500px;margin:auto;padding:clamp(30px,4vw,58px) clamp(18px,4vw,64px) 46px}.hero-stage{position:relative;width:min(100%,1240px);margin:auto;background:#e9e3db;box-shadow:0 20px 60px rgba(44,39,33,.10);overflow:hidden;aspect-ratio:3/2}.hero-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e9e3db;opacity:0;transition:opacity 1.4s ease}.hero-stage img.show{opacity:1}.hero-note{display:flex;justify-content:space-between;align-items:center;width:min(100%,1240px);margin:15px auto 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.intro{max-width:1050px;margin:0 auto;padding:clamp(72px,9vw,130px) 24px;text-align:center}.intro h1,.page-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05;letter-spacing:-.025em}.intro h1{font-size:clamp(46px,6vw,88px);margin:0 0 28px}.intro p{font-size:clamp(17px,1.6vw,22px);line-height:1.75;color:var(--muted);max-width:800px;margin:0 auto}.button{display:inline-flex;margin-top:36px;padding:16px 23px;border:1px solid var(--ink);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.button:hover{background:var(--ink);color:#fff}
.feature-strip{background:var(--ink);color:#fff;padding:76px 24px}.feature-strip-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:.45fr 1.55fr;gap:5vw}.feature-strip small{letter-spacing:.18em;text-transform:uppercase}.feature-strip h2{font:400 clamp(35px,4vw,62px)/1.12 Georgia,serif;margin:0}
.page{max-width:1450px;margin:auto;padding:clamp(56px,7vw,105px) clamp(18px,4vw,64px)}.page-title{font-size:clamp(48px,6vw,92px);margin:0 0 24px}.lead{max-width:850px;font-size:19px;line-height:1.75;color:var(--muted);margin-bottom:72px}
.project{margin:0 0 88px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project figure{margin:0}.project figure img{width:100%;height:auto;max-height:700px;object-fit:contain;background:#e9e3db}.project figcaption{font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding-top:12px}.project h2{font:400 clamp(30px,3vw,48px)/1.15 Georgia,serif;margin:22px 0 0}
.copy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;margin-top:70px}.copy-grid h2{font:400 clamp(42px,5vw,76px)/1.07 Georgia,serif;margin:0}.copy-grid div{font-size:18px;line-height:1.8;color:var(--muted)}
.projects-band{background:#d8cfc5;padding:clamp(72px,9vw,130px) 24px}.projects-band-inner{max-width:1200px;margin:auto}.projects-band h2{font:400 clamp(46px,5.5vw,82px)/1.02 Georgia,serif;margin:0 0 25px}.projects-band p{max-width:720px;font-size:18px;line-height:1.75}
.contact{max-width:900px}.contact a.email{font:400 clamp(28px,4vw,54px)/1.2 Georgia,serif;border-bottom:1px solid var(--ink)}
.footer{border-top:1px solid var(--line);padding:32px clamp(18px,4vw,64px);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.footer-inner{max-width:1400px;margin:auto;display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.header-inner{grid-template-columns:1fr}.logo img{margin:auto;height:64px}.nav{justify-content:center;flex-wrap:wrap;gap:12px 20px}.hero{padding-top:24px}.hero-stage{aspect-ratio:4/3}.feature-strip-inner,.copy-grid{grid-template-columns:1fr}.project-pair{grid-template-columns:1fr}.project figure img{max-height:none}.footer-inner{flex-direction:column}.hero-note span:last-child{display:none}}
@media(max-width:520px){.nav{font-size:9px}.logo img{height:56px}.hero-stage{aspect-ratio:1/1}.intro{padding-top:64px}.project{margin-bottom:60px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.hero-stage img{transition:none}}