/* Marketing only: do not alter the reservation or admin UI. */
html[data-hub-surface="marketing"]{--hub-light-background:#f7f8f3;scroll-behavior:smooth}
html[data-hub-surface="marketing"],html[data-hub-surface="marketing"] body{background-color:var(--hub-light-background)}
.hubSkipLink{position:fixed;top:8px;left:8px;z-index:10000;padding:12px 18px;background:#fff;color:#111;border:2px solid #00964e;border-radius:6px;transform:translateY(-180%)}
.hubSkipLink:focus{transform:translateY(0)}
html[data-hub-surface="marketing"] :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #145fba;outline-offset:4px}
html[data-hub-surface="marketing"] [id]{scroll-margin-top:24px}
.heroCard .visitShortcut{padding:16px 18px;border:1px solid rgba(255,255,255,.65);border-radius:12px;font-size:18px;line-height:1.5}
.heroCard .journeyHelp{margin-top:24px;font-size:18px}
.hubMarketingFaq{border-bottom:1px solid #ccd6cf;padding:18px 0}
.hubMarketingFaq summary{font-size:20px;line-height:1.45;font-weight:900;cursor:pointer}
.copy .hubMarketingFaq p{font-size:18px;line-height:1.6;margin:16px 0 0}
.hubMarketingFaq a{text-decoration:underline;text-underline-offset:3px}
.hubVideoToggle{position:absolute;right:16px;bottom:16px;z-index:3}
.hubMediaToggle{position:relative;display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.hubMediaToggle::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#1119}
.hubMediaToggle::after{content:"";position:relative;width:12px;height:12px;background:linear-gradient(to right,currentColor 0 4px,transparent 4px 8px,currentColor 8px 12px)}
.hubMediaToggle[data-paused="true"]::after{width:11px;height:13px;margin-left:2px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.hubMediaToggle:hover::before{background:#111c}
.hubMediaToggle:focus-visible{outline:2px solid #ffe066;outline-offset:2px}
.hubVideoToggle.hubMediaToggle{position:absolute}
@media(prefers-reduced-motion:reduce){html[data-hub-surface="marketing"],html[data-hub-surface="marketing"] *,html[data-hub-surface="marketing"] *::before,html[data-hub-surface="marketing"] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
