.about-story,.about-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8%;max-width:1440px;margin:auto}
.about-story-copy h2,.about-work-copy h2{font-size:clamp(36px,4vw,60px);margin-bottom:32px}
.about-story-copy p:not(.eyebrow),.about-work-copy p:not(.eyebrow){font-size:19px;color:var(--muted);line-height:1.7}
.about-festival img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.about-story-photo{width:100%;max-width:380px;justify-self:center;aspect-ratio:3/4}.about-story-photo img{width:100%;height:100%;object-fit:cover}
.about-film{width:100%;max-width:380px;justify-self:center;aspect-ratio:9/16;background:#171717;border-radius:2px;isolation:isolate}
.about-film video{display:block;width:100%;height:100%;object-fit:cover}
.about-film video::-webkit-media-controls-start-playback-button,.about-film video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}
.about-film-control{position:absolute;bottom:18px;right:18px;z-index:2;width:38px;height:38px;border:1px solid #ffffff55;border-radius:50%;background:#0008;color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.about-film-control[hidden]{display:none}.about-film-control svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.about-film-control .film-play{display:none}.about-film-control.is-paused .film-pause{display:none}.about-film-control.is-paused .film-play{display:block}
.about-process{align-items:center;max-width:1440px;margin:auto}.about-process h2{font-size:clamp(36px,4vw,60px);margin-bottom:36px}.about-secondary-portrait{width:100%;max-width:280px;aspect-ratio:2/3}.about-secondary-portrait img{width:100%;height:100%;object-fit:cover}
.about-process-film{max-width:280px;margin-top:36px}
@media(max-width:900px){.about-story,.about-work{gap:6%}.about-story-copy p:not(.eyebrow),.about-work-copy p:not(.eyebrow){font-size:17px}.about-story-copy h2,.about-work-copy h2{font-size:clamp(32px,4.2vw,48px)}}
@media(max-width:700px){.about-story,.about-work{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:35px}.about-story-copy h2,.about-work-copy h2,.about-process h2{font-size:38px}.about-story-copy p:not(.eyebrow),.about-work-copy p:not(.eyebrow){font-size:18px}.about-work-copy{grid-row:1}.about-film{max-width:300px}.about-process{padding-top:60px;gap:30px}.about-secondary-portrait{max-width:230px;margin:30px auto 0}.about-process h2{margin-bottom:24px}}
@media(max-width:700px){.about-story-photo{max-width:300px}.about-process-film{max-width:280px;margin:30px auto 0}}