.media-frame{margin:0;margin-inline:auto;max-width:var(--container-content);padding-block:var(--space-10);padding-inline:var(--container-padding-mobile)}.media-frame--narrow{max-width:var(--container-narrow)}.media-frame--wide{max-width:var(--container-wide)}.media-frame__media{border-radius:var(--radius-md);display:block;height:auto;width:100%}.media-frame--framed .media-frame__media{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg)}.media-frame__stage{position:relative}.media-frame__play{background:var(--color-petrol);border:none;border-radius:var(--radius-full);color:var(--color-cream);cursor:pointer;display:grid;height:4.5rem;inset:0;margin:auto;place-items:center;position:absolute;transition:background var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default);width:4.5rem}.media-frame__play svg{height:1.75rem;translate:2px 0;width:1.75rem}.media-frame__play:hover{background:var(--color-petrol-deep);transform:scale(1.05)}.media-frame__play:focus-visible{box-shadow:var(--shadow-focus);outline:none}.no-js .media-frame__play{display:none}@media (prefers-reduced-motion:reduce){.media-frame__play{transition:none}.media-frame__play:hover{transform:none}}.media-frame__caption{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-mono);line-height:var(--leading-normal);margin-block-start:var(--space-3)}@media (min-width:768px){.media-frame{padding-block:var(--space-12);padding-inline:var(--container-padding-tablet)}}@media (min-width:1024px){.media-frame{padding-inline:var(--container-padding-desktop)}}@media print{.media-frame video{display:none}}