/* Forgotten Routes, brand v3 (explorer-first). Loaded only by header-explore.php, on top of style.css. */

/* Nav: "Soon" tag on The app */
.nav__soon { display: inline-block; margin-left: 6px; padding: 2px 6px 1px; border: 1px solid var(--gold); color: var(--gold); font-size: .52rem; letter-spacing: .16em; line-height: 1.4; vertical-align: 2px; }
.nav__links a:hover .nav__soon { background: var(--gold); color: var(--ink); }
@media (max-width: 960px) { .nav.is-open .nav__links a .nav__soon { font-size: .6rem; } }

/* Three doors */
.cards--three { grid-template-columns: repeat(3, 1fr); }
.cards--three .card { min-height: 540px; }
@media (max-width: 1000px) { .cards--three { grid-template-columns: 1fr; } .cards--three .card { min-height: 440px; } }
.cards--four { grid-template-columns: repeat(4, 1fr); gap: 20px; }
.cards--four .card { min-height: 520px; }
.cards--four .card__body { padding: 26px; }
.cards--four .card h3 { font-size: clamp(1.7rem, 2.2vw, 2.1rem); }
.cards--four .card p { font-size: .94rem; }
@media (max-width: 1180px) { .cards--four { grid-template-columns: 1fr 1fr; } .cards--four .card { min-height: 440px; } }
@media (max-width: 640px) { .cards--four { grid-template-columns: 1fr; } .cards--four .card { min-height: 400px; } }
.card__tag--soon { display: inline-block; width: auto; padding: 4px 8px 3px; border: 1px solid var(--gold); }

/* Journal strip on the home page */
.fr-explore .posts { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1000px) { .fr-explore .posts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .fr-explore .posts { grid-template-columns: 1fr; } }
.fr-explore .post h3 { transition: color .25s; }
.fr-explore .post:hover h3 { color: var(--gold); }

/* App band */
.app-band { background: var(--ink-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.app-band .lede { max-width: 46ch; }
.app-band__img img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
@media (max-width: 900px) { .app-band__img img { aspect-ratio: 16/10; } }
.fr-app-form .wpforms-field-container { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 22px; }
.fr-app-form .wpforms-field.fr-wide { grid-column: 1 / -1; }
@media (max-width: 700px) { .fr-app-form .wpforms-field-container { grid-template-columns: 1fr; } }
.fr-app-form .wpforms-submit-container { margin-top: 26px !important; }
.fr-app-form .wpforms-confirmation-container-full { background: transparent !important; border: 1px solid var(--gold) !important; color: var(--linen) !important; padding: 20px 22px !important; }

/* App page */
.app-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin-top: 50px; }
@media (max-width: 900px) { .app-points { grid-template-columns: 1fr; } }

/* Mobile: hero meta in two columns, the split headings stack cleanly */
@media (max-width: 640px) {
  .fr-explore .hero__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 18px; }
  .fr-explore .hero__meta strong { font-size: 1.3rem; }
  .fr-explore .split > [style*="justify-self:end"] { justify-self: start !important; }
}
@media (max-width: 760px) {
  .fr-explore .chapter::after { background: linear-gradient(0deg, rgba(21,26,34,.92) 0%, rgba(21,26,34,.7) 60%, rgba(21,26,34,.35) 100%) !important; }
}

/* New logo (Oct 2026): stacked wordmark + mountain, copper. Wider than the old mark. */
.nav__logo img { height: 50px; width: auto; }
@media (max-width: 960px) { .nav__logo img { height: 42px; } }
.footer__grid img { height: 64px; width: auto; }