/* Sensus Communis | sunrise-end.css
   Founding Colloquium: derselbe Sonnenaufgang wie auf der Podcast-Seite, fest am unteren
   Bildschirmrand (er bleibt beim Scrollen stehen). Morgenhimmel und Meer aus dem Tagbild der
   Startseite, die Sonne steht halb ueber dem Wasser. Ruhendes Bild ohne Animation (Funkwellen
   und aufleuchtende Wellenkaemme gibt es nur auf der Podcast-Seite).
   Geladen von: colloquium, colloquium-en. */
.poster-wrap {
  background:
    radial-gradient(70% 24% at 50% 95.6%, rgba(255,232,192,.3) 0%, rgba(255,225,181,.228) 16%, rgba(255,217,169,.143) 35%, rgba(253,205,152,.055) 58%, rgba(249,192,135,.006) 82%, rgba(246,182,122,0) 100%),
    linear-gradient(180deg, var(--c-lavender) 0%, var(--c-lavender) 76%, #CCBBD4 84%, #D8AE9C 91%, #DFA686 94.7%, #E59B6A 100%) !important;
}
.poster-stars-svg { height: 80% !important; }
.poster-dawn {
  position: absolute; left: 0; right: 0; bottom: 5.3%; height: 30%;
  z-index: 0; pointer-events: none;
  background: url(../img/sunrise-sky.webp) center bottom / cover no-repeat;
}
.poster-sun {
  background: radial-gradient(circle at 50% 46%, #FFF8E6 0%, #FEF1D6 75%, #FBE6C0 100%);
}
.poster-sea {
  position: absolute; left: 0; right: 0; top: 94.7%; bottom: 0;
  z-index: 2; overflow: hidden;
  background: #C9532A url(../img/sunrise-sea.webp) center top / cover no-repeat;
}
.poster-sea i {
  position: absolute; inset: 0;
  background: no-repeat center top / cover;
  opacity: .3;
}
.poster-sea i:nth-child(1) { background-image: url(../img/sea-day-h-g1.webp); }
.poster-sea i:nth-child(2) { background-image: url(../img/sea-day-h-g2.webp); }
.poster-sea i:nth-child(3) { background-image: url(../img/sea-day-h-g3.webp); }
/* Fusszeile schiebt sich mit weichem Verlauf ueber das Meer */
.sc-footer { position: relative; }
.sc-footer::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: 100%;
  height: clamp(90px, 16vh, 180px);
  background: linear-gradient(180deg, rgba(196,198,232,0) 0%, rgba(196,198,232,.55) 55%, #C4C6E8 100%);
  pointer-events: none;
}

/* Trenner vor "Zeitgeist": das Mond-Zeichen der Fellows-Seite statt der geraden Linie */
.cl-moon-divider {
  display: flex;
  justify-content: center;
  margin: 44px 0 30px;
}
.cl-moon-divider img {
  display: block;
  width: min(300px, 70%);
  height: auto;
}