/* EASTMAR visuals — image figures, bands and photographic backgrounds */
.fig{margin:0;position:relative;overflow:hidden;background:#051b2e}
.fig img{display:block;width:100%;height:100%;object-fit:cover}
.fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 22px 16px;color:rgba(255,255,255,.88);font:500 .68rem/1.4 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(0deg,rgba(3,21,35,.78),transparent)}
.visual-band{padding:0 0 110px;background:#fff}
.visual-band.on-sand{background:#fff}
.visual-band .fig{aspect-ratio:2.15/1;box-shadow:0 24px 64px rgba(5,27,46,.13)}
.fig-side{margin-top:44px;aspect-ratio:3/2;border:1px solid rgba(255,255,255,.18)}
.fig-route{margin-top:44px;border:1px solid rgba(9,40,63,.14)}
.fig-route img{height:auto}
.fig-route-wide{margin-top:52px}
.fig-route-wide img{height:auto}
.horizon-band{height:clamp(150px,20vw,260px);overflow:hidden;background:#051b2e}
.horizon-band img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
/* photographic backgrounds */
.contact{background:linear-gradient(105deg,rgba(10,48,73,.93),rgba(8,37,58,.84)),url("assets/sea-wake.jpg") center/cover no-repeat !important}
.hero::before{opacity:.5;background-position:80% 55%}
.home-hero{background:#051b2e}
.home-hero::before{opacity:.95;background-position:82% 52%}
.home-hero::after{background:linear-gradient(90deg,rgba(3,21,35,.9),rgba(3,21,35,.55) 45%,rgba(3,21,35,.08))}
@media(max-width:760px){.visual-band{padding-bottom:72px}.visual-band .fig{aspect-ratio:4/3}.fig-side{margin-top:32px}}
/* Company logo */
.brand .brand-mark{width:46px;height:23px;border:0;border-radius:0;background:url("assets/logo-mark.png") center/contain no-repeat;flex:none}
.brand .brand-mark::before,.brand .brand-mark::after{display:none}
.footer-logo{display:block;width:150px;height:auto;margin:0 0 22px}
@media(max-width:520px){.brand .brand-mark{width:38px;height:19px}}
.hero-content.shell{width:min(100% - 48px,1220px)}
.brand .brand-mark{width:62px;height:31px}
@media(max-width:520px){.hero-content.shell{width:min(100% - 34px,1220px)}.brand .brand-mark{width:46px;height:23px}}