/* Sector page · hero — crumbs + pager bar, two-tone headline, facts strip, tall photograph, "where the rules bite".
   The card overlaps the photograph's foot on wide screens, sits under it from 1180 px, and follows the facts on
   phones, where the photograph comes straight after the headline. */
.ind-sx-hero{padding-top:var(--bdh-hero-t);padding-bottom:clamp(72px,8vw,120px);overflow:hidden}
.ind-sx-hero__dots{position:absolute;top:0;right:0;width:46%;height:78%;pointer-events:none;opacity:.8;
  -webkit-mask-image:linear-gradient(to left,#000 0%,transparent 92%);mask-image:linear-gradient(to left,#000 0%,transparent 92%)}
.ind-sx-hero .wrap{position:relative}

/* the bar: breadcrumb left, sector pager right */
.ind-sx-hero__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding-bottom:18px;margin-bottom:clamp(40px,5vw,72px);border-bottom:1px solid var(--line)}
.ind-sx-hero__crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:var(--t-sm);line-height:1.4}
.ind-sx-hero__crumbs li{display:inline-flex;align-items:center;gap:10px}
.ind-sx-hero__crumbs li+li::before{content:"/";color:var(--ghost)}
.ind-sx-hero__crumbs a{display:inline-flex;align-items:center;min-height:32px;color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:5px}
.ind-sx-hero__crumbs a:hover{color:var(--ink);text-decoration-color:var(--blue)}
.ind-sx-hero__crumbs [aria-current]{color:var(--ink)}
.ind-sx-hero__pager{display:flex;align-items:center;gap:6px}
.ind-sx-hero__count{margin-right:8px;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;color:var(--faint);font-variant-numeric:tabular-nums}
.ind-sx-hero__count b{font-weight:500;color:var(--blue)}
.ind-sx-hero__step{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);
  font-size:var(--t-xs);font-weight:500;color:var(--ink);transition:border-color var(--d1) var(--e-io),color var(--d1) var(--e-io)}
.ind-sx-hero__step>[aria-hidden="true"]{font-family:var(--f);color:var(--blue)}
.ind-sx-hero__step:hover{border-color:var(--blue);color:var(--blue-d)}

/* the grid: words left, photograph right */
.ind-sx-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--bdh-gap-l);align-items:start}
.ind-sx-hero__say{display:flex;flex-direction:column;gap:22px;min-width:0}
.ind-sx-hero__head,.ind-sx-hero__body{display:flex;flex-direction:column;gap:22px;min-width:0}
.ind-sx-hero__h{max-width:15ch}
.ind-sx-hero__line{font-family:var(--f-h);font-size:clamp(1.15rem,1.75vw,1.55rem);font-weight:400;line-height:1.32;letter-spacing:-.012em;color:var(--ink);max-width:32ch}
.ind-sx-hero__lead{max-width:58ch}
.ind-sx-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}

/* facts strip */
.ind-sx-hero__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--bdh-gap);margin-top:18px;border-top:1px solid var(--ink)}
.ind-sx-hero__fact{padding:16px 0;border-bottom:1px solid var(--line);min-width:0}
.ind-sx-hero__fact dt{margin-bottom:8px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ind-sx-hero__fact dd{font-size:var(--t-sm);line-height:1.55;color:var(--ink)}
.ind-sx-hero__fact--kpi dd{font-family:var(--f-h);font-size:1.3rem;line-height:1.25;letter-spacing:-.012em}
.ind-sx-hero__fact a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:4px}
.ind-sx-hero__fact a:hover{color:var(--blue-d);text-decoration-color:var(--blue)}
.ind-sx-hero__sep{color:var(--faint)}
.ind-sx-hero__fact--fw,.ind-sx-hero__fact--kpi{grid-column:1 / -1}
.ind-sx-hero__badges{display:flex;flex-wrap:wrap;gap:6px}

/* photograph + the rules card */
.ind-sx-hero__art{position:relative;min-width:0;padding-bottom:40px}
.ind-sx-hero__fig{position:relative;margin:0}
.ind-sx-hero__img img{object-position:var(--ind-focus,50% 50%);transform-origin:50% 40%}
.ind-sx-hero__cap{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex}
.ind-sx-hero__cap .bdh-cap-chip{max-width:280px}

