/* Homepage on the field-page direction (2026-10-19). Loaded last on index.html, after
   field-pages.css (which gives the body its warm paper through .field-page) and trip-cards.css
   (which the upcoming section picks up through .page-trips, so the homepage shows the same
   trail-ticket card as the trips page). The photo hero stays; below it the gold and dark-green
   bands become paper with earth rules, as on the interior pages. */

/* ---------- Stats: a ledger between two earth rules instead of a gold band ---------- */
.home-scrollcraft .home-stats { background: var(--tz-band) repeat-x center top / auto 13px, var(--tz-band) repeat-x center bottom / auto 13px; color: var(--ink); border-block: 0; }
.home-scrollcraft .stat { border-color: var(--line); }
.home-scrollcraft .stat-value { color: var(--ink); font-family: 'Fraunces', 'Amiri', serif; font-weight: 500; }
.home-scrollcraft .stat-label { color: var(--earth-ink); font-weight: 600; }

/* ---------- From the field: the panorama sits in the poster's ranges, the copy on paper ---------- */
.home-scrollcraft .home-proof { background: transparent; color: var(--ink); }
.home-scrollcraft .home-proof .eyebrow { color: var(--earth-ink); }
.home-scrollcraft .home-proof-copy h2 { color: var(--ink); }
.home-scrollcraft .home-proof-copy p { color: var(--ink-soft); }
.home-scrollcraft .home-proof-list span { color: var(--ink); border-top-color: var(--line); }
.home-scrollcraft .home-proof-list span::before { background: var(--earth-ink); }
/* The activities note reads as a ticket stub: paper, a gold top edge, earth ink */
.home-scrollcraft .home-proof-note { background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-top: 5px solid var(--brand-gold); border-radius: 4px; }
.home-scrollcraft .home-proof-note:hover { background: color-mix(in srgb, var(--brand-gold) 14%, var(--surface)); }
.home-scrollcraft .home-proof-note strong { color: var(--ink); font-family: 'Fraunces', 'Amiri', serif; font-weight: 500; }
.home-scrollcraft .home-proof-note-arrow { border-color: var(--line); color: var(--earth-ink); }
.home-scrollcraft .home-proof-note-cta { color: var(--earth-ink); border-bottom-color: var(--earth-rule); }

/* ---------- Why us ---------- */
.home-scrollcraft .feature { border-top-color: var(--line); }
.home-scrollcraft .feature-icon { color: var(--earth-ink); }
.home-scrollcraft .feature p { color: var(--ink-soft); }

/* ---------- Upcoming trips: paper, not the dark-green band; cards come from trip-cards.css ---------- */
.home-scrollcraft .home-upcoming { background: var(--tz-band) repeat-x center top / auto 13px; color: var(--ink); border-top: 0; }
.home-scrollcraft .home-upcoming .section-head h2 { color: var(--ink); }
.home-scrollcraft .home-upcoming > .container { max-width: 1400px; }
.home-scrollcraft .home-upcoming .btn-outline { border-color: var(--ink); color: var(--ink); background: transparent; }
.home-scrollcraft .home-upcoming .btn-outline:hover { background: var(--ink); color: var(--bg); }
.home-scrollcraft .home-rail-button { color: var(--ink); border-color: var(--line); }
.home-scrollcraft .home-trip-rail { scrollbar-color: var(--earth-rule) transparent; }
.home-scrollcraft .home-trip-rail:focus-visible { outline-color: var(--earth-ink); }
/* The homepage hid descriptions and set its own card colours; the ticket shows two lines, like the trips page */
.home-scrollcraft .page-trips .trip-body > p { display: -webkit-box; }
.home-scrollcraft .page-trips .trip-card :is(p, .trip-price-meta) { color: var(--muted); }
.home-scrollcraft .page-trips .trip-card .trip-meta { color: var(--muted); }
.home-scrollcraft .page-trips .trip-price { color: var(--ink); }
.home-scrollcraft .page-trips .trip-footer { border-color: var(--line); }
/* styles.css still gives these cards the old dark band's border and resting shadow; the ticket has neither */
.home-scrollcraft .home-upcoming .trip-card { border-color: var(--line); box-shadow: none; }
@media (hover: hover) and (pointer: fine) {
  .home-scrollcraft .home-upcoming .trip-card:hover { box-shadow: 0 26px 36px -28px #183525; }
}
body[dir="rtl"].home-scrollcraft .page-trips .trip-card h3 { font-family: 'Tajawal', sans-serif; font-weight: 700; line-height: 1.3; }

/* ---------- Reviews and FAQ ---------- */
.home-scrollcraft .home-reviews .eyebrow { color: var(--earth-ink); }
.home-scrollcraft .reviews-grid-home { border-color: var(--line); }
.home-scrollcraft .home-faq { border-top: 0; background: var(--tz-band) repeat-x center top / auto 13px, var(--tz-watermark) no-repeat left -80px bottom -60px / 390px 420px; }

@media (max-width: 900px) {
  .home-scrollcraft .stats > .stat:nth-child(-n+2) { border-bottom-color: var(--line); }
}