body.discover-page {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  color: var(--ivory-pure, #FFFCF6);
  background: var(--ink-deep, #07101F);
  font-family: var(--sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.discover-page *,
.discover-page *::before,
.discover-page *::after {
  box-sizing: border-box;
}

.discover-page a {
  color: inherit;
  text-decoration: none;
}

.discover-page img,
.discover-page svg {
  display: block;
  max-width: 100%;
}

.discover-page .skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 20;
  transform: translateY(-140%);
  padding: 10px 14px;
  border-radius: 6px;
  background: var(--gold, #D8B27A);
  color: var(--ink-deep, #07101F);
  font-weight: 700;
  transition: transform 180ms ease;
}

.discover-page .skip-link:focus {
  transform: translateY(0);
}

.discover-main {
  min-height: 100vh;
}

.discover-hero {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  display: grid;
  overflow: hidden;
  padding: clamp(18px, 3vw, 30px);
}

.discover-hero__media,
.discover-hero__blue-filter,
.discover-hero__sunrise,
.discover-hero__scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.discover-hero__media {
  z-index: -5;
}

.discover-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
  filter: saturate(0.98) contrast(1.04) brightness(1.04);
}

.discover-hero__blue-filter {
  z-index: -4;
  opacity: 0.88;
  background:
    linear-gradient(110deg, rgba(4, 13, 30, 0.96) 0%, rgba(6, 22, 47, 0.84) 38%, rgba(9, 28, 56, 0.52) 68%, rgba(10, 29, 55, 0.22) 100%),
    radial-gradient(circle at 64% 42%, rgba(27, 73, 126, 0.34), transparent 21rem);
  animation: discoverBlueClear 12s cubic-bezier(0.22, 0.74, 0.24, 1) infinite alternate;
}

.discover-hero__sunrise {
  z-index: -3;
  opacity: 0.36;
  background:
    radial-gradient(circle at 63% 50%, rgba(236, 187, 104, 0.56), transparent 12rem),
    radial-gradient(circle at 64% 48%, rgba(255, 246, 198, 0.24), transparent 5.8rem),
    linear-gradient(116deg, rgba(216, 178, 122, 0.22), transparent 44%);
  mix-blend-mode: screen;
  transform-origin: 62% 52%;
  animation: discoverSunrise 12s cubic-bezier(0.22, 0.74, 0.24, 1) infinite alternate;
}

.discover-hero__scrim {
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.72) 0%, rgba(7, 16, 31, 0.42) 42%, rgba(7, 16, 31, 0.08) 100%),
    linear-gradient(180deg, rgba(7, 16, 31, 0.04) 0%, rgba(7, 16, 31, 0.03) 40%, rgba(7, 16, 31, 0.68) 100%);
}

.discover-shell {
  position: relative;
  z-index: 1;
  width: min(100%, 1220px);
  min-height: calc(100svh - clamp(36px, 6vw, 60px));
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  padding: clamp(96px, 18vh, 190px) 0 clamp(94px, 11vh, 132px);
}

.discover-copy {
  width: min(100%, 560px);
}

.discover-kicker {
  margin: 0 0 16px;
  color: var(--gold, #D8B27A);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.discover-copy h1 {
  margin: 0;
  font-family: var(--serif, "Cormorant Garamond", Georgia, serif);
  font-size: clamp(3.35rem, 7vw, 4.9rem);
  font-weight: 500;
  line-height: 0.96;
  letter-spacing: 0;
}

.discover-signature {
  margin: 17px 0 0;
  color: var(--gold, #D8B27A);
  font-family: var(--serif, "Cormorant Garamond", Georgia, serif);
  font-size: clamp(1.38rem, 2.9vw, 1.78rem);
  font-style: italic;
  line-height: 1.08;
  letter-spacing: 0;
}

.discover-claim {
  max-width: 540px;
  margin: 30px 0 0;
  color: #FFFFFF;
  font-family: var(--serif, "Cormorant Garamond", Georgia, serif);
  font-size: clamp(1.86rem, 4.4vw, 2.36rem);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: 0;
  text-wrap: balance;
  text-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
}

.discover-lead {
  max-width: 520px;
  margin: 18px 0 0;
  color: rgba(255, 252, 246, 0.84);
  font-size: 1.05rem;
  line-height: 1.64;
}

.discover-lead span {
  display: block;
}

.discover-actions {
  width: min(100%, 380px);
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 10px;
  margin-top: 28px;
}

.discover-btn {
  width: 100%;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.15;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 180ms ease;
}

.discover-btn svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
}

.discover-btn--primary {
  border: 1px solid rgba(216, 178, 122, 0.9);
  background: var(--gold, #D8B27A);
  color: var(--ink-deep, #07101F);
  box-shadow: 0 18px 34px rgba(216, 178, 122, 0.17);
}

.discover-btn--secondary {
  border: 1px solid rgba(255, 252, 246, 0.36);
  background: rgba(7, 16, 31, 0.36);
  color: #FFF;
  backdrop-filter: blur(12px);
}

.discover-btn--ghost {
  border: 1px solid rgba(255, 252, 246, 0.22);
  background: rgba(7, 16, 31, 0.2);
  color: rgba(255, 252, 246, 0.82);
}

.discover-btn:hover,
.discover-btn:focus-visible {
  transform: translateY(-2px);
}

.discover-btn:focus-visible,
.discover-brand:focus-visible {
  outline: 2px solid var(--gold, #D8B27A);
  outline-offset: 4px;
}

.discover-btn--secondary:hover,
.discover-btn--secondary:focus-visible,
.discover-btn--ghost:hover,
.discover-btn--ghost:focus-visible {
  border-color: rgba(216, 178, 122, 0.72);
  background: rgba(7, 16, 31, 0.52);
  color: #FFF;
}

.discover-brand {
  position: absolute;
  right: clamp(18px, 3vw, 34px);
  bottom: clamp(18px, 3vw, 32px);
  z-index: 2;
  width: clamp(78px, 8vw, 90px);
  min-height: clamp(78px, 8vw, 90px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.discover-brand img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.36));
}

@keyframes discoverBlueClear {
  0% { opacity: 0.92; }
  24% { opacity: 0.48; }
  58% { opacity: 0.22; }
  100% { opacity: 0.08; }
}

@keyframes discoverSunrise {
  0% {
    opacity: 0.14;
    transform: translate3d(-1.2%, 3.4%, 0) scale(0.9);
  }
  100% {
    opacity: 0.74;
    transform: translate3d(1.6%, -1.6%, 0) scale(1.08);
  }
}

@media (max-width: 980px) {
  .discover-hero__image {
    object-position: 66% center;
  }

  .discover-hero__blue-filter {
    background:
      linear-gradient(96deg, rgba(4, 13, 30, 0.94) 0%, rgba(7, 18, 39, 0.76) 58%, rgba(9, 28, 56, 0.34) 100%),
      radial-gradient(circle at 66% 43%, rgba(27, 73, 126, 0.3), transparent 17rem);
  }

  .discover-hero__scrim {
    background:
      linear-gradient(90deg, rgba(7, 16, 31, 0.76) 0%, rgba(7, 16, 31, 0.5) 50%, rgba(7, 16, 31, 0.1) 100%),
      linear-gradient(180deg, rgba(7, 16, 31, 0.04) 0%, rgba(7, 16, 31, 0.04) 40%, rgba(7, 16, 31, 0.74) 100%);
  }
}

@media (max-width: 720px) {
  .discover-hero {
    min-height: 100svh;
    padding: 16px;
  }

  .discover-hero__image {
    object-position: 69% center;
  }

  .discover-shell {
    min-height: calc(100svh - 32px);
    padding: 84px 0 84px;
  }

  .discover-copy {
    width: min(100%, 360px);
  }

  .discover-kicker {
    margin-bottom: 12px;
    font-size: 0.68rem;
  }

  .discover-copy h1 {
    font-size: 3.05rem;
  }

  .discover-signature {
    max-width: 300px;
    margin-top: 12px;
    font-size: 1.28rem;
  }

  .discover-claim {
    max-width: 350px;
    margin-top: 24px;
    font-size: 1.74rem;
  }

  .discover-lead {
    max-width: 350px;
    margin-top: 15px;
    font-size: 0.95rem;
    line-height: 1.56;
  }

  .discover-actions {
    width: min(100%, 340px);
    gap: 9px;
    margin-top: 24px;
  }

  .discover-btn {
    min-height: 44px;
    padding: 11px 14px;
    font-size: 0.88rem;
  }

  .discover-brand {
    width: 70px;
    min-height: 70px;
  }
}

@media (max-width: 420px) {
  .discover-copy h1 {
    font-size: 2.82rem;
  }

  .discover-signature {
    font-size: 1.18rem;
  }

  .discover-claim {
    font-size: 1.55rem;
  }

  .discover-lead {
    font-size: 0.9rem;
  }

  .discover-btn {
    font-size: 0.84rem;
  }
}

@media (max-height: 720px) and (max-width: 720px) {
  .discover-shell {
    padding-top: 58px;
    padding-bottom: 70px;
  }

  .discover-kicker {
    margin-bottom: 9px;
  }

  .discover-copy h1 {
    font-size: 2.58rem;
  }

  .discover-signature {
    margin-top: 9px;
    font-size: 1.08rem;
  }

  .discover-claim {
    margin-top: 18px;
    font-size: 1.36rem;
  }

  .discover-lead {
    margin-top: 12px;
    font-size: 0.85rem;
    line-height: 1.44;
  }

  .discover-actions {
    margin-top: 18px;
    gap: 8px;
  }

  .discover-btn {
    min-height: 40px;
    padding: 9px 12px;
  }

  .discover-brand {
    width: 60px;
    min-height: 60px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .discover-hero__blue-filter,
  .discover-hero__sunrise,
  .discover-btn,
  .discover-page .skip-link {
    transition: none;
    animation: none;
  }

  .discover-hero__blue-filter {
    opacity: 0.58;
  }

  .discover-hero__sunrise {
    opacity: 0.46;
  }
}