/* ============================================================================
   BAKITOUR — HOME enhancements  (drop-in, additive; safe wins only)
   Scoped to your existing .bk-feature / .bk-reviews classes + your tokens.
   Titles → Fraunces, hover hairline, icon-tile hover, staggered reveal.
   Numbered-index label intentionally omitted. Load AFTER bakitour-premium.css.
   ========================================================================== */

/* ---- 1+2 (title Fraunces + gold hairline) PROMOTED to bakitour-premium.css
        (2026-07-05) so about/services feature cards match — single source. ---- */

/* ---- 3 (icon-tile hover) PROMOTED to bakitour-premium.css (2026-07-05). ---- */

/* ---- 4. Stagger the three feature cards' reveal -------------------------- */
.bk-features .bk-feature:nth-child(1) { transition-delay: 0ms; }
.bk-features .bk-feature:nth-child(2) { transition-delay: 120ms; }
.bk-features .bk-feature:nth-child(3) { transition-delay: 240ms; }

/* ---- 5. Reviews rating: steady numerals --------------------------------- */
.bk-reviews__count .bk-count { font-variant-numeric: tabular-nums; }

/* ---- 6. Reviews cards: editorial UI pattern (translated onto our cards) ---
   Fraunces quote + a gold quote-mark flourish + hover lift. No markup change. */
.bk-reviews .bk-review-card {
  position: relative;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
}
.bk-reviews .bk-review-card::before {
  content: "\201D";                     /* closing quote mark */
  position: absolute;
  top: 6px; right: 20px;
  font-family: var(--bk-font-display);
  font-size: 64px;
  line-height: 1;
  color: rgba(194, 163, 95, .18);       /* gold, faint */
  pointer-events: none;
}
.bk-reviews .bk-review-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 42px rgba(26, 58, 50, .13);
}
.bk-reviews .bk-review-card__quote {
  font-family: var(--bk-font-display);
  font-variation-settings: 'opsz' 40;
  font-weight: 400;
  line-height: 1.5;
  color: #15332b;
}

@media (prefers-reduced-motion: reduce) {
  .bk-feature .bk-feature__tile, .bk-feature .bk-feature__tile svg,
  .bk-feature .bk-feature__title, .bk-feature .bk-feature__title::after { transition: none; }
  .bk-features .bk-feature { transition-delay: 0ms !important; }
  .bk-reviews .bk-review-card { transition: none; }
}