:root{--ink:#071d25;--green:#12d862;--green-dark:#087b3d;--paper:#f6f3ea;--paper-light:#fbfaf6;--line:#d9d8d0;--dark:#08251e;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html.furnishingLock{overflow:hidden}
body{margin:0;background:var(--paper-light);color:var(--ink);font-family:"TT Norms",Arial,sans-serif}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit}

/* Warm editorial canvas with an on-demand room transformation. */
.hero{min-height:760px;display:grid;grid-template-columns:minmax(390px,.82fr) 1.35fr;overflow:hidden;background:var(--paper)}
.heroCopy{position:relative;z-index:2;padding:150px 56px 58px max(5vw,48px);display:flex;flex-direction:column;justify-content:center}
.kicker,.index{margin:0 0 22px;color:#53635f;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero h1,.section h2,.steps h2,.roomTypes h2,.studioCta h2,.faq h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:.94}
.hero h1{font-size:clamp(58px,6vw,94px)}
.heroLead{max-width:510px;margin:28px 0 30px;color:#40534f;font-size:18px;line-height:1.58}
.button{width:max-content;min-height:52px;padding:0 22px;display:inline-flex;align-items:center;gap:28px;border-radius:999px;background:var(--green);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 12px 28px rgba(18,216,98,.16);transition:transform .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(18,216,98,.24)}
.button:focus-visible,.scenePrompt:focus-visible,.textLink:focus-visible,.faq summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.heroSteps{margin:48px 0 0;padding:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line);list-style:none;color:#53635f;font-size:11px}
.heroMedia{position:relative;min-width:0;overflow:hidden;background:#e7dfd2}
.heroMedia::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0%,transparent 17%,transparent 78%,rgba(7,29,37,.1))}
.heroScene{position:absolute;inset:0;overflow:hidden}
.heroScene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.roomComplete{opacity:0;transition:opacity 1.35s ease-in-out;will-change:opacity}
.is-furnished .roomComplete{opacity:1}
.scenePrompt{position:absolute;z-index:5;left:8%;bottom:17%;padding:16px 18px;border:0;background:rgba(251,249,242,.72);color:#233c35;text-align:left;cursor:pointer;transform:rotate(-4deg);box-shadow:0 8px 30px rgba(40,38,26,.08);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.scenePrompt:hover,.scenePrompt:focus-visible{background:rgba(251,249,242,.92);transform:rotate(-2deg) translateY(-3px);box-shadow:0 12px 32px rgba(40,38,26,.12)}
.scenePrompt>span{display:block;font-family:"Bradley Hand","Segoe Print",cursive;font-size:clamp(17px,1.7vw,24px);line-height:1.16}

/* The original content and controls stay intact below the new opening. */
.section{width:min(var(--max),calc(100% - 80px));margin:0 auto;padding:120px 0}
.bestLayout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:82px}
.sectionCopy h2{font-size:clamp(48px,5vw,74px)}
.sectionCopy>p:not(.index){margin:28px 0 0;color:#52615e;font-size:17px;line-height:1.65}
.textLink{display:inline-flex;margin-top:30px;padding-bottom:5px;gap:24px;border-bottom:1px solid var(--ink);font-weight:700;text-decoration:none}
.comparison{position:relative;min-height:510px;overflow:hidden;border-radius:3px;background:#dce8df}
.comparison img{width:100%;height:100%;object-fit:cover}
.comparisonAfter{position:absolute;inset:0}
.comparisonBefore{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparisonBefore img{position:absolute;inset:0}
.comparisonLine{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:2px;background:#fff;transform:translateX(-50%)}
.comparisonLine span{position:absolute;top:50%;left:50%;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);font-size:19px;transform:translate(-50%,-50%);box-shadow:0 6px 24px rgba(0,0,0,.16)}
.comparison input{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.comparisonLabel{position:absolute;z-index:2;bottom:18px;padding:7px 10px;border-radius:999px;background:rgba(7,29,37,.82);color:#fff;font-size:9px;letter-spacing:.11em}
.labelA{left:18px}.labelB{right:18px}
.steps{padding:105px max(5vw,40px);background-color:var(--dark);color:#fff;background-image:radial-gradient(circle,rgba(18,216,98,.3) 1px,transparent 1.4px);background-size:18px 18px}
.stepsTop{width:min(var(--max),100%);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}
.steps h2{max-width:700px;font-size:clamp(52px,6vw,82px)}
.steps .index{color:#7ae8a7}
.stepsTop>div:last-child{max-width:430px;justify-self:end}
.stepsTop p:not(.index){margin:0 0 28px;color:#c6d1cd;font-size:17px;line-height:1.6}
.stepGrid{width:min(var(--max),100%);margin:70px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.24);list-style:none}
.stepGrid li{position:relative;min-height:250px;padding:30px 36px 0 0}
.stepGrid li+li{padding-left:36px;border-left:1px solid rgba(255,255,255,.24)}
.stepGrid svg{width:34px;height:34px;margin-bottom:28px;fill:none;stroke:#fff;stroke-width:1.4}
.stepGrid h3{margin:0 0 15px;font-family:Georgia,serif;font-size:29px;font-weight:400}
.stepGrid p{margin:0;color:#b9c8c3;font-size:14px;line-height:1.55}
.scenario{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}
.scenarioRearrange{grid-template-columns:.8fr 1.2fr}
.scenarioVisual{overflow:hidden;border-radius:3px;background:#f1efe8}
.scenarioVisual img{width:100%;max-height:620px;object-fit:cover;transition:transform .7s ease}
.scenario:hover .scenarioVisual img{transform:scale(1.018)}
.planVisual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle,rgba(8,75,61,.2) 1px,transparent 1.4px);background-size:18px 18px}
.planVisual img{width:88%;height:auto;aspect-ratio:1374/1145;object-fit:contain;flex:none;mix-blend-mode:multiply;filter:drop-shadow(0 24px 35px rgba(7,29,37,.12))}
.dimension{position:absolute;padding:6px 10px;border-radius:999px;background:var(--dark);color:#fff;font-size:10px;letter-spacing:.07em}
.dimensionOne{top:18%;right:18%}.dimensionTwo{left:14%;bottom:22%;background:var(--green);color:var(--ink)}
.roomTypes{padding:110px max(5vw,40px);display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;background:#eeece4}
.roomTypesIntro{max-width:470px}.roomTypes h2{font-size:clamp(50px,5vw,72px)}
.roomTypes ul{margin:0;padding:0;border-top:1px solid #bfcfc1;list-style:none}
.roomTypes li{position:relative;padding:20px 0 20px 30px;border-bottom:1px solid #bfcfc1;font-family:Georgia,serif;font-size:28px}
.roomTypes li::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:var(--green);transform:translateY(-50%)}
.studioCta{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden}
.studioCta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.studioCta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,21,.94) 0,rgba(6,25,21,.82) 40%,rgba(6,25,21,.06) 78%)}
.studioCtaCopy{position:relative;z-index:2;width:min(560px,calc(100% - 80px));margin-left:max(5vw,40px);color:#fff}
.studioCta .index{color:#8bf0b1}.studioCta h2{font-size:clamp(50px,5vw,76px)}
.studioCta p:not(.index){color:#d6dfdb;font-size:17px;line-height:1.65}
.buttonDark{margin-top:18px;background:#fff;box-shadow:none}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}
.faq h2{font-size:clamp(56px,6vw,84px)}
.faqList{border-top:1px solid var(--line)}.faqList details{border-bottom:1px solid var(--line)}
.faqList summary{padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:700;cursor:pointer;list-style:none}
.faqList summary::-webkit-details-marker{display:none}.faqList summary span{font-size:22px;font-weight:400;transition:transform .2s ease}
.faqList details[open] summary span{transform:rotate(45deg)}
.faqList details p{max-width:680px;margin:0;padding:0 55px 24px 0;color:#586662;line-height:1.6}
.footer{min-height:105px;padding:28px max(5vw,40px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px;background:#071a17;color:#fff}
.footerBrand{display:flex;align-items:center;gap:13px;text-decoration:none}
.footerBrand b{padding-left:13px;border-left:1px solid rgba(255,255,255,.3);font-size:13px}
.footer nav{display:flex;gap:26px;font-size:12px}.footer nav a{text-decoration:none}
.footer p{justify-self:end;margin:0;text-align:right;font-size:12px}.footer small{color:#91a09b}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;min-height:0}.heroCopy{padding:118px 30px 58px}.heroMedia{height:530px}.heroMedia::after{background:linear-gradient(180deg,var(--paper),transparent 18%)}
  .bestLayout,.scenario,.scenarioRearrange,.faq,.roomTypes{grid-template-columns:1fr;gap:55px}.section{padding:90px 0}.bestLayout .sectionCopy{max-width:680px}.comparison{min-height:470px}
  .stepsTop{grid-template-columns:1fr;gap:35px}.stepsTop>div:last-child{justify-self:start}.stepGrid{grid-template-columns:1fr}.stepGrid li{min-height:0;padding:34px 0}.stepGrid li+li{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}
  .scenarioRearrange .sectionCopy{order:1}.scenarioRearrange .planVisual{order:2}.planVisual{min-height:500px}.roomTypesIntro{max-width:680px}.studioCta::after{background:linear-gradient(90deg,rgba(6,25,21,.94),rgba(6,25,21,.65))}
  .footer{grid-template-columns:1fr auto}.footer nav{grid-column:1/-1;grid-row:2}.footer p{grid-column:2;grid-row:1}
}
@media(max-width:700px){
  .heroCopy{padding:100px 20px 44px}.hero h1{font-size:58px}.heroLead{font-size:16px}.heroSteps{gap:9px;font-size:9px}.heroMedia{height:440px}.scenePrompt{left:5%;bottom:13%;padding:12px 14px}.scenePrompt>span{font-size:17px}
  .section{width:calc(100% - 40px);padding:72px 0}.sectionCopy h2,.steps h2,.roomTypes h2,.studioCta h2,.faq h2{font-size:45px}.comparison{min-height:360px}.steps{padding:72px 20px}.scenario{gap:38px}.scenarioVisual img{min-height:340px}.planVisual{min-height:390px}.roomTypes{padding:72px 20px;gap:45px}.roomTypes li{font-size:23px}.studioCta{min-height:620px}.studioCtaCopy{width:calc(100% - 40px);margin-left:20px}.faq{gap:44px}.footer{grid-template-columns:1fr;padding:34px 20px}.footer nav,.footer p{grid-column:auto;grid-row:auto;justify-self:start;text-align:left;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.roomComplete{transition:none}.reveal{opacity:1;transform:none;transition:none}}