.ferry-subhead{display:flex;align-items:end;justify-content:space-between;gap:42px;margin:52px 0 20px}.ferry-subhead>div{max-width:650px}.ferry-subhead h3{margin:8px 0 0;color:var(--navy);font:600 clamp(1.8rem,3vw,2.6rem)/1.12 "Playfair Display",serif}.ferry-subhead>p{max-width:430px;margin:0;color:var(--muted)}
.ferry-travel-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ferry-travel-options article,.onboard-gallery article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 38px rgba(6,47,69,.08)}.ferry-travel-options figure,.onboard-gallery figure{position:relative;aspect-ratio:16/10;margin:0;overflow:hidden;background:#dcebed}.ferry-travel-options img,.onboard-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.ferry-travel-options article:hover img,.onboard-gallery article:hover img{transform:scale(1.035)}.ferry-travel-options figure span,.onboard-gallery figure span{position:absolute;left:15px;bottom:14px;padding:7px 11px;border-radius:30px;background:rgba(3,31,49,.86);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.1em}.ferry-travel-options article>div,.onboard-gallery article>div{padding:23px}.ferry-travel-options h3,.onboard-gallery h3{margin:0 0 10px;color:var(--navy);font:600 1.42rem "Playfair Display",serif}.ferry-travel-options p,.ferry-travel-options li,.onboard-gallery p,.onboard-gallery li{color:var(--muted);font-size:.9rem}.ferry-travel-options ul,.onboard-gallery ul{padding-left:18px;margin:14px 0 20px}.ferry-travel-options button{border:0;border-top:1px solid var(--line);background:none;width:100%;padding:14px 0 0;text-align:left;color:#087b7a;font-weight:800;cursor:pointer}.ferry-travel-options button:hover{color:var(--navy)}.onboard-title{margin-top:58px}.onboard-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.onboard-gallery figure{aspect-ratio:16/9}.onboard-gallery article>div{padding:25px}.onboard-gallery ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin-bottom:0}.onboard-gallery li{padding:6px 9px;border-radius:30px;background:#edf8f7;color:#176c6b;font-size:.76rem;font-weight:700}
@media(max-width:900px){.ferry-travel-options{grid-template-columns:1fr 1fr}.ferry-subhead{display:block}.ferry-subhead>p{max-width:680px;margin-top:12px}}
@media(max-width:640px){.ferry-travel-options,.onboard-gallery{grid-template-columns:1fr}.ferry-subhead{margin-top:42px}.ferry-travel-options figure{aspect-ratio:16/9}}