/* Preserve the supplied PDF's coordinates. Entry and flip use separate wrappers. */
.team-states-section{position:relative;background:#fff;color:#222;overflow:clip;aspect-ratio:1024/1792.43;margin-top:clamp(-120px,-8vw,-48px)}
.team-states-heading,.team-states-heading img{display:block;width:100%;height:auto}
.team-states-heading{position:relative}
.team-states-heading picture{display:block}
.team-states-heading .observations-logo{position:absolute;display:block;right:3%;top:50%;width:26%;height:auto;aspect-ratio:650/600;transform:translateY(-50%);pointer-events:none;z-index:1}
.team-states-viewport{position:absolute;left:0;width:100%;height:21.64441%;top:20.1654%}
.team-states-viewport-2{top:45.5133%}.team-states-viewport-3{top:70.8789%}
.team-states-row{position:relative;width:100%;height:100%}
.team-state-card{position:absolute;top:0;left:15.5901%;width:22.76357%;height:100%;perspective:1200px}
.team-state-card:nth-child(2){left:40.7559%}.team-state-card:nth-child(3){left:65.9822%}
.team-state-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.25,1)}
.team-state-card.is-flipped .team-state-turn{transform:rotateY(180deg)}
.team-state-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8%;overflow:hidden}
.team-state-front{transform:rotateY(0deg)}
.team-state-front img{display:block;width:100%;height:100%;object-fit:fill}
.team-state-back{transform:rotateY(180deg)}
.team-state-back img{display:block;width:100%;height:100%;object-fit:fill}
.team-state-flip{position:absolute;z-index:2;bottom:6.1%;right:11.7%;transform:translate(50%,50%);width:44px;height:44px;border:0;padding:6px;background:transparent;cursor:pointer;display:grid;place-items:center;color:#fff;-webkit-tap-highlight-color:transparent}
.team-state-flip span{display:grid;place-items:center;width:clamp(20px,2.58vw,40px);height:clamp(20px,2.58vw,40px);border:0;border-radius:50%;background:#f7931e;font:400 24px/1 Arial,sans-serif;transition:transform .3s}
/* Keep the white control visible over the plus embedded in the reverse artwork. */
.team-state-card.is-flipped .team-state-flip span{visibility:visible}
.team-state-flip:focus-visible{outline:2px solid #7625ad;outline-offset:2px;border-radius:50%}
@media(max-width:700px){
.team-states-section{aspect-ratio:auto;padding:48px 0;margin-top:-32px}
.team-state-flip span{width:30px;height:30px}
.team-states-heading{width:auto;margin:0 24px 36px}
.team-states-heading picture{width:80%}
.team-states-heading .observations-logo{right:0;width:16%}
.team-states-viewport{position:relative;top:auto;height:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.team-states-viewport-2,.team-states-viewport-3{top:auto;margin-top:36px}
.team-states-row{display:flex;gap:20px;width:max-content;height:auto;padding:0 24px}
.team-state-card,.team-state-card:nth-child(n){position:relative;left:auto;width:min(72vw,300px);height:auto;flex:none;aspect-ratio:233.099/387.961}
}
@media(prefers-reduced-motion:reduce){.team-state-turn,.team-state-flip span{transition:none}.team-states-row{transform:none!important}}
