.page-index .room-intro.room-tour{height:210svh;min-height:210svh;pointer-events:auto;isolation:isolate}
.page-index .room-tour .room-fixed{position:sticky;inset:auto;top:0;height:100svh;min-height:0;background:#eeefeb;isolation:isolate;touch-action:pan-y;overflow:hidden}
.room-tour .room-video,.room-tour .hero-poster{position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none;filter:none;transform:none}
.room-tour .room-video,.room-tour .hero-poster img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.room-tour .hero-poster{display:block;z-index:0}
.room-tour .room-video{opacity:0;z-index:1;transition:opacity .45s ease-out}
.room-tour .video-ready .room-video{opacity:1}
.room-tour .room-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(22,27,24,.28),transparent 32%,transparent 72%,rgba(22,27,24,.26))}
.room-tour .room-light{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--room-light,0);background:radial-gradient(ellipse 280px 240px at var(--room-light-x,50%) var(--room-light-y,50%),rgba(255,255,245,.8),rgba(255,255,245,.13) 48%,transparent 75%);mix-blend-mode:soft-light}
.room-tour .room-exit{position:absolute;inset:0;z-index:3;pointer-events:none;background:#f7f5f1;opacity:calc(var(--room-exit,0) * .55)}
.page-index .room-tour .hero-word{z-index:4;top:14%;left:6%;right:auto;max-width:88%;color:#fff;text-align:left;opacity:var(--room-title-opacity,1);transition:none;filter:drop-shadow(0 2px 12px #17201735)}
.room-tour .hero-word h1{font-family:inherit;font-size:clamp(38px,4.7vw,68px);font-weight:400;line-height:1.08;letter-spacing:.13em;margin:0;padding:0}
.room-tour .hero-word p{font-size:clamp(12px,1.05vw,15px);line-height:1.5;letter-spacing:.035em;margin:15px 0 0;opacity:1}
.room-tour .room-controls{position:absolute;z-index:5;inset:auto 40px max(30px,env(safe-area-inset-bottom)) 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff;font-size:12px}
.room-tour .enter-shop{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:4px 0;border:0;border-bottom:1px solid #ffffff85;background:none;border-radius:0;color:inherit;letter-spacing:.035em;backdrop-filter:none}
.room-tour .enter-shop svg{width:18px;height:18px;transition:transform .22s ease-out}
.room-tour .enter-shop:hover svg{transform:translateY(3px)}
.room-tour [data-motion]{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:inherit;padding:10px 12px;min-height:44px;font-size:11px;background:#1c25275c;border:1px solid #ffffff38;border-radius:4px}
.room-tour [data-motion] svg{width:14px;height:14px}
.room-tour [data-motion][aria-pressed=true] .pause-icon,.room-tour [data-motion][aria-pressed=false] .play-icon{display:none}
.room-tour [data-motion][hidden]{display:none}
.room-tour :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:6px}
.room-tour .room-loader{display:none}
.room-tour [data-video-error=true] .room-loader{display:block;position:absolute;z-index:6;inset:auto 40px 88px auto;opacity:1;visibility:visible;background:none}
.room-tour [data-room-retry]{display:block;min-height:44px;background:#f7f5f1;color:#242923;border:1px solid #b2b8af;padding:10px 16px;border-radius:4px;font-size:12px}
.page-index:has(.room-tour) .catalog{background:#f7f5f1;backdrop-filter:none;scroll-margin-top:82px}
.page-index:has(.room-tour):not(.shopping) .site-header{background:transparent;color:#fff;text-shadow:0 1px 10px #0003}
.page-index:has(.room-tour) .site-header{transition:background .25s ease-out,color .25s ease-out}

.page-index:has(.room-tour) .wordmark{font-size:18px;letter-spacing:.18em}
.page-index:has(.room-tour),.page-index:has(.room-tour) *{cursor:auto}
.page-index:has(.room-tour) :is(a,button,[role=button]),.page-index:has(.room-tour) :is(a,button,[role=button]) *{cursor:pointer}
.page-index:has(.room-tour) :is(input,textarea){cursor:text}
@media(max-width:899px){
 .page-index .room-tour .hero-word{top:15%;left:7%;max-width:86%}
 .room-tour .hero-word h1{font-size:clamp(34px,10vw,54px);letter-spacing:.1em}
 .room-tour .hero-word p{font-size:12px;margin-top:10px;max-width:230px}
 .room-tour .room-controls{left:24px;right:24px;bottom:max(26px,env(safe-area-inset-bottom))}
 .room-tour [data-motion]{padding:10px}
 .room-tour [data-motion-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .room-tour .room-light{display:none}
 .room-tour .room-video,.room-tour .hero-poster img{object-position:50% 50%}
 .room-tour [data-video-error=true] .room-loader{right:24px;bottom:84px}
}
@media(max-height:520px) and (orientation:landscape){.page-index .room-tour .hero-word{top:23%}.room-tour .hero-word h1{font-size:36px}.room-tour .room-controls{bottom:18px}}
@media(prefers-reduced-motion:reduce){.room-tour .room-video,.room-tour .room-light{display:none}.room-tour *{scroll-behavior:auto!important;transition:none!important}.room-tour .hero-poster{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.room-tour .room-exit{display:none}
.page-index:has(.room-tour) .catalog{margin-top:-40svh;background:#f7f5f1;backdrop-filter:none}
.page-index:has(.room-tour) .catalog::before{content:none}
@media(max-width:899px) and (orientation:portrait){
 .room-tour .room-video,.room-tour .hero-poster{inset:0;height:100%;width:100%;border:0;border-radius:0}
 .room-tour .room-video,.room-tour .hero-poster img{object-fit:cover;object-position:50% 50%}
 .page-index .room-tour .hero-word{top:21%;color:#fff}
 .room-tour .room-controls{bottom:max(28px,env(safe-area-inset-bottom));color:#fff}
}