.landing-page {
  --hero-green: #1b1526;
  --hero-cream: #f7f5fc;
  --hero-clay: #b83d8f;
  padding-top: 46px;
  position: relative;
}
.landing-page::before { content: ""; position: absolute; inset: 0 -50vw; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 85% 12%, #e3dbfb80, transparent 48%); }
html, body { overflow-x: clip; }
.landing-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 42px; align-items: center; min-height: 570px; }
.landing-copy h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(52px, 6.2vw, 90px); font-weight: 400; line-height: 1.02; letter-spacing: -5px; }
.landing-copy h1 em { color: #b83d8f; }
.landing-copy .eyebrow { color: #5b3fc4; }
.landing-copy .lede { max-width: 480px; color: #5a526b; font-size: 18px; }
.landing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.landing-actions a { text-decoration: none; }
.landing-note { color: #5a526b; font-size: 12px; }
.landing-art { position: relative; height: 520px; border-radius: 28px; background: #1b1526; box-shadow: 0 24px 60px #1b152625; isolation: isolate; overflow: hidden; }
.landing-slides { position: absolute; inset: 0; touch-action: pan-y pinch-zoom; }
.landing-slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.landing-slide.is-active { opacity: 1; z-index: 1; }
.slide-scene { position: absolute; inset: 0; overflow: hidden; }
.slide-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.slide-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #1b152600 36%, #120e1fea 100%); }
.slide-label { position: absolute; left: 30px; right: 30px; bottom: 164px; display: grid; gap: 6px; color: #fffdf6; }
.slide-label small { color: #e3dbfb; font: 700 10px/1.5 sans-serif; letter-spacing: 2px; }
.slide-label strong { font: 700 44px/1.1 "Outfit", "Inter", sans-serif; letter-spacing: -1.5px; }
.slide-label span { color: #edf2e8; font: 14px/1.5 sans-serif; }
.slide-label .slide-index { color: #e3dbfb; font: 11px/1.5 monospace; }
.landing-copy { animation: hero-copy-in .7s cubic-bezier(.2,0,0,1) both; }
@keyframes hero-copy-in { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .landing-copy { animation: none; } }
@media (max-width: 800px) {
  .landing-page { padding-top: 24px; }
  .landing-actions a, .landing-actions button { flex: 1 1 100%; text-align: center; justify-content: center; }
  .landing-hero { grid-template-columns: 1fr; gap: 28px; min-height: 0; }
  .landing-copy h1 { font-size: clamp(44px, 12.5vw, 74px); letter-spacing: -3px; }
  .landing-copy .lede { font-size: 16px; }
  .landing-art { height: 410px; }
  .slide-label { left: 20px; right: 20px; bottom: 154px; }
  .slide-label strong { font-size: 36px; }
  .slide-label span { font-size: 13px; }
}