.room-page{background:#f7f5ee;color:#202a24;font-family:'Be Vietnam Pro',Arial,sans-serif}.room-wrap{max-width:1512px;margin:auto;padding:0 40px 90px}.room-row{display:grid;grid-template-columns:53% 1fr;gap:36px;margin:20px 0 75px}.room-row h2,.room-row h3{font:400 27px Noto,Georgia,serif;margin:0 0 26px;border-bottom:1px solid #202a24;padding-bottom:9px}.room-row h2{border:0}.room-row h2 a{text-decoration:underline;text-underline-offset:7px;color:#202a24}.room-photo>a>img{width:100%;aspect-ratio:1.35;object-fit:cover;display:block}.room-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.room-product-grid a{min-width:0;color:#202a24}.room-product-grid img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#e8eee8}.room-product-grid span{display:block;text-decoration:underline;text-underline-offset:3px;font-size:15px;margin-top:9px}.room-product-grid a:hover span{color:#07482e}
.room-detail-page h1{font:400 42px Noto,Georgia,serif;margin:0 0 30px}.room-detail-hero img{width:100%;aspect-ratio:1.9;object-fit:cover;display:block}.room-detail-page h2{font:400 32px Noto,Georgia,serif;border-bottom:1px solid #202a24;padding:70px 0 14px;margin:0 0 25px}.detail-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:70px}.back-rooms{color:#07482e;text-decoration:underline;text-underline-offset:5px}
@media(max-width:950px){.room-row{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.room-photo>a>img{aspect-ratio:1.7}.room-wrap{padding-inline:25px}.room-product-grid{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.room-wrap{padding:0 18px 60px}.room-row h2,.room-row h3{font-size:23px;margin-bottom:15px}.room-row{gap:23px}.room-photo>a>img{aspect-ratio:1.2}.room-product-grid{gap:9px}.room-product-grid span{font-size:12px}.room-detail-page h1{font-size:32px}.room-detail-hero img{aspect-ratio:1.2}.room-detail-page h2{font-size:25px;padding-top:45px}.detail-grid{grid-template-columns:repeat(2,1fr)}}
.room-detail-page{background:#f7f5ee;color:#202a24;font-family:'Be Vietnam Pro',Arial,sans-serif}.room-detail-wrap{max-width:1512px;margin:auto;padding:0 60px 90px}.room-detail-page .detail-breadcrumb{padding:35px 0 68px}.room-detail-page .room-intro{text-align:center;max-width:690px;margin:0 auto 85px}.room-detail-page .room-intro h1{font:400 38px Noto,Georgia,serif;border-bottom:1px solid #727d74;padding:0 0 20px;margin:0 auto 27px;max-width:680px}.room-detail-page .room-intro p{font-size:15px;line-height:1.5;color:#5e6960;max-width:650px;margin:auto}
.room-item-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 22px}.room-item-track::-webkit-scrollbar{display:none}.room-item{flex:0 0 calc((100% - 88px)/5);min-width:190px;scroll-snap-align:start;color:#202a24}.room-item img{display:block;width:100%;aspect-ratio:0.86;object-fit:contain;background:#e8eee8}.room-item span{display:block;margin-top:13px;font-size:18px;text-decoration:underline;text-underline-offset:4px}.room-item:hover span{color:#07482e}
.room-inspirations{margin-top:120px}.room-inspirations>h2{font:400 36px Noto,Georgia,serif;margin:0 0 72px}.inspiration-row{display:grid;grid-template-columns:50% 1fr;gap:9%;align-items:start;margin:0 65px 80px}.inspiration-row.first .scene-image{width:100%;aspect-ratio:0.76}.scene-image{position:relative;min-width:0}.scene-image>img{width:100%;height:100%;display:block;object-fit:cover}.inspiration-copy h3{font:400 38px Noto,Georgia,serif;margin:10px 0 52px}.inspiration-copy p{font-size:15px;line-height:1.55;color:#68736a;max-width:510px;margin:0 0 22px}.detail-cta{display:inline-block;color:#07482e;border:2px solid #07482e;font-size:19px;padding:3px 7px;margin-top:70px;transition:background .2s,color .2s}.detail-cta:hover{background:#07482e;color:#fff}.inspiration-wide{margin:0 65px 110px}.inspiration-wide .scene-image{aspect-ratio:1.8}.inspiration-wide .inspiration-copy{text-align:center;max-width:1050px;margin:50px auto 0}.inspiration-wide .inspiration-copy h3{margin:0 0 55px}.inspiration-wide .inspiration-copy p{max-width:none;text-align:left}.inspiration-wide .detail-cta{margin-top:55px}.inspiration-row.last{grid-template-columns:33% 1fr;gap:9%;align-items:center}.inspiration-row.last .inspiration-copy{text-align:right}.inspiration-row.last .inspiration-copy h3{margin:0 0 50px}.inspiration-row.last .scene-image{aspect-ratio:1.55}.inspiration-row.last .detail-cta{margin-top:65px}.see-more{display:block;width:max-content;margin:130px auto 0;min-width:270px;border:2px solid #c99516;text-align:center;padding:8px 28px;color:#b17d08;font-size:17px}.see-more:hover{background:#c99516;color:#fff}
.scene-spot{position:absolute;left:var(--x);top:var(--y);z-index:2;width:1px;height:1px}.scene-spot.active{z-index:5}.scene-dot{position:absolute;left:-8px;top:-8px;width:16px;height:16px;padding:0;border:1px solid #1b8068;border-radius:50%;background:#f2faf6;box-shadow:0 0 0 3px #fff8;cursor:pointer}.scene-dot:after{content:'';position:absolute;inset:4px;background:#0b765d;border-radius:50%;opacity:0}.scene-spot.active .scene-dot:after{opacity:1}.scene-product{position:absolute;left:18px;bottom:0;display:flex;gap:10px;align-items:center;width:210px;min-height:100px;padding:10px;background:white;color:#202a24;box-shadow:0 4px 16px #0002;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:opacity .2s,transform .2s,visibility .2s}.scene-spot:nth-of-type(2n) .scene-product{left:auto;right:18px}.scene-product img{width:64px;height:76px;object-fit:contain;background:#e8eee8}.scene-product span{min-width:0;display:flex;flex-direction:column;gap:4px}.scene-product b{font-size:11px;font-weight:500;line-height:1.25}.scene-product small{font-size:10px;color:#6a756c}.scene-product strong{font:500 11px Noto,Georgia,serif}.scene-product .mini-swatches{height:6px;width:50px}.scene-spot:hover .scene-product,.scene-spot:focus-within .scene-product,.scene-spot.active .scene-product{opacity:1;visibility:visible;pointer-events:auto;transform:none}.scene-spot:hover .scene-dot,.scene-spot:focus-within .scene-dot{opacity:.4}
.other-room-detail[hidden],.living-detail[hidden]{display:none}.other-room-detail h1{font:400 42px Noto,Georgia,serif;margin:0 0 28px}.other-room-detail .room-detail-hero img{width:100%;aspect-ratio:1.9;object-fit:cover}.other-room-detail h2{font:400 32px Noto,Georgia,serif;border-bottom:1px solid #202a24;padding:65px 0 14px;margin:0 0 25px}.other-room-detail .back-rooms{display:block;margin-top:55px}
@media(max-width:900px){.room-detail-wrap{padding-inline:28px}.room-inspirations{margin-top:85px}.inspiration-row,.inspiration-wide{margin-left:0;margin-right:0}.inspiration-copy h3{font-size:31px;margin-bottom:25px}.detail-cta{margin-top:25px}.room-item{flex-basis:28%}}
@media(max-width:600px){.room-detail-wrap{padding:0 18px 65px}.room-detail-page .detail-breadcrumb{padding:25px 0 42px}.room-detail-page .room-intro{margin-bottom:45px}.room-detail-page .room-intro h1{font-size:30px}.room-detail-page .room-intro p{font-size:13px}.room-item-track{gap:10px}.room-item{flex-basis:42%;min-width:145px}.room-item span{font-size:14px}.room-inspirations{margin-top:65px}.room-inspirations>h2{font-size:27px;margin-bottom:30px}.inspiration-row,.inspiration-row.last{display:flex;flex-direction:column;gap:25px;margin-bottom:65px}.inspiration-row.first .scene-image{aspect-ratio:.85}.inspiration-row.last .scene-image{order:0;width:100%;aspect-ratio:1.45}.inspiration-row.last .inspiration-copy{order:1;text-align:left}.inspiration-wide{margin-bottom:65px}.inspiration-wide .scene-image{aspect-ratio:1.3}.inspiration-copy h3,.inspiration-wide .inspiration-copy h3{font-size:28px;margin:0 0 22px}.inspiration-copy p{font-size:13px}.inspiration-wide .inspiration-copy{text-align:left;margin-top:28px}.detail-cta,.inspiration-wide .detail-cta,.inspiration-row.last .detail-cta{margin-top:20px;font-size:15px}.scene-product{width:175px;min-height:80px;padding:7px}.scene-product img{width:50px;height:62px}.scene-product b,.scene-product strong{font-size:10px}.scene-product small{font-size:9px}.see-more{margin-top:75px}.other-room-detail h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.scene-product,.detail-cta{transition:none}}
.room-detail-page .room-item{flex-basis:23%;min-width:190px}.room-detail-page .room-inspirations>h2{border:0;padding:0}.room-detail-page .inspiration-copy h3{border:0;padding:0}
@media(max-width:900px){.room-detail-page .room-item{flex-basis:30%}}
@media(max-width:600px){.room-detail-page .room-item{flex-basis:42%;min-width:145px}}