/* Approved Figma: 91:164. Shared heading scale; no per-scene font sizes. */
.cinema{--cream:#f4f0e8;--navy:#172036;--lavender:#d9d0f1;--title-size:calc(11.81402439vw - 15.12195122px);position:relative;isolation:isolate;background:var(--lavender);color:var(--cream);font-family:"DM Sans",sans-serif;font-weight:500;line-height:1.4}
.cinema a{color:inherit;text-decoration:none}.cinema button{font:inherit;cursor:pointer}.cinema a,.cinema button{-webkit-tap-highlight-color:transparent}.cinema a:focus-visible,.cinema button:focus-visible,.scene-track:focus-visible{outline:3px solid var(--lavender);outline-offset:-4px}.cinematic-home>.skip{z-index:20}
.cinematic-header{position:absolute;top:24px;left:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:26px 120px 26px 5vw;pointer-events:none}.cinematic-header a{pointer-events:auto}.cinematic-brand{display:flex;align-items:center;gap:14px;width:340px;flex-shrink:0}.cinematic-brand picture{display:block;flex-shrink:0}.cinematic-brand img{display:block;object-fit:contain;background:var(--cream);border-radius:50%;width:44px;height:52px}.cinematic-brand>span{font:24px/30px "Playfair Display",serif;white-space:nowrap}.cinematic-brand small{display:block;font:500 11px/16px "DM Sans",sans-serif;letter-spacing:1.1px;margin-top:4px}.cinematic-header nav{position:absolute;left:calc(50% - 100px);display:flex;align-items:center;justify-content:space-between;width:340px;font-size:16px;line-height:26px}.cinematic-header nav a{padding:9px 0;white-space:nowrap}.cinema .cinematic-book{display:flex;align-items:center;justify-content:space-between;width:160px;min-height:52px;flex-shrink:0;border:0;border-radius:32px;padding:12px 18px;font-size:15px;line-height:22px;background:var(--cream);color:var(--navy)}.cinematic-book span{font-size:20px}.cinematic-book:hover{background:#fffaf2}
.scene-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:32px;padding:24px 96px 24px 32px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;min-height:720px;height:100svh}.scene-track::-webkit-scrollbar{display:none}.scene-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.scene{position:relative;isolation:isolate;flex:0 0 100%;height:100%;overflow:hidden;scroll-snap-align:start;background:var(--navy);border-radius:6px;box-shadow:0 18px 48px #10182b47,0 4px 12px #10182b29}.scene-art,.scene-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-art{z-index:-3;object-fit:cover;transform:translate3d(calc(var(--progress,0)*-7%),0,0) scale(1.17);will-change:transform}.scene-art.portrait{inset:0 auto auto 49.542683%;width:auto;height:100%;aspect-ratio:959/1280;object-fit:contain;transform:translate3d(calc(var(--progress,0)*-5%),0,0)}.scene-shade{z-index:-2;background:linear-gradient(180deg,#172036ad 0%,#17203699 24%,#17203680 49%,#172036c7 72%,#172036f0 100%)}.scene-1 .scene-shade{background:linear-gradient(180deg,#172036ad 0%,#17203638 24%,#1720361f 49%,#172036c2 72%,#172036f0 100%)}.scene-shade::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17203694 0%,#17203614 18%,#17203600 40%,#17203600 60%,#17203614 82%,#17203694 100%)}
.scene-heading{position:absolute;top:29.9084507%;width:100%;transform:translate3d(calc(var(--progress,0)*12%),0,0);will-change:transform;pointer-events:none}.cinema .eyebrow{position:absolute;bottom:100%;width:100%;text-align:center;font:500 16px/24px "DM Sans",sans-serif;letter-spacing:.02em;text-transform:none;margin:0 0 28px}.scene-title{font-family:"Playfair Display",serif;font-weight:400;text-align:center;font-size:var(--title-size);line-height:1.2;letter-spacing:-.02em;white-space:nowrap;margin:0;text-shadow:0 4px 24px #1720363d}.scene-copy{position:absolute;bottom:144px;left:52px;width:480px;max-width:calc(100% - 104px);font-size:18px;line-height:28px;opacity:var(--visibility,1)}.scene-copy p{margin:0 0 18px}.scene-copy a{display:inline-flex;width:200px;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid #f4f0e88c}.scene-copy a:hover{border-color:var(--cream)}.scene-copy a span{font-size:20px}.scene-index{position:absolute;bottom:144px;right:52px;font:42px/52px "Playfair Display",serif;opacity:var(--visibility,1)}.scene-index small{font:inherit}
.scene-controls{position:absolute;z-index:3;bottom:24px;left:0;width:100%;height:100px}.drag-hint{position:absolute;left:64px;top:38px;margin:0;line-height:26px;font-size:15px;white-space:nowrap}.drag-hint span{font-size:20px;margin-right:4px}.scene-picker{position:absolute;left:calc(50% - 260px);top:28px;display:flex;justify-content:space-between;align-items:stretch;width:520px;height:60px}.scene-picker button{display:flex;flex-direction:column;align-items:start;gap:5px;width:96px;height:52px;flex-shrink:0;border:0;border-bottom:1px solid transparent;background:none;color:var(--cream);padding:0;font-size:15px;line-height:22px;text-align:left}.scene-picker button[aria-pressed=true]{border-color:var(--cream)}.scene-picker button:hover{background:#f4f0e80d}.scene-picker .number{font-size:13px;line-height:18px}.step-controls{position:absolute;right:120px;top:28px;display:flex;gap:10px}.step-controls button{border:1px solid #d9d0f1a6;border-radius:50%;background:none;color:var(--cream);height:44px;width:44px;font-size:20px}.step-controls button:disabled{opacity:.3;cursor:default}.step-controls button:hover:enabled{background:#f4f0e81a}.cinema .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:901px) and (max-width:1100px){.cinematic-brand{width:240px}.cinematic-brand>span{font-size:18px}.cinematic-brand small{font-size:9px}.cinematic-header nav{left:calc(50% - 120px);width:270px;font-size:15px}.cinematic-header{gap:0}.drag-hint{display:none}.scene-picker{width:460px;left:calc(50% - 230px)}.scene-picker button{width:84px;font-size:14px}.scene-copy{width:420px}}
@media(max-width:900px){.cinema{--title-size:calc(11.53846154vw - 6px)}.cinematic-header{top:12px;padding:20px 52px 20px 32px;align-items:start;gap:0}.cinematic-brand{gap:9px;width:190px}.cinematic-brand img{width:34px;height:42px}.cinematic-brand>span{font-size:14px;line-height:20px}.cinematic-brand small{font-size:8px;line-height:12px;letter-spacing:.32px}.cinema .cinematic-book{padding:10px 12px;width:114px;font-size:13px;line-height:22px;min-height:44px}.cinematic-book span{font-size:16px}.cinematic-header nav{left:32px;top:78px;width:230px;font-size:14px;line-height:22px}.cinematic-header nav a{padding:11px 0}.scene-track{padding:12px 40px 12px 12px;gap:10px;scroll-padding-left:12px;height:100svh;min-height:760px}.scene{border-radius:4px}.scene-heading{top:42.6585366%}.cinema .eyebrow{font-size:14px;line-height:21px;letter-spacing:.02em;width:calc(100% - 44px);left:22px;margin-bottom:22px}.scene-copy{left:20px;right:20px;bottom:164px;width:285px;max-width:calc(100% - 40px);font-size:16px;line-height:24px}.scene-copy p{margin-bottom:16px}.scene-copy a{width:180px}.scene-index{top:146px;bottom:auto;right:20px;font-size:25px;line-height:32px}.scene-1 .scene-index{right:auto;left:20px}.scene-controls{bottom:12px;height:140px}.drag-hint{left:24px;top:16px;font-size:13px;line-height:22px}.scene-picker{left:24px;top:72px;width:calc(100% - 76px);height:64px;gap:6px}.scene-picker button{font-size:12px;line-height:17px;width:auto;flex:1;min-width:0;height:60px;gap:4px}.scene-picker .number{font-size:12px;line-height:16px}.step-controls{right:52px;top:12px}.scene-art.portrait{inset:16.097561% 0 auto;width:100%;height:55.016659%;aspect-ratio:auto}.scene-0 .interior{object-position:86% center}.scene-2 .interior{object-position:54.7% center}.scene-3 .interior{object-position:69% center}.scene-4 .interior{object-position:49.5% center}}
@media(max-width:380px){.cinematic-header{padding-left:24px;padding-right:48px}.cinematic-brand{width:150px;gap:7px}.cinematic-brand>span{font-size:12px}.cinematic-brand img{width:28px;height:38px}.cinematic-brand small{font-size:7px;letter-spacing:0}.cinema .cinematic-book{width:96px;font-size:12px;padding:10px}.cinematic-header nav{left:24px;width:220px}.scene-picker{left:20px;width:calc(100% - 68px);gap:4px}.scene-picker button{font-size:11px}.scene-copy{font-size:16px}.drag-hint{left:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.cinema *,.cinema *::before,.cinema *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-art{transform:scale(1.17);will-change:auto}.scene-art.portrait{transform:none}.scene-heading{transform:none;will-change:auto}}