/* Same scroll-driven hotel film and title treatment as /hotels/, in house tokens. */
.hm-film{padding:0;border-top:0}
.hm-film-stage{position:relative;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);display:flex;flex-direction:column;justify-content:center;min-height:600px;overflow:hidden;background:var(--ink);color:var(--bg-card)}
.hm-film-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transform-origin:center;pointer-events:none}
.hm-film.is-live .hm-film-video{will-change:transform}
.hm-film-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 50%,transparent),color-mix(in srgb,var(--ink) 24%,transparent) 45%,color-mix(in srgb,var(--ink) 72%,transparent))}
.hm-film-heading{position:relative;z-index:2;display:grid;align-content:center;justify-items:center;gap:26px;padding:70px 6% 0;margin:0;text-align:center;font-weight:inherit;pointer-events:none}
.hm-film-title{display:flex;flex-direction:column;align-items:center}
.hm-film-kicker{font:500 .67rem/1.7 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--bg-card);opacity:.8;margin-bottom:22px}
.hm-film-line{display:block;max-width:22ch;font-size:clamp(2.2rem,4.8vw,4rem);font-weight:600;line-height:1.05;letter-spacing:-.05em;text-wrap:balance;text-shadow:0 3px 24px var(--ink)}
.hm-film-payoff{display:block;max-width:28ch;font-size:clamp(1.6rem,3.5vw,2.9rem);font-weight:600;line-height:1.13;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 3px 20px var(--ink)}
.hm-film-actions{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding:0 24px 70px;margin-top:38px;font-size:.86rem;line-height:1.7}
.hm-film-actions>a:not(.btn){color:var(--bg-card)}
.hm-film-hint,.hm-film-skip,.hm-film-progress{display:none}
.hm-film.is-live .hm-film-stage{height:min(calc(100vh - 64px),720px);height:min(calc(100dvh - 64px),720px);min-height:460px}
.hm-film.is-live .hm-film-heading{position:absolute;inset:0 0 32% 0;padding:0 6%;place-items:center}
.hm-film.is-live .hm-film-heading>span{grid-area:1/1;will-change:transform,filter,opacity}
.hm-film.is-live .hm-film-payoff{opacity:0}
.hm-film.is-live .hm-film-actions{position:absolute;top:68%;left:0;right:0;margin:0;padding:0 24px}
.hm-film.is-scrubbing .hm-film-stage{touch-action:none}
.hm-film.is-live .hm-film-hint{position:absolute;bottom:24px;left:50%;z-index:3;transform:translateX(-50%);display:flex;gap:12px;align-items:center;color:var(--bg-card);font:400 .65rem/1.7 var(--mono);text-transform:uppercase;letter-spacing:.15em;pointer-events:none;transition:opacity .3s}
.hm-film.is-started .hm-film-hint{opacity:0}
.hm-film.is-scrubbing .hm-film-skip{position:absolute;bottom:22px;right:26px;z-index:5;display:inline-flex;gap:7px;align-items:center;padding:10px 14px;color:var(--bg-card);border:1px solid color-mix(in srgb,var(--bg-card) 30%,transparent);background:color-mix(in srgb,var(--ink) 35%,transparent);border-radius:var(--r-lg);font:400 .64rem/1.7 var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(8px)}
.hm-film.is-live .hm-film-progress{position:absolute;bottom:0;left:0;right:0;z-index:5;display:block;height:2px;background:color-mix(in srgb,var(--bg-card) 18%,transparent)}
.hm-film-progress i{display:block;height:100%;background:var(--geo);transform:scaleX(0);transform-origin:left center}
.hm-film-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 28px;border-bottom:1px solid var(--a8);font:400 .6rem/1.8 var(--mono);color:var(--muted)}
.hm-film-meta nav{display:flex;gap:12px;flex-wrap:wrap}
.hm-film-lede{max-width:850px;margin:0 0 46px;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.8;color:var(--muted)}
.hm-concept-photo{margin:36px 0 0;border:1px solid var(--a10);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-card)}
.hm-concept-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hm-concept-photo figcaption{padding:13px 18px;font:400 .6rem/1.8 var(--mono);color:var(--muted)}
@media(max-width:700px){.hm-film.is-live .hm-film-stage{height:calc(100svh - 64px);min-height:560px;max-height:820px}.hm-film-line{font-size:clamp(2.1rem,7.6vw,3rem);max-width:20ch}.hm-film-payoff{font-size:clamp(1.7rem,6.8vw,2.6rem);max-width:23ch}.hm-film-kicker{font-size:.56rem;max-width:270px;letter-spacing:.07em}.hm-film.is-live .hm-film-heading{inset:0 0 36% 0}.hm-film.is-live .hm-film-actions{top:64%;flex-direction:column;gap:18px;padding:0 24px}.hm-film-actions .btn{width:auto;max-width:100%;font-size:.83rem}.hm-film.is-live .hm-film-hint{display:none}.hm-film.is-scrubbing .hm-film-skip{right:18px;bottom:20px}.hm-film-meta{padding:14px 22px;font-size:.55rem}.hm-film-heading{padding-top:50px}.hm-film-actions{padding-bottom:50px}.hm-film-lede{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.hm-film-video{transform:none!important}.hm-film-heading>span{opacity:1!important;transform:none!important;filter:none!important}.hm-film-line{font-size:clamp(2.1rem,5vw,3.4rem)}}
@media(max-width:900px) and (max-height:560px){.hm-film.is-live .hm-film-stage{height:calc(100dvh - 64px);min-height:300px;max-height:none}.hm-film.is-live .hm-film-heading{inset:0 0 44% 0}.hm-film-line{font-size:1.8rem}.hm-film-payoff{font-size:1.5rem}.hm-film-kicker{margin-bottom:12px}.hm-film.is-live .hm-film-actions{top:57%;gap:10px}.hm-film-actions .btn{font-size:.75rem;padding:10px 16px}.hm-film.is-scrubbing .hm-film-skip{bottom:12px;padding:7px 10px}}
