/* Culture Maritime: one image and one text per front, with a single dot navigation. */
.area-deck .maritime-gallery{background:#0b2c3d;min-height:0;color:#f4f2ea}
#area-list + .deck-controls{display:none}
.areas .area-deck-tabs b{display:none}
.sea-fronts{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.sea-fronts::-webkit-scrollbar{display:none}
.sea-front{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:36px;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}
.sea-front-image{position:relative;height:400px;background:#082432}
.sea-front-image img{width:100%;height:100%;display:block;object-fit:contain}
.sea-front-image>span{position:absolute;bottom:10px;left:12px;background:#082432c9;padding:4px 7px;font-size:9px;color:#d7e1e5}
.sea-front-copy{padding:10px 18px 10px 0}
.sea-front-copy h3{font:500 clamp(30px,3.4vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-1.4px;margin:0 0 20px;color:white}
.sea-front-subtitle{font-size:19px;line-height:1.45;color:#ffab81;margin:0 0 24px}
.sea-front-text{font-size:15px;line-height:1.85;color:#d0dfe4;margin:0}
.sea-front-dots{display:flex;justify-content:center;gap:10px;padding:0 20px 22px}
.sea-front-dots button{display:grid;place-items:center;min-width:44px;height:44px;border-radius:24px}
.sea-front-dots button span{display:block;width:12px;height:12px;border-radius:8px;background:#aec4cf;transition:width .25s,background-color .25s}
.sea-front-dots [aria-current=true] span{width:30px;background:#ff6c37}
.sea-front-dots button:hover span{background:#ffe1d1}
.sea-front-dots button[aria-current=true]:hover span{background:#ff6c37}
.sea-front-dots button:focus-visible,.sea-fronts:focus-visible{outline:2px solid #ffab81;outline-offset:-3px}
@media(max-width:760px){.sea-front{grid-template-columns:1fr;grid-template-rows:240px 1fr;align-items:start;gap:24px;padding:24px}.sea-front-image{height:240px}.sea-front-copy{padding:0}.sea-front-copy h3{font-size:32px;letter-spacing:-.8px;margin-bottom:14px}.sea-front-subtitle{font-size:17px;margin-bottom:18px}.sea-front-text{font-size:14px;line-height:1.75}.sea-front-dots{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.sea-front-dots button span{transition:none}}
.sea-front-image>span{left:calc(var(--photo-x,0px) + 8px);bottom:calc(var(--photo-y,0px) + 8px);z-index:2;background:#082432b8;color:#fff;pointer-events:none}