/* Behaviour and accessibility only. Visual tokens/layout come from the export. */
html{scroll-padding-top:100px}body{margin:0}.preview-notice{position:fixed;bottom:8px;left:8px;z-index:100;background:#fff;color:#004357;border:1px solid #bfc8cd;border-radius:8px;padding:5px 9px;font:11px Arial,sans-serif;box-shadow:0 2px 8px #0001}.skip-link{position:fixed;left:12px;top:-80px;z-index:200;background:white;color:#004357;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #fd7f4a;outline-offset:4px}#video-toggle{width:auto;min-width:44px;padding:8px 14px;font-size:12px}#video-toggle[hidden]{display:none}.material-symbols-outlined{font-size:24px}.export-menu-toggle{display:none;color:white;background:transparent;border:1px solid #ffffff70;border-radius:8px;padding:9px 12px;min-height:44px;font-size:13px}.export-menu-toggle[hidden]{display:none}[data-pending-link]{cursor:not-allowed}.font-body-default{font-family:'Plus Jakarta Sans',sans-serif}
@media(max-width:1279px){.export-menu-toggle:not([hidden]){display:block;margin-left:auto}#primary-nav.is-open{display:flex!important;position:absolute;left:16px;right:16px;top:80px;flex-direction:column;align-items:stretch;border-radius:12px;background:#004357;padding:12px}#primary-nav.is-open a{padding:12px}}
@media(max-width:767px){header>div{gap:10px!important}header img{height:38px!important}header>div>div:last-child{gap:0!important}header [data-path="booking"]{font-size:12px;padding:10px 12px}#video-toggle{bottom:32px}.preview-notice{font-size:9px;max-width:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Owner-approved slogan: an understated brand line above the main headline. */
.hero-slogan{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;margin:0 0 16px;color:#fff;font-family:'Playfair Display',Georgia,serif;font-size:clamp(1rem,1.5vw,1.3rem);font-style:italic;font-weight:600;line-height:1.5;letter-spacing:.01em;text-shadow:0 1px 8px #00334455}
.hero-slogan::before{content:'';display:block;flex:0 0 24px;height:2px;background:#fd7f4a;border-radius:2px}
@media(max-width:480px){.hero-slogan{gap:8px;font-size:1rem}.hero-slogan::before{flex-basis:16px}}
/* Shoreline-style transition from the video into the tour content. */
.aida-hero-shoreline{position:absolute;z-index:8;left:0;right:0;bottom:-1px;height:96px;pointer-events:none}
.aida-hero-shoreline svg{display:block;width:100%;height:100%;fill:#faf7f2}
.aida-shoreline-mobile{display:none}
.aida-hero-scroll{position:absolute;z-index:20;left:50%;bottom:12px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,67,87,.14);border-radius:50%;background:#fff;color:#004357;box-shadow:0 10px 28px rgba(6,47,60,.16);transform:translateX(-50%);transition:transform .2s ease,box-shadow .2s ease}
.aida-hero-scroll:hover{transform:translateX(-50%) translateY(2px);box-shadow:0 7px 20px rgba(6,47,60,.18);text-decoration:none}
.aida-hero-scroll .material-symbols-outlined{font-size:21px}
@media(max-width:767px){
 .aida-hero-shoreline{height:62px}
 .aida-shoreline-desktop{display:none}
 .aida-shoreline-mobile{display:block}
 .aida-hero-scroll{bottom:8px;width:42px;height:42px}
}/* Keep real-content card actions aligned without fixed text heights or clipping. */
.home-tour-grid>div{min-width:0;display:flex;flex-direction:column}
.home-tour-grid>div>div:last-child{margin-top:auto}
.home-tour-grid>div:last-child{padding-bottom:25px}
.home-tour-grid>div>div:last-child>a{min-height:48px;line-height:1.4;text-align:center;white-space:normal}
/* Compact video control, with a full touch target on all screen sizes. */
#video-toggle{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;border:1px solid #ffffff80;background:#00435799;display:flex;align-items:center;justify-content:center;color:#fff}
#video-toggle:hover{background:#004357dd}
#video-toggle svg{width:20px;height:20px;pointer-events:none}
#video-toggle .video-pause-icon{display:none}
#video-toggle[data-state="playing"] .video-play-icon{display:none}
#video-toggle[data-state="playing"] .video-pause-icon{display:block}