/* GM in Christ — gateway-specific styles (the chooser landing page) */

.gm-hero {
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: 8rem 0 4rem;
  background:
    radial-gradient(circle at 15% 10%, rgba(122,93,64,0.10), transparent 45%),
    radial-gradient(circle at 85% 90%, rgba(74,90,82,0.10), transparent 45%),
    var(--cream-50);
}
.gm-hero__intro { max-width: 720px; margin: 0 auto 3.5rem; text-align: center; }
.gm-hero__intro h1 { margin: 1rem 0; }
.gm-hero__intro .lead { margin-inline: auto; }

.gm-choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.6rem;
}
@media (max-width: 760px) { .gm-choices { grid-template-columns: 1fr; } }

.gm-card {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 420px;
  display: flex;
  align-items: flex-end;
  box-shadow: var(--shadow-md);
  transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease);
  isolation: isolate;
}
.gm-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
.gm-card__img { position: absolute; inset: 0; z-index: -2; }
.gm-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--ease); }
.gm-card:hover .gm-card__img img { transform: scale(1.08); }
.gm-card__overlay {
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(to top, rgba(30,24,20,0.88) 0%, rgba(30,24,20,0.35) 55%, rgba(30,24,20,0.15) 100%);
}
.gm-card__body { padding: 2.4rem; color: #fff; width: 100%; }
.gm-card__mark { height: 60px; width: auto; margin-bottom: 1rem; }
.gm-card__body h2 { color: #fff; font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 0.3rem; }
.gm-card__body p { color: rgba(255,255,255,0.82); margin-bottom: 1.2rem; }
.gm-card__cta {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-weight: 600; font-size: 0.95rem; color: #fff;
  border-bottom: 2px solid rgba(255,255,255,0.5);
  padding-bottom: 2px; transition: gap 0.3s, border-color 0.3s;
}
.gm-card:hover .gm-card__cta { gap: 0.8rem; border-color: #fff; }
.gm-card .arrow { transition: transform 0.3s var(--ease); }
.gm-card:hover .arrow { transform: translateX(4px); }