@font-face{font-family:Assistant;src:url('assets/assistant-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Assistant;src:url('assets/assistant-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Assistant;src:url('assets/assistant-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Assistant;src:url('assets/assistant-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Assistant;src:url('assets/assistant-800.ttf') format('truetype');font-weight:800;font-display:swap}

:root{--brand:#ac6734;--action:#a45f2e;--ink:#201914;--muted:#726a65;--border:#dcd6d3;--wash:#f8e8de;--deep:#7b410f;color:var(--ink);background:#fff;font-family:Assistant,sans-serif;font-synthesis:none;caret-color:var(--brand);scrollbar-color:var(--brand) #fff}
::selection{background:var(--wash);color:var(--deep)}
*{box-sizing:border-box}
/* One desktop design pixel. Fit the full landing height while every section spans the viewport. */
body{--u:min(calc(100vw / 1536),calc(100dvh / 1024));width:100%;margin:0;background:#fff}
button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
button:focus-visible{outline:3px solid var(--action);outline-offset:5px}
.hero{position:relative;height:calc(752 * var(--u));isolation:isolate;overflow:hidden}
#room-hero{position:absolute;inset:0;width:100%}
.hero-copy{position:absolute;left:calc(54 * var(--u));top:5.2%;pointer-events:none;max-width:45%}
.hero-copy h1{margin:0;font-size:calc(var(--display-size,76.1856) * var(--u));font-weight:700;line-height:.944;letter-spacing:calc(-1.536 * var(--u))}
.hero-copy p{font-size:calc(var(--support-size,24) * var(--u));line-height:1.25;margin:calc(4.608 * var(--u)) 0 calc(19.968 * var(--u));color:var(--muted);font-weight:500}
.hero-copy button{pointer-events:auto}
.hero-copy a.main-action{pointer-events:auto;text-decoration:none;cursor:pointer}
.main-action{display:inline-flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--u));min-width:calc(223.0272 * var(--u));min-height:calc(52.992 * var(--u));padding:calc(12.288 * var(--u)) calc(30.72 * var(--u));background:var(--action);color:#fff;border:0;border-radius:calc(11 * var(--u));font-size:calc(18.7392 * var(--u));font-weight:700;cursor:default}
.main-action svg{width:calc(20 * var(--u));height:calc(20 * var(--u));flex:none}
.motion-toggle{position:absolute;bottom:calc(12 * var(--u));right:calc(19 * var(--u));display:grid;place-items:center;width:calc(31 * var(--u));height:calc(31 * var(--u));padding:0;border:calc(1 * var(--u)) solid var(--border);border-radius:50%;background:#ffffffdb;color:var(--deep);cursor:pointer}
.motion-toggle svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}
.motion-toggle:hover{background:var(--wash)}
.process{overflow:hidden;height:calc(216 * var(--u));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:calc(32 * var(--u)) calc(54 * var(--u)) calc(24 * var(--u));gap:calc(130.56 * var(--u));background:#fff;border-top:calc(1 * var(--u)) solid var(--border)}
.step-number{display:flex;align-items:center;gap:calc(10 * var(--u));font-size:calc(16 * var(--u));line-height:1;color:var(--muted);margin-bottom:calc(12 * var(--u))}
.step-number:after{content:'';height:calc(1 * var(--u));flex:1;background:var(--border)}
.process h2{font-weight:600;font-size:calc(38 * var(--u));line-height:1.2;margin:0 0 calc(10 * var(--u));letter-spacing:calc(-1 * var(--u))}
.process p{color:var(--muted);font-size:calc(19 * var(--u));line-height:1.3;margin:0}
.no-script{margin:calc(20 * var(--u)) calc(54 * var(--u));font-size:calc(16 * var(--u));color:var(--muted)}

@media(max-width:700px){
 body{--u:1px;width:100%}
 .hero{height:calc(100vw * 1.432292 + 330px)}
 .hero-copy{top:27px;left:23px;max-width:calc(100% - 46px)}
 .hero-copy h1{font-size:clamp(37px,10.3vw,67px);line-height:.98;letter-spacing:-1.3px}
 .hero-copy p{font-size:18px;line-height:1.35;margin:18px 0}
 .desktop-break{display:none}
 .main-action{font-size:17px;min-width:205px;min-height:48px;padding:10px 15px}
 #room-hero{top:330px;bottom:auto;height:calc(100vw * 1.432292)}
 .motion-toggle{bottom:8px;right:12px}
 .process{overflow:hidden;height:auto;grid-template-columns:1fr;gap:28px;padding:30px 24px 37px}
 .process h2{font-size:29px;letter-spacing:-.6px;margin-bottom:8px}
 .process p{font-size:18px}
 .process p br{display:none}
 .step-number{font-size:13px;margin-bottom:10px}
 .no-script{margin:20px 23px;font-size:16px}
}