/* Only concept 7/9 load this sheet. Desktop geometry stays in additional.css. */
.peek-motion{display:block;width:100%;height:100%}
.mobile-action-slot{display:none}
@media(min-width:701px){.peek-motion{display:contents}}
@media(max-width:700px){
 /* The column occludes the inside half of each person, just as on desktop. */
 .hero-7{--band:52%;height:810px;min-height:810px;max-height:none;padding:0;background:white}
 .hero-7 .blue-panel{width:var(--band);left:calc((100% - var(--band))/2);top:0;bottom:170px;z-index:2}
 .hero-7 .recruit-copy{display:contents}
 .hero-7 .recruit-role,.hero-7 h1,.hero-7 .recruit-description{position:absolute;left:calc((100% - var(--band))/2 + 12px);width:calc(var(--band) - 24px);z-index:3;color:white;text-align:center;margin:0;padding:0;min-height:0}
 .hero-7 .recruit-role{top:180px;font-size:11px;line-height:1.7;white-space:normal;letter-spacing:0}
 .hero-7 h1{top:238px;font-size:clamp(21px,6vw,28px);line-height:1.45;letter-spacing:-.06em}
 .hero-7 .recruit-description{top:328px;font-size:12px;line-height:1.9;letter-spacing:0}
 .hero-7 .recruit-ctas{position:absolute;top:660px;left:20px;width:calc(100% - 40px);z-index:4;margin:0;gap:9px}
 .hero-7 .recruit-cta{font-size:14px;min-height:48px;background:white;color:#194dbc;border:1.5px solid #245ddd;padding:12px 17px}
 .hero-7 .recruit-cta.cta-line{background:#245ddd;color:white;border-color:#245ddd}
 .hero-7 .connection-status{position:absolute;top:775px;left:20px;width:calc(100% - 40px);height:28px;z-index:4;color:#142d4d;margin:0;font-size:11px}
 .hero-7 .peek-window{overflow:hidden;z-index:1;bottom:auto;max-width:none;pointer-events:none}
 .hero-7 .peek-upper{left:calc((100% - var(--band))/2 - 105px);right:auto;top:24px;width:170px;height:190px;--entry:185px}
 .hero-7 .peek-upper .peek-person{width:170px;height:255px;rotate:-6deg;transform-origin:left top;object-position:left top;scale:1}
 .hero-7 .peek-right{left:auto;right:calc((100% - var(--band))/2 - 95px);top:330px;width:190px;height:185px;--entry:-200px}
 .hero-7 .peek-right .peek-person{width:190px;height:185px;rotate:0deg;scale:-1 1;object-position:center top;transform:none}
 .hero-7 .peek-lower{left:calc((100% - var(--band))/2 - 92px);right:auto;top:450px;width:160px;height:190px;--entry:175px}
 .hero-7 .peek-lower .peek-person{width:160px;height:220px;rotate:0deg;scale:1;object-position:center top;transform:none}
 .hero-7.motion-live .peek-person{animation:none;transform:none}
 .hero-7 .peek-motion{position:absolute;inset:0;width:100%;height:100%;transform:none}
 .hero-7.motion-live .peek-motion{animation:mobile-band-peek .85s .12s both cubic-bezier(.18,.7,.25,1)}
 .hero-7.motion-live .peek-right .peek-motion{animation-delay:.42s}
 .hero-7.motion-live .peek-lower .peek-motion{animation-delay:.72s}
 @keyframes mobile-band-peek{from{transform:translateX(var(--entry))}to{transform:translateX(0)}}
 .hero-9 .mobile-action-slot{display:block;width:100%;flex:none;position:relative;z-index:3}
 .hero-9 .mobile-action-slot .recruit-ctas{margin-top:0}
}
@media(max-width:360px){
 .hero-7{--band:52%}
 .hero-7 .recruit-role,.hero-7 h1,.hero-7 .recruit-description{left:calc((100% - var(--band))/2 + 10px);width:calc(var(--band) - 20px)}
 .hero-7 h1{font-size:21px}
 .hero-7 .recruit-description{font-size:11px}
 .hero-7 .peek-upper{left:calc((100% - var(--band))/2 - 89px);width:150px;height:185px}
 .hero-7 .peek-upper .peek-person{width:150px;height:225px}
 .hero-7 .peek-lower{left:calc((100% - var(--band))/2 - 84px);width:150px}
 .hero-7 .peek-lower .peek-person{width:150px;height:206px}
 .hero-7 .peek-right{right:calc((100% - var(--band))/2 - 90px);width:170px;height:166px}
 .hero-7 .peek-right .peek-person{width:170px;height:166px}
}
@media(prefers-reduced-motion:reduce){.hero-7 .peek-motion{animation:none!important;transform:none!important}}