h1,h2,h3,.brand,.hero-pretitle,.quick-facts b,.button,.format-tab,.rider h3,.card-heading,.card-cover-label b {
  font-family:var(--display);
  font-weight:800;
  font-synthesis:none;
}
h3,.button,.card-heading,.card-cover-label b { text-transform:uppercase; }
.button { font-size:18px; }
.card-deck {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.playing-card { min-width:0; perspective:1400px; }
.card-turn {
  display:grid;
  width:100%;
  height:100%;
  min-height:660px;
  padding:0;
  text-align:left;
  background:transparent;
  border-radius:8px;
  -webkit-appearance:none;
  appearance:none;
  touch-action:pan-x pan-y;
}
.card-turn:focus-visible { outline:3px solid var(--lime); outline-offset:6px; }
.card-rotor {
  display:grid;
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.2,.7,.2,1);
}
.card-turn[aria-expanded=true] .card-rotor { transform:rotateY(180deg); }
.card-side {
  position:relative;
  grid-area:1 / 1;
  min-width:0;
  overflow:hidden;
  border:1px solid #ffffff50;
  border-radius:8px;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.card-cover { transform:rotateY(0deg); background:#11234b; }
.card-cover>img { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
.card-cover-label {
  position:absolute;
  left:12px;right:12px;bottom:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--ink);
  border-radius:3px;
}
.card-cover-label b { font-size:21px;line-height:1.15; }
.card-cover-label svg { width:18px;height:18px; }
.card-reverse {
  display:grid;
  grid-template-rows:200px 1fr;
  transform:rotateY(180deg);
  background:var(--paper);
  color:var(--ink);
  pointer-events:none;
}
.card-turn[aria-expanded=true] .card-reverse { pointer-events:auto; }
.card-photo { display:block;min-height:0;background:#080e0c;padding:10px; }
.card-photo-cocktail { background:#cd6634; }
.card-photo img { display:block;width:100%;height:100%;object-fit:contain;object-position:center; }
.card-story { display:flex;flex-direction:column;gap:14px;padding:20px; }
.card-heading { display:block;font-size:27px;line-height:1.08; }
.card-description { display:block;font:16px/1.48 var(--body); }
.card-bottom { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;font:11px/1.3 var(--body); }
.card-bottom svg { width:18px;height:18px; }
.card-deck-controls { display:none; }
@media(max-width:1200px) and (min-width:701px) {
  .card-deck { grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-inline:auto;gap:30px; }
  .card-turn { min-height:660px; }
  .card-heading { font-size:30px; }
}
@media(max-width:700px) {
  .card-deck {
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:min(86%,340px);
    overflow-x:auto;
    gap:18px;
    padding:8px 6px 18px;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
    scrollbar-color:var(--lime) transparent;
  }
  .playing-card { scroll-snap-align:start; }
  .card-turn { min-height:660px; }
  .card-reverse { grid-template-rows:190px 1fr; }
  .card-story { padding:18px;gap:12px; }
  .card-heading { font-size:26px; }
  .card-description { font-size:16px; }
  .card-cover-label b { font-size:23px; }
  .card-deck-controls { display:flex;align-items:center;justify-content:flex-end;gap:18px;padding-top:12px;font-size:13px;font-variant-numeric:tabular-nums; }
  .button { font-size:17px; }
  .format-tab { font-size:20px; }
}
@media(max-width:360px) { .card-story{padding:15px}.card-heading{font-size:23px}.format-tab{font-size:18px} }
@media(prefers-reduced-motion:reduce) { .card-rotor{transition:none} }