/* Landschaft hinter einer getönten Milchglasscheibe, Inhalt bleibt im Vordergrund. */
.has-landscape body{isolation:isolate}
.season-landscape{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--bg)}
.season-landscape canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.season-scenery{z-index:0;filter:blur(1.2px);opacity:.72}
.season-landscape::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 35%,transparent),color-mix(in srgb,var(--bg) 86%,transparent) 32%,color-mix(in srgb,var(--bg) 88%,transparent) 68%,color-mix(in srgb,var(--bg) 35%,transparent)),color-mix(in srgb,var(--bg) 24%,transparent)}
.season-effects{z-index:2;filter:blur(.7px);opacity:.93}
.season-landscape::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 15%,transparent),color-mix(in srgb,var(--bg) 55%,transparent) 35%,color-mix(in srgb,var(--bg) 55%,transparent) 65%,color-mix(in srgb,var(--bg) 15%,transparent))}
.has-landscape .hero-blob{display:none}
.has-landscape .section--tint,.has-landscape .site-footer{background:color-mix(in srgb,var(--surface-2) 92%,transparent)}
.season-controls{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--border)}
.season-controls label{display:block;font-size:.92rem;font-weight:700;margin-bottom:.5rem}
.season-controls select,.season-pause{width:100%;min-height:44px;padding:.6rem .8rem;border:1px solid var(--border);border-radius:12px;font:inherit;font-size:.9rem;color:var(--text);background:var(--surface-2)}
.season-pause{margin-top:.6rem;cursor:pointer}
.season-pause[aria-pressed="true"]{border-color:var(--accent-2);background:var(--accent2-soft)}
.season-pause:disabled{cursor:default;opacity:.6}
.season-note{font-size:.8rem;color:var(--text-soft);margin:.6rem 0 0}
@media(max-width:600px){.season-scenery{opacity:.55}.season-landscape::before{background:color-mix(in srgb,var(--bg) 68%,transparent)}.season-effects{opacity:.78}}
@media print{.season-landscape,.season-controls{display:none!important}}

/* Herbstlaub verschwindet weich vor der Schrift und erscheint am Rand erneut.
   Transparenz nimmt auch im dunklen Design die jeweilige Hintergrundfarbe an. */
.season-landscape[data-season="autumn"] .season-effects{
  filter:blur(.75px);opacity:.94;
  -webkit-mask-image:linear-gradient(90deg,#000 3%,rgba(0,0,0,.82) 10%,transparent 28%,transparent 72%,rgba(0,0,0,.82) 90%,#000 97%);
  mask-image:linear-gradient(90deg,#000 3%,rgba(0,0,0,.82) 10%,transparent 28%,transparent 72%,rgba(0,0,0,.82) 90%,#000 97%);
}
@media(max-width:600px){
  .season-landscape[data-season="autumn"] .season-effects{
    opacity:.74;
    -webkit-mask-image:linear-gradient(90deg,#000,transparent 14%,transparent 86%,#000);
    mask-image:linear-gradient(90deg,#000,transparent 14%,transparent 86%,#000);
  }
}