.team-card.team-flip{perspective:1400px;padding:0;background:transparent;box-shadow:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.team-flip-inner{position:relative;width:100%;aspect-ratio:3/4.7;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.team-flip.is-flipped .team-flip-inner{transform:rotateY(180deg)}
.team-face{position:absolute;inset:0;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f2e2c1;padding:clamp(7px,1vw,14px);box-shadow:0 10px 0 #49382d23;overflow:hidden}
.team-front{display:flex;flex-direction:column;transform:rotateY(0deg)}
.team-front .team-photo{flex:1;min-height:0;aspect-ratio:auto}.team-front .team-photo img{height:100%;width:100%;object-fit:cover}
.team-front figcaption{flex:0 0 auto;min-height:40px;align-items:center!important;justify-content:space-between!important;padding-bottom:2px}.team-front .flip-hint{font:24px/1 sans-serif;opacity:.6}
.team-back{transform:rotateY(180deg);display:flex;flex-direction:column;gap:5px;color:#49382d}
.team-back h3{flex:0 0 auto;margin:0;font-size:clamp(13px,1.45vw,20px);line-height:1.15}
.team-roles{flex:0 0 auto;list-style:none;margin:0 0 6px;padding:0;font:600 clamp(11px,1.15vw,16px)/1.3 'Baloo 2',sans-serif}
.team-films{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}
.team-films img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 2px 2px #241e1a33)}
.team-flip:focus-visible{outline:3px solid #49382d;outline-offset:8px}
@media(max-width:530px){.team-face{padding:7px}.team-back{gap:3px}.team-back h3{font-size:12px}.team-roles{font-size:10px;line-height:1.15;margin-bottom:3px}.team-films{gap:4px}.team-front figcaption{min-height:32px}.team-front .flip-hint{font-size:18px}}
@media(prefers-reduced-motion:reduce){.team-flip-inner{transition:none}}
/* Definite grid rows prevent Safari from overflowing poster images. */
.team-card .team-back{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);align-content:stretch;min-height:0}.team-back .team-films{height:100%;min-height:0;overflow:hidden;align-self:stretch}.team-poster{position:relative;display:block;min-width:0;min-height:0;overflow:hidden}.team-poster>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;aspect-ratio:auto!important;margin:0!important}.flip-hint svg{display:block;width:20px;height:20px}
