/* Startseite (0.9.0, Ruhige Bühne): Einstieg, Körperbühne und Inhaltskarten auf einer durchgehenden Fläche.
   Bühne, Karten und Typografie kommen aus body-atlas.css; hier stehen nur Seitenaufbau und Scrollbühne. */
.home-atlas-ready [data-reveal] { opacity: 0; transform: translateY(8px); transition: opacity .55s ease, transform .7s cubic-bezier(.2, .7, .2, 1); }
.home-atlas-ready [data-reveal].is-visible { opacity: 1; transform: none; }
.home-atlas-ready .home-lead .tbl-eyebrow[data-reveal].is-visible { transition-delay: .04s; }
.home-atlas-ready .home-lead .tbl-titel[data-reveal].is-visible { transition-delay: .12s; }
.home-atlas-ready .home-lead .tbl-lede[data-reveal].is-visible { transition-delay: .2s; }

/* Einstieg */
.home-lead { padding: 72px 0 0; background: var(--soft-black); color: var(--cream); }
.home-lead__inner { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.home-lead .tbl-eyebrow { color: var(--terracotta-on-dark); }
.home-lead .tbl-titel { max-width: 860px; }
.home-lead .tbl-lede { max-width: 560px; }

/* Scrollbühne: die Figur steht beim Weiterscrollen, bis die Karten unter den Füßen ansetzen. */
.home-atlas { background: var(--soft-black); }
.home-atlas__stage { position: relative; height: calc(100svh + 18vh); min-height: 690px; background: var(--soft-black); }
.home-atlas__host {
  position: sticky; top: var(--mast-h, 0px); display: grid; place-items: center;
  width: 100%; height: calc(100svh - var(--mast-h, 0px)); min-height: 610px; overflow: hidden;
  background: var(--soft-black);
}
.home-atlas__host > .tbl-body-atlas { align-self: center; }
.home-atlas__fallback {
  display: grid; width: min(100%, 390px); height: 100%; justify-items: center; align-content: center; padding: 16px;
  color: var(--text-on-dark); text-align: center; font: 400 13px/1.5 var(--f-sans);
}
.home-atlas__fallback[hidden] { display: none; }
.home-atlas__fallback img { display: block; width: min(72vw, 300px); height: min(67vh, 430px); object-fit: contain; }
.home-atlas__fallback p { margin: 8px 0 0; }

/* Inhalte der gewählten Ebene */
.atlas-content { padding: 64px 0 96px; background: var(--cream); color: var(--soft-black); }
.atlas-content__inner { display: flex; flex-direction: column; gap: 40px; }
.atlas-content__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 40px; }
.atlas-content__copy { flex: 1 1 520px; display: flex; flex-direction: column; gap: 10px; }
.atlas-content__intro { margin: 0; max-width: 600px; color: var(--muted-strong); }
.atlas-content__more { color: var(--terracotta-deep); font: 500 14.5px/1.5 var(--f-sans); }
.atlas-content__more::after { content: ' ↗'; }
.atlas-content__more:hover { color: #7f3f26; }
.atlas-content__more[hidden] { display: none; }
.atlas-content__inline-link { color: var(--terracotta-deep); text-decoration: underline; text-underline-offset: 3px; }
.atlas-nojs { display: grid; width: min(100% - 64px, 1176px); gap: 8px; margin: 0 auto; padding: 40px 0; background: var(--cream); }
.atlas-nojs h2 { margin: 0 0 4px; font: 400 1.4rem/1.2 var(--f-serif); }
.atlas-nojs a { width: fit-content; color: var(--soft-black); font: 500 13px/1.5 var(--f-sans); text-decoration: underline; text-underline-offset: 3px; }

/* Über das Lab und kostenloser Zugang */
.home-about { padding: 96px 0; background: var(--cream-2); color: var(--soft-black); }
.home-about__grid { display: flex; flex-wrap: wrap; align-items: stretch; gap: 40px 64px; }
.home-about__copy { flex: 1 1 480px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.home-about__copy > p:not(.tbl-eyebrow) { margin: 0; max-width: 620px; color: var(--ink); line-height: 1.6; }
.home-about__link { color: var(--terracotta-deep); font: 500 14.5px/1.5 var(--f-sans); }
.home-about__link:hover { color: #7f3f26; }
.home-zugang { flex: 1 1 380px; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 40px; border-radius: 8px; background: var(--soft-black); color: var(--cream); }
.home-zugang h2 { margin: 0; color: var(--cream); font: 400 26px/1.2 var(--f-serif); }
.home-zugang p:not(.tbl-eyebrow) { margin: 0; color: var(--text-on-dark); font-size: 15px; line-height: 1.6; }
.home-zugang .btn { align-self: flex-start; display: inline-flex; align-items: center; min-height: 48px; margin-top: 8px; }

@media (max-width: 700px) {
  .home-lead { padding-top: 40px; }
  .home-atlas__stage { min-height: 0; }
  .home-atlas__host { min-height: 0; }
  .home-zugang { padding: 32px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-atlas-ready [data-reveal] { opacity: 1; transform: none; transition: none; }
}