.cinema{position:relative;background:#edf2f7;isolation:isolate}.cinema-stage{position:relative;min-height:700px;height:calc(100svh - 80px);overflow:hidden;color:#14202d}.cinema.is-cinematic{height:470svh}.cinema.is-cinematic .cinema-stage{position:sticky;top:80px}.cinema-background{position:absolute;inset:0;background:#edf2f7}.cinema-word{position:absolute;inset:auto -2% 4%;font-size:clamp(150px,31vw,500px);letter-spacing:-.065em;line-height:.8;font-weight:750;color:#d7e2ec;pointer-events:none;text-align:center;opacity:.8}#product-scene{position:absolute;inset:0;pointer-events:none}#product-scene canvas{width:100%;height:100%;display:block}.cinema-fallback{position:absolute;width:56%;height:62%;object-fit:cover;right:3%;top:18%;border-radius:22px}.cinema.webgl-ready .cinema-fallback{display:none}.cinema-copy{position:absolute;left:max(48px,calc((100vw - 1280px)/2));top:15%;width:440px;max-width:37%;z-index:2}.cinema-chapter{display:none}.cinema-chapter.is-current{display:block}.cinema-chapter h1,.cinema-chapter h2{font-size:clamp(52px,5.4vw,80px);line-height:1.02;letter-spacing:-.04em;font-weight:650;margin:0 0 24px}.cinema-chapter p{font-size:16px;line-height:1.7;color:inherit;max-width:365px;margin:0 0 28px}.cinema-chapter .button{background:#0877e1;color:#fff}.cinema-link{display:inline-flex;gap:22px;align-items:center;min-height:48px;font-size:15px;font-weight:650;text-decoration:underline;text-underline-offset:6px;color:inherit}.cinema-link span{font-size:24px}.cinema-bottom{position:absolute;bottom:32px;left:max(48px,calc((100vw - 1280px)/2));right:max(48px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:end;gap:22px;z-index:3}.cinema-hint{display:flex;gap:12px;align-items:center;font-size:12px;margin:0}.cinema-hint>span{font-size:25px}.cinema-disclaimer{text-align:right;font-size:11px;line-height:1.5;margin:0;opacity:.75}.scene-navigation{display:flex;gap:6px;padding:5px;background:#ffffffd9;border-radius:30px;color:#273344}.scene-navigation button{border:0;background:transparent;color:inherit;border-radius:25px;padding:11px 15px;min-height:44px;font-size:12px;transition:background .25s,color .25s}.scene-navigation button[aria-current]{background:#182736;color:#fff}.scene-navigation button:hover{background:#dceaff;color:#14202d}.cinema-progress{height:3px;position:absolute;left:0;right:0;bottom:0;background:#aebbc326}.cinema-progress span{display:block;height:100%;background:#008cff;transform:scaleX(0);transform-origin:left}.cinema[data-scene="1"],.cinema[data-scene="2"]{background:#07111e}.cinema[data-scene="1"] .cinema-stage,.cinema[data-scene="2"] .cinema-stage{color:#eff8ff}.cinema.no-webgl{height:auto}.cinema.no-webgl .cinema-stage{position:relative;top:auto}.cinema.no-webgl .cinema-copy{background:#ffffffef;padding:24px;border-radius:16px}.cinema.no-webgl .cinema-stage{color:#14202d}.hero{padding-top:100px}.hero-copy h2{font-size:clamp(42px,5vw,68px);font-weight:650;line-height:1.05;letter-spacing:-.04em}.hero-copy{display:flex;text-align:left}.hero-intro{margin:0;max-width:43%}.hero-description{text-align:left}.room-window{height:500px}.hero-art{margin-top:40px}.cinema-static-note{font-size:12px}
@media(max-width:1000px){.cinema-stage{min-height:650px}.cinema-copy{left:28px;max-width:42%;top:13%}.cinema-chapter h1,.cinema-chapter h2{font-size:58px}.cinema-chapter p{font-size:14px}.cinema-bottom{left:28px;right:28px}.cinema-disclaimer{font-size:10px}.cinema-hint{font-size:11px}.scene-navigation button{padding:9px 12px}.hero{padding-top:75px}}
@media(max-width:760px){.cinema-stage{height:calc(100svh - 72px);min-height:670px}.cinema.is-cinematic{height:370svh}.cinema.is-cinematic .cinema-stage{top:72px}.cinema-copy{top:6%;left:22px;right:22px;width:auto;max-width:none;text-align:center}.cinema-chapter h1,.cinema-chapter h2{font-size:clamp(42px,11.6vw,64px);margin-bottom:16px}.cinema-chapter p{font-size:14px;line-height:1.6;max-width:340px;margin:0 auto 18px}.cinema-chapter .button{font-size:13px;min-height:44px;padding:12px 19px}.cinema-link{min-height:44px;font-size:13px}.cinema-word{font-size:37vw;bottom:19%}.cinema-bottom{bottom:22px;left:18px;right:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.scene-navigation{grid-column:1/-1;grid-row:1;justify-content:center;margin:auto;padding:4px}.scene-navigation button{font-size:12px;min-height:44px;padding:8px 13px}.cinema-hint{font-size:10px}.cinema-hint span{font-size:20px}.cinema-disclaimer{font-size:10px}.cinema-fallback{left:18px;right:18px;top:46%;width:calc(100% - 36px);height:30%}.hero{padding-top:65px}.hero-copy{display:block}.hero-copy h2{font-size:42px}.hero-intro{max-width:100%;margin-top:22px}.hero-description{text-align:left}.hero-art{margin-top:26px}.room-window{height:400px}}
@media(max-height:740px) and (min-width:761px){.cinema-stage{min-height:570px}.cinema-copy{top:10%}.cinema-chapter h1,.cinema-chapter h2{font-size:60px}.cinema-bottom{bottom:20px}}