.hero .hiring-photo { perspective:1400px; min-width:0; }
.hiring-card { position:relative; height:500px; transform-style:preserve-3d; transition:transform .85s cubic-bezier(.2,.65,.25,1); }
.hiring-photo.is-flipped .hiring-card { transform:rotateY(180deg); }
.hiring-front,.hiring-back { position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.hiring-front img { display:block; }
.hiring-back { transform:rotateY(180deg); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#ffe9ae; border:8px solid white; border-radius:43% 57% 44% 56% / 49% 40% 60% 51%; box-shadow:14px 14px 0 #f5a450; padding:55px 48px; color:#16305b; }
.hiring-back h2 { font-family:Fredoka,Nunito,sans-serif; font-size:clamp(1.8rem,3.2vw,2.7rem); line-height:1.12; margin:10px 0 12px; }
.hiring-back p { font-size:1.06rem; line-height:1.55; margin:0 0 22px; max-width:320px; }
.hiring-back .hiring-eyebrow { text-transform:uppercase; font-size:.78rem; letter-spacing:.12em; font-weight:900; }
.hiring-back .btn { background:#23b94f; box-shadow:5px 5px 0 #187b37; color:#fff; padding:12px 20px; font-size:1rem; }
.hiring-toggle { display:block; position:relative; margin:26px auto 0; border:0; background:transparent; color:#16305b; font:800 .95rem Nunito,sans-serif; text-decoration:underline; text-underline-offset:4px; padding:10px 16px; min-height:44px; cursor:pointer; }
.hiring-toggle:focus-visible,.hiring-back .btn:focus-visible { outline:3px solid #16305b; outline-offset:5px; }
@media(max-width:780px) {
  .hiring-card { height:360px; }
  .hero .hiring-front img { height:360px; }
  .hiring-back { padding:40px 30px; border-width:6px; box-shadow:9px 9px 0 #f5a450; }
  .hiring-back h2 { font-size:1.85rem; }
  .hiring-back p { font-size:1rem; margin-bottom:18px; }
  .hiring-back .btn { font-size:.95rem; padding:11px 14px; }
  .hiring-toggle { margin-top:14px; }
}
@media(prefers-reduced-motion:reduce) {
  .hiring-card { transition:none; transform:none!important; }
  .hiring-back { transform:none; }
  .hiring-photo:not(.is-flipped) .hiring-back,.hiring-photo.is-flipped .hiring-front { visibility:hidden; }
}