/* Keep one focal point for the still image and the animated water layer. */
.sea-background img{object-position:50% 50%}
.sea .site-header{padding-top:32px;align-items:center}
.sea .site-header>.brand{gap:16px}
.sea .brand-mark{width:86px;height:70px}
.sea .brand>span{font-size:38px;letter-spacing:-1.8px}
.sea .brand small{font-size:8px;letter-spacing:3px;margin-top:11px}
.sea .brand-options,.sea[data-logo=current] .brand-options{top:124px}
@media(min-width:1700px){
 .sea .site-header{padding-top:38px}
 .sea .brand-mark{width:100px;height:82px}
 .sea .brand>span{font-size:46px;letter-spacing:-2.2px}
 .sea .brand small{font-size:9px;letter-spacing:3.5px;margin-top:13px}
 .sea .brand-options,.sea[data-logo=current] .brand-options{top:145px}
}
@media(max-width:650px){
 .sea .site-header{padding:21px 6%;gap:14px}
 .sea .site-header>.brand{gap:9px}
 .sea .brand-mark{width:48px;height:43px}
 .sea .brand>span{font-size:27px;letter-spacing:-1.4px}
 .sea .brand small{font-size:5.5px;letter-spacing:1.8px;margin-top:8px}
 .sea .header-book{padding:12px 10px;font-size:9px;gap:8px;white-space:nowrap}
 .sea .brand-options,.sea[data-logo=current] .brand-options{top:91px}
 .sea-background img{object-position:64% 50%}
 .sea-story{height:auto}
 .sea-story .stage{position:relative;top:auto;height:100svh;min-height:620px}
 .sea-story .sea-background{transform:none}
 .sea-story .foreground{transform:none;will-change:auto}
 .sea-story .hero-copy{opacity:1;transform:none}
 .sea-story .booking-panel{position:relative;left:auto;right:auto;bottom:auto;margin:-24px 4% 0;transform:none;opacity:1;will-change:auto;scroll-margin-top:20px}
 .sea-story .scene-bottom{bottom:71px;opacity:1}
 .sea-story .stage:after{height:120px}
 .sea .after-story{padding-top:55px}
}
@media(max-width:360px){
 .sea .brand-mark{width:44px;height:40px}
 .sea .brand>span{font-size:25px}
 .sea .header-book{font-size:8px;padding:11px 8px}
 .sea .brand small{font-size:5px;letter-spacing:1.5px}
 .sea .site-header{gap:10px}
}
@media(max-width:650px) and (prefers-reduced-motion:reduce){
 .sea-story .stage{padding-top:0;padding-bottom:0}
 .sea-story .foreground{height:73%;top:27%}
 .sea-story .sea-background,.sea-story .scene-shade{height:100%}
 .sea-story .scene-bottom{top:auto}
}