.film{z-index:2;margin:0;position:relative}.film-dim{font-family:var(--font-ibm-plex-mono);letter-spacing:.08em;color:#6c7268;white-space:nowrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.6875rem;display:flex}.film-dim-line{background-color:var(--color-dimension-grey);flex:1;height:1px}.film-frame{aspect-ratio:16/10;border:1px solid var(--color-dimension-grey);background-color:var(--color-drafting-white);border-radius:4px;position:relative;box-shadow:0 30px 60px -30px #1c1f1c47}.film-corner{border:0 solid var(--color-graphite);pointer-events:none;width:14px;height:14px;position:absolute}.film-corner--tl{border-top-width:1px;border-left-width:1px;top:-8px;left:-8px}.film-corner--tr{border-top-width:1px;border-right-width:1px;top:-8px;right:-8px}.film-corner--bl{border-bottom-width:1px;border-left-width:1px;bottom:-8px;left:-8px}.film-corner--br{border-bottom-width:1px;border-right-width:1px;bottom:-8px;right:-8px}.film-viewport{border-radius:3px;position:absolute;inset:0;overflow:hidden}.film-video{object-fit:cover;object-position:55% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.film-tag{font-family:var(--font-ibm-plex-mono);letter-spacing:.1em;white-space:nowrap;pointer-events:none;color:var(--color-graphite);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f6f7f4e0;border:1px solid #c9cdc6b3;border-radius:2px;align-items:center;gap:6px;padding:4px 8px;font-size:.625rem;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:10px}.film-live{background-color:var(--color-meter-green);border-radius:50%;width:6px;height:6px;position:relative}.film-live:after{content:"";background-color:#1575474d;border-radius:50%;animation:2.4s cubic-bezier(.4,0,.6,1) infinite pulseRing;position:absolute;inset:-3px}.film-toggle{z-index:3;width:36px;height:36px;color:var(--color-graphite);cursor:pointer;background-color:#f6f7f4e0;border:1px solid #c9cdc6cc;border-radius:2px;place-items:center;padding:0;transition:background-color .18s,color .18s;display:grid;position:absolute;top:10px;right:10px}.film-toggle:hover{color:var(--color-drafting-white);background-color:var(--color-meter-green)}.film-toggle:focus-visible{outline:2px solid var(--color-meter-green);outline-offset:2px}.film.is-still .film-toggle{display:none}@media (min-width:1024px){.hero-media{position:relative}.hero-media .calibrated-hero-schematic-wrap{opacity:.2;pointer-events:none;z-index:0;width:calc(100% + 96px);position:absolute;top:50%;right:-64px;transform:translateY(-50%)}.film-frame{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.film-live:after{animation:none}}