.boat-gallery{padding:0;background:var(--navy);overflow:hidden}
.boat-gallery-heading{max-width:1180px;margin:0 auto;padding:62px 28px 30px;color:#fff}
.boat-gallery-heading .eyebrow{color:var(--teal)}
.boat-gallery-heading h2{margin:0;color:#fff}
.boat-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}
.boat-gallery-tile{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#0b2e4d}
.boat-gallery-tile img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .45s ease,filter .45s ease}
.boat-gallery-tile:nth-child(3) img{object-position:60% center}
.boat-gallery-tile:focus-visible{outline:3px solid var(--sun);outline-offset:-3px}
@media (hover:hover){.boat-gallery-tile:hover img{transform:scale(1.12);filter:saturate(1.08) contrast(1.03)}}
.boat-lightbox{width:min(1100px,calc(100vw - 40px));max-width:none;padding:0;border:0;background:transparent;overflow:visible}
.boat-lightbox::backdrop{background:rgb(3 24 42 / .82);backdrop-filter:blur(4px)}
.boat-lightbox-frame{position:relative;display:grid;place-items:center;max-height:calc(100vh - 40px)}
.boat-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 40px);border-radius:8px;box-shadow:0 24px 80px rgb(0 0 0 / .38)}
.boat-lightbox-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--navy);font:600 2rem/1 Arial,sans-serif;cursor:pointer;box-shadow:0 4px 18px rgb(0 0 0 / .22)}
.boat-lightbox-close:hover,.boat-lightbox-close:focus-visible{background:var(--sun)}
@media(max-width:1000px){.boat-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.boat-gallery-heading{padding:44px 22px 24px}.boat-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}