/* =====================================================================
   Liwathon B.O.S. page: page-specific additions for design direction A.
   Linked after site.css. Since the 14 Oct (evening) revision the page uses
   the same components as Liwathon E.O.S. (stats--wide key figures,
   services--stack for the Sea Island, terminal-layout storage summary,
   modes for connections, services--4, community-teaser), so only photo
   crops remain here. Every rule is scoped to a bos-* class.
   ===================================================================== */

/* ---------------------------------------------------------------- hero crop
   hero-bos-domes (4:3 drone shot, the same photo as the Home hero's B.O.S. slide).
   Below 1024 px the frame is portrait: centre on the domes. From 1024 px the frame
   is wide: drop a little to keep the front domes under the text. */
.bos-hero { --pos: 50% 50%; }
@media (min-width: 1024px) { .bos-hero { --pos: 50% 62%; } }

/* ---------------------------------------------------------------- storage tiles
   bos-04: keep the domes, push the open-top tank in the background out of frame. */
.bos-tile-gate img { object-position: 40% 70%; }

/* ---------------------------------------------------------------- banner (bos-02)
   Round 6 fixes: the shoreline panorama from the sea (2.66:1) replaces the bos-05
   dome close-up, so the page no longer repeats the same aerial of domed tanks.
   From 768 px the 2.7:1 band shows the whole frame; below 768 px a <picture>
   source serves a native 4:5 crop (bos-02_shoreline-panorama-portrait) on the
   middle dome group, so no object-position is needed. */
.bos-banner img { object-position: 50% 50%; }