/* El color del fundido coincide exactamente con el fondo de la sección. */
.about-story{--film-background:#0f0e0d;min-height:0;padding-block:72px;background:var(--film-background)}
.story-layout{position:static;min-height:0;gap:clamp(28px,4vw,64px)}
.plant-film{position:relative;width:100%;max-width:540px;aspect-ratio:4/5;margin:0 auto;border:0;border-radius:0;box-shadow:none;background:transparent;isolation:isolate}
.film-picture{position:absolute;inset:0;overflow:hidden;border:0;border-radius:0}
.film-picture img,.film-picture video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent}
.film-picture video{opacity:0;transition:opacity .3s ease}
.has-frame .film-picture video{opacity:1}
/* Cuatro bordes fundidos, más estrechos cerca del logo para mantenerlo legible. */
.film-picture::after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--film-background) 0%,transparent 7%,transparent 96%,var(--film-background) 100%),linear-gradient(180deg,var(--film-background) 0%,transparent 3%,transparent 93%,var(--film-background) 100%)}
.film-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:800px){.about-story{padding-block:52px}.story-layout{gap:26px}.plant-film{max-width:480px}}
@media(prefers-reduced-motion:reduce){.film-picture video{transition:none}}