/* Closed whitelist page. Uses the existing MAGA type, inked borders, warm
   surface and gold CTA treatment from style.css. */

.apply { min-height: 100vh; padding: calc(var(--nav-h) + 24px) var(--space-inline) 0; background: var(--surface); overflow: hidden; }
.apply__wrap { width: min(100%, 1200px); margin: 0 auto; }
.apply__back { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font: 700 12px/1 var(--font-body); letter-spacing: .14em; text-decoration: none; }
.apply__back span { font-size: 22px; line-height: 0; }
.apply__back:hover { text-decoration: underline; text-underline-offset: 5px; }
.apply__hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .76fr); align-items: center; min-height: 610px; margin-top: 24px; }
.apply__hero-copy { position: relative; z-index: 1; max-width: 660px; padding: 36px 0 86px; }
.apply__eyebrow { margin: 0 0 18px; font: 700 12px/1.2 var(--font-body); letter-spacing: .16em; text-transform: uppercase; color: var(--grey-600); }
.apply__title { max-width: 8ch; margin: 0 0 28px; font: 700 clamp(56px, 8vw, 112px)/.88 var(--font-display); letter-spacing: -.055em; }
.apply__lead { max-width: 37ch; margin: 0 0 8px; font: 500 clamp(16px, 1.7vw, 20px)/1.45 var(--font-body); color: var(--grey-600); }
.apply__hero-art { align-self: stretch; display: flex; align-items: flex-end; justify-content: center; min-width: 0; }
.apply__hero-art img { display: block; width: min(100%, 520px); max-height: 650px; object-fit: contain; object-position: bottom center; }
.apply__security { display: flex; align-items: flex-start; gap: 10px; max-width: 520px; margin: 0 0 clamp(88px, 13vw, 164px); font: 500 13px/1.45 var(--font-body); color: var(--grey-600); }
.apply__lock { flex: none; width: 16px; height: 16px; margin-top: 1px; }
.apply__loop { width: min(100%, 560px); padding-bottom: clamp(100px, 14vw, 180px); }
.apply__loop-title, .apply__community-title { margin: 0; font: 700 clamp(48px, 6vw, 80px)/.9 var(--font-display); letter-spacing: -.05em; }
.apply__loop-body { max-width: 42ch; margin: 24px 0 30px; font: 500 17px/1.5 var(--font-body); color: var(--grey-600); }
.apply-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: .72em 1.55em; font: 700 18px/1 var(--font-display); color: var(--accent-ink); background: var(--accent); border: var(--bd-w) solid var(--ink); border-radius: var(--radius-pill); box-shadow: var(--shadow-hard); text-decoration: none; }
.apply-btn:hover { background: var(--accent-hover); }
.apply-btn:active { box-shadow: 2px 2px 0 var(--ink); transform: translate(2px, 2px); }
.apply__community { position: relative; display: grid; grid-template-columns: 35% 65%; align-items: end; min-height: 450px; margin-inline: calc(var(--space-inline) * -1); padding: 72px var(--space-inline) 0; color: var(--surface); background: var(--ink); overflow: hidden; }
.apply__community-copy { position: relative; z-index: 1; padding-bottom: 88px; }
.apply__community .apply__eyebrow { color: var(--grey-400); }
.apply__community-title { font-size: clamp(54px, 7vw, 96px); text-transform: uppercase; }
.apply__community-art { display: block; width: min(100%, 700px); max-height: 540px; justify-self: end; }
.apply__community-art img { display: block; width: 100%; max-height: 540px; object-fit: contain; object-position: bottom center; }

@media (max-width: 767px) {
  .apply { padding-top: calc(var(--nav-h) + 16px); }
  .apply__hero { display: block; min-height: 0; margin-top: 8px; }
  .apply__hero-copy { max-width: 58%; padding: 28px 0 44px; }
  .apply__title { margin-bottom: 22px; font-size: clamp(48px, 14vw, 72px); }
  .apply__lead { font-size: 14px; }
  .apply__hero-art { position: absolute; z-index: 0; right: -15vw; bottom: -4px; width: 68vw; height: 410px; align-items: flex-end; }
  .apply__hero-art img { width: 100%; max-height: 410px; }
  .apply__security { position: relative; z-index: 1; margin: 0 0 94px; font-size: 12px; }
  .apply__loop { padding-bottom: 96px; }
  .apply__loop-title { font-size: 54px; }
  .apply__loop-body { margin: 20px 0 28px; font-size: 15px; }
  .apply__community { display: block; min-height: 560px; padding-top: 56px; }
  .apply__community-copy { padding-bottom: 0; }
  .apply__community-title { font-size: 64px; }
  .apply__community-art { position: absolute; right: -34%; bottom: -8px; width: 145%; max-height: none; }
  .apply__community-art img { max-height: none; }
}
@media (min-width: 768px) and (max-width: 1020px) { .apply__title { font-size: clamp(58px, 8vw, 82px); } .apply__hero { grid-template-columns: 55% 45%; } }
@media (prefers-reduced-motion: reduce) { .apply-btn:active { transform: none; } }