:root{--ivory:#fbf8f2;--paper:#f5f0e7;--stone:#e9dfd1;--ink:#211f1b;--muted:#69645d;--bronze:#b86734;--rule:rgba(82,72,61,.24);--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ivory)}
html,body{margin:0;min-width:1420px;min-height:100%}
body{overflow-x:hidden;color:var(--ink);background:var(--ivory);font-family:var(--sans)}
img{display:block;width:100%}
a{color:inherit}
.project-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 72px;border-bottom:1px solid var(--rule);background:rgba(251,248,242,.96);backdrop-filter:blur(12px)}
.project-header .brand{width:230px;text-decoration:none}
.project-header .brand img{height:48px;object-fit:contain;object-position:left center}
.project-header>p{margin:0;font:700 9px/1 var(--sans);letter-spacing:.22em}
.back-link{justify-self:end;color:var(--bronze);font:700 9px/1 var(--sans);letter-spacing:.13em;text-decoration:none}
.eyebrow,.section-heading>div>p,.compact-heading>div>p,.case-heading>p,.portrait-copy>.eyebrow{margin:0;color:var(--bronze);font:700 10px/1.2 var(--sans);letter-spacing:.22em}
.project-intro{display:grid;grid-template-columns:42% 58%;min-height:1160px;padding:100px 96px 110px;border-bottom:1px solid var(--rule);background:var(--paper)}
.intro-copy{align-self:center;padding:0 84px 0 0}
.sequence{margin:36px 0 60px;color:var(--bronze);font:400 30px/1 var(--serif)}
.intro-copy h1{margin:0 0 10px;font:400 86px/.92 var(--serif);letter-spacing:-.035em}
.intro-copy h2{max-width:610px;margin:0;font:400 48px/1.04 var(--serif);letter-spacing:-.025em}
.copy-rule{width:84px;height:1px;margin:42px 0;background:var(--bronze)}
.intro-copy .lead{max-width:600px;margin:0 0 20px;font:400 24px/1.5 var(--serif)}
.intro-copy .support{max-width:555px;margin:0;color:var(--muted);font:400 16px/1.65 var(--sans)}
.staircase-frame{align-self:center;justify-self:center;width:670px;margin:0}
.staircase-frame>img,

.staircase-frame>picture>img{height:auto;aspect-ratio:1550/2500;object-fit:cover}
.staircase-frame figcaption{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--rule)}
figcaption span{color:var(--bronze);font:700 9px/1.35 var(--sans);letter-spacing:.18em}
figcaption p{margin:0;color:var(--muted);font:400 14px/1.55 var(--sans)}
.gallery-section{padding:120px 96px;background:var(--ivory)}
.gallery-section+.gallery-section{border-top:1px solid var(--rule)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) 460px;align-items:end;gap:80px;max-width:1680px;margin:0 auto 42px;padding-top:30px;border-top:1px solid var(--rule)}
.section-heading h2,.case-heading h2,.portrait-copy h2{margin:14px 0 0;font:400 58px/1.02 var(--serif);letter-spacing:-.025em}
.section-heading>p{margin:0;color:var(--muted);font:400 17px/1.6 var(--serif)}
.wide-frame{max-width:1680px;margin:0 auto}
.wide-frame img{aspect-ratio:3500/1968;object-fit:cover}
.entry-section{background:var(--ivory)}
.case-moment{padding:110px 96px 120px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--stone)}
.case-heading{display:grid;grid-template-columns:210px minmax(0,1fr) 590px;align-items:end;gap:42px;max-width:1680px;margin:0 auto 48px}
.case-heading h2{margin:0;font-size:52px}
.case-heading>p:last-child{margin:0;color:var(--muted);font:400 17px/1.6 var(--serif);letter-spacing:0}
.case-grid{display:grid;grid-template-columns:33% minmax(0,67%);gap:24px;max-width:1680px;margin:0 auto}
.plan-frame,.fireplace-frame{margin:0;background:var(--ivory)}
.plan-visual{position:relative;overflow:hidden;height:705px;background:#fff}
.plan-visual>img,

.plan-visual>picture>img{height:100%;object-fit:cover}
.plan-marker{position:absolute;left:50%;top:46%;width:96px;height:96px;border:1px solid var(--bronze);border-radius:50%;transform:translate(-50%,-50%)}
.plan-marker::before,.plan-marker::after{content:"";position:absolute;background:var(--bronze);opacity:.7}
.plan-marker::before{left:-18px;right:-18px;top:50%;height:1px}
.plan-marker::after{top:-18px;bottom:-18px;left:50%;width:1px}
.plan-marker i{position:absolute;right:-13px;top:-13px;display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--bronze);font:700 9px/1 var(--sans);font-style:normal}
.plan-key{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:11px;padding:12px 15px;border-left:1px solid var(--bronze);background:rgba(251,248,242,.94);font:700 8px/1 var(--sans);letter-spacing:.12em}
.plan-key b{display:grid;place-items:center;width:27px;height:27px;color:#fff;background:var(--bronze);font-size:8px}
.fireplace-frame>img,

.fireplace-frame>picture>img{height:705px;object-fit:cover;object-position:center}
.plan-frame figcaption,.fireplace-frame figcaption{display:grid;grid-template-columns:150px 1fr;gap:20px;min-height:104px;padding:24px 26px;border-top:1px solid var(--rule)}
.media-wall-section{background:var(--paper)}
.pair-section{background:var(--ivory)}
.compact-heading{grid-template-columns:minmax(0,1fr) 650px}
.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1680px;margin:0 auto}
.gallery-card{margin:0;background:var(--paper)}
.gallery-card>img,

