/* ============================================================
   WHEELS ON FIRE — tour card, shared.

   Moved out of tours.html so the homepage rail and the Tours grid show
   the same card. Markup comes from assets/tour-card.js.
   ============================================================ */
.card{position:relative;scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr;background:var(--th);color:var(--ink);
  border:0;text-align:left;cursor:pointer;overflow:hidden;padding:0;font:inherit;
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.card:hover{transform:translateY(-6px)}
.card.hide{display:none}
.card-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.card:hover .card-img img{transform:scale(1.06)}
.card-no{position:absolute;top:14px;left:16px;z-index:2;font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--ink);background:var(--th);padding:4px 9px}
.card-type{position:absolute;top:14px;right:16px;z-index:2;font-family:var(--med);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--th);background:var(--ink);padding:5px 11px}
.card-body{padding:clamp(16px,1.8vw,24px);display:flex;flex-direction:column;gap:12px}
.card h3{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:-0.03em;font-size:clamp(26px,2.7vw,40px);line-height:.9}
.card-chips{display:flex;gap:7px;flex-wrap:wrap}
.card-chips span{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;padding:4px 10px;border:1px solid rgba(20,17,15,.4)}
/* The line of copy a card may carry. Sits on the ground colour between the
   chips and the rule, in the mono face so it reads as a note, not a heading. */
.card-note{font-family:var(--mono);font-size:12px;line-height:1.55;color:rgba(20,17,15,.8)}

.card-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(20,17,15,.28)}
.card-foot .pr{font-family:var(--med);font-size:14px;letter-spacing:.04em}
.card-foot .pr b{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-0.02em}
.card-open{display:inline-flex;align-items:center;gap:10px;font-family:var(--med);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.card-open svg{width:24px;height:18px;transition:transform .28s ease}
.card:hover .card-open svg{transform:translateX(5px)}