.room-experience{--room-ink:#334332;--room-muted:#61715d;--room-progress:0;height:260svh;color:var(--room-ink);isolation:isolate;background:#e6e8df;position:relative}.room-experience__sticky{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden}.room-experience__heading{z-index:4;pointer-events:none;position:absolute;top:132px;left:6%}.room-experience__eyebrow{letter-spacing:.13em;align-items:center;gap:10px;margin:0 0 18px;font-size:8px;font-weight:500;display:flex}.room-experience__eyebrow>span{background:#718467;border-radius:50%;width:4px;height:4px}.room-experience__heading h2{font-family:var(--font-sans,Arial,sans-serif);letter-spacing:-.045em;margin:0;font-size:clamp(24px,2.5vw,38px);font-weight:400;line-height:1.15}.room-experience em{font-family:var(--font-serif,Georgia,serif);font-weight:400}.room-experience__scene,.room-experience__canvas,.room-experience__fallback{position:absolute;inset:0}.room-experience__canvas{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.room-experience__canvas canvas{width:100%;height:100%;display:block}.room-experience__fallback{color:#64765f;place-items:center;transition:opacity .4s cubic-bezier(.22,1,.36,1);display:grid}.room-experience__fallback svg{width:60%;max-height:80%}.room-experience[data-status=ready] .room-experience__canvas{opacity:1}.room-experience[data-status=ready] .room-experience__fallback{opacity:0}.room-experience__shade{z-index:2;pointer-events:none;position:absolute;inset:0}.room-experience__shade:before,.room-experience__shade:after{content:"";position:absolute;inset:0}.room-experience__shade:before{opacity:calc(1 - var(--room-warmth,0));background:linear-gradient(#e6e8df00 67%,#e6e8dfe8 95%,#e6e8df 100%),linear-gradient(90deg,#e6e8df55,#0000 43%)}.room-experience__shade:after{opacity:var(--room-warmth,0);background:linear-gradient(#e7dfd000 62%,#e7dfd0dd 93%,#e7dfd0 100%),linear-gradient(90deg,#e7dfd040,#0000 45%)}.room-experience__narratives{z-index:4;width:420px;height:190px;position:absolute;bottom:144px;left:6%}.room-experience__narrative{opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.room-experience__narrative:first-child{opacity:1}.room-experience__act{letter-spacing:.13em;color:var(--room-muted);margin:0 0 15px;font-size:9px;display:block}.room-experience__narrative h3{font-family:var(--font-sans,Arial,sans-serif);letter-spacing:-.048em;margin:0;font-size:clamp(34px,4vw,59px);font-weight:400;line-height:1.1}.room-experience__narrative p{color:#60705b;max-width:280px;margin:20px 0 0;font-size:11px;line-height:1.7}.room-experience__materials{z-index:4;position:absolute;bottom:142px;right:6%}.room-experience__material-label{text-align:right;color:var(--room-muted);margin-bottom:12px;font-size:9px;display:block}.room-experience__palette-list{gap:8px;display:flex}.room-experience__palette{font:inherit;min-width:114px;min-height:46px;color:var(--room-ink);cursor:pointer;background:#ffffff38;border:0;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 8px;font-size:10px;transition:background .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);display:flex}.room-experience__palette:hover{background:#fff7}.room-experience__palette:active{transform:scale(.97)}.room-experience__palette:focus-visible{outline-offset:4px;outline:2px solid #556b48}.room-experience__palette[aria-pressed=true]{background:#f9f9f1d9}.room-experience__palette:disabled{cursor:default}.room-experience__swatch{border-radius:50%;flex-shrink:0;width:30px;height:30px;box-shadow:inset 0 1px 3px #fff5}.room-experience__swatch--oak{background:linear-gradient(120deg,#b7a17b,#d8d0b8 52%,#a58761 53%,#c2ab83)}.room-experience__swatch--walnut{background:linear-gradient(120deg,#84917a,#b5bca2 52%,#5c4d38 53%,#796346)}.room-experience__selected{opacity:0;margin-left:auto;font-size:14px}.room-experience__palette[aria-pressed=true] .room-experience__selected{opacity:1}.room-experience__footer{z-index:4;grid-template-columns:1fr auto;align-items:center;gap:23px;display:grid;position:absolute;bottom:34px;left:6%;right:6%}.room-experience__phases{gap:30px;margin:0;padding:0;list-style:none;display:flex}.room-experience__phase{color:#7b8774;align-items:center;gap:8px;font-size:10px;transition:color .25s cubic-bezier(.22,1,.36,1);display:flex}.room-experience__phase>span{font-size:8px}.room-experience__phase[aria-current=step]{color:#2e442c}.room-experience__phase[aria-current=step]>span{background:#fff8;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.room-experience__progress{background:#596c4d20;border-radius:999px;width:130px;height:2px;overflow:hidden}.room-experience__progress>span{width:100%;height:100%;transform:scaleX(var(--room-progress));transform-origin:0;background:#6d805b;display:block}.room-experience__note{letter-spacing:.025em;color:#7a8570;grid-column:1/-1;font-size:8px}.room-experience[data-status=fallback]{height:100svh;min-height:760px}.room-experience[data-status=fallback] .room-experience__sticky{position:relative}.room-experience[data-status=fallback] .room-experience__scroll-hint{display:none}@media (max-width:1000px) and (min-width:701px){.room-experience__heading{top:128px}.room-experience__narratives{width:340px;bottom:138px}.room-experience__narrative h3{font-size:42px}.room-experience__narrative p{max-width:230px}.room-experience__materials{bottom:128px}}@media (max-width:700px){.room-experience{height:230svh}.room-experience__sticky{min-height:760px}.room-experience__heading{top:112px;left:6%}.room-experience__eyebrow{margin-bottom:14px;font-size:7px}.room-experience__heading h2{font-size:27px}.room-experience__fallback svg{width:110%;max-width:none}.room-experience__scene{inset:207px -4% 294px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 7% 92%,#0000);mask-image:linear-gradient(#0000,#000 7% 92%,#0000)}.room-experience__shade:before{background:linear-gradient(#e6e8df00 60%,#e6e8dfe0 81%,#e6e8df 100%)}.room-experience__narratives{width:88%;height:120px;bottom:165px;left:6%}.room-experience__act{margin-bottom:10px;font-size:8px}.room-experience__narrative h3{font-size:32px;line-height:1.1}.room-experience__narrative h3 br{display:none}.room-experience__narrative p{max-width:240px;margin-top:13px;font-size:10px}.room-experience__materials{bottom:109px;left:6%;right:auto}.room-experience__material-label{display:none}.room-experience__palette{min-width:108px;min-height:44px;font-size:10px}.room-experience__swatch{width:28px;height:28px}.room-experience__footer{display:block;bottom:25px;left:6%;right:6%}.room-experience__phases{justify-content:space-between;gap:0;margin-bottom:20px}.room-experience__phase{gap:5px;font-size:9px}.room-experience__phase>span{font-size:7px}.room-experience__phase[aria-current=step]>span{width:20px;height:20px}.room-experience__progress{display:none}.room-experience__note{font-size:7px}.room-experience__shade:after{opacity:var(--room-warmth,0);background:linear-gradient(#e7dfd000 54%,#e7dfd0e8 83%,#e7dfd0 100%)}}@media (max-height:740px) and (min-width:701px){.room-experience__heading{top:116px}.room-experience__heading h2{font-size:26px}.room-experience__narratives{height:153px;bottom:110px}.room-experience__narrative h3{font-size:39px}.room-experience__materials{bottom:120px}.room-experience__footer{bottom:25px}}@media (prefers-reduced-motion:reduce){.room-experience{height:100svh;min-height:760px}.room-experience__sticky{position:relative}.room-experience__scroll-hint{display:none}.room-experience__canvas,.room-experience__fallback,.room-experience__narrative,.room-experience__palette,.room-experience__phase{transition:none}}@media (max-width:700px){.room-experience__sticky,.room-experience[data-status=fallback]{min-height:0}}@media (max-width:700px) and (max-height:740px){.room-experience__heading{top:102px}.room-experience__eyebrow{margin-bottom:9px;font-size:6px}.room-experience__heading h2{font-size:23px}.room-experience__scene{top:172px;bottom:250px}.room-experience__narratives{height:96px;bottom:133px}.room-experience__act{display:none}.room-experience__narrative h3{font-size:26px}.room-experience__narrative p{margin-top:9px;font-size:9px}.room-experience__materials{bottom:78px}.room-experience__footer{bottom:16px}.room-experience__phases{margin-bottom:13px}}@media (max-width:700px) and (prefers-reduced-motion:reduce){.room-experience{min-height:0}}.room-experience__frames{object-fit:cover;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.room-experience__frames{transition:none}}