/* pages/industry-details.css — the industry template: only what is unique to this page */

/* R03 note 1 — the page uses the shared .page-hero--compact modifier (R01,
   components-content.css). Only the focal point is per-page: this photograph is a domed
   civic building framed between two glass facades, and at a quarter of the frame the dome
   is the one thing that reads. 70% puts the lantern and the dome's shoulder inside the band;
   50% shows sky, 80% cuts the crown. Chosen by rendering 20/35/50/60/65/70/75/80 and looking
   (revisions/r03/shots/). */
.page-hero--compact .page-hero__image { object-position: 50% 70%; }

/* the Customer Need panel sits beside the sector copy, not above it */
@media (min-width: 992px) {
    .page-industry-details .split { align-items: start; }
    .page-industry-details .split .panel { position: sticky; inset-block-start: calc(var(--header-height-compact) + var(--space-2xl)); }
}