.hero{height:430svh}.cover-room{transform:scale(calc(1.03 + var(--travel) * .055))}.hero .hero-product{transform:scale(calc(1 + var(--travel) * .08))!important}
.story-model{width:66%;right:-2%;top:0;height:100%;min-height:0;pointer-events:none}.story-model canvas,.story-poster{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.story-poster{z-index:1}.story-copy{width:34%;z-index:2}.story-copy h2{font-size:clamp(46px,5vw,76px)}
.spaces{padding:64px 0 36px;overflow:hidden}.spaces-heading{padding:0 var(--gutter);margin-bottom:24px;align-items:center}.spaces-heading h2{font-size:clamp(26px,3vw,44px)}.spaces-heading p{font-size:12px}.room-gallery{display:flex;gap:20px;padding:0 4vw 10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#757a66 transparent;cursor:grab;overscroll-behavior-x:contain;position:relative;touch-action:pan-x pan-y;outline-offset:-4px}.room-gallery.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.gallery-slide{flex:0 0 88vw;scroll-snap-align:center;position:relative;min-width:0}.gallery-slide img{width:100%;height:min(76svh,850px);object-fit:cover;pointer-events:none;user-select:none}.gallery-slide figcaption{display:grid;grid-template-columns:1fr auto;align-items:baseline;padding:14px 0;gap:3px 30px}.gallery-slide figcaption>span{font-size:9px;letter-spacing:.08em;color:#646955;grid-column:1}.gallery-slide h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.02em;grid-column:1}.gallery-slide figcaption p{font-size:11px;grid-column:2;grid-row:1/3;max-width:400px;text-align:right}.spaces-footer{padding:0 var(--gutter);font-size:10px;margin-top:12px}.gallery-instruction{letter-spacing:.08em}.spaces-footer>p{max-width:390px}html[lang=zh-Hant] .spaces-heading h2{font-size:clamp(26px,3vw,42px)}
@media(max-width:760px){.hero{height:390svh}.story-model{width:110%;right:-5%;top:24%;height:74%}.story-copy{width:90%}.story-copy h2{font-size:38px}.story-copy p{max-width:270px}.story-kit{font-size:9px}.spaces{padding-top:40px}.spaces-heading{padding:0 20px;display:block;margin-bottom:18px}.spaces-heading h2,html[lang=zh-Hant] .spaces-heading h2{font-size:26px}.spaces-heading p{font-size:11px;margin-top:14px}.room-gallery{gap:12px;padding:0 16px 8px}.gallery-slide{flex-basis:calc(100vw - 44px)}.gallery-slide img{height:64svh;object-position:55% center}.gallery-slide figcaption{display:block;padding:13px 0}.gallery-slide h3{font-size:18px;margin:4px 0}.gallery-slide figcaption p{text-align:left;font-size:10px;max-width:280px}.spaces-footer{padding:0 20px;flex-wrap:wrap;gap:12px}.spaces-footer>p{font-size:9px;width:100%;max-width:none}.gallery-instruction{font-size:9px}#gallery-count{margin-left:auto}}
html[data-motion=reduced] .hero{height:auto}@media(prefers-reduced-motion:reduce){.hero{height:auto}}
@media(max-width:760px){.gallery-slide img{object-position:85% center}}
@media(max-width:760px){.story-copy h2 br{display:block}.story-copy h2{line-height:1.1}.story-model{width:140%;right:-20%;top:22%;height:77%}.gallery-slide[data-room=midcentury] img{object-position:70% center}}
.story-model{mask-image:linear-gradient(to right,transparent,#000 18%,#000 84%,transparent)}
@media(max-width:760px){.gallery-slide[data-room=bauhaus] img{object-position:72% center}.gallery-slide[data-room=japandi] img{object-position:76% center}}