/* Who it's for: audience gallery */
.who-for.who-mosaic{display:block;padding:80px var(--gutter) 64px;border-bottom:1px solid #d9d9df;background:#f7f7f9;color:#0a0a0f}
.who-mosaic .who-intro h2{font-size:clamp(42px,4.5vw,68px);max-width:none;line-height:1.06}
.who-mosaic .who-intro>p:not(.eyebrow){max-width:64ch;font-size:18px;line-height:1.6;margin:24px 0 42px;color:#464650}
.sector-mosaic{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:start}
.sector-photo{position:relative;isolation:isolate;height:auto;overflow:hidden;margin:0;background:transparent}
.sector-photo:nth-child(even){margin-top:34px}
.sector-photo::after{display:none}
.sector-photo img{width:100%;height:280px;object-fit:cover}
.sector-photo h3{position:relative;bottom:auto;left:auto;right:auto;margin-top:17px;color:#0a0a0f;font-size:clamp(19px,1.6vw,24px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.sector-photo:nth-child(1) img{object-position:center 62%}
.sector-photo:nth-child(2) img{object-position:54% center}
.sector-photo:nth-child(5) img{object-position:42% center}
.who-outro{display:flex;justify-content:flex-end;margin-top:34px}
@media(max-width:1100px) and (min-width:761px){.sector-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.sector-photo img{height:230px}.sector-photo:nth-child(even){margin-top:0}.sector-photo h3{font-size:24px}}
@media(max-width:760px){
 .who-for.who-mosaic{padding:60px 24px 48px}
 .who-mosaic .who-intro h2{font-size:clamp(34px,9vw,42px);max-width:none;text-wrap:balance}
 .who-mosaic .who-intro h2 br{display:none}
 .who-mosaic .who-intro>p:not(.eyebrow){font-size:16px;max-width:32ch;margin:22px 0 30px}
 .sector-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
 .sector-photo img{height:200px}.sector-photo:nth-child(even){margin-top:0}
 .sector-photo h3{font-size:20px;left:auto;right:auto;bottom:auto;line-height:1.2;margin-top:12px}
 .who-outro{justify-content:flex-start;margin-top:26px}
}
@media(max-width:360px){.sector-photo img{height:170px}.sector-photo h3{font-size:18px}}

/* Desktop: hover accordion */
@media(min-width:1101px) and (hover:hover) and (pointer:fine){
 .sector-mosaic{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);transition:grid-template-columns .4s cubic-bezier(.22,.68,0,1)}
 .sector-photo{min-width:0}
 .sector-photo h3{min-height:3.6em}
 .sector-photo::after{display:block;content:'';position:absolute;left:0;right:0;top:277px;height:3px;background:linear-gradient(90deg,var(--magenta),var(--violet),var(--blue),var(--teal),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,.68,0,1);pointer-events:none}
 .sector-photo:is(:hover,:focus-visible)::after{transform:scaleX(1)}
 .sector-photo:focus-visible{outline:2px solid #0074ad;outline-offset:5px}
 .sector-mosaic:has(.sector-photo:nth-child(1):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
 .sector-mosaic:has(.sector-photo:nth-child(2):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
 .sector-mosaic:has(.sector-photo:nth-child(3):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
 .sector-mosaic:has(.sector-photo:nth-child(4):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr)}
 .sector-mosaic:has(.sector-photo:nth-child(5):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr)}
 .sector-mosaic:has(.sector-photo:nth-child(6):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.65fr)}
}
@media(min-width:1101px) and (prefers-reduced-motion:reduce){
 .sector-mosaic:has(.sector-photo:is(:hover,:focus-visible)){grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .sector-mosaic,.sector-photo::after{transition:none}
}