.gt-options { padding-top: clamp(48px, 8vw, 96px); padding-bottom: clamp(48px, 8vw, 96px); }
    .gt-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(20px, 3vw, 32px);
      max-width: 1180px; margin: 0 auto;
    }

    /* Premium shadow tokens — match the parent Travel Hub design system */
    body, .page-getting-there, body.page-getting-there {
      --card-shadow: 0 2px 6px rgba(30, 30, 28, 0.09), 0 14px 36px rgba(30, 30, 28, 0.11);
      --card-shadow-hover: 0 3px 10px rgba(30, 30, 28, 0.13), 0 22px 54px rgba(30, 30, 28, 0.16);
    }

    .gt-card {
      position: relative;
      display: flex; flex-direction: column;
      background: #fff;
      border: 1px solid #e9e3d6;
      border-radius: 14px;
      overflow: hidden;
      text-decoration: none; color: inherit;
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
      box-shadow: var(--card-shadow);
    }
    .gt-card::before {
      content: ""; position: absolute; top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, transparent 0%, currentColor 25%, currentColor 75%, transparent 100%);
      color: #c4a052;
      opacity: 0.85;
      pointer-events: none;
      z-index: 2;
    }
    .gt-card:hover {
      transform: translateY(-6px);
      box-shadow: var(--card-shadow-hover);
      border-color: #c4a052;
    }

    /* Art slot — same aspect across all 4 cards */
    .gt-card__art {
      width: 100%;
      aspect-ratio: 400 / 280;
      background: #faf6ef;
      position: relative;
      overflow: hidden;
    }
    .gt-card__art svg { display: block; width: 100%; height: 100%; transition: transform 0.5s ease; }
    .gt-card:hover .gt-card__art svg { transform: scale(1.04); }
    .gt-card__art::after {
      content: ""; position: absolute; inset: 0;
      background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(255,255,255,0.6) 100%);
      pointer-events: none;
    }

    .gt-card__body { padding: clamp(22px, 3vw, 36px) clamp(22px, 3vw, 40px) clamp(28px, 4vw, 44px); flex: 1; display: flex; flex-direction: column; }
    .gt-card__eyebrow {
      font-family: 'Jost', sans-serif;
      font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.18em;
      color: #6b6a66; font-weight: 500;
    }
    .gt-card__title {
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-size: clamp(1.875rem, 3.6vw, 2.5rem); line-height: 1; color: #784356;
      font-weight: 400; margin: 10px 0 16px;
    }
    .gt-card__lede {
      font-size: 0.9062rem; color: #1e1e1c; margin: 0 0 14px;
      font-style: italic; letter-spacing: 0.01em;
    }
    .gt-card__copy {
      flex: 1;
      color: #4f4e4c; font-size: 0.9062rem; line-height: 1.75; margin: 0 0 22px;
    }
    .gt-card__cta {
      display: inline-flex; align-items: center; gap: 8px;
      font-family: 'Jost', sans-serif;
      font-size: 0.75rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase;
      color: #784356;
      border-bottom: 1px solid currentColor; padding-bottom: 4px;
      align-self: flex-start;
      transition: gap 0.2s ease;
    }
    .gt-card:hover .gt-card__cta { gap: 12px; }

    /* Per-card colour accents */
    .gt-card--car       { color: #b08a2c; }    /* drives the ::before colour */
    .gt-card--car       .gt-card__title,
    .gt-card--car       .gt-card__cta   { color: #8a6814; }

    .gt-card--transit   { color: #784356; }
    .gt-card--transit   .gt-card__title,
    .gt-card--transit   .gt-card__cta   { color: #784356; }

    .gt-card--walk      { color: #5e6c4a; }
    .gt-card--walk      .gt-card__title,
    .gt-card--walk      .gt-card__cta   { color: #4a5638; }

    .gt-card--traveline { color: #3a7a8a; }
    .gt-card--traveline .gt-card__title,
    .gt-card--traveline .gt-card__cta   { color: #2f5a64; }

    .gt-back__inner {
      display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;
    }
    .gt-back__link {
      font-size: 0.8125rem; color: #784356; text-decoration: none; letter-spacing: 0.02em;
    }
    .gt-back__link:hover { color: #5a2e3e; }

    @media (max-width: 820px) {
      .gt-grid { grid-template-columns: 1fr; }
    }