@charset "UTF-8";
:root{
  --paper:#f4f0e9;--paper-2:#ebe4da;--white:#fff;--ink:#1d1b18;--muted:#706a61;
  --bronze:#9a7042;--bronze-dark:#76512d;--line:#d5ccbf;--dark:#181713;
  --max:1320px;--radius:2px;--shadow:0 22px 70px rgba(31,27,21,.12)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;overflow-x:hidden}
img{display:block;max-width:100%;width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.serif,h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);font-weight:700}
.section-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:end;margin-bottom:44px}
.section-title{font-size:clamp(2.7rem,5vw,5.7rem);line-height:.98;letter-spacing:-.035em;margin:.2em 0 0}
.lead{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--muted);max-width:760px;margin:0}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:.25s ease}
.btn:hover{background:var(--ink);color:#fff;transform:translateY(-1px)}
.btn.fill{background:var(--bronze);border-color:var(--bronze);color:#fff}
.btn.fill:hover{background:var(--bronze-dark);border-color:var(--bronze-dark)}
.btn.light{border-color:rgba(255,255,255,.8);color:#fff}.btn.light:hover{background:#fff;color:var(--ink)}

/* Header: fully explicit so the navigation can never fall back to a raw bullet list. */
.site-header{position:sticky;top:0;z-index:100;background:rgba(244,240,233,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(213,204,191,.85)}
.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative}
.brand{display:inline-flex;align-items:center;font-family:Georgia,"Times New Roman",serif;font-size:1.18rem;letter-spacing:.23em;white-space:nowrap}
.brand-dot{color:var(--bronze)}
.primary-nav{display:block;margin-left:auto}
.primary-nav ul{display:flex!important;align-items:center;gap:28px;list-style:none!important;padding:0!important;margin:0!important}
.primary-nav li{list-style:none!important;margin:0!important;padding:0!important}
.primary-nav a{font-size:.76rem;letter-spacing:.02em;position:relative;padding:29px 0 27px;display:block}
.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:1px;background:var(--bronze);transition:.25s}
.primary-nav a:hover:after,.primary-nav a.active:after{right:0}
.nav-cta{white-space:nowrap}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:transparent;align-items:center;justify-content:center;font-size:1.25rem;color:var(--ink)}

/* Hero */
.hero{position:relative;min-height:calc(100svh - 78px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#2b2823}
.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,15,12,.78) 0%,rgba(17,15,12,.52) 40%,rgba(17,15,12,.08) 76%),linear-gradient(0deg,rgba(17,15,12,.55),transparent 58%)}
.hero-copy{position:relative;z-index:2;padding:110px 0 78px;max-width:890px}
.hero h1{font-size:clamp(3.7rem,7vw,7.8rem);line-height:.92;letter-spacing:-.05em;margin:18px 0 25px;text-wrap:balance}
.hero p{font-size:clamp(1rem,1.4vw,1.2rem);color:#eee8df;max-width:690px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-signature{position:absolute;z-index:3;right:34px;bottom:28px;display:flex;gap:26px;color:#e9e2d8;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.hero-signature span{border-left:1px solid rgba(255,255,255,.45);padding-left:15px}

main section{padding:104px 0}
.value-intro{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:88px;align-items:start}
.value-intro h2{font-size:clamp(2.9rem,5vw,5.6rem);line-height:1;letter-spacing:-.035em;margin:12px 0 0}
.value-copy{font-size:1.13rem;color:var(--muted)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.value{border-top:1px solid var(--line);padding-top:23px}.value strong{display:block;font-family:Georgia,serif;font-size:1.45rem;font-weight:400;margin-bottom:7px}.value p{margin:0;color:var(--muted)}

.dark-statement{background:var(--dark);color:#fff;text-align:center;padding:126px 0}
.dark-statement h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.97;letter-spacing:-.04em;max-width:1050px;margin:0 auto 25px}
.dark-statement p{max-width:700px;margin:auto;color:#cfc6ba;font-size:1.08rem}

.space-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.space-card{position:relative;overflow:hidden;min-height:450px;background:#d8d0c5;box-shadow:var(--shadow)}
.space-card:nth-child(1),.space-card:nth-child(4){grid-column:span 7}.space-card:nth-child(2),.space-card:nth-child(3){grid-column:span 5}
.space-card img{height:100%;object-fit:cover;transition:transform .7s ease}.space-card:hover img{transform:scale(1.025)}
.space-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,9,8,.67),transparent 58%)}
.space-label{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;color:#fff}.space-label h3{font-size:clamp(1.8rem,2.5vw,2.7rem);line-height:1;margin:0 0 8px}.space-label p{margin:0;color:#e7e0d7;font-size:.9rem;max-width:550px}

.split-feature{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;background:#fff;box-shadow:var(--shadow)}
.split-media{min-height:620px;overflow:hidden}.split-media img{height:100%;object-fit:cover}
.split-copy{padding:clamp(44px,7vw,94px);display:flex;flex-direction:column;justify-content:center}.split-copy h2{font-size:clamp(2.8rem,4.7vw,5.4rem);line-height:.99;letter-spacing:-.035em;margin:12px 0 23px}.split-copy p{color:var(--muted);font-size:1.08rem}

.ba-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.ba-frame{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ddd;box-shadow:var(--shadow)}
.ba-frame img{position:absolute;inset:0;height:100%;object-fit:cover}.ba-frame .after{clip-path:inset(0 0 0 50%)}
.ba-line{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:2px;background:#fff}.ba-handle{position:absolute;z-index:5;left:50%;top:50%;translate:-50% -50%;width:50px;height:50px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 25px rgba(0,0,0,.25)}
.ba-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.ba-tag{position:absolute;z-index:4;bottom:18px;padding:8px 12px;background:rgba(20,18,15,.76);color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ba-tag.before{left:18px}.ba-tag.after-tag{right:18px}
.ba-copy h2{font-size:clamp(2.8rem,4.7vw,5.4rem);line-height:1;letter-spacing:-.035em;margin:12px 0 22px}.ba-copy p{color:var(--muted);font-size:1.08rem}

.material-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.material-card{position:relative;height:350px;overflow:hidden;background:#d8d0c5}.material-card img{height:100%;object-fit:cover;transition:transform .6s}.material-card:hover img{transform:scale(1.03)}
.material-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,10,8,.55),transparent 55%)}.material-card span{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;font-size:.67rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

.promise{background:var(--paper-2)}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.promise-item{border-top:1px solid #c9bcaa;padding:26px 0 8px}.promise-num{font-family:Georgia,serif;font-size:2.55rem;color:var(--bronze)}.promise-item h3{font-size:1.55rem;margin:12px 0 7px}.promise-item p{margin:0;color:var(--muted)}

.full-bleed-quote{position:relative;min-height:610px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden}.full-bleed-quote img{position:absolute;inset:0;height:100%;object-fit:cover}.full-bleed-quote:after{content:"";position:absolute;inset:0;background:rgba(20,17,13,.57)}.full-bleed-quote .container{position:relative;z-index:2}.full-bleed-quote blockquote{font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5.8rem);line-height:1.02;letter-spacing:-.035em;max-width:1050px;margin:0 auto}

.cta-section{background:var(--bronze);color:#fff;text-align:center}.cta-section h2{font-size:clamp(3rem,5vw,5.8rem);line-height:.99;letter-spacing:-.035em;margin:0 auto 22px;max-width:1000px}.cta-section p{max-width:720px;margin:0 auto 31px;color:#f4ede4;font-size:1.06rem}

/* Inner pages */
.page-hero{padding:112px 0 78px;background:var(--paper-2)}.page-hero h1{font-size:clamp(3.2rem,6vw,6.6rem);line-height:.96;letter-spacing:-.045em;margin:14px 0 23px;max-width:1050px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.13rem;margin:0}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project-card{background:#fff;overflow:hidden;box-shadow:0 16px 50px rgba(30,25,20,.08)}.project-card .media{aspect-ratio:16/10;overflow:hidden}.project-card img{height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.02)}.project-copy{padding:26px 27px 29px}.project-copy h3{font-size:1.9rem;line-height:1.05;margin:0 0 9px}.project-copy p{margin:0;color:var(--muted)}
.editorial-stack{display:grid;gap:90px}.editorial-row{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.editorial-row.reverse{grid-template-columns:.95fr 1.05fr}.editorial-row.reverse .editorial-media{order:2}.editorial-media{min-height:600px;overflow:hidden}.editorial-media img{height:100%;object-fit:cover}.editorial-copy h2{font-size:clamp(2.8rem,4.7vw,5.3rem);line-height:1;letter-spacing:-.035em;margin:12px 0 22px}.editorial-copy p{color:var(--muted);font-size:1.06rem}
.swatch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.swatch-card{background:#fff}.swatch-card .media{aspect-ratio:4/3;overflow:hidden}.swatch-card img{height:100%;object-fit:cover}.swatch-copy{padding:23px}.swatch-copy h3{font-size:1.6rem;margin:0 0 7px}.swatch-copy p{margin:0;color:var(--muted)}
.studio-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.studio-image{min-height:680px;overflow:hidden}.studio-image img{height:100%;object-fit:cover}.studio-copy h2{font-size:clamp(2.9rem,4.8vw,5.5rem);line-height:.99;letter-spacing:-.035em;margin:12px 0 22px}.studio-copy p{font-size:1.06rem;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-copy h2{font-size:clamp(2.8rem,4.8vw,5.4rem);line-height:1;letter-spacing:-.035em;margin:12px 0 22px}.contact-copy p{color:var(--muted)}
.project-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:.67rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 0;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--bronze)}.field textarea{min-height:140px;resize:vertical}.field.full{grid-column:1/-1}.form-note{font-size:.78rem;color:var(--muted)}

.site-footer{background:var(--dark);color:#d8d0c5;padding:72px 0 26px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand{font-family:Georgia,serif;color:#fff;letter-spacing:.2em}.footer-grid p{max-width:350px;color:#aaa196}.footer-grid h4{color:#fff;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:9px 0;font-size:.9rem}.copyright{border-top:1px solid #39352f;margin-top:48px;padding-top:20px;font-size:.75rem;color:#8f877d}

@media (max-width:1050px){
  .container{width:min(var(--max),calc(100% - 42px))}.nav-cta{display:none}.menu-toggle{display:flex}.primary-nav{display:none;position:absolute;left:-21px;right:-21px;top:78px;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 21px 24px}.nav-shell.open .primary-nav{display:block}.primary-nav ul{flex-direction:column!important;align-items:stretch!important;gap:0!important}.primary-nav a{padding:13px 0;border-bottom:1px solid rgba(213,204,191,.7)}.primary-nav a:after{display:none}
  .hero-signature{display:none}.value-intro,.section-head,.ba-wrap,.editorial-row,.editorial-row.reverse,.studio-grid,.contact-grid{grid-template-columns:1fr;gap:44px}.editorial-row.reverse .editorial-media{order:initial}.value-grid{grid-template-columns:1fr}.split-feature{grid-template-columns:1fr}.split-media{min-height:500px}.space-card,.space-card:nth-child(n){grid-column:span 12}.material-grid{grid-template-columns:repeat(3,1fr)}.promise-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .container{width:min(var(--max),calc(100% - 28px))}.nav-shell{height:70px}.primary-nav{top:70px}.hero{min-height:760px}.hero-copy{padding:84px 0 48px}.hero h1{font-size:clamp(3.25rem,16vw,4.5rem)}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}main section{padding:74px 0}.dark-statement{padding:92px 0}.space-card{min-height:360px}.split-media{min-height:390px}.split-copy{padding:36px 25px}.project-grid,.swatch-grid,.project-form,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.material-grid{grid-template-columns:repeat(2,1fr)}.material-card{height:280px}.editorial-media,.studio-image{min-height:420px}.page-hero{padding:86px 0 60px}.full-bleed-quote{min-height:510px}
}
