/* Keep the eclipse composition in flow when a headline wraps or a language grows. */
.home .immersive-hero {
  height: auto;
  min-height: 760px;
  max-height: none;
}
.home .cinematic-layout {
  height: auto;
  min-height: max(760px, calc(100svh - 125px));
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: initial;
  align-content: center;
  gap: 32px;
  padding-block: 48px 86px;
}
.home .cinematic-copy {
  width: 100%;
  max-width: 860px;
  min-width: 0;
  padding-top: 0;
}
.home .cinematic-copy .privacy-headline {
  font-size: clamp(64px, min(6.3vw, 11svh), 100px);
  line-height: 1.04;
  letter-spacing: -.065em;
}
.home .cinematic-copy .eyebrow { margin-bottom: 24px; }
.home .cinematic-copy > .offshore-description {
  max-width: 680px;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 23px;
}
.home .cinematic-actions { margin-top: 26px; }
.home .cinematic-assurances { margin-top: 20px; }
.home .hero-configurator {
  position: relative;
  inset: auto;
  width: 100%;
  grid-column: 1 / -1;
}
.home .eclipse-universe {
  top: 48%;
  pointer-events: none;
  will-change: translate, rotate;
  transition: translate .4s cubic-bezier(.16, 1, .3, 1), rotate .5s cubic-bezier(.16, 1, .3, 1);
}
@media (max-width: 960px) {
  .home .cinematic-copy { max-width: 660px; }
  .home .cinematic-copy .privacy-headline { font-size: clamp(58px, 7.7vw, 75px); }
  .home .cinematic-copy > .offshore-description { max-width: 540px; font-size: 14px; }
  .home .eclipse-universe { top: 44%; }
}
@media (max-width: 640px) {
  .home .cinematic-layout { min-height: 760px; align-content: start; gap: 30px; padding-block: 42px 78px; }
  .home .cinematic-copy .privacy-headline { font-size: clamp(30px, 9.5vw, 62px); line-height: 1.1; letter-spacing: -.06em; }
  .home .cinematic-copy > .offshore-description { max-width: 360px; font-size: 13px; line-height: 1.8; }
  .home .eclipse-universe { top: 55%; }
}