/* Reference composition: sunny harbor, compact cream navigation and dock cards. */
:root{--bg:#fff8e9;--panel:#edf3e6;--text:#052a38;--muted:#506865;--mint:#087b85;--gold:#f59725;--line:#0f526526}
.nav{inset:.8vw 17% auto;height:3.8vw;min-height:43px;padding:0 1.4vw;border-radius:40px;background:#fff9ecf7;box-shadow:0 6px 23px #0a719620;gap:1.3vw}
.nav .brand{margin-right:auto}.nav .brand-mark{width:2.8vw;height:2.8vw;min-width:29px;min-height:29px;margin:0}.brand-mark svg{width:100%;height:100%}.nav .brand-word{display:none}.nav nav{font-size:clamp(10px,.9vw,14px);gap:2.2vw;white-space:nowrap}.nav nav a{display:flex;align-items:center;gap:.6vw}.nav nav a span{font-size:1.5em}.nav .btn.small{min-height:0;padding:.55vw 1vw;border-radius:9px;font-size:clamp(10px,.9vw,14px);gap:.6vw}
.hero{height:60vw;min-height:610px;max-height:1120px;padding:6.55vw 0 0;display:block}.hero-art{inset:0;background-image:url('assets/reference-harbor-clean.png'),url('assets/harbor-day.png');background-size:cover;background-position:center top}.hero-shade{background:radial-gradient(ellipse at 38% 29%,#d9f4f81a,transparent 37%)}.hero-copy{width:34%;max-width:none;margin-left:23.5%;text-align:left}.hero .eyebrow{font-size:clamp(8px,.77vw,12px);margin:0 0 .55vw .35vw;letter-spacing:.23em;font-weight:600;color:#195565}.hero h1{font-size:5.1vw;line-height:.91;letter-spacing:-.055em;margin:0 0 .7vw;color:#002330;font-weight:800}.hero h1 em{color:inherit}.hero-copy>p:not(.eyebrow){font-size:1.03vw;line-height:1.28;max-width:24vw;margin:.7vw 0 0 4.1vw;color:#193d44;font-weight:500}.hero .actions{margin:1.5vw 0 0 1.6vw;gap:.75vw}.hero .actions .btn,.hero .text-link{min-height:0;padding:.8vw 1.15vw;border-radius:8px;font-size:1vw;line-height:1.4;box-shadow:0 4px 14px #00647130}.hero .actions .btn{gap:1vw}.hero .text-link{border-color:#effff7;background:#eefff3ed}.hero .text-link span{padding-left:.6vw}.hero .prototype,.hero-vessel,.gull{display:none}.hero-bottom{left:auto;right:1.4%;bottom:1.8vw;z-index:8}.hero-bottom>span{display:none}.hero-bottom button{font-size:9px;padding:4px 9px;opacity:.9;min-height:25px}.pillar-dock{left:6.25%;right:6%;bottom:2.7vw;gap:.75vw}.pillar-dock>a{height:7.8vw;min-height:80px;padding:.7vw .8vw;border-radius:12px;gap:.8vw;background:#fff9eaf7;box-shadow:0 8px 20px #145e571e}.pillar-dock img{width:7vw;height:6.5vw;min-height:60px;object-fit:contain;flex-shrink:0}.pillar-dock strong{font-size:1.22vw;letter-spacing:-.045em;margin:0 0 .35vw}.pillar-dock span:not(.pillar-icon){font-size:.79vw;line-height:1.35;color:#59665f}.pillar-dock b{display:block;width:2.2vw;height:2.6vw;font-size:2.3vw;flex-shrink:0;background:#f6ecd8}.hero:after{height:1.4vw;min-height:14px;clip-path:polygon(0 22%,4% 65%,10% 30%,17% 65%,26% 30%,34% 76%,42% 25%,50% 67%,59% 25%,67% 69%,77% 27%,85% 68%,94% 20%,100% 62%,100% 100%,0 100%)}
.welcome{padding:10px 20px 32px;text-align:center;background:#fff8e9;position:relative}.welcome-anchor{display:block;color:#879d94;font-size:20px;line-height:1}.welcome .eyebrow{font-size:9px;margin:3px 0 7px;letter-spacing:.3em}.welcome h2{font-size:clamp(28px,3vw,46px);margin:0 0 8px}.welcome>p:last-child{font-size:14px;margin:0}.manifest{padding-top:35px}.route-art{position:relative;height:190px;margin-bottom:35px}.route-art>img{position:absolute;left:0;width:150px;height:150px;object-fit:contain}.route-art svg{position:absolute;left:18%;top:45px;width:77%;height:110px;color:#c9a35c}.route-marker{position:absolute;right:5%;top:45px;font-size:48px}.route-caption{position:absolute;left:20%;top:24px;font-size:10px;letter-spacing:.2em;color:#367f80}.economics{position:relative}.economy-prop{position:absolute;right:10%;top:55px;width:180px;height:180px;object-fit:contain}.community-crew{width:250px;height:155px;object-fit:contain;object-position:left}.hero .actions a:hover{transform:translateY(-3px)}
@media(min-width:1867px){.hero{padding-top:122px}.hero h1{font-size:95px}.hero-copy>p:not(.eyebrow){font-size:19px}}
@media(max-width:1000px) and (min-width:761px){.hero{padding-top:68px}.hero h1{font-size:52px}.hero-copy>p:not(.eyebrow){font-size:11px;max-width:250px}.hero .actions .btn,.hero .text-link{font-size:10px}.pillar-dock strong{font-size:12px}.pillar-dock span:not(.pillar-icon){font-size:8px}.hero .eyebrow{font-size:8px}}
@media(max-width:760px){.nav{inset:12px 5% auto;height:50px;padding:0 16px}.nav .brand-word{display:inline;font-size:18px;margin-left:9px}.nav .brand-mark{width:30px;height:30px}.nav .btn.small{display:none}.nav .menu{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:58px;left:0;right:0;padding:18px;font-size:14px}.nav nav.open{display:flex;flex-direction:column;gap:18px}.hero{height:910px;min-height:910px;max-height:none;padding:90px 0 0}.hero-art{background-size:auto 760px;background-position:62% 45px;background-repeat:no-repeat;background-color:#69cbea}.hero-shade{background:linear-gradient(#c3edf0bd,transparent 53%)}.hero-copy{width:88%;margin:0 auto;max-width:none;text-align:center}.hero .eyebrow{font-size:8px;margin:0 0 9px}.hero h1{font-size:clamp(47px,11vw,66px);line-height:.94;margin-bottom:13px}.hero-copy>p:not(.eyebrow){font-size:13px;max-width:290px;margin:0 auto;line-height:1.4}.hero .actions{margin:18px 0 0;justify-content:center;gap:9px;flex-direction:row}.hero .actions .btn,.hero .text-link{font-size:11px;padding:10px 12px;border-radius:8px}.pillar-dock{left:5%;right:5%;bottom:32px;grid-template-columns:1fr 1fr;gap:9px}.pillar-dock>a{height:94px;min-height:94px;padding:10px 8px;gap:7px}.pillar-dock img{width:54px;height:66px;min-height:0}.pillar-dock strong{font-size:14px;margin-bottom:5px}.pillar-dock span:not(.pillar-icon){font-size:9px}.pillar-dock b{display:none}.hero-bottom{bottom:232px;right:5%}.hero-bottom button{font-size:9px;padding:6px 10px}.welcome{padding-top:15px}.economy-prop{position:static;width:115px;height:115px;display:block;margin:-25px 0 20px}.route-art{height:150px}.route-art>img{width:110px;height:110px}.route-art svg{left:25%;width:65%}.route-caption{left:35%;font-size:8px}.route-marker{font-size:34px}.hero:after{height:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pillar-dock>a,.hero .actions a{transition:none}}
.nav-icon{width:1.45vw;height:1.45vw;min-width:14px;min-height:14px;flex-shrink:0}@media(max-width:760px){.nav-icon{width:18px;height:18px}}