:root{--ink:#1d211e;--paper:#f3f0ea;--white:#fbfaf7;--muted:#74776f;--line:#d8d3ca;--accent:#68705b;--dark:#222722;--oak:#9d7655;--serif:"Prata",Georgia,serif;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}img{display:block;width:100%}button,a{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 4vw;background:rgba(243,240,234,.92);border-bottom:1px solid rgba(29,33,30,.12);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-weight:600;font-size:.9rem}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:white;font-size:.78rem}.nav{display:flex;gap:28px}.nav a{color:var(--ink);text-decoration:none;font-size:.82rem}.nav a:hover,.nav a.active{color:var(--accent)}.menu-button{display:none;border:0;background:none}.hero{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(360px,.66fr);min-height:calc(100vh - 72px);background:var(--dark)}.hero-photo{min-height:630px;overflow:hidden}.hero-photo img{height:100%;object-fit:cover;filter:saturate(.62) contrast(.98);animation:reveal 1.2s ease both}.hero-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,110px);color:#f4f1ea}.eyebrow{margin:0 0 24px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--accent)}.hero .eyebrow,.inverse .eyebrow,.details .eyebrow{color:#aeb7a0}.hero h1,.section h2{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.025em}.hero h1{margin:0;font-size:clamp(2.6rem,5vw,5.5rem)}.lead{max-width:650px;margin:28px 0;color:#c9cbc5;font-size:clamp(1rem,1.3vw,1.18rem)}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 0;margin-top:10px;border-top:1px solid #4b504a;border-bottom:1px solid #4b504a}.hero-facts strong{display:block;font-family:var(--serif);font-size:1.8rem;font-weight:400}.hero-facts span{display:block;color:#aeb1aa;font-size:.72rem}.primary-link{align-self:flex-start;margin-top:32px;color:white;text-decoration:none;border-bottom:1px solid #77806c;padding-bottom:7px}.primary-link span{margin-left:16px}.section{padding:clamp(76px,10vw,150px) max(5vw,24px)}.section-heading{display:grid;grid-template-columns:.55fr 1.45fr;align-items:start;max-width:1300px;margin:0 auto 68px}.section-heading .eyebrow{margin-top:12px}.section h2{margin:0;font-size:clamp(2.2rem,4.5vw,4.8rem)}.diagnosis-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:6vw;max-width:1300px;margin:auto}.verdict>p{margin:0 0 48px;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.52}.keep-change{display:grid;grid-template-columns:1fr 1fr;gap:40px}.tag{display:inline-block;padding:7px 11px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.keep{background:#dce2d6}.change{background:#e7ddd2}.keep-change ul{padding-left:20px;margin-top:20px;color:#545851}.keep-change li{margin:8px 0}.scorecard{border-top:1px solid var(--line)}.scorecard div{padding:24px 0;border-bottom:1px solid var(--line)}.scorecard span,.scorecard strong{display:block}.scorecard span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.scorecard strong{margin-top:4px;font-size:1rem}.direction,.details{background:var(--dark);color:#eef0ea}.direction .section-heading{grid-template-columns:.55fr .9fr .55fr}.direction .section-heading>p:last-child{color:#adb1a9;margin:12px 0 0 36px}.palette{display:grid;grid-template-columns:repeat(5,1fr);max-width:1300px;margin:auto}.palette div{display:flex;min-height:180px;padding:18px;flex-direction:column;justify-content:flex-end;background:var(--swatch);color:white;text-shadow:0 1px 15px rgba(0,0,0,.5)}.palette span{font-weight:700}.palette small{opacity:.8}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1300px;margin:1px auto 0;background:#4a4f49}.principles article{background:var(--dark);padding:36px}.principles article>span{color:#92998a;font-size:.75rem}.principles h3{font-family:var(--serif);font-size:1.35rem;font-weight:400}.principles p{color:#abb0a8;font-size:.9rem}.plan-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.plan-copy{max-width:650px;margin-left:auto}.plan-copy h2{margin-bottom:28px}.plan-copy>p{color:#565a53}.plan-list{padding:0;list-style:none;counter-reset:item}.plan-list li{padding:18px 0;border-bottom:1px solid var(--line)}.note{margin-top:30px;padding:22px;background:#e5e1d8;font-size:.9rem}.plan-image,.room-photo,.room-card button{position:relative;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}.plan-image img{max-height:760px;object-fit:contain;background:#e7e3dc}.plan-image span{position:absolute;right:18px;bottom:18px;padding:10px 14px;background:rgba(29,33,30,.88);color:white;font-size:.78rem}.room-feature{display:grid;grid-template-columns:1.3fr .7fr;max-width:1400px;margin:0 auto 92px;background:var(--white)}.room-photo img{height:100%;min-height:640px;object-fit:cover}.room-copy{padding:clamp(38px,5vw,80px)}.room-title span,.room-number{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.room-title h3,.room-card h3{margin:8px 0 20px;font-family:var(--serif);font-weight:400}.room-title h3{font-size:clamp(2rem,3vw,3.4rem)}.room-idea{font-size:1.2rem}.room-copy ul{padding-left:20px;color:#555951}.room-copy li{margin:12px 0}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1400px;margin:auto}.room-card{display:grid;grid-template-columns:.88fr 1.12fr;min-height:390px;background:var(--white)}.room-card img{height:100%;object-fit:cover}.room-card>div{padding:38px}.room-card h3{font-size:1.8rem}.room-card p{color:#565a53}.room-card strong{font-size:.84rem}.details .section-heading{margin-bottom:58px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1300px;margin:auto;border-top:1px solid #484d47;border-left:1px solid #484d47}.details-grid article{padding:38px;border-right:1px solid #484d47;border-bottom:1px solid #484d47}.details-grid h3{margin-top:0;font-family:var(--serif);font-weight:400;font-size:1.4rem}.details-grid p{color:#aeb2aa}.timeline{max-width:1100px;margin:auto;border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:120px 1fr;padding:30px 0;border-bottom:1px solid var(--line)}.timeline article>span{color:var(--accent);font-family:var(--serif);font-size:1.35rem}.timeline h3{margin:0 0 6px;font-size:1.12rem}.timeline p{margin:0;color:var(--muted)}.brief{display:grid;grid-template-columns:.55fr 1.45fr;background:#d8d4ca}.brief h2{font-size:clamp(2rem,3.5vw,3.8rem)}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.brief-grid p{position:relative;margin:0;padding:24px 0 24px 42px;border-top:1px solid #b9b4aa}.brief-grid span{position:absolute;left:0;color:var(--accent);font-size:.75rem}footer{display:flex;justify-content:space-between;gap:30px;padding:34px 5vw;background:#171a18;color:#9fa39b;font-size:.8rem}footer a{color:#e8eae5;text-decoration:none}.lightbox{width:min(94vw,1450px);max-width:none;padding:0;border:0;background:#111;border-radius:4px}.lightbox::backdrop{background:rgba(8,10,8,.88)}.lightbox img{max-height:90vh;object-fit:contain}.lightbox-close{position:fixed;right:22px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:white;font-size:1.8rem;cursor:pointer}@keyframes reveal{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}
.concepts{background:#e5e5e2}.concept-intro{max-width:760px;margin:-30px auto 56px;color:#575b56;font-size:1.08rem}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1400px;margin:auto}.concept-card{background:var(--white)}.concept-card button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}.concept-card img{height:520px;object-fit:cover;transition:transform .45s ease}.concept-card button:hover img{transform:scale(1.012)}.concept-card>div{padding:30px 34px 34px}.concept-card span{color:var(--accent);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.concept-card h3{margin:8px 0 10px;font-family:var(--serif);font-size:1.55rem;font-weight:400}.concept-card p{margin:0;color:#636761}.concept-wide{grid-column:1/-1;display:grid;grid-template-columns:1.4fr .6fr}.concept-wide img{height:650px}.concept-wide>div{display:flex;flex-direction:column;justify-content:center}.concept-note{max-width:1400px;margin:30px auto 0;color:#72756f;font-size:.82rem}
.concept-portrait{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr}.concept-portrait button{background:#d8d8d6}.concept-portrait img{height:720px;object-fit:contain}.concept-portrait>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,7vw,100px)}
.angles-title{max-width:1400px;margin:82px auto 8px;font-family:var(--serif);font-size:clamp(2rem,3vw,3.2rem);font-weight:400}.angles-intro{max-width:760px;margin:0 auto 34px;color:#62665f;text-align:center}.angles-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1400px;margin:auto}.angles-grid figure{margin:0;background:var(--white)}.angles-grid button{display:block;width:100%;height:430px;padding:0;border:0;background:#d8d8d6;cursor:zoom-in;overflow:hidden}.angles-grid img{height:100%;object-fit:cover;transition:transform .45s ease}.angles-grid button:hover img{transform:scale(1.012)}.angles-grid figcaption{padding:18px 22px;color:#666a63;font-size:.88rem}.angles-grid figcaption span{color:var(--ink);font-weight:700}.angles-grid .angle-portrait button{height:660px}.angles-grid .angle-portrait img{object-fit:contain}
@media(max-width:980px){.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px 5vw;flex-direction:column;background:var(--paper);border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;min-height:auto}.hero-photo{min-height:55vh}.hero-panel{padding:54px 6vw 70px}.section-heading,.direction .section-heading,.diagnosis-grid,.plan-section,.room-feature,.brief{grid-template-columns:1fr}.section-heading .eyebrow{margin-top:0}.direction .section-heading>p:last-child{margin:24px 0 0}.scorecard{margin-top:30px}.plan-copy{max-width:none;margin:0}.plan-image{margin-top:24px}.room-photo img{min-height:430px}.brief-grid{margin-top:42px}.principles{grid-template-columns:1fr 1fr}.concept-wide,.concept-portrait{grid-template-columns:1fr}.concept-wide img{height:520px}.concept-portrait img{height:680px}}
@media(max-width:720px){.topbar{min-height:64px}.nav{top:64px}.hero-photo{min-height:43vh}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts div:last-child{grid-column:1/-1}.section{padding:72px 22px}.section-heading{margin-bottom:42px}.keep-change,.room-grid,.details-grid,.brief-grid,.concept-grid,.angles-grid{grid-template-columns:1fr}.palette{grid-template-columns:1fr}.palette div{min-height:92px}.principles{grid-template-columns:1fr}.room-feature{margin-bottom:28px}.room-photo img{min-height:300px}.room-card{grid-template-columns:1fr}.room-card button{height:280px}.details-grid{border-left:0}.timeline article{grid-template-columns:56px 1fr}.brief-grid p:nth-child(odd){border-top:1px solid #b9b4aa}footer{flex-direction:column}.lightbox-close{right:10px;top:10px}.concept-card,.concept-wide,.concept-portrait{grid-column:auto}.concept-card img,.concept-wide img{height:330px}.concept-portrait img{height:520px}.concept-intro{margin-top:-12px}.angles-title{margin-top:58px}.angles-grid button{height:300px}.angles-grid .angle-portrait button{height:520px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo img{animation:none}}