.ind-sx-bite{position:absolute;left:-40px;bottom:0;z-index:3;width:min(272px,78%);padding:16px 18px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--sh-2)}
.ind-sx-bite--flat{position:relative;left:auto;bottom:auto;width:100%;box-shadow:none}
.ind-sx-bite__t{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.ind-sx-bite__more{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--blue-d);letter-spacing:.1em}
.ind-sx-bite__more:hover{color:var(--ink)}
.ind-sx-bite__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line-2);font-size:var(--t-xs);color:var(--txt)}

/* entrance: a slow settle of the photograph (only once JS marks the section; finished state without it) */
.ind-sx-hero.is-anim .ind-sx-hero__img img{transform:scale(1.06);transition:transform 1.6s var(--e)}
.ind-sx-hero.is-anim.is-in .ind-sx-hero__img img{transform:none}
.ind-sx-hero.is-anim .ind-sx-bite{opacity:0;transform:translateY(14px);transition:opacity .7s var(--e) .35s,transform .7s var(--e) .35s}
.ind-sx-hero.is-anim.is-in .ind-sx-bite{opacity:1;transform:none}

/* 1180 px and down: the rules card leaves the photograph and sits under it */
@media (max-width:1180px){
  .ind-sx-hero__art{padding-bottom:0}
  .ind-sx-bite{position:relative;left:auto;bottom:auto;width:100%;margin-top:14px;box-shadow:none}
  .ind-sx-hero__cap .bdh-cap-chip{max-width:min(280px,100%)}
}
@media (max-width:1023px){
  .ind-sx-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
}
/* phones and small tablets: headline, the photograph as a 16:10 band, the words, then the rules card */
@media (max-width:860px){
  .ind-sx-hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "fig" "body" "bite";gap:26px}
  .ind-sx-hero__say,.ind-sx-hero__art{display:contents}
  .ind-sx-hero__head{grid-area:head}
  .ind-sx-hero__fig{grid-area:fig}
  .ind-sx-hero__body{grid-area:body}
  .ind-sx-bite{grid-area:bite;margin-top:0}
  .ind-sx-hero__img{aspect-ratio:16/10}
  .ind-sx-hero__h{max-width:none}
}
@media (max-width:600px){
  .ind-sx-hero__bar{flex-direction:column;align-items:flex-start}
  .ind-sx-hero__pager{width:100%}
  .ind-sx-hero__pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ind-sx-hero__count{grid-column:1 / -1;margin-right:0}
  .ind-sx-hero__step{min-width:0;min-height:48px;padding:6px 14px;justify-content:center;text-align:center;line-height:1.3}   /* names wrap, never cut */
  .ind-sx-hero__crumbs a{min-height:44px}
  .ind-sx-hero__facts{grid-template-columns:minmax(0,1fr)}
  .ind-sx-hero__cta .btn{width:100%}
  .ind-sx-bite__more{min-height:44px;min-width:44px;justify-content:flex-end}
  .ind-sx-hero__fact a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  /* the leading disciplines: evenly spaced 44 px targets, the first word still on the label's edge */
  .ind-sx-hero__leads{display:flex;flex-wrap:wrap;gap:0 4px;margin-left:-8px}
  .ind-sx-hero__leads .ind-sx-hero__sep{display:none}
  .ind-sx-hero__leads a{padding:0 8px}
}
@media (prefers-reduced-motion:reduce){
  .ind-sx-hero.is-anim .ind-sx-hero__img img,.ind-sx-hero.is-anim .ind-sx-bite{transform:none;opacity:1;transition:none}
}

/* programme 2: the flagship marker in the eyebrow, and the sub-industries as a quiet row of chips in the facts */
.ind-sx-hero__flag{display:inline-flex;align-items:center;height:22px;margin-left:12px;padding:0 9px;border:1px solid var(--blue-line);border-radius:var(--r-pill);
  background:var(--blue-wash);font-size:var(--t-lbl);letter-spacing:.1em;color:var(--blue-d)}
.ind-sx-hero__fact--subs{grid-column:1 / -1}
.ind-sx-hero__subs{display:flex;flex-wrap:wrap;gap:6px}
.ind-sx-hero__subs li{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid var(--line-3);border-radius:var(--r-pill);background:var(--paper);
  font-size:var(--t-xs);font-weight:500;line-height:1.3;color:var(--ink)}

/* touch screens (phones and tablets): 44px tap targets (integrator, responsive pass) */
@media (pointer:coarse){
  .ind-sx-hero__step{min-height:44px}
  .ind-sx-bite__more{min-height:44px;min-width:44px}
  .ind-sx-hero__fact dd a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:32px}
}