/* Film discovery: large imagery, readable context, quiet motion. */
.film-stories{margin-top:72px;scroll-margin-top:110px;--story-accent:#5ee7ef}
.stories-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}
.stories-eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--story-accent);font-weight:600;margin:0 0 14px}
.stories-heading h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,4.8vw,64px);line-height:1.04;letter-spacing:-2.4px;font-weight:500;color:#fff;margin:0 0 18px}
.stories-intro{color:#bfc5cf;line-height:1.7;font-size:16px;margin:0}
.stories-controls{display:flex;align-items:center;gap:24px;flex-shrink:0;padding-bottom:5px}
#film-preview-toggle{font-size:12px;color:#bfc5cf;border-bottom:1px solid #616872;padding:7px 0;white-space:nowrap}
#film-preview-toggle:hover{color:#fff}
.stories-arrows{display:flex;gap:10px}
.stories-arrows button{height:48px;width:48px;border:1px solid #69717b;border-radius:50%;color:white;font-size:23px;transition:background .2s,border-color .2s}
.stories-arrows button:hover:not(:disabled){background:var(--story-accent);border-color:var(--story-accent);color:#071518}
.stories-arrows button:disabled{opacity:.3;cursor:default}
.stories-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.stories-filters{display:flex;flex-wrap:wrap;gap:8px}
.stories-filters button{border:1px solid #41454d;border-radius:99px;padding:9px 15px;color:#c1c7d1;font-size:12px;white-space:nowrap;transition:background .2s,color .2s}
.stories-filters button[aria-pressed=true]{background:#e4fcff;border-color:#e4fcff;color:#071518;font-weight:600}
.stories-filters button:hover:not([aria-pressed=true]){border-color:#91a6ae;color:#fff}
.stories-position{font-size:12px;color:#bfc5cf;white-space:nowrap;font-variant-numeric:tabular-nums}
#featured-film-grid.film-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 12px;margin:0;overscroll-behavior-x:contain}
#featured-film-grid::-webkit-scrollbar{display:none}
#featured-film-grid .story-card{position:relative;isolation:isolate;flex:0 0 calc((100% - 40px)/3);min-width:0;max-width:none;height:510px;border:1px solid #454950;border-radius:20px;overflow:hidden;text-align:left;background:#151a1d;color:#fff;scroll-snap-align:start;cursor:pointer;padding:0;transition:border-color .2s,transform .2s}
#featured-film-grid .story-card[hidden]{display:none}
#featured-film-grid .story-card:hover{border-color:#b2d9dc;transform:translateY(-3px)}
#featured-film-grid .story-card>img,#featured-film-grid .story-card>video{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:var(--story-position,center);z-index:-3;transition:transform 1s,opacity .45s}
#featured-film-grid .story-card>video{opacity:0;pointer-events:none}
#featured-film-grid .story-card.is-previewing>video{opacity:1}
#featured-film-grid .story-card:hover>img{transform:scale(1.035)}
.story-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.37),rgba(0,0,0,0) 27%,rgba(3,9,13,.1) 38%,rgba(3,9,13,.92) 77%,#03090d 100%);z-index:-1;pointer-events:none}
.story-top{position:absolute;left:22px;right:22px;top:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase}
.story-category,.story-duration{background:rgba(4,12,16,.72);border:1px solid rgba(255,255,255,.26);border-radius:99px;padding:7px 10px;backdrop-filter:blur(8px)}
.story-duration{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.3px}
.story-copy{position:absolute;bottom:26px;left:26px;right:26px}
.story-card h4{font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,2.5vw,32px);letter-spacing:-.9px;font-weight:500;line-height:1.1;margin:0 0 12px;color:#fff}
.story-hook{font-size:14px;line-height:1.6;display:block;color:#e1e7ea;min-height:45px;max-width:28ch}
.story-action{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:13px;font-weight:600;letter-spacing:.2px}
.story-play{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e9fbff;color:#091217;font-size:13px;padding-left:2px;transition:background .2s}
.story-card:hover .story-play{background:var(--story-accent)}
.story-motion{margin-left:auto;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--story-accent);opacity:0}
.is-previewing .story-motion{opacity:1}
.stories-footer{display:flex;justify-content:space-between;gap:20px;color:#aeb7c0;font-size:11px;letter-spacing:.3px;margin-top:12px}
.film-stories button:focus-visible{outline:3px solid #5ee7ef;outline-offset:3px}
@media(max-width:1050px){#featured-film-grid .story-card{flex-basis:calc((100% - 20px)/2)}.stories-toolbar{align-items:start}.stories-position{padding-top:9px}.stories-heading{gap:20px}.stories-controls{gap:14px}.stories-heading h3{font-size:48px}}
@media(max-width:650px){.film-stories{margin-top:48px}.stories-heading{display:block;margin-bottom:22px}.stories-heading h3{font-size:43px;letter-spacing:-1.7px}.stories-eyebrow{font-size:9px;letter-spacing:1.5px}.stories-intro{font-size:14px}.stories-controls{justify-content:space-between;margin-top:20px}.stories-arrows button{height:42px;width:42px}.stories-toolbar{display:block}.stories-filters{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding-bottom:8px}.stories-filters button{font-size:11px;padding:8px 12px}.stories-position{display:block;padding-top:5px}#featured-film-grid.film-carousel{gap:14px}#featured-film-grid .story-card{flex-basis:100%;height:480px;border-radius:18px}.story-card h4{font-size:31px}.story-copy{left:24px;right:24px;bottom:24px}.story-top{left:20px;right:20px;top:20px}.stories-footer{font-size:10px}.stories-footer>span:first-child{max-width:190px}}
@media(prefers-reduced-motion:reduce){#featured-film-grid .story-card,#featured-film-grid .story-card>img,#featured-film-grid .story-card>video{transition:none}#featured-film-grid .story-card:hover{transform:none}}

#exhibition-films::after{content:none!important}