/* OXSEA boat owners: home photography and identity, with an equipment-led story. */
.boat-page{--boat-white:#fff;--boat-teal:#063d4b;--boat-pale:#cde9e8;--boat-studio:#eef0f0}
.boat-page #main{background:var(--boat-white);color:var(--ink)}
:where(.boat-page #main) h1,:where(.boat-page #main) h2,:where(.boat-page #main) h3,:where(.boat-page #main) p,:where(.boat-page #main) figure{margin:0}
:where(.boat-page #main) h1,:where(.boat-page #main) h2{font-weight:650;letter-spacing:-.055em;line-height:1.07;text-wrap:balance}
:where(.boat-page #main) h2{font-size:clamp(34px,3.7vw,64px)}
:where(.boat-page #main) p{line-height:1.75}:where(.boat-page #main) .text-link{font-size:14px;font-weight:650}
.boat-page .button{min-height:54px;font-size:14px;font-weight:700;justify-content:center}
.boat-page .button-primary{color:#080d10;background:var(--accent)}
.boat-page a:focus-visible,.boat-page button:focus-visible,.boat-page summary:focus-visible{outline:3px solid #168ca4;outline-offset:5px}
.boat-space{padding:clamp(70px,7vw,126px) var(--gutter)}
.boat-hero{position:relative;isolation:isolate;min-height:710px;min-height:calc(100svh - 90px);display:flex;align-items:center;color:#fff;background:var(--boat-teal);overflow:hidden}
.boat-hero-picture{position:absolute;inset:0 0 0 30%;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 20%)}.boat-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center top}
.boat-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,28,36,.98),rgba(3,28,36,.93) 33%,rgba(3,28,36,.15) 60%,transparent 76%),linear-gradient(0deg,rgba(3,28,36,.35),transparent 30%)}
.boat-hero-copy{padding:65px var(--gutter);width:61%;max-width:1010px}
.boat-audience{font-size:13px;font-weight:650;margin-bottom:25px!important}
.boat-hero h1{font-size:clamp(46px,4.5vw,82px);max-width:13.5ch}
.boat-title-accent{color:var(--accent)}
.boat-hero-intro{font-size:clamp(15px,1.15vw,18px);max-width:45ch;margin:27px 0 30px!important;color:#ecf4f5}
.boat-hero-included{font-size:12px;margin-top:18px!important;display:flex;gap:8px;align-items:center}.boat-hero-included .icon{width:17px;height:17px;color:var(--accent)}
.boat-hero-caption{position:absolute;right:var(--gutter);bottom:40px;max-width:230px;text-align:right}.boat-hero-caption>span{font-size:25px;font-weight:650;letter-spacing:-.04em}.boat-hero-caption p{font-size:12px;margin-top:5px}
.boat-jump{display:flex;justify-content:center;gap:clamp(30px,7vw,110px);padding:25px var(--gutter);background:var(--bg);color:#fff;font-size:13px;font-weight:600}.boat-jump a{display:flex;align-items:center;gap:12px}.boat-jump a:last-child{color:var(--accent)}
.boat-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;align-items:center;margin-bottom:55px}.boat-heading h2{max-width:19ch}.boat-heading p{max-width:49ch;font-size:16px;color:#4b5a5d}.boat-heading .boat-emphasis{color:var(--ink);font-weight:700;margin-top:20px}
.boat-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;padding-top:35px;border-top:1px solid #d6dfdf}.boat-use-symbol{display:inline-flex;color:#066b7b;margin-bottom:19px}.boat-use-symbol .icon{width:31px;height:31px}.boat-use-grid h3{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.035em;max-width:18ch}.boat-use-grid p{font-size:14px;color:#4b5a5d;margin-top:16px}
.boat-work{display:grid;grid-template-columns:1.16fr .84fr;background:var(--boat-teal);color:#fff}.boat-work-image{align-self:center;aspect-ratio:3/2}.boat-work-image img{width:100%;height:100%;object-fit:cover;object-position:48% center}.boat-work-copy{padding:clamp(48px,5vw,94px);align-self:center}.boat-model-label{font-size:13px;font-weight:700;margin-bottom:24px!important}.boat-work-copy h2{font-size:clamp(38px,3.45vw,59px)}.boat-work-copy>p:not(.boat-model-label){font-size:15px;color:#e0eded;margin-top:24px;max-width:47ch}.boat-work-copy .boat-airtime{padding-top:23px;border-top:1px solid #ffffff36}.boat-airtime strong{color:#fff}.boat-work-copy .text-link{color:var(--accent);margin-top:28px}
.boat-refill{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.boat-refill-copy>p{font-size:16px;color:#4b5a5d;margin-top:28px;max-width:48ch}.boat-power-source{display:flex;align-items:flex-start;gap:18px;margin-top:30px}.boat-power-source>.icon{flex:none;margin-top:3px;color:#066b7b}.boat-power-source h3{font-size:18px;letter-spacing:-.02em}.boat-power-source p{font-size:14px;color:#4b5a5d;max-width:46ch;margin-top:7px}.boat-refill-copy>.text-link{margin-top:30px}.boat-refill-visual{background:var(--boat-studio);border-radius:6px;overflow:hidden}.boat-refill-visual>img{width:100%;height:auto;mix-blend-mode:multiply}.boat-refill-visual figcaption{display:grid;grid-template-columns:1fr 1fr;padding:25px 30px 32px;gap:20px}.boat-refill-visual figcaption>span{font-size:12px;color:#4b5a5d}.boat-refill-visual figcaption strong{display:block;font-size:20px;letter-spacing:-.04em;color:var(--ink);margin-bottom:5px}
.boat-packs{background:#f2f5f5;scroll-margin-top:90px}.boat-pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.boat-pack{background:#fff;display:flex;flex-direction:column;border:1px solid #dce4e4;border-radius:6px;overflow:hidden}.boat-pack-label{padding:17px 30px;font-size:13px;font-weight:700;border-bottom:1px solid #dce4e4;background:#e8eeee}.boat-pack[data-boat-pack=ox1000] .boat-pack-label{background:var(--boat-teal);color:#fff}.boat-pack-image{display:block;background:var(--boat-studio)}.boat-pack-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}.boat-pack-copy{padding:32px;display:flex;flex:1;flex-direction:column}.boat-pack h3{font-size:clamp(23px,2.15vw,34px);font-weight:700;letter-spacing:-.045em;line-height:1.18}.boat-pack-purpose{font-size:17px;font-weight:700;margin-top:23px!important}.boat-pack-purpose+p{font-size:14px;color:#4b5a5d;margin-top:9px;max-width:49ch}.boat-pack-spec{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 24px;padding:22px 0;border-block:1px solid #dce4e4;font-size:12px;color:#4b5a5d}.boat-pack-spec strong{font-size:27px;letter-spacing:-.05em;color:var(--ink);margin:0 4px}.boat-pack-spec>span:last-child{font-size:20px;color:var(--ink);white-space:nowrap}
.boat-page .boat-pack ul,.boat-page .boat-ultimate ul{padding:0;margin:0 0 28px;list-style:none;display:grid;gap:12px;font-size:13px}.boat-page .boat-pack li,.boat-page .boat-ultimate li{display:flex;align-items:center;gap:12px}.boat-page li .icon{width:17px;height:17px;flex:none;color:#087087}.boat-price{display:flex;align-items:baseline;gap:9px;margin-top:auto;margin-bottom:20px}.boat-price strong{font-size:32px;font-weight:700;letter-spacing:-.04em}.boat-price>span{font-size:12px}.boat-buy .button,.boat-pack-copy>.button{width:100%}.boat-buy [data-form-status]:empty{display:none}.boat-buy [data-form-status]{font-size:13px;margin-top:12px}.boat-stock{font-size:12px;color:#725429;margin-top:-9px!important;margin-bottom:12px!important}.boat-page .boat-pack .button-outline{border-color:#35585e;color:var(--ink)}.boat-product-link{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:12px;text-align:center;text-decoration:underline;text-underline-offset:4px}.boat-product-link .icon{width:16px;height:16px;flex:none}.boat-duration-note{font-size:12px!important;color:#526365;margin-top:28px!important;max-width:115ch}
.boat-packs .boat-heading{grid-template-columns:1fr;gap:24px}
.boat-ultimate{display:grid;grid-template-columns:1.12fr .88fr;background:var(--bg);color:#fff}.boat-ultimate-image{display:flex;background:var(--boat-studio);align-items:center}.boat-ultimate-image img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}.boat-ultimate-copy{padding:clamp(44px,5vw,90px)}.boat-ultimate h2{font-size:clamp(36px,3.2vw,55px);max-width:16ch}.boat-ultimate .boat-model-label{color:var(--accent)}.boat-ultimate-copy>p:not(.boat-model-label){font-size:15px;color:#d0dada;margin-top:25px}.boat-page .boat-ultimate ul{margin-top:26px;margin-bottom:0}.boat-page .boat-ultimate li .icon{color:var(--accent)}.boat-ultimate .boat-power-note{font-size:12px!important;margin:22px 0 28px!important;color:#a5b5b7!important}.boat-ultimate .boat-price{margin-top:0}.boat-ultimate .boat-stock{color:#e4c49a}.boat-ultimate .button-outline{color:#fff;border-color:#91a6a9}.boat-ultimate .boat-buy .button{width:100%}
.boat-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.boat-faq h2{max-width:13ch}.boat-faq>div>.text-link{margin-top:28px}.boat-faq .accordion-list details{border-color:#cedada;padding:25px 0}.boat-faq .accordion-list summary{font-size:16px;line-height:1.5;letter-spacing:-.02em;font-weight:650;gap:20px}.boat-faq .accordion-list p{font-size:14px;color:#4b5a5d;line-height:1.8;margin-top:17px}.boat-faq .accordion-list details>a{display:inline-block;margin-top:13px;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:var(--boat-teal)}
.boat-page .oxsea-testimonials h2{font-weight:500}
/* Sections reused from the home keep their home typography. */
.boat-page .school-cinema{color:var(--text)}.boat-page :is(.school-cinema,.home-safety) h2{font-weight:500;letter-spacing:-.045em}.boat-page .home-safety h2{line-height:1.08}.boat-page :is(.school-cinema,.home-safety,.partners-section) .text-link{font-weight:600}
.boat-close{background:var(--boat-pale);padding:80px var(--gutter);text-align:center}.boat-close>p{font-size:16px;margin:0 auto 20px}.boat-close h2{max-width:19ch;margin:0 auto 30px}.boat-service-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 30px;margin-top:32px;font-size:12px}.boat-service-links a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1800px){.boat-hero-copy{width:55%}.boat-heading{grid-template-columns:1fr 1fr}.boat-pack-copy{padding:42px}.boat-use-grid p{font-size:16px}}
@media(max-width:1100px){.boat-hero-copy{width:66%}.boat-hero h1{font-size:55px}.boat-hero-caption{max-width:150px}.boat-heading{gap:5vw}.boat-use-grid{gap:24px}.boat-work-copy{padding:44px 30px}.boat-refill{gap:4vw}.boat-pack-copy{padding:25px}.boat-ultimate-copy{padding:40px 30px}.boat-faq{gap:6vw}}
@media(max-width:850px){.boat-hero{min-height:750px}.boat-hero-copy{width:75%}.boat-hero h1{font-size:55px}.boat-heading{grid-template-columns:1fr;gap:26px}.boat-heading h2{max-width:22ch}.boat-heading p{max-width:60ch}.boat-use-grid{grid-template-columns:1fr 1fr;gap:36px}.boat-work,.boat-refill,.boat-ultimate,.boat-faq{grid-template-columns:1fr}.boat-work-image{min-height:0;aspect-ratio:3/2}.boat-work-copy{padding:48px var(--gutter)}.boat-work-copy h2{max-width:18ch}.boat-work-copy>p:not(.boat-model-label){max-width:62ch}.boat-refill{gap:45px}.boat-refill-visual{grid-row:1}.boat-refill-copy h2{max-width:21ch}.boat-refill-copy>p{max-width:60ch}.boat-refill-visual>img{max-height:470px;object-fit:contain}.boat-refill-visual figcaption{padding-inline:40px}.boat-pack-grid{gap:20px}.boat-pack-label{padding:16px 22px;font-size:12px}.boat-pack-spec{align-items:flex-start;flex-direction:column;gap:8px}.boat-pack-copy{padding:24px}.boat-pack .button{font-size:12px;padding-inline:15px}.boat-ultimate-image img{max-height:660px}.boat-ultimate-copy{padding:48px var(--gutter);max-width:720px}.boat-ultimate h2{max-width:21ch}.boat-faq{gap:40px}.boat-faq h2{max-width:20ch}}
@media(max-width:700px){.boat-hero-copy{padding:15px 22px 42px;width:100%;max-width:none}.boat-audience{font-size:12px;margin-bottom:17px!important}.boat-hero h1{font-size:clamp(38px,9.5vw,57px);max-width:17ch;line-height:1.08}.boat-hero-intro{font-size:15px;max-width:42ch;margin:22px 0 26px!important}.boat-hero .button{width:100%}.boat-hero-included{font-size:11px;justify-content:center;gap:6px}.boat-hero-caption{display:none}.boat-jump{gap:0;justify-content:space-between;padding:20px 22px;font-size:11px}.boat-jump a:nth-child(2){display:none}.boat-jump .icon{width:18px;height:18px}.boat-space{padding:64px 22px}:where(.boat-page #main) h2{font-size:37px}.boat-heading{margin-bottom:36px}.boat-uses-intro{display:none}.boat-heading p{font-size:15px}.boat-use-grid{gap:40px 22px;padding-top:32px}.boat-use-grid h3{font-size:20px;max-width:15ch}.boat-use-grid p{display:none}.boat-use-symbol{margin-bottom:14px}.boat-use-symbol .icon{width:48px;height:48px}.boat-work-copy{padding:40px 22px 48px}.boat-work-copy h2{font-size:37px}.boat-work-copy>p:not(.boat-model-label){font-size:14px}.boat-work-image{aspect-ratio:3/2}.boat-work-image img{object-position:55% center}.boat-refill-visual figcaption{padding:15px 22px 25px;gap:12px}.boat-refill-visual figcaption>span{font-size:11px}.boat-refill-copy>p{font-size:15px}.boat-pack-grid{grid-template-columns:1fr;gap:28px}.boat-pack h3{font-size:29px}.boat-pack-copy{padding:26px 24px}.boat-pack-purpose{font-size:17px}.boat-pack-label{font-size:13px}.boat-pack-spec{flex-direction:row;align-items:center}.boat-pack .button{font-size:14px}.boat-pack-copy>p{max-width:none}.boat-duration-note{font-size:11px!important}.boat-ultimate-copy{padding:40px 22px 48px}.boat-ultimate h2{font-size:37px}.boat-ultimate-copy>p:not(.boat-model-label){font-size:14px}.boat-faq .accordion-list summary{font-size:15px}.boat-close{padding:65px 22px}.boat-close>p{font-size:14px}.boat-close .button{width:100%}.boat-service-links{gap:15px 22px}.boat-page .site-footer{padding-top:60px}}
@media(max-width:360px){.boat-use-grid{gap:36px 18px}.boat-use-grid h3{font-size:18px}.boat-hero h1{font-size:clamp(32px,10vw,36px)}:where(.boat-page #main) h2{font-size:33px}.boat-pack h3{font-size:26px}.boat-pack-spec strong{font-size:23px}.boat-product-link{font-size:11px}.boat-hero-included{font-size:10px}}
/* Desktop: the hero fills the window under the site header, without the dark jump bar. */
@media(min-width:1101px){.boat-jump{display:none}}
@media(min-width:1700px){.boat-hero{min-height:calc(100svh - 105px)}}
/* Keep the supplied photograph complete on phones and the working gesture clear on tablets. */
@media(max-width:1100px){.boat-hero{min-height:0;display:block;padding-top:0}.boat-hero-picture{position:relative;inset:auto;display:block;height:auto;aspect-ratio:4/3;mask-image:none}.boat-hero-picture img{object-position:center top}.boat-hero:after{background:linear-gradient(180deg,transparent calc(75vw - 55px),#063d4b 75vw)}.boat-hero-copy{padding-top:20px;width:100%;max-width:none}.boat-hero-caption{display:none}}
@media(min-width:701px) and (max-width:1100px){.boat-hero-picture{aspect-ratio:8/5}.boat-hero:after{background:linear-gradient(180deg,transparent calc(62.5vw - 55px),#063d4b 62.5vw)}}
@media(prefers-reduced-motion:reduce){.boat-page{scroll-behavior:auto}.boat-page *{transition:none!important}}