.gallery-card>picture>img{aspect-ratio:3500/1968;object-fit:cover}
.gallery-card figcaption{display:grid;grid-template-columns:150px 1fr;gap:24px;min-height:106px;padding:25px 28px;border:1px solid var(--rule);border-top:0}
.lounge-section{background:var(--paper)}
.portrait-section{display:grid;grid-template-columns:39% 61%;min-height:1280px;padding:120px 96px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--stone)}
.portrait-copy{align-self:center;padding:0 110px 0 50px}
.portrait-copy h2{margin-top:28px;font-size:65px}
.portrait-copy>p:last-child{max-width:510px;margin:0;color:var(--muted);font:400 20px/1.65 var(--serif)}
.portrait-section figure{align-self:center;justify-self:center;width:780px;margin:0}
.portrait-section figure img{aspect-ratio:2275/3500;object-fit:cover}
.media-room-section{background:var(--paper)}
.media-pair .gallery-card>img,

.media-pair .gallery-card>picture>img{aspect-ratio:5/4}
.bedroom-section{background:var(--ivory)}
.bedroom-pair .gallery-card>img,

.bedroom-pair .gallery-card>picture>img{aspect-ratio:16/9}
.final-cta{display:grid;grid-template-columns:56% 44%;align-items:center;min-height:640px;padding:110px 138px;color:#f8f4ec;background:#25231f}
.final-cta>div:first-child{padding-right:90px;border-top:1px solid rgba(184,103,52,.4)}
.final-cta>div:first-child>p{margin:28px 0;color:var(--bronze);font:700 10px/1 var(--sans);letter-spacing:.2em}
.final-cta h2{max-width:900px;margin:0;font:400 66px/1 var(--serif);letter-spacing:-.028em}
.cta-action{padding:48px 0 0 30px}
.cta-action>p{max-width:590px;margin:0 0 30px;color:#d7cec2;font:400 17px/1.6 var(--serif)}
.cta-action>a{display:flex;align-items:center;justify-content:space-between;max-width:630px;height:76px;padding:0 28px;color:#fff;background:var(--bronze);font:700 10px/1 var(--sans);letter-spacing:.13em;text-decoration:none}
.cta-action>a span{font-size:24px;font-weight:400}
.project-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:150px;padding:0 72px;background:var(--ivory)}
.project-footer img{width:220px}
.project-footer p,.project-footer span{margin:0;font:700 8px/1 var(--sans);letter-spacing:.2em}
.project-footer span{justify-self:end;color:var(--bronze)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
