/* assets/css/retreat-hub.css */
/* The Retreat hub — Men/Women split funnel selector. */

.split-section { background: var(--black); padding-top: 40px; }
.split-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.split-card {
  display: block;
  border: 3px solid var(--border);
  padding: 48px 28px;
  text-decoration: none;
  color: var(--white);
  text-align: center;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.split-card.men:hover { border-color: var(--gold); background: rgba(184,152,42,0.04); }
.split-card.women { border-color: rgba(122,46,56,0.35); }
.split-card.women:hover { border-color: #7A2E38; background: rgba(122,46,56,0.05); }
.split-eyebrow { font-size: var(--text-2xs); letter-spacing: 0.2em; text-transform: uppercase; color: var(--white-muted); margin-bottom: 14px; }
.split-title { font-size: clamp(2rem, 6vw, 2.6rem); margin-bottom: 18px; }
.split-card.women .split-title { color: #7A2E38; }
.split-card p { font-size: 0.92rem; color: var(--white-dim); margin-bottom: 22px; line-height: 1.8; }
.split-link { font-size: var(--text-2xs); letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); }
.split-card.women .split-link { color: #7A2E38; }

@media (min-width: 900px) {
  .split-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .split-card { padding: 64px 36px; }
}