:root{--navy:#102d52;--blue:#213b76;--ink:#102b48;--muted:#587084;--paper:#f8fafc;--line:#d7e1e8;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a,summary{touch-action:manipulation}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #55bed7;outline-offset:6px}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.65}.section-shell{width:88%;max-width:1400px;margin-inline:auto}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.18em;font-weight:600}.skip-link{position:fixed;top:10px;left:15px;z-index:300;transform:translateY(-160%);padding:14px 20px;background:white;color:var(--navy)}.skip-link:focus{transform:none}
.opening{position:fixed;clip-path:inset(0 0 0);inset:0;z-index:200;background:var(--blue);display:grid;place-items:center;pointer-events:none;animation:opening-out 1s var(--ease) 1.25s forwards}.opening-inner{text-align:center;transform:translateY(-15px)}.opening-logo{width:310px;height:230px;object-fit:cover;filter:none;mix-blend-mode:normal;animation:logo-in .95s var(--ease) both}.opening-line{height:1px;width:170px;margin:10px auto 24px;background:rgba(255,255,255,.6);transform-origin:left;animation:line-in 1.05s var(--ease) both}.opening p,.opening-location{font-size:9px;letter-spacing:.3em;color:white}.opening p{animation:logo-in 1s var(--ease) .15s both}.opening-location{position:absolute;bottom:45px;left:50%;transform:translateX(-50%)}.skip-opening{position:fixed;right:6%;bottom:38px;z-index:201;background:none;color:white;font-size:12px;border:0;padding:10px}.skip-opening span{margin-left:16px}.intro-finished .opening{display:none}.intro-finished .hero-enter{animation-delay:0s!important}.intro-finished .hero-scene img{animation-delay:0s!important}@keyframes opening-out{to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes logo-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.home-header{position:absolute;inset:0 0 auto;z-index:50;height:106px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff30}.home-brand{width:142px;flex-shrink:0}.home-brand img{width:142px;height:82px;object-fit:cover;filter:none;mix-blend-mode:normal}.desktop-nav{display:flex;gap:34px;font-size:13px}.desktop-nav a{padding:13px 0;border-bottom:1px solid transparent;transition:border-color .2s}.desktop-nav a:hover{border-color:white}.header-contact{display:flex;gap:32px;align-items:center;font-size:13px;border:1px solid #ffffff70;padding:13px 20px;border-radius:2px;transition:background .2s}.header-contact:hover{background:#ffffff20}.mobile-menu{display:none}
.hero{min-height:740px;height:100svh;max-height:1150px;position:relative;isolation:isolate;overflow:hidden;background:#125381;color:white}.hero-scene,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:58% 65%;animation:scene-arrival 4.5s var(--ease) .7s both}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,27,56,.76),rgba(5,33,56,.2) 65%),linear-gradient(180deg,rgba(7,33,61,.38),transparent 32%,rgba(4,30,49,.15) 68%,rgba(4,29,48,.65))}.hero-content{padding:200px 6% 150px;position:relative;max-width:1400px;margin:auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero h1{font-size:clamp(66px,7.6vw,122px);line-height:.99;letter-spacing:-.065em;margin:25px 0 28px}.title-line{display:block;overflow:hidden;padding-bottom:8px}.title-line>span{display:block}.hero-description{font-size:16px;line-height:1.7;color:#f1f6fc}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:32px;margin-top:32px}.button{min-height:53px;padding:17px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;border:1px solid transparent;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.button-white{background:#fff;color:var(--ink)}.button-white:hover{background:#e8f3f8}.hero-text-link{font-size:13px;padding:15px 0;border-bottom:1px solid #ffffff80}.hero-text-link span{margin-left:22px}.hero-bottom{position:absolute;left:6%;right:6%;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:9px;letter-spacing:.14em}.scroll-cue{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.02em}.scroll-line{height:43px;width:1px;background:#ffffff60;position:relative;overflow:hidden}.scroll-line::after{content:"";position:absolute;inset:0;background:white;transform-origin:top;animation:line-in 1.5s var(--ease) 2.2s both}.hero-enter{animation:hero-enter 1.25s var(--ease) both}.enter-1{animation-delay:1.45s}.enter-2{animation-delay:1.55s}.enter-3{animation-delay:1.7s}.enter-4{animation-delay:1.9s}.enter-5{animation-delay:2.05s}@keyframes hero-enter{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}@keyframes scene-arrival{from{transform:scale(1.09)}to{transform:scale(1)}}
.introduction{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;padding-top:115px;padding-bottom:115px;align-items:center}.intro-heading .eyebrow{color:var(--muted);margin-bottom:25px}.intro-heading h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.045em;line-height:1.16}.intro-heading h2 span{color:#7290a3}.intro-copy{max-width:460px;font-size:15px;color:var(--muted)}.intro-copy p+p{margin-top:17px;color:var(--ink)}
.collection{padding-bottom:105px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:33px}.section-top .eyebrow{color:var(--muted);margin-bottom:18px}.section-top h2{font-size:clamp(32px,3.7vw,51px);letter-spacing:-.045em;line-height:1.12}.text-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #a7bccb;padding:12px 0;font-size:13px;white-space:nowrap}.text-link:hover{border-color:var(--ink)}.collection-track{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bacbd7 transparent;padding:0 0 20px}.boat-link{flex:0 0 calc((100% - 50px)/3);min-width:0;scroll-snap-align:start}.boat-image{aspect-ratio:1/1;overflow:hidden;background:#d8edf2}.boat-image img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease)}.boat-link:hover img{transform:scale(1.035)}.boat-label{display:flex;align-items:center;justify-content:space-between;padding:21px 0 5px;gap:12px}.boat-label small{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-bottom:8px}.boat-label h3{font-size:21px;letter-spacing:-.03em}.circle-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .25s,color .25s;flex-shrink:0}.boat-link:hover .circle-arrow{background:var(--navy);color:white;border-color:var(--navy)}.collection-controls{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:var(--muted);font-size:12px}.collection-controls>div{display:flex;align-items:center;gap:10px}.collection-position{font-size:11px;letter-spacing:.05em;margin-right:10px;font-variant-numeric:tabular-nums}.collection-controls button{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid #adc1d0;color:var(--ink);font-size:18px}.collection-controls button:hover{background:#e9eff3}.collection-controls button:disabled{opacity:.3;cursor:default}
.personalize{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff;overflow:hidden}.personalize-visual{position:relative;min-width:0}.personalize-visual>img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}.image-caption{position:absolute;inset:auto 0 0;padding:26px 7%;background:linear-gradient(transparent,rgba(3,31,50,.7));display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em}.personalize-copy{padding:12% 13%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.personalize .eyebrow{color:#b5c8db}.personalize h2{font-size:clamp(36px,4vw,61px);line-height:1.08;letter-spacing:-.045em;margin:24px 0}.personalize-copy>p:not(.eyebrow):not(.color-note){font-size:15px;line-height:1.8;color:#c8d6e4;max-width:380px}.color-story{display:flex;gap:9px;margin-top:30px}.color-story>span{width:24px;height:24px;background:var(--swatch);border-radius:50%;border:1px solid #ffffff40}.color-note{font-size:11px;letter-spacing:.08em;margin:13px 0 30px;color:#d4e0ec}
.rental{display:grid;grid-template-columns:1fr 1.1fr;gap:11%;align-items:center;padding-top:110px;padding-bottom:110px}.rental-copy .eyebrow{color:var(--muted)}.rental h2{font-size:clamp(36px,4.1vw,60px);line-height:1.08;letter-spacing:-.045em;margin:22px 0 26px}.rental-copy>p:not(.eyebrow):not(.rental-price){font-size:15px;color:var(--muted);max-width:375px;line-height:1.8}.rental-price{font-size:12px;margin:24px 0 15px}.rental-price strong{font-size:29px;font-weight:400;margin-left:8px;letter-spacing:-.04em}.rental-photo{position:relative;overflow:hidden;aspect-ratio:1/1.08}.rental-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 24px;background:linear-gradient(transparent,rgba(2,21,39,.65));color:white;font-size:9px;letter-spacing:.18em}
.contact-section{padding:76px 0 62px;background:#eaf0f5}.contact-section .eyebrow{color:var(--muted)}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:14px 0 35px}.contact-row h2{font-size:clamp(60px,8.5vw,124px);letter-spacing:-.06em;line-height:1.1}.contact-round{width:92px;height:92px;display:grid;place-items:center;background:var(--navy);color:white;border-radius:50%;font-size:36px;transition:transform .3s}.contact-round:hover{transform:rotate(45deg)}.contact-details{display:flex;gap:35px;flex-wrap:wrap;font-size:13px}.contact-details a{padding:5px 0}.contact-details a:hover{text-decoration:underline;text-underline-offset:5px}.home-footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:30px;padding-top:40px;padding-bottom:25px;font-size:11px;color:var(--muted)}.home-footer>div{display:flex;flex-direction:column;gap:12px}.home-footer strong{font-size:17px;letter-spacing:.15em;color:var(--ink);font-weight:400}.home-footer nav{display:flex;gap:28px;padding-top:8px}.photo-credit{width:100%;border-top:1px solid var(--line);padding-top:18px;font-size:9px;line-height:1.7;color:#617587}.photo-credit a{text-decoration:underline;text-underline-offset:2px}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1600px){.hero-content{max-width:none}.hero h1{font-size:132px}.hero-description{font-size:18px}}
@media(max-width:1000px){.desktop-nav{gap:22px}.header-contact{gap:16px;padding:12px 15px}.hero-content{padding-top:165px}.introduction{gap:6%;padding-block:80px}.personalize-copy{padding:10%}.personalize h2{font-size:40px}.personalize-copy>p:not(.eyebrow):not(.color-note){font-size:14px}.boat-label h3{font-size:18px}.rental{gap:7%;padding-block:80px}}
@media(max-width:760px){html{scroll-padding-top:25px}.section-shell{width:88%}.home-header{height:90px;padding:0 6%}.home-brand,.home-brand img{width:122px}.home-brand img{height:76px}.desktop-nav,.header-contact{display:none}.mobile-menu{display:block}.mobile-menu summary{display:flex;align-items:center;gap:18px;cursor:pointer;font-size:12px;list-style:none;padding:17px 0}.mobile-menu summary::-webkit-details-marker{display:none}.menu-lines{width:24px;height:10px;position:relative;border-top:1px solid white;border-bottom:1px solid white}.mobile-menu[open] .menu-lines{transform:rotate(-45deg)}.mobile-menu>nav{position:absolute;top:89px;left:0;right:0;padding:25px 6% 35px;display:flex;flex-direction:column;background:var(--navy);box-shadow:0 20px 28px #001a3630}.mobile-menu>nav a{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff25;padding:18px 0;font-size:19px}.hero{min-height:690px;max-height:950px}.hero-scene img{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#062444b8,#082b473b),linear-gradient(180deg,#082b4766,transparent 40%,#07273ac2)}.hero-content{padding:145px 6% 120px;justify-content:center}.hero h1{font-size:clamp(58px,12vw,85px);margin:23px 0 24px}.hero-description{font-size:14px}.hero .eyebrow{font-size:9px;letter-spacing:.15em}.hero-actions{gap:17px;margin-top:27px}.button{font-size:12px;padding:16px 18px;gap:25px}.hero-text-link{font-size:12px}.hero-bottom{bottom:26px;align-items:flex-end}.hero-bottom>span{max-width:140px;text-align:right;font-size:8px;line-height:1.7}.scroll-cue{font-size:10px;max-width:155px;line-height:1.5;gap:12px}.scroll-line{flex-shrink:0}.introduction{grid-template-columns:1fr;gap:25px;padding-top:65px;padding-bottom:70px}.intro-heading h2{font-size:34px}.intro-heading .eyebrow{font-size:9px;margin-bottom:21px}.intro-copy{font-size:14px;max-width:100%}.section-top{display:block;margin-bottom:25px}.section-top h2{font-size:36px}.section-top .text-link{margin-top:14px}.section-top .eyebrow{font-size:9px}.collection{padding-bottom:65px}.collection-track{gap:18px;margin-right:-6.818%;padding-right:6.818%;scroll-padding-right:6.818%}.boat-link{flex-basis:82%}.boat-label h3{font-size:23px}.boat-label{padding-top:19px}.collection-controls{margin-top:13px}.collection-controls>p{font-size:10px;max-width:125px;line-height:1.5}.personalize{grid-template-columns:1fr}.personalize-visual{order:1}.personalize-copy{padding:58px 6% 52px;order:0}.personalize h2{font-size:46px;line-height:1.07}.personalize-copy>p:not(.eyebrow):not(.color-note){font-size:14px;max-width:100%}.personalize .eyebrow{font-size:9px}.personalize-visual>img{aspect-ratio:1.15/1}.rental{grid-template-columns:1fr;gap:34px;padding-block:65px}.rental h2{font-size:43px}.rental .eyebrow{font-size:9px}.rental-copy>p:not(.eyebrow):not(.rental-price){font-size:14px;max-width:none}.rental-photo{aspect-ratio:1.05/1}.contact-section{padding:55px 0 44px}.contact-row{margin:18px 0 24px}.contact-row h2{font-size:clamp(42px,9.3vw,68px)}.contact-round{width:58px;height:58px;flex-shrink:0;font-size:27px}.contact-details{gap:15px;flex-direction:column;align-items:flex-start;font-size:13px}.home-footer{gap:25px;padding-top:30px}.home-footer nav{gap:22px}.opening-logo{width:260px;height:200px}.opening-line{width:150px}.opening-location{bottom:35px}.skip-opening{bottom:20px;font-size:11px}}

/* Fleet hero: retain the entire approved photograph at every screen size. */
.hero{height:auto;min-height:0;max-height:none;aspect-ratio:1914/822;background:#102d52}
.hero-scene img{object-fit:contain;object-position:center;animation:hero-photo-in 1.6s var(--ease) .7s both}
@keyframes hero-photo-in{from{opacity:.65}to{opacity:1}}
.hero-shade{background:linear-gradient(90deg,rgba(4,24,43,.78),rgba(4,24,43,.5) 20%,transparent 43%),linear-gradient(180deg,rgba(4,24,43,.5),transparent 23%,transparent 85%,rgba(4,24,43,.28))}
.hero-content{position:absolute;inset:0 auto 0 0;width:30%;max-width:none;height:100%;margin:0;padding:115px 0 80px 4%;justify-content:flex-end}
.hero h1{font-size:clamp(38px,3.25vw,66px);margin:15px 0 15px;line-height:1.04;letter-spacing:-.05em}
.hero .eyebrow{font-size:clamp(8px,.55vw,11px);letter-spacing:.12em}
.hero-description{font-size:clamp(12px,.86vw,16px);max-width:250px;line-height:1.6}
.hero-actions{align-items:flex-start;flex-direction:column;gap:5px;margin-top:20px}
.hero-actions .button{min-height:47px;padding:14px 18px;gap:24px;font-size:12px}
.hero-text-link{font-size:12px;padding:11px 0}
.hero-bottom{left:4%;right:4%;bottom:20px}
@media(max-width:1100px){
 .home-header{background:var(--navy)}
 .hero{aspect-ratio:auto;padding-top:106px}
 .hero-scene{position:relative;inset:auto;z-index:0}
 .hero-scene img{width:100%;height:auto;object-fit:contain}
 .hero-shade{display:none}
 .hero-content{position:relative;inset:auto;width:100%;height:auto;padding:35px 6% 30px;justify-content:flex-start}
 .hero h1{font-size:clamp(48px,7vw,70px);margin:17px 0 20px}
 .hero .eyebrow{font-size:10px}
 .hero-description{font-size:15px;max-width:450px}
 .hero-actions{flex-direction:row;align-items:center;gap:25px;margin-top:24px}
 .hero-bottom{position:relative;inset:auto;padding:0 6% 28px}
 .hero-bottom>span{max-width:none}
 .scroll-line{height:27px}
}
@media(max-width:760px){
 .hero{padding-top:90px}
 .hero-content{padding-top:28px}
 .hero .eyebrow{font-size:9px}
 .hero-description{font-size:14px}
 .hero-actions{gap:14px}
 .hero-bottom>span{max-width:140px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.opening,.skip-opening{display:none!important}.hero-enter,.motion-ready .reveal{opacity:1;transform:none}.hero-scene img{transform:none}}
