/* Three separated photographs, led by a readable team portrait. */
.flow .flow-recruit__lead{max-width:44%}
.flow .flow-recruit__gallery{display:block;inset:95px 3% auto auto;width:min(51%,calc((100svh - 280px)*1.13));height:auto;aspect-ratio:1.13;margin:0;isolation:isolate}
.flow .flow-recruit__gallery .flow-recruit__photo{position:absolute;inset:var(--photo-y) auto auto var(--photo-x)!important;width:var(--photo-width)!important;height:auto!important;border-radius:8px!important;box-shadow:0 8px 26px #00000012;transform:translate3d(0,calc(var(--recruit-drift,0)*var(--photo-travel,0px)),0) rotate(var(--photo-angle,0deg))!important;transform-origin:center;grid-area:auto;will-change:transform}
.flow .flow-recruit__photo--two{--photo-x:5%;--photo-y:8%;--photo-width:55%;--photo-travel:0px;z-index:2}
.flow .flow-recruit__photo--three{--photo-x:66%;--photo-y:65%;--photo-width:34%;--photo-travel:10px;--photo-angle:-2deg;z-index:3}
.flow .flow-recruit__photo--four{--photo-x:74%;--photo-y:0%;--photo-width:24%;--photo-travel:15px;--photo-angle:2deg;z-index:1}
@media(max-width:900px){
 .flow .flow-recruit__lead{max-width:100%}
 .flow .flow-recruit__gallery{position:relative;inset:auto;width:min(100%,600px);aspect-ratio:1.13;align-self:center;margin:42px 0 15px}
}
@media(max-width:700px){
 .flow .flow-recruit__gallery{aspect-ratio:1;margin:32px 0 15px}
 .flow .flow-recruit__gallery .flow-recruit__photo{border-radius:6px!important}
 .flow .flow-recruit__photo--four{--photo-travel:7px}
 .flow .flow-recruit__photo--three{--photo-travel:5px}
}
@media(min-width:901px) and (max-height:650px){
 .flow .flow-recruit__inner{min-height:740px}
 .flow .flow-recruit__gallery{top:100px;width:45%;aspect-ratio:1.13}
}
@media(prefers-reduced-motion:reduce){
 .flow .flow-recruit__gallery .flow-recruit__photo{transform:none!important;will-change:auto}
}

/* Keep the recruitment message on its two intentional lines. */
.flow .flow-recruit__headline{white-space:nowrap}
@media(max-width:360px){.flow .flow-recruit__headline{font-size:10.5vw}}
