/* Riding Passport — the back of the card.
   Same card stock, same edition palette, same artwork controls. The front and back
   are two faces of one article; only one is shown at a time. */

.passport-flip-v2128{position:relative}
.passport-flip-v2128 .passport-back-v2128{display:none}
.passport-flip-v2128.is-back>.passport-face:not(.passport-back-v2128){display:none}
.passport-flip-v2128.is-back .passport-back-v2128{display:flex;flex-direction:column}

/* The back is quieter than the front: the artwork sits further back so the
   verification details and the QR stay the first things read. */
.passport-v2114 .passport-back-v2128{gap:10px}
.passport-v2114 .passport-back-v2128>header{max-width:100%}
.passport-v2114 .passport-back-v2128 .passport-logo{max-width:150px;max-height:44px}

.passport-back-title-v2128{
  margin:2px 0 0;
  font:400 22px/1.15 var(--font-display,Georgia,serif);
  letter-spacing:-.01em;
  position:relative;
  z-index:var(--z-text,4);
}
.passport-back-facts-v2128{
  margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(108px,1fr));
  gap:10px 14px;
  position:relative;
  z-index:var(--z-text,4);
  max-width:66%;
}
.passport-back-facts-v2128 dt{
  font:700 8.5px/1.3 Inter,Arial,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--card-muted);
}
.passport-back-facts-v2128 dd{
  margin:3px 0 0;
  font:600 13px/1.35 Inter,Arial,sans-serif;
  overflow-wrap:anywhere;
}
.passport-back-qr-v2128{
  position:absolute;
  z-index:var(--z-qr,3);
  right:26px;
  bottom:54px;
  width:92px;
  height:92px;
  padding:6px;
  border-radius:10px;
  background:#fffdf6;
  border:1px solid var(--card-line);
  box-shadow:0 8px 20px -14px #000000a6;
  object-fit:contain;
}
.passport-back-note-v2128{
  margin:auto 0 0;
  max-width:64%;
  font:400 10.5px/1.55 Inter,Arial,sans-serif;
  color:var(--card-muted);
  position:relative;
  z-index:var(--z-text,4);
  overflow-wrap:anywhere;
}

.passport-flip-button-v2128{
  border:1px solid currentColor;
  background:none;
  border-radius:999px;
  padding:10px 16px;
  font:600 12px/1 Inter,Arial,sans-serif;
  cursor:pointer;
  min-height:42px;
  color:inherit;
}
.passport-flip-button-v2128[aria-pressed=true]{background:#1d1a14;border-color:#1d1a14;color:#f4e6c4}

@media (max-width:640px){
  .passport-v2114 .passport-back-v2128 .passport-logo{max-width:126px;max-height:38px}
  .passport-back-title-v2128{font-size:19px}
  .passport-back-facts-v2128{max-width:100%;gap:8px 12px}
  .passport-back-facts-v2128 dd{font-size:12px}
  .passport-back-qr-v2128{width:74px;height:74px;right:18px;bottom:48px;padding:5px}
  .passport-back-note-v2128{max-width:100%;font-size:9.5px;line-height:1.5}
}
@media (prefers-reduced-motion:no-preference){
  .passport-flip-v2128 .passport-face{transition:opacity .25s ease}
}

.passport-back-qr-v2128.is-placeholder{
  display:grid;
  place-items:center;
  padding:8px;
  text-align:center;
  font:600 8.5px/1.35 Inter,Arial,sans-serif;
  letter-spacing:.06em;
  color:var(--card-muted);
  background:#ffffff14;
  border-style:dashed;
  box-shadow:none;
}