/* ant. landing. Sits on the existing Blockagram type system. */
.ant-page { background: #000; color: #fff; }
.ant-hero { max-width: 1280px; margin: 0 auto; padding: clamp(56px, 9vw, 120px) var(--pad, 24px) 24px; }
.ant-kicker { font-size: 14px; color: rgba(255,255,255,0.45); margin-bottom: 18px; }
.ant-hero h1 { font-size: clamp(52px, 9vw, 108px); letter-spacing: -0.055em; line-height: 0.88; font-weight: 600; margin: 0 0 22px; }
.ant-hero h1 i { font-family: "DM Serif Display", Georgia, serif; font-style: italic; font-weight: 400; color: rgba(255,255,255,0.4); }
.ant-hero .lede { font-size: clamp(18px, 2vw, 22px); line-height: 1.45; max-width: 18em; color: rgba(255,255,255,0.78); }
.ant-actions { display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap; }
.extremes { display: grid; grid-template-columns: 1fr 1fr; max-width: 1280px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.08); }
.extreme { padding: clamp(36px, 5vw, 72px) var(--pad, 24px); }
.extreme + .extreme { border-left: 1px solid rgba(255,255,255,0.08); }
.extreme h2 { font-size: clamp(28px, 3vw, 40px); letter-spacing: -0.04em; margin: 0 0 12px; }
.extreme p { color: rgba(255,255,255,0.62); line-height: 1.5; margin: 0; max-width: 28em; }
.reception { background: #61ff00; color: #000; padding: clamp(64px, 8vw, 110px) var(--pad, 24px); }
.reception-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; align-items: end; }
.reception h2 { font-size: clamp(36px, 5vw, 68px); letter-spacing: -0.045em; line-height: 0.95; margin: 0; }
.reception p { margin: 0; font-size: 18px; line-height: 1.45; }
.listen { max-width: 1280px; margin: 0 auto; padding: clamp(64px, 8vw, 100px) var(--pad, 24px); display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 32px; }
.listen h2 { font-size: clamp(32px, 4vw, 52px); letter-spacing: -0.04em; margin: 0; line-height: 1; }
.asks { display: flex; flex-direction: column; }
.asks div { border-top: 1px solid rgba(255,255,255,0.1); padding: 16px 0; font-size: 18px; letter-spacing: -0.02em; }
.apply { max-width: 720px; margin: 0 auto; padding: 0 var(--pad, 24px) 100px; }
.apply h2 { font-size: 40px; letter-spacing: -0.04em; margin: 0 0 8px; }
.apply p { color: rgba(255,255,255,0.6); }
.apply form { display: grid; gap: 12px; margin-top: 24px; }
.apply input, .apply textarea, .apply select { width: 100%; background: #0c0c0c; color: #fff; border: 1px solid rgba(255,255,255,0.14); padding: 14px; font: 16px "DM Sans", sans-serif; }
.apply button { justify-self: start; }
.confirm { border: 1px solid rgba(97,255,0,0.4); padding: 28px; }
.confirm h2 { margin-top: 0; }
@media (max-width: 800px) {
  .extremes, .reception-inner, .listen { grid-template-columns: 1fr; }
  .extreme + .extreme { border-left: 0; border-top: 1px solid rgba(255,255,255,0.08); }
}