/* Final visual polish for June 2026 static release. */

:root {
  --site-header-h: 72px;
  --hero-safe-gap: 24px;
}

@media (max-width: 1120px) {
  :root {
    --site-header-h: 66px;
  }
}

.scp-cinematic-page .stack__content {
  padding-top: clamp(132px, 13vw, 184px) !important;
  padding-bottom: clamp(46px, 7vh, 84px) !important;
  overflow: visible !important;
}

.scp-cinematic-page .stack__title,
.scp-cinematic-page .stack__title--hero {
  max-width: min(1040px, calc(100vw - 48px)) !important;
  line-height: 1.02 !important;
  text-wrap: balance;
  overflow: visible;
}

.scp-cinematic-page--sellers .stack__panel[data-panel="0"] .stack__title--hero {
  max-width: min(1080px, 94vw) !important;
  font-size: clamp(2.95rem, 8.3vw, 7.4rem) !important;
}

.scp-cinematic-page--sellers .stack__panel[data-panel="1"] .stack__title {
  max-width: min(980px, 94vw) !important;
  font-size: clamp(2.85rem, 8.4vw, 7rem) !important;
  line-height: 1.03 !important;
}

.scp-cinematic-page--sellers .stack__panel[data-panel="1"] .stack__content {
  inset: calc(var(--site-header-h) + var(--hero-safe-gap)) 0 0 0 !important;
  justify-content: flex-start !important;
  overflow-y: auto !important;
  padding: clamp(24px, 4vw, 56px) clamp(22px, 5vw, 74px) clamp(42px, 7vh, 82px) !important;
}

.scp-cinematic-page--sellers .stack__panel[data-panel="1"] .stack__points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem 1.35rem;
  max-width: min(980px, 92vw) !important;
}

.scp-cinematic-page--contact .stack__title--hero,
.scp-cinematic-page--discover .stack__title--hero,
.scp-cinematic-page--listing .stack__title--hero {
  max-width: min(980px, 94vw) !important;
}

.kinetic-spread__sticky {
  padding-top: clamp(92px, 12vw, 142px) !important;
  overflow: visible !important;
}

.kinetic-spread__title {
  line-height: 0.98 !important;
  text-wrap: balance;
  overflow: visible !important;
}

.nav__menu {
  max-height: min(72vh, 680px);
  overflow-y: auto;
}

@media (max-width: 900px) {
  .scp-cinematic-page .stack__content {
    padding: clamp(96px, 20vw, 128px) 20px 42px !important;
    overflow-y: auto;
  }

  .scp-cinematic-page .stack__title,
  .scp-cinematic-page .stack__title--hero,
  .scp-cinematic-page--sellers .stack__panel[data-panel="1"] .stack__title {
    font-size: clamp(2.25rem, 10.6vw, 4.45rem) !important;
    line-height: 0.96 !important;
    max-width: calc(100vw - 40px) !important;
  }

  .stack__points {
    max-width: calc(100vw - 40px) !important;
    display: block !important;
  }
}

@media (max-width: 520px) {
  .scp-cinematic-page .stack__title,
  .scp-cinematic-page .stack__title--hero,
  .scp-cinematic-page--sellers .stack__panel[data-panel="1"] .stack__title {
    font-size: clamp(2rem, 9.2vw, 3.2rem) !important;
    line-height: 1 !important;
  }

  .stack__sub,
  .stack__point,
  .stack__info {
    font-size: 0.94rem !important;
    line-height: 1.42 !important;
  }
}