.film-showcase{scroll-margin-top:110px}.film-stage{background:#162c26;border-radius:32px 32px 90px 32px;overflow:hidden;box-shadow:0 24px 70px #182d2517}.film-slide{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);align-items:stretch}.film-slide[hidden]{display:none}.film-screen{display:grid;place-items:center;background:#0c1713;overflow:hidden;min-width:0}.film-screen video{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:#0c1713}.film-story{padding:38px 32px 44px;display:flex;flex-direction:column;justify-content:center;color:#f7f5ef}.film-story h3{color:inherit;font-size:clamp(32px,3vw,46px);line-height:1.03;margin:12px 0 18px}.film-story p{color:#d4dfd7;font-size:14px;line-height:1.65}.film-story .eyebrow{color:#d7c5a0;font-size:10px}.film-story .button{background:#f7f5ef;color:#203c34;align-self:flex-start;margin-top:22px;border-color:#fff5}.film-navigation{display:flex;flex-direction:column;gap:20px;margin-top:24px}.film-tabs{display:flex;flex-wrap:wrap;gap:8px}.film-tabs button,.film-controls button{font:500 12px/1.3 var(--font-sans,'DM Sans',sans-serif);cursor:pointer;border:1px solid #203c3426;background:#fffaf0aa;backdrop-filter:blur(12px);padding:13px 18px;border-radius:999px;color:#203c34;min-height:44px;transition:background .25s,color .25s,transform .25s}.film-tabs button span{color:#8c7751;margin-inline-end:7px;font-size:10px}.film-tabs button[aria-pressed=true]{background:#203c34;color:#fff}.film-tabs button[aria-pressed=true] span{color:#d7c5a0}.film-tabs button:hover,.film-controls button:hover{transform:translateY(-2px)}.film-controls{display:flex;gap:8px;flex-wrap:wrap}.film-controls button{padding:10px 18px;background:transparent}.film-controls [data-film-toggle]{border-color:#8c775166}.film-note,.film-player figcaption{font-size:12px;line-height:1.65;color:#59675f;margin-top:18px;max-width:820px}.film-player{margin:0}.film-player video{display:block;width:100%;height:auto;max-height:75vh;aspect-ratio:16/9;object-fit:contain;background:#0c1713;border-radius:28px;box-shadow:0 20px 60px #203c3414}.film-slide.is-current .film-story{animation:film-story-in .6s ease both}@keyframes film-story-in{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}.film-showcase button:focus-visible,.film-showcase video:focus-visible,.project-film video:focus-visible{outline:3px solid #b59a67;outline-offset:5px}.film-link{display:inline-flex;align-items:center;gap:7px;margin-inline-start:16px;font-size:13px}.film-link:before{content:'';width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-inline-start:6px solid currentColor}
@media(max-width:900px){.film-slide{grid-template-columns:1fr}.film-story{padding:26px 28px 34px}.film-story h3{font-size:36px}.film-story p:not(.eyebrow){max-width:52ch}.film-story .button{margin-top:10px}.film-stage{border-radius:24px 24px 60px 24px}.film-screen video{height:auto}.film-tabs button{font-size:11px;padding:11px 14px}}
@media(max-width:480px){.film-story{padding:24px 22px 30px}.film-story h3{font-size:34px}.film-controls{gap:6px}.film-controls button{padding:10px 12px;font-size:11px}.film-player video{border-radius:20px}.film-note{font-size:11px}.film-link{margin-inline-start:12px}}
@media(prefers-reduced-motion:reduce){.film-slide.is-current .film-story{animation:none}.film-showcase button{transition:none}}