.film-story{position:relative;z-index:4;height:270svh;background:#fff9e9;color:#35575a;isolation:isolate}
.film-story-pin{position:sticky;top:0;height:100svh;overflow:hidden;background:#fff9e9}
.film-story-wall{position:absolute;inset:-45% -20%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transform:rotate(-17deg) scale(1.08);pointer-events:none}
.film-story-column{display:flex;flex-direction:column;gap:12px}
.film-story-column:nth-child(even){padding-top:130px}
.film-story-column img{display:block;flex-shrink:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:4px solid #fff9e9}
.film-story-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.film-story-hint{position:absolute;bottom:7vh;left:6vw;right:6vw;display:flex;justify-content:space-between}
@media(max-width:700px){.film-story{height:250svh}.film-story-wall{inset:-20% -65%;gap:8px}.film-story-column{gap:8px}.film-story-column img{border-width:2px}.film-story-hint{bottom:13vh;font-size:10px}}
@media(prefers-reduced-motion:reduce){.film-story{height:100svh}.film-story-pin{position:relative}.film-story-mask,.film-story-hint{display:none}.film-story-column{transform:none!important}}




.film-story-white{position:absolute;inset:0;background:#fff9e9;opacity:0;pointer-events:none}