:root{
  --bg:#48463d;
  --paper:#eee9de;
  --cream:#e6ddbb;
  --ink:#292722;
  --line:rgba(238,233,222,.22);
  --muted:rgba(238,233,222,.72);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.site-header{height:82px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.wordmark{font-size:15px;letter-spacing:.15em;font-weight:500;white-space:nowrap}
.nav{display:flex;gap:34px;font-size:13px}
.nav a{text-decoration:none;opacity:.88}
.nav a:hover,.nav a.active{opacity:1}
.page{width:min(1360px,calc(100% - 84px));margin:0 auto}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:5vh 22px 9vh}
.hero-copy h1,.page-title{
  margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(58px,5.2vw,82px);
  line-height:.86;letter-spacing:-.065em;font-weight:800
}
.blurb{max-width:520px;margin:34px 0 0;font-size:17px;line-height:1.25;letter-spacing:-.025em}
.hero-art img{display:block;width:min(100%,590px);max-height:720px;object-fit:contain;margin-left:auto}
.caption{font-size:12px;color:var(--muted);margin-top:13px;text-align:right}
.section{padding:100px 0 130px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:65px}
.section-head .page-title{font-size:clamp(54px,5vw,76px)}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#b9a679;font-weight:700}
.work-grid{columns:3 260px;column-gap:28px}
.work-card{break-inside:avoid;margin:0 0 42px}
.image-button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.work-card img{width:100%;height:auto;display:block}
.work-card figcaption{font-size:12px;color:var(--muted);margin-top:11px}
.editorial{display:grid;grid-template-columns:1fr 1.4fr;gap:10vw;align-items:start;padding:80px 0 140px;border-top:1px solid var(--line)}
.editorial h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(42px,4vw,64px);line-height:.9;letter-spacing:-.06em;margin:0}
.editorial-copy{font-size:18px;line-height:1.42;max-width:760px}
.editorial-copy p{margin:0 0 28px}
.commission-hero{min-height:66vh;display:flex;flex-direction:column;justify-content:center;padding:70px 0}
.commission-hero .page-title{text-align:center}
.commission-copy{max-width:760px;margin:70px auto 0;font-size:18px;line-height:1.42}
.commission-copy p{margin:0 0 25px}
.faq-wrap{background:var(--cream);color:var(--ink);padding:100px max(7vw,40px)}
.faq{max-width:900px;margin:auto}
.faq h2{font-size:clamp(44px,5vw,70px);line-height:.9;letter-spacing:-.055em;margin:0 0 65px;font-family:"Arial Black",Arial,sans-serif}
details{border-top:1px solid rgba(41,39,34,.28);padding:24px 0}
details:last-child{border-bottom:1px solid rgba(41,39,34,.28)}
summary{cursor:pointer;font-size:19px;list-style:none}
summary::-webkit-details-marker{display:none}
details p{max-width:760px;font-size:16px;line-height:1.45;margin:20px 0 0}
.about-hero{padding:80px 0 130px}
.about-lead{max-width:980px;font-size:clamp(30px,3.3vw,52px);line-height:1.08;letter-spacing:-.045em;margin:85px 0}
.about-body{display:grid;grid-template-columns:1fr 1.7fr;gap:10vw;border-top:1px solid var(--line);padding-top:55px}
.about-body p{font-size:17px;line-height:1.5;margin:0 0 25px}
.contact{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;padding:80px 0}
.contact h1{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(58px,6vw,90px);line-height:.86;letter-spacing:-.065em;margin:0}
.contact-intro{font-size:20px;line-height:1.3;color:var(--muted)}
form{margin-top:45px}
label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px}
input,textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--paper);padding:13px 0 12px;font:inherit;outline:none;margin-bottom:26px}
textarea{min-height:110px;resize:vertical}
.button{background:transparent;border:1px solid #a89565;color:var(--paper);padding:12px 20px;font:inherit;cursor:pointer}
.social{margin-top:35px;font-size:14px}
footer{padding:35px 42px 45px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.lightbox{position:fixed;inset:0;background:rgba(20,19,16,.94);display:none;align-items:center;justify-content:center;padding:40px;z-index:20}
.lightbox.open{display:flex}
.lightbox img{max-width:90vw;max-height:86vh;object-fit:contain}
.lightbox-close{position:absolute;right:30px;top:20px;background:none;border:0;color:var(--paper);font-size:34px;cursor:pointer}
.lightbox-title{position:absolute;left:40px;bottom:22px;font-size:13px;color:var(--muted)}
@media(max-width:850px){
 .site-header{height:auto;padding:20px;align-items:flex-start}
 .nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}
 .wordmark{font-size:12px}
 .page{width:calc(100% - 40px)}
 .hero,.contact{min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:55px;padding:85px 0 70px}
 .hero-art{width:100%}.hero-art img{width:100%;max-height:none}
 .section{padding:75px 0 90px}
 .section-head{display:block;margin-bottom:45px}.kicker{margin-bottom:18px}
 .work-grid{columns:2 150px;column-gap:16px}.work-card{margin-bottom:25px}
 .editorial,.about-body{grid-template-columns:1fr;gap:35px}
 .about-lead{margin:55px 0;font-size:31px}
 .commission-hero{min-height:65vh}
 .commission-copy{margin-top:50px}
 .faq-wrap{padding:70px 20px}
 .contact-intro{font-size:18px}
 footer{padding:30px 20px;display:block}.social{margin-top:24px}
}
@media(max-width:520px){
 .work-grid{columns:1}
 .nav{max-width:220px}
}