.film-tile:where(.astro-qhzid7dc){border:1px solid var(--color-hairline);background:#fff;border-radius:.75rem;flex-direction:column;margin:0;display:flex;overflow:hidden}.film-tile-trigger:where(.astro-qhzid7dc){aspect-ratio:16/9;background:var(--color-navy);cursor:pointer;border:0;width:100%;padding:0;font-family:inherit;display:block;position:relative}.film-tile-poster:where(.astro-qhzid7dc),.film-tile-video:where(.astro-qhzid7dc){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film-tile-video:where(.astro-qhzid7dc){opacity:0;transition:opacity .2s}.film-tile-trigger:where(.astro-qhzid7dc)[data-playing] .film-tile-video:where(.astro-qhzid7dc){opacity:1}.film-tile-trigger:where(.astro-qhzid7dc)[data-playing] .film-tile-poster:where(.astro-qhzid7dc){opacity:0}.film-tile-titlecard:where(.astro-qhzid7dc){background:linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-outline) 55%, var(--color-teal-dark) 140%);flex-direction:column;justify-content:space-between;padding:.6rem .75rem;transition:opacity .2s;display:flex;position:absolute;inset:0;overflow:hidden}.film-tile-trigger:where(.astro-qhzid7dc)[data-playing] .film-tile-titlecard:where(.astro-qhzid7dc){opacity:0}.film-tile-kicker:where(.astro-qhzid7dc){color:var(--color-teal);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.film-tile-stage:where(.astro-qhzid7dc){flex:1;align-items:stretch;gap:.5rem;min-height:0;padding:.35rem 0;display:flex}.film-tile-benefit:where(.astro-qhzid7dc){color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:0 0 40%;align-self:center;margin:0;font-size:clamp(.75rem,2.2vw,1rem);font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.film-tile-still-frame:where(.astro-qhzid7dc){border-radius:.5rem;flex:0 0 55%;overflow:hidden;box-shadow:0 .5rem 1rem #0a0d1a59}.film-tile-still:where(.astro-qhzid7dc){object-fit:cover;width:100%;height:100%;display:block}.film-tile-titlecard-play:where(.astro-qhzid7dc){color:#fff;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;transition:background .2s,color .2s;display:inline-flex}.film-tile-trigger:where(.astro-qhzid7dc):hover .film-tile-titlecard-play:where(.astro-qhzid7dc),.film-tile-trigger:where(.astro-qhzid7dc):focus-visible .film-tile-titlecard-play:where(.astro-qhzid7dc){background:var(--color-teal);color:var(--color-navy)}@media (width<=640px){.film-tile-benefit:where(.astro-qhzid7dc){flex-basis:48%;font-size:clamp(.875rem,4.2vw,1.0625rem)}.film-tile-still-frame:where(.astro-qhzid7dc){flex-basis:42%}}.film-tile-play:where(.astro-qhzid7dc){color:#fff;background:#141b3347;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,opacity .2s;display:flex;position:absolute;inset:0}.film-tile-trigger:where(.astro-qhzid7dc):hover .film-tile-play:where(.astro-qhzid7dc),.film-tile-trigger:where(.astro-qhzid7dc):focus-visible .film-tile-play:where(.astro-qhzid7dc){background:#141b3373}.film-tile-trigger:where(.astro-qhzid7dc)[data-playing] .film-tile-play:where(.astro-qhzid7dc){opacity:0}.film-tile-trigger:where(.astro-qhzid7dc):focus-visible{outline:3px solid var(--color-teal);outline-offset:2px}.film-tile-caption:where(.astro-qhzid7dc){flex-direction:column;gap:.4rem;padding:.9rem 1rem 1.1rem;display:flex}.film-tile-caption:where(.astro-qhzid7dc) h3:where(.astro-qhzid7dc){color:var(--color-navy);margin:0;font-size:.9375rem}.film-tile-caption:where(.astro-qhzid7dc) p:where(.astro-qhzid7dc){color:var(--color-text-muted);flex:1;margin:0;font-size:.8125rem;line-height:1.45}.film-tile-meta:where(.astro-qhzid7dc){justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.film-tile-duration:where(.astro-qhzid7dc){color:var(--color-teal-text);font-size:.75rem;font-weight:700}.film-tile-tutorial:where(.astro-qhzid7dc){color:var(--color-navy);white-space:nowrap;font-size:.8125rem;font-weight:600}.film-tile-large:where(.astro-qhzid7dc){max-width:28rem;margin:0 auto}.film-tile-large:where(.astro-qhzid7dc) .film-tile-caption:where(.astro-qhzid7dc) h3:where(.astro-qhzid7dc){font-size:1.0625rem}.film-tile-large:where(.astro-qhzid7dc) .film-tile-caption:where(.astro-qhzid7dc) p:where(.astro-qhzid7dc){font-size:.875rem}.film-lightbox:where(.astro-oki47qgo){background:var(--color-navy);color:#fff;border:0;border-radius:.75rem;width:min(90vw,56rem);padding:0}.film-lightbox:where(.astro-oki47qgo)::backdrop{background:#0a0d1ab8}.film-lightbox-inner:where(.astro-oki47qgo){flex-direction:column;display:flex}.film-lightbox-header:where(.astro-oki47qgo){justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.film-lightbox-header:where(.astro-oki47qgo) h2:where(.astro-oki47qgo){color:#fff;margin:0;font-size:1rem}.film-lightbox-close:where(.astro-oki47qgo){color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;font-size:1rem;display:inline-flex}.film-lightbox-close:where(.astro-oki47qgo):hover,.film-lightbox-close:where(.astro-oki47qgo):focus-visible{background:#ffffff1f}.film-lightbox-video:where(.astro-oki47qgo){aspect-ratio:16/9;background:#000;width:100%;display:block}.film-lightbox-footer:where(.astro-oki47qgo){align-items:center;gap:1rem;padding:.9rem 1rem 1.1rem;display:flex}.film-lightbox-playpause:where(.astro-oki47qgo){color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;flex-shrink:0;padding:.4rem .9rem;font-family:inherit;font-size:.8125rem;font-weight:600}.film-lightbox-playpause:where(.astro-oki47qgo):hover,.film-lightbox-playpause:where(.astro-oki47qgo):focus-visible{background:#ffffff1f}.film-lightbox-sentence:where(.astro-oki47qgo){color:#ffffffd9;margin:0;font-size:.875rem}@media (width<=640px){.film-lightbox:where(.astro-oki47qgo){border-radius:0;width:100vw;max-width:100vw;height:100%;max-height:100%}.film-lightbox-footer:where(.astro-oki47qgo){flex-wrap:wrap}}