/* Industries hub: the consolidated Industries page only. Loaded after industries.css, which the legacy industry pages still use unchanged.
   Roles, colours and buttons come from base.css and typography.css. */
html{scroll-padding-top:calc(var(--hdr) + 1.5rem)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* hero: type, then the five industry names in two columns (3 + 2), kept clear of the photograph */
.p-ind .ind-hero{height:auto;min-height:clamp(680px,54vw,820px)}
.p-ind .ind-hero .sh__c{padding-block:clamp(5rem,7vw,6.25rem) clamp(3rem,5vw,4.5rem)}
.p-ind .ind-hero .sh__t{max-width:42rem}
.p-ind .ind-hero h1{max-width:none;text-wrap:initial}
.p-ind .ind-hero h1 span{display:block}
.p-ind .ind-hero .lede{max-width:35rem}
.ind-hero__nav{margin-top:2rem;max-width:min(41rem,50vw)}
.ind-hero__nav ul{border-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:clamp(1.5rem,3vw,2.5rem)}
.ind-hero__nav li{border-bottom:0;border-top:1px solid rgba(255,255,255,.3)}
.ind-hero__nav li:nth-child(3),.ind-hero__nav li:nth-child(5){border-bottom:1px solid rgba(255,255,255,.3)}
.p-ind .ind-hero__nav a{font-size:.9375rem;min-height:50px}
@media(max-width:1199px){
 .ind-hero__nav{max-width:30rem}
 .ind-hero__nav ul{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
 .ind-hero__nav li:nth-child(3){border-bottom:0}
 .ind-hero__nav li:last-child{border-bottom:1px solid rgba(255,255,255,.3)}
}
@media(max-width:900px){.p-ind .ind-hero{min-height:0}.ind-hero__nav{max-width:none;margin-top:1.75rem}}

/* industry sections: one hierarchy (number, industry name, description, four expertise areas, experience), one grid.
   The visual alternates sides; the experience statement sits at the foot of the text column, level with the foot of the visual. */
.ix{padding-block:clamp(3.5rem,7vw,6.5rem)}
.ix:focus{outline:none}
.ix--a,.ix--c{background:#fff}
.ix--b,.ix--d{background:var(--stone)}
.ix--e{background:var(--dark-sec);color:#fff}
.ix--f{background:#fff}
.ix--f .ix__m{order:-1}
.ix--f .ix__ph>img{object-position:50% 38%}

.ix__g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:stretch}
.ix--b .ix__g{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.ix--a .ix__m,.ix--c .ix__m,.ix--e .ix__m{order:-1}
.ix__b{display:flex;flex-direction:column;align-items:flex-start}
.ix__n{display:block;color:var(--red);font-size:var(--ty-meta);font-weight:var(--ty-meta-w);letter-spacing:var(--ty-meta-ls)}
.ix--e .ix__n{color:#ff8c8f}
.ix__h{margin:.6rem 0 0;max-width:15em;color:var(--ink);font-size:var(--ty-h2);font-weight:var(--ty-h2-w);line-height:var(--ty-h2-lh);letter-spacing:var(--ty-h2-ls);text-wrap:balance}
.ix--e .ix__h{color:#fff}
.ix__d{margin:1.25rem 0 0;max-width:32rem;color:var(--ink-2);font-size:var(--ty-lede);line-height:var(--ty-lede-lh)}
.ix--e .ix__d{color:#d9d3c8}
.ix__x{list-style:none;margin:clamp(1.5rem,2.8vw,2.25rem) 0 0;padding:0;width:100%;max-width:32rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;border-top:1px solid var(--ink)}
.ix__x li{padding:.85rem 0;border-bottom:1px solid var(--line-2);font-size:var(--ty-body);line-height:1.4;color:var(--ink)}
.ix--e .ix__x{border-top-color:rgba(255,255,255,.5)}
.ix--e .ix__x li{border-bottom-color:rgba(255,255,255,.18);color:#fff}
.ix__ev{margin:auto 0 0;padding:clamp(1.75rem,3vw,2.5rem) 0 0 1rem;position:relative;max-width:32rem;color:var(--ink);font-size:var(--ty-body);line-height:1.55}
.ix__ev::before{content:"";position:absolute;left:0;bottom:0;top:clamp(1.75rem,3vw,2.5rem);width:2px;background:var(--red)}
.ix__ev .meta{display:block;margin-bottom:.3rem;color:var(--ink-3);text-transform:uppercase}
.ix--e .ix__ev{color:#fff}.ix--e .ix__ev::before{background:#ff8c8f}.ix--e .ix__ev .meta{color:rgba(255,255,255,.62)}

/* the visual fills the height of the text column */
.ix__m{display:flex;min-width:0}
.ix__ph{position:relative;margin:0;overflow:hidden;width:100%;min-height:clamp(340px,34vw,520px);background:var(--stone-2)}
.ix__ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ix--a .ix__ph>img{object-position:72% 50%}
.ix--d .ix__ph>img{object-position:50% 50%}
.ix--e .ix__ph>img{object-position:30% 50%}
/* HawkEye: the approved test-data screen, shown large on a laptop; the image's white ground blends into the section */
.ix__dev{margin:0;width:100%;display:flex;align-items:center;justify-content:center}
.ix__dev img{display:block;width:100%;max-width:700px;height:auto;mix-blend-mode:multiply}

@media(max-width:1100px){.ix__ph{min-height:clamp(300px,40vw,420px)}}
@media(max-width:900px){
 .ix__g,.ix--b .ix__g{grid-template-columns:minmax(0,1fr);gap:2rem}
 .ix__m,.ix--a .ix__m,.ix--c .ix__m,.ix--e .ix__m{order:-1}
 .ix__h{max-width:none}
 .ix__ph{min-height:0;aspect-ratio:3/2}
 .ix__dev{justify-content:flex-start}
 .ix__ev{margin-top:0}
}
@media(max-width:560px){.ix__x{grid-template-columns:minmax(0,1fr)}}