/* ADOMANN — Saison
 * Ein Abschnitt, der die Jahreszeit trägt. Er schliesst die Zusammenarbeit ab
 * und steht nicht für sich: kein oberer Abstand, gleicher Grund.
 * Licht, keine Farbe — die Bewegung läuft einmal und ruht dann.
 */

.saison{padding-top:0;background:var(--flaeche-alt)}

.saison-linie{height:1px;width:100%;margin-bottom:clamp(26px,3vw,42px);
  background:linear-gradient(90deg,
    rgba(199,154,74,0) 0%, rgba(199,154,74,.70) 20%,
    rgba(199,154,74,1) 50%, rgba(199,154,74,.70) 80%,
    rgba(199,154,74,0) 100%);
  transform:scaleX(0);transform-origin:50% 50%;
  transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}

.saison-bild{margin:0}

.saison-rahmen{position:relative;overflow:hidden;background:var(--anthrazit)}

/* Feiner Messingrand, damit die helle Aufnahme nicht auf dem dunklen Grund schwebt */
.saison-rahmen::before{content:"";position:absolute;inset:0;z-index:2;
  box-shadow:inset 0 0 0 1px rgba(199,154,74,.22);pointer-events:none}

.saison-rahmen img,
.saison-rahmen video{width:100%;height:auto;display:block;
  background:var(--anthrazit);
  opacity:0;transform:scale(1.03);
  transition:opacity 1.6s ease, transform 2.4s cubic-bezier(.22,.61,.36,1)}

/* Der Film läuft still und ohne Bedienelemente — ein bewegtes Bild,
   kein zweiter Markenfilm. */
.saison-film{pointer-events:none}

/* Lichtbahn — derselbe Messington wie der Rahmenglanz in „Aus der Arbeit“ */
.saison-rahmen::after{content:"";position:absolute;inset:0;z-index:1;
  pointer-events:none;
  background:linear-gradient(105deg,
    rgba(255,255,255,0) 35%, rgba(255,255,255,.20) 47%,
    rgba(227,194,136,.26) 52%, rgba(255,255,255,0) 66%);
  transform:translateX(-120%)}

.saison-zeile{margin:14px 0 0;font-size:.82rem;letter-spacing:.06em;
  color:var(--leise);opacity:0;transition:opacity 1.2s ease .5s}

.saison.sichtbar .saison-linie{transform:scaleX(1)}
.saison.sichtbar .saison-rahmen img,
.saison.sichtbar .saison-rahmen video{opacity:1;transform:scale(1)}
.saison.sichtbar .saison-zeile{opacity:1}
.saison.sichtbar .saison-rahmen::after{
  animation:saisonlicht 2.6s cubic-bezier(.4,0,.2,1) .6s 1 forwards}

@keyframes saisonlicht{
  from{transform:translateX(-120%)} to{transform:translateX(120%)}}

@media(prefers-reduced-motion:reduce){
  .saison-linie,.saison-rahmen img,.saison-rahmen video,
  .saison-zeile{transition:none}
  .saison-linie{transform:scaleX(1)}
  .saison-rahmen img,.saison-rahmen video{opacity:1;transform:none}
  .saison-zeile{opacity:1}
  .saison.sichtbar .saison-rahmen::after{animation:none}}

@media print{
  .saison-linie{transform:scaleX(1)}
  .saison-rahmen img{opacity:1;transform:none}
  .saison-zeile{opacity:1}
  .saison-rahmen::after{display:none}}