/* Audit fixes informed by Emil Kowalski's design-engineering and mobile skills. */
:root{--heading:RedRose,Arial,sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--ui-line:#dce1e7}
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;color-scheme:light}
h1,h2,h3,h4,#hero-title,#fleet-title,.boat-heading h3,.boat-heading h3 a{font-family:RedRose,Arial,sans-serif;font-weight:500}
.script{font-family:HighTide,RedRose,Arial,sans-serif!important;font-weight:400!important}
.boat-heading h3 a{font:inherit}
button,a,[role=button],[role=combobox],summary{touch-action:manipulation}
button,[role=button],summary{-webkit-user-select:none;user-select:none}
.button{transition:transform 120ms var(--ease-out);box-shadow:none}
.button:active{transform:scale(.97)}
.icon-button:active,.menu-toggle:active,.fleet-tabs button:active,.photo-thumbnails button:active{transform:scale(.97)}
.text-button,.inline-button,.tour-link,.back-link{min-height:44px}
.breadcrumbs>a{display:inline-flex;align-items:center;min-height:44px}
.desktop-nav>a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1301px){.contact-nav{display:inline-flex;align-items:center;min-height:44px}}
.desktop-nav a::after{right:0;transform:scaleX(0);transform-origin:left;transition:transform 160ms var(--ease-out)}
.desktop-nav a[aria-current=page]::after{transform:scaleX(1)}
.hero-boat-label>a{display:grid;place-items:center;min-width:44px;min-height:44px}
.hero-copy h1{line-height:1.1;letter-spacing:-.025em}
.hero-script{margin-left:0}
.section-heading h2,.compact-heading h2{line-height:1.25}
/* Fleet cards: quiet typography, uninterrupted photography, and precise details. */
.boat-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e4e9;padding:6px;overflow:visible;box-shadow:none;transform:none;transition:none;min-width:0}
.boat-card-link{font:inherit;color:inherit;outline-offset:5px}
.boat-card:has(.boat-card-link:focus-visible){outline:3px solid #739de0;outline-offset:5px}
.boat-image-button{position:relative;aspect-ratio:1.48;background:#edf1f5;flex:none;overflow:hidden}
.boat-image-button img{width:100%;height:100%;object-fit:cover;transition:transform 200ms var(--ease-out)}
.boat-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:22px 14px 0}
.boat-card-meta{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:13px;min-width:0}
.boat-category{font:500 12px/1.6 RedRose,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#586477;min-width:0;overflow-wrap:anywhere}
.boat-port{display:flex;gap:5px;align-items:center;flex:none;color:#586477;font:400 12.5px/1.6 var(--body)}
.boat-port>.icon{width:13px;height:13px;flex:none}
.boat-heading{display:block;min-width:0;margin:0 0 6px;min-height:29px}
.boat-heading h3{font:500 24px/1.2 RedRose,Arial,sans-serif;letter-spacing:-.015em;overflow-wrap:anywhere;color:var(--navy)}
.boat-model{font:400 14.5px/1.65 var(--body);color:#4c5665;margin:0 0 18px;min-height:48px;overflow-wrap:anywhere}
.boat-spec-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.3fr);gap:16px;margin:0;padding:18px 0;border-block:1px solid #e2e6eb;background:transparent}
.boat-spec-list>div{display:flex;flex-direction:column;min-width:0}.boat-spec-list>div+div{border-left:1px solid #e2e6eb;padding-left:16px}
.boat-spec-list dt{flex:1;font:500 11.5px/1.6 RedRose,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#586477;margin-bottom:7px}
.boat-spec-list dd{margin:0;color:var(--navy);font:500 15px/1.5 RedRose,Arial,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.boat-spec-list>div:last-child dd{font:400 13px/1.7 var(--body);color:#4c5665}
.boat-card-action{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:9px 0;margin-top:auto;color:var(--navy);background:transparent;border:0;font:500 12px/1.5 RedRose,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.boat-card-action>span:first-child{min-width:0;overflow-wrap:anywhere}
.boat-action-arrow{display:grid;place-items:center;width:44px;height:44px;background:transparent;color:var(--navy);flex:none}
.boat-card-action .icon{width:17px;height:17px;transition:transform 160ms var(--ease-out)}
.boat-image-placeholder{height:100%;min-height:200px;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;color:#526176;text-align:center}
.fleet-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px}
.fleet-count,.key-facts strong,.lobster-rate-table{font-variant-numeric:tabular-nums}
.empty-state{grid-column:1/-1;padding:44px 24px;border:1px solid var(--ui-line);background:#f7f9fb}
.empty-state h3{line-height:1.3}.empty-state p{max-width:650px;margin:16px auto 24px}.empty-state .button{margin:8px}
.fleet-tabs{padding-block:4px 8px;scroll-padding-inline:4px}.fleet-tabs button{min-height:48px;flex:none;transition:none}
.marine-select-trigger{transition:none}.marine-select-trigger>.icon{transition:transform 160ms var(--ease-out)}
.marine-select-value{white-space:normal;overflow-wrap:anywhere;line-height:1.5;text-overflow:clip}
.marine-select-panel{overscroll-behavior:contain}
.marine-select-option{min-height:52px}
.site-header{padding-top:env(safe-area-inset-top,0px)}
.nav-wrap{width:calc(100% - 96px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}
.menu-toggle,.dialog-close{width:44px;height:44px;flex:none}
.skip-link{z-index:1000}
.mobile-nav{max-height:calc(100dvh - 88px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.mobile-nav>a{min-height:48px;display:flex;align-items:center}
dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
.enquiry-dialog{padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))}
.enquiry-dialog .dialog-close{width:44px;height:44px}
.form-grid input,.form-grid textarea{scroll-margin-block:100px;line-height:1.5}
.form-error{display:block;font:400 19px/1.55 var(--body);color:#922b2b;margin-top:10px;overflow-wrap:anywhere}
.form-grid input[aria-invalid=true]{border-color:#a23030}
.floating-chat{bottom:calc(22px + env(safe-area-inset-bottom,0px));right:calc(22px + env(safe-area-inset-right,0px));min-width:52px;min-height:52px}
.footer-column>a,.footer-column>button,.social-links>a,.footer-bottom>button{min-height:44px;display:inline-flex;align-items:center;text-align:left}
.footer-main{row-gap:36px}.footer-brand>a{display:inline-flex;align-items:center;min-height:44px}
.extra-card{min-width:0}.extra-content h3,.destination-story h2,.itinerary-card h3{overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.button:hover{transform:none;box-shadow:none}.desktop-nav a:hover::after{transform:scaleX(1)}.boat-card:hover{transform:none;box-shadow:none}.boat-card:hover .boat-image-button img{transform:scale(1.02)}.boat-card:hover .boat-action-arrow>.icon{transform:translate(2px,-2px)}}
html[data-input=keyboard]{scroll-behavior:auto}
html[data-input=keyboard] *,html[data-input=keyboard] *::before,html[data-input=keyboard] *::after{transition:none!important;animation:none!important}
html[data-input=keyboard] .button:active{transform:none}
@media(max-width:1200px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:760px){.fleet-grid{grid-template-columns:minmax(0,1fr);gap:28px}.boat-body{padding:20px 12px 0}.boat-heading h3{font-size:24px}.boat-model{min-height:0;margin-bottom:18px}.boat-spec-list{gap:12px;padding:17px 0}.boat-spec-list>div+div{padding-left:12px}.boat-spec-list dd{font-size:15px}.boat-card-action{padding:9px 0;min-height:60px}.nav-wrap{width:calc(100% - 40px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.hero{height:max(740px,calc(100svh - 80px));min-height:max(740px,calc(100svh - 80px))}.hero-copy{top:40px}.hero-copy h1{font-size:clamp(34px,8.8vw,60px)}.hero-copy>p{max-width:100%}.hero-boat-label{max-width:100%;bottom:96px}.hero-bottom{bottom:28px}.hero-actions{gap:22px}.charter-finder{padding:24px 20px}.marine-select-trigger{min-height:58px}.finder-field>span{margin-bottom:8px}.confidence-strip{gap:18px}.fleet-tabs{margin-inline:-4px;padding-inline:4px;scrollbar-width:thin}.detail-subnav .container{padding-block:4px}.detail-subnav a{min-height:48px}.enquiry-dialog{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}.form-grid{gap:22px}.enquiry-header{padding-right:22px}.dialog-close{top:10px;right:10px}.photo-thumbnails button{min-height:44px}.floating-chat{bottom:calc(18px + env(safe-area-inset-bottom,0px));right:calc(18px + env(safe-area-inset-right,0px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:active,.icon-button:active,.menu-toggle:active,.photo-thumbnails button:active,.fleet-tabs button:active{transform:none}.boat-card:hover .boat-image-button img{transform:none}}

@media(max-width:360px){.boat-card-meta{gap:12px}.boat-category{font-size:12px}.boat-spec-list{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.3fr)}.boat-spec-list>div+div{padding-left:10px}.boat-spec-list dt{font-size:11.5px}.boat-spec-list dd{font-size:14px}.boat-spec-list>div:last-child dd{font-size:12.5px}}

/* Starting prices use the booklet rate for the programme and destination shown. */
.boat-pricing{padding-top:16px;margin-top:auto}
.boat-pricing .boat-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0;color:var(--navy);font:400 12px/1.6 var(--body)}
.boat-pricing .boat-price strong{font:500 18px/1.4 RedRose,Arial,sans-serif;font-variant-numeric:tabular-nums}
.boat-pricing .boat-price-basis{font:400 11.5px/1.6 var(--body);color:#586477;margin:5px 0 0;overflow-wrap:anywhere}
.boat-pricing .boat-price-note{font:400 11.5px/1.6 var(--body);color:#586477;margin:2px 0 0}
.boat-pricing .boat-price-request{font:500 15px/1.6 RedRose,Arial,sans-serif}
.boat-card:has(.boat-pricing) .boat-card-action{margin-top:5px}

/* Homepage typography refinements from the selected browser comments. */
:is(#find-destination-control,#find-guests-control,#find-program-control)>.marine-select-value{font-size:14.25px}
.finder-field select{font-size:14.25px}
.fleet-bottom>p,.fleet-bottom .inline-button{font-size:14.25px}
.destination-tag{font-size:14.25px}
.home-page #experience .section-heading{align-items:end}
.home-page .experience-intro{font-size:13.3px;line-height:1.8;color:#e0e6f0;max-width:310px;display:grid;gap:12px;border-left:1px solid #ffffff30;padding:4px 0 4px 20px}
.home-page #experience .experience-intro>p{font-size:13.3px;line-height:1.8;margin:0;color:#e0e6f0}
.home-page #experience .experience-intro>p:last-child{color:#fff}
.home-page .site-footer .footer-column>button[data-enquire]{font-size:13.5375px}
.home-page .site-footer .footer-bottom,.home-page .site-footer .footer-bottom :is(span,button){font-size:13.5375px}
@media(max-width:760px){.home-page .experience-intro{max-width:100%;width:100%;padding-left:16px}.home-page #experience .section-heading{align-items:start}}

/* Header content shares the body's container width. */
.nav-wrap{max-width:1328px;width:calc(100% - 112px)}
.contact-nav{font:500 14.25px/1.5 RedRose,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:1200px){.nav-wrap{width:calc(100% - 72px)}}
@media(max-width:950px){.nav-wrap{width:calc(100% - 48px)}}
@media(max-width:760px){.nav-wrap{width:calc(100% - 40px)}}
/* Quiet photographic transitions, with manual selection and pause controls. */
.home-page .hero-frame{opacity:0;transition:opacity 1000ms cubic-bezier(.4,0,.2,1);pointer-events:none}
.home-page .hero-frame.is-current{opacity:1}
.home-page .hero-frame img{object-position:var(--photo-position,center 53%)}
.home-page .hero-shade{background:linear-gradient(90deg,rgba(0,19,72,.78),rgba(0,19,72,.18) 72%),linear-gradient(0deg,rgba(0,19,72,.42),transparent 55%)}
.hero-featured{position:absolute;right:0;bottom:110px;width:400px;max-width:100%;z-index:2;background:rgba(0,19,72,.76);border:1px solid #ffffff50;backdrop-filter:blur(8px);padding:14px 18px 10px;color:#fff}
.hero-featured-top{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff25;padding-bottom:8px;font:500 11px/1.5 RedRose,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.hero-featured-top>span:first-child{margin-right:auto;color:#d6dfec}
.hero-slide-count{white-space:nowrap;color:#d6dfec;font-variant-numeric:tabular-nums}
.hero-play,.hero-nav-step,.hero-slide-dots button{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;color:#fff;flex:none}
.hero-play .icon{width:17px;height:17px}
.hero-featured-link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;padding:14px 0;color:#fff}
.hero-featured-link>span{min-width:0;display:flex;flex-direction:column;gap:7px}
.hero-featured-link strong{font:500 24px/1.2 RedRose,Arial,sans-serif;letter-spacing:.02em}
.hero-featured-link [data-hero-details]{font:400 13.3px/1.6 var(--body);color:#e0e6f0;overflow-wrap:anywhere}
.hero-featured-link>.icon{width:18px;height:18px}
.hero-carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff25;padding-top:5px}
.hero-nav-step>.icon{width:18px;height:18px}
.hero-prev>.icon{transform:rotate(180deg)}
.hero-slide-dots{display:flex;gap:0}
.hero-slide-dots button{font:500 11px/1 RedRose,Arial,sans-serif;color:#b7c5da;position:relative}
.hero-slide-dots button::after{position:absolute;content:"";bottom:5px;width:12px;height:2px;background:transparent}
.hero-slide-dots button[aria-pressed=true]{color:#fff}
.hero-slide-dots button[aria-pressed=true]::after{background:#fff}
.hero-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:hover) and (pointer:fine){.hero-play:hover,.hero-nav-step:hover,.hero-slide-dots button:hover{background:#ffffff12}.hero-featured-link:hover{color:#fff}}
@media(max-width:760px){.home-page .hero{height:max(840px,calc(100svh - 80px));min-height:max(840px,calc(100svh - 80px))}.hero-featured{width:100%;bottom:100px;padding:10px 14px 8px}.hero-featured-top{gap:10px}.hero-featured-link strong{font-size:22px}.hero-carousel-controls{justify-content:center}.hero-nav-step{display:none}.home-page .hero-shade{background:linear-gradient(180deg,rgba(0,19,72,.78),rgba(0,19,72,.15) 65%),linear-gradient(90deg,rgba(0,19,72,.55),transparent)}.home-page .hero-frame img{object-position:var(--photo-position-mobile,center 53%)}}
@media(max-width:380px){.home-page .hero{height:920px;min-height:920px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-frame{transition:none}}
.home-page #destinations .heading-note{color:#fff;font-size:15.2px}

/* Yacht navigation and category share one quiet line above the title. */
.yacht-masthead-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 18px;min-width:0}
.yacht-masthead-top>.breadcrumbs{padding:0;font-size:14.25px;min-width:0;margin-left:auto;justify-content:flex-end;text-transform:uppercase}
.yacht-masthead-top>.eyebrow{margin:0;font-size:20px;line-height:1.5;text-align:left;min-width:0}
@media(max-width:760px){.yacht-masthead-top{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 22px}.yacht-masthead-top>.eyebrow{max-width:100%;flex-shrink:1;text-align:left;font-size:16px}.yacht-masthead-top>.breadcrumbs{font-size:13.3px}.yacht-page .masthead-row>.back-link{margin-top:12px}}

/* Spacious, unboxed homepage hero. */
@media(min-width:761px){.home-page .hero{height:min(max(828px,56.25vw),75vh);min-height:0;max-height:75vh}}
.home-page .hero-copy{top:100px}
.home-page .hero-copy h1{font-size:clamp(48px,4.6vw,72px)}
.hero-fleet-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;color:#fff;border-bottom:1px solid #ffffff90;font:500 13px/1.5 RedRose,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.hero-fleet-link:hover{border-color:#fff}
.home-page .hero-featured{width:288px;bottom:94px;padding:0;background:none;border:0;backdrop-filter:none;text-shadow:0 1px 12px #00134880}
.home-page .hero-featured-link{padding:0 0 14px;min-height:0}
.home-page .hero-featured-link strong{font-size:28px;font-weight:400;letter-spacing:.06em}
.home-page .hero-carousel-controls{justify-content:flex-start;gap:12px;border-top:1px solid #ffffff65;padding-top:8px}
.home-page .hero-slide-count{font:400 12px/1 RedRose,Arial,sans-serif;letter-spacing:.12em;color:#fff}
.home-page .hero-play{margin-left:auto}
.home-page .hero-slide-dots{justify-content:space-between}
.home-page .hero-slide-dots button{flex:1;min-width:0;width:auto;height:28px}
.home-page .hero-slide-dots button::after{bottom:10px;height:1px;width:24px;background:#ffffff50}
.home-page .hero-slide-dots button[aria-pressed=true]::after{background:white;height:2px}
.home-page .hero-shade{background:linear-gradient(90deg,rgba(0,19,48,.52),transparent 68%),linear-gradient(0deg,rgba(0,19,48,.56),transparent 45%)}
@media(max-width:760px){
 .home-page .hero{height:max(1008px,calc(120svh - 96px));min-height:1008px}
 .home-page .hero-copy{top:60px}
 .home-page .hero-copy h1{font-size:clamp(34px,8.8vw,60px)}
 .home-page .hero-featured{width:100%;bottom:80px}
 .home-page .hero-nav-step{display:grid}
 .home-page .hero-shade{background:linear-gradient(180deg,rgba(0,19,48,.52),transparent 45%),linear-gradient(0deg,rgba(0,19,48,.75),transparent 55%)}
}
@media(max-width:380px){.home-page .hero{height:1104px;min-height:1104px}}

/* The charter finder overlaps the photograph at every screen width. */

/* Destination index cards keep a consistent 10:5 landscape ratio. */
.destination-index-grid .destination-card{height:auto;min-height:0;aspect-ratio:10 / 5}
.destination-index-grid .destination-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}


/* Fleet introduction: boats anchored off a sheltered island beach. */
.fleet-index .page-masthead{position:relative;overflow:hidden;isolation:isolate}
.fleet-index .fleet-masthead-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:-2}
.fleet-index .page-masthead::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,17,62,.8),rgba(0,17,62,.38) 65%,rgba(0,17,62,.5));z-index:-1;pointer-events:none}
.fleet-index .page-masthead>.container{position:relative}
.destination-index .page-masthead{position:relative;overflow:hidden;isolation:isolate}
.destination-index .destination-masthead-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}
.destination-index .page-masthead::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,17,62,.78),rgba(0,17,62,.28) 70%,rgba(0,17,62,.2));z-index:-1;pointer-events:none}
.destination-index .page-masthead>.container{position:relative}

/* Fleet charter invitation over the LOBSTER aerial photograph. */
.fleet-index .page-cta{position:relative;overflow:hidden;isolation:isolate}
.fleet-index .fleet-cta-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 64%;z-index:-2}
.fleet-index .page-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,17,62,.82),rgba(0,17,62,.42) 65%,rgba(0,17,62,.55));z-index:-1;pointer-events:none}
.fleet-index .page-cta>.container{position:relative}

/* Yacht identity and section navigation share one balanced row. */
.yacht-page .yacht-detail-bar>.container{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;min-height:108px;overflow:visible;padding-block:12px}
.yacht-detail-bar .yacht-detail-name{margin:0;align-self:center;font-family:var(--heading);font-size:50px;font-weight:500;letter-spacing:-.035em;line-height:1.1}
.yacht-detail-bar .yacht-switcher-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;font:inherit;letter-spacing:inherit;color:var(--navy);text-transform:uppercase;min-height:54px;padding:4px 8px 4px 0;border:0;background:transparent;gap:12px;cursor:pointer;text-align:left}
.yacht-switcher-trigger:hover,.yacht-switcher-trigger[aria-expanded="true"]{background:transparent}
.yacht-switcher-trigger>.icon{flex:none;width:18px;height:18px}
.yacht-switcher-trigger[aria-expanded="true"]>.icon{transform:rotate(180deg)}
.yacht-switcher-trigger:focus-visible,.yacht-switcher-row .yacht-switcher-boats>a:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.yacht-switcher-row{border-top:1px solid #dce1e7;background:#f6f7f8}
.yacht-switcher-row[hidden]{display:none}
.yacht-switcher-row .yacht-switcher-boats{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding-block:12px;max-height:40vh;overflow-y:auto}
.yacht-switcher-row .yacht-switcher-boats>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid transparent;font-family:var(--heading);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.035em;white-space:nowrap;color:var(--navy);text-decoration:none}
.yacht-switcher-row .yacht-switcher-boats>a:hover{border-color:#dce1e7;background:#fff}
.yacht-switcher-row .yacht-switcher-boats>a[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:#fff}
@media(max-width:600px){.yacht-switcher-row .yacht-switcher-boats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-block:8px}.yacht-switcher-row .yacht-switcher-boats>a{font-size:12px;padding-inline:4px}}
.yacht-detail-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;width:560px;max-width:100%;min-width:0}
.yacht-detail-bar .yacht-detail-links>a{position:relative;justify-content:center;text-align:center;font-family:var(--heading);font-size:12px;font-weight:500;letter-spacing:.035em;line-height:1.5;padding:12px 14px;white-space:nowrap;min-height:60px;display:flex;align-items:center}
.yacht-detail-links>a+a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:32px;width:1px;background:#dce1e7;pointer-events:none}
.yacht-detail-spec{justify-self:end;max-width:240px;text-align:right;font-family:var(--heading);font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1.6;text-transform:uppercase}
.yacht-detail-spec>span{display:block}
@media(max-width:1100px){
 .yacht-page .yacht-detail-bar>.container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px;padding-block:16px 0}
 .yacht-detail-bar .yacht-detail-name{font-size:40px}
 .yacht-detail-spec{grid-column:2;grid-row:1;font-size:11px}
 .yacht-detail-links{grid-column:1/-1;grid-row:2;justify-self:center}
}
@media(max-width:600px){
 .yacht-detail-bar .yacht-detail-name{font-size:34px}
 .yacht-detail-bar .yacht-detail-links>a{font-size:10px;padding-inline:4px;letter-spacing:.015em}
 .yacht-detail-spec{font-size:10px;max-width:180px}
}

/* Boat pages retain their section navigation while the main header scrolls away. */
.yacht-page>.site-header{position:relative;top:auto}
.yacht-page #main>.detail-subnav{position:sticky;top:0;z-index:18;background:#fff;padding-top:env(safe-area-inset-top,0px)}
html:has(.yacht-page){scroll-padding-top:16px}
.yacht-page #main [id]{scroll-margin-top:var(--yacht-nav-height,110px)}

/* Keep booking beside the yacht details, carrying the current boat forward. */
.yacht-detail-bar .yacht-detail-links{width:500px}
.yacht-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}
.yacht-detail-actions .yacht-detail-spec{flex:1;min-width:0}
.yacht-detail-bar .yacht-detail-book{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid var(--navy);font-family:var(--heading);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.04em;white-space:nowrap}
@media(max-width:1280px){
 .yacht-page .yacht-detail-bar>.container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px;padding-block:16px 0}
 .yacht-detail-actions{grid-column:2;grid-row:1}
 .yacht-detail-links{grid-column:1/-1;grid-row:2;justify-self:center}
}
@media(max-width:600px){
 .yacht-detail-actions{flex-direction:column;align-items:flex-end;gap:8px}
 .yacht-detail-bar .yacht-detail-book{min-height:44px;padding:10px 18px;font-size:12px}
}

/* Full-width boat links revealed beneath the main desktop header. */
.site-header .header-boat-menu{position:absolute;top:100%;left:0;right:0;border-bottom:1px solid #dce1e7;box-shadow:0 8px 14px #0013480a}
@media(max-width:1200px){.site-header .header-boat-menu{display:none}}