.hk-cinema{display:block;background:#1b2018;color:#fff7e8;position:relative}.hk-cinema *{box-sizing:border-box}.hk-cinema-stage{position:relative;overflow:hidden;isolation:isolate;min-height:700px}.hk-room-layer{position:absolute;inset:0;z-index:-3;overflow:hidden}.hk-room-image{width:100%;height:100%;object-fit:cover;object-position:52% 48%;transform-origin:52% 43%;will-change:transform}.hk-cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b110bc9,transparent 75%),linear-gradient(0deg,#10170fa1,transparent 60%)}.hk-cinema-intro{position:relative;max-width:660px;padding:120px 7vw 80px;box-sizing:content-box}.hk-cinema h1,.hk-cinema h2{color:#fff7e8;font-family:Georgia,'Times New Roman',serif;font-weight:400;text-transform:none;letter-spacing:-.04em;line-height:1.04;margin:16px 0 26px}.hk-cinema h1{font-size:clamp(48px,5.8vw,86px)}.hk-cinema p{line-height:1.6}.hk-cinema-intro>p:not(.hk-cinema-kicker){max-width:390px;font-size:16px}.hk-cinema-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hk-cinema-direct{display:inline-block;color:#fff7e8;text-decoration:none;border-bottom:1px solid #d9b98a;padding:10px 0;margin-top:22px;font-size:14px}.hk-cinema-direct span{margin-left:20px}.hk-cinema-detail{position:relative;background:#182218}.hk-ornament-link{display:block;height:650px;text-align:center;background:#172016}.hk-ornament-image{width:100%;height:100%;object-fit:contain;display:block}.hk-cinema-reveal{text-align:center;padding:30px 20px 50px;background:linear-gradient(0deg,#101910,transparent)}.hk-cinema h2{font-size:clamp(32px,4vw,54px);margin-bottom:0}.hk-cinema .hk-button{background:#faf0de;color:#3c3021;border-color:#faf0de;margin-top:22px}.hk-cinema-scroll{display:none}.hk-cinema-progress{display:none}.hk-cinema a:focus-visible{outline:3px solid #fff0ce;outline-offset:5px}
.hk-cinema.is-enhanced:not(.is-reduced){height:240svh}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-stage{position:sticky;top:0;height:100svh;min-height:540px}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-intro{position:absolute;left:0;top:50%;transform:translateY(-50%);padding-top:20px;padding-bottom:20px;max-width:600px}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-detail{position:absolute;inset:0;opacity:0;pointer-events:none;background:#182218;will-change:opacity,transform}.hk-cinema.is-enhanced:not(.is-reduced) .hk-ornament-link{height:100%;width:100%}.hk-cinema.is-enhanced:not(.is-reduced) .hk-ornament-image{object-fit:contain;object-position:50% 30%;padding-bottom:100px}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-reveal{position:absolute;bottom:0;left:0;right:0;pointer-events:none;padding:80px 24px 38px;background:linear-gradient(0deg,#121b13 15%,#121b13d4 60%,transparent)}.hk-cinema-reveal a{pointer-events:auto}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-scroll{display:flex;position:absolute;left:7vw;bottom:45px;gap:18px;font-size:12px;letter-spacing:.05em;pointer-events:none}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff2d530}.hk-cinema-progress span{display:block;height:100%;background:#e4c495;transform:scaleX(0);transform-origin:left}.hk-cinema.is-reduced .hk-cinema-detail{transform:none!important}.hk-cinema.is-reduced .hk-room-image{will-change:auto}
@media(max-width:799px){.hk-cinema-stage{min-height:600px}.hk-cinema.is-enhanced:not(.is-reduced){height:215svh}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-stage{min-height:480px}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-intro{top:auto;bottom:100px;transform:none;padding:0 25px}.hk-cinema-intro{padding:160px 25px 90px;max-width:100%}.hk-cinema h1{font-size:46px;max-width:450px}.hk-cinema-shade{background:linear-gradient(0deg,#0a140be6,transparent 90%)}.hk-cinema-intro>p:not(.hk-cinema-kicker){font-size:14px;max-width:330px}.hk-cinema.is-enhanced:not(.is-reduced) .hk-ornament-image{object-fit:cover;padding:0;object-position:50% 35%}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-reveal{padding:100px 20px 38px}.hk-cinema h2{font-size:34px}.hk-cinema-kicker{font-size:10px}.hk-cinema .hk-button{font-size:14px}.hk-ornament-link{height:500px}.hk-cinema.is-enhanced:not(.is-reduced) .hk-cinema-scroll{left:25px;bottom:40px}}
@media(prefers-reduced-motion:reduce){.hk-room-image{transform:none!important;will-change:auto}.hk-cinema-detail{transform:none!important}}