/* SaaleMomente · Filme auf Unterseiten (Stufe 2). Legt sich weich über Foto oder Poster. */
.smf{position:relative;margin:0;min-height:min(88svh,820px);display:flex;align-items:flex-end;color:#fbfaf6;isolation:isolate;overflow:hidden}
.smf-media{position:absolute;inset:0;z-index:-1;background:#0b1d18;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%)}
.smf-media img,.smf-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.smf-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,29,24,0) 30%,rgba(11,29,24,.55) 62%,rgba(11,29,24,.85) 100%),radial-gradient(90% 70% at 20% 85%,rgba(11,29,24,.45),transparent 70%)}
.smf-copy{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-right,0px)) clamp(110px,16svh,170px) max(20px,env(safe-area-inset-left,0px))}
.smf-copy>*{max-width:34rem!important}
.smf-kicker{display:block;font-size:.84rem;letter-spacing:.04em;color:#cdd8d2;margin:0 0 12px}
.smf-copy h2{color:#fbfaf6;margin:0 0 16px;font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.06;text-shadow:0 2px 26px rgba(0,0,0,.4)}
.smf-copy p:not(.smf-kicker){color:rgba(251,250,246,.9);font-size:1.05rem;line-height:1.6;text-shadow:0 1px 14px rgba(0,0,0,.5);margin:0}
.smf-note{position:absolute;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(14px + 9svh);z-index:2;font-size:.7rem;color:rgba(251,250,246,.8);text-shadow:0 1px 8px rgba(0,0,0,.6);margin:0}
.smf-vid{opacity:0;transition:opacity 1.4s cubic-bezier(.22,.7,.16,1);pointer-events:none}
.smf-vid.is-ready{opacity:1}
/* Film über einem vorhandenen Bild (Galerie, Porträt) */
.smf-over{position:relative}
.smf-over>.smf-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;z-index:1}
.smf-over>.smf-tag{position:absolute;right:12px;top:12px;z-index:2;font-size:.7rem;line-height:1.2;color:#fbfaf6;background:rgba(11,29,24,.42);padding:4px 9px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
.smf-over figcaption{z-index:2}
.smf-portrait{margin:28px 0 0;border-radius:12px;overflow:hidden;aspect-ratio:4/5;max-width:420px;background:#e9eae3}
.smf-portrait>img{width:100%;height:100%;object-fit:cover;object-position:35% 30%;display:block}
.smf-portrait>.smf-vid{object-position:35% 30%}
@media (prefers-reduced-motion:reduce){.smf-vid{display:none}}
html[data-sm-motion=paused] .smf-vid{opacity:0}