.product-film{height:70vh;max-height:600px;position:relative;overflow:hidden}.product-film>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film-caption{text-align:center;height:100%;padding:var(--space-24);background:#221f1ea6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.film-play{width:80px;height:80px;color:var(--text);backdrop-filter:blur(8px);background:#221f1e4d;border:1px solid #ffffff4d;border-radius:50%;place-items:center;font-size:32px;display:grid}.film-play:hover{background:var(--text);color:var(--surface)}.film-caption .eyebrow{margin:var(--space-32) 0 0}.film-caption h2{font:italic 300 24px var(--serif);margin:var(--space-12) 0 0}.film-dialog{padding:var(--space-64) var(--space-24) var(--space-24);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text);background:#393433f2;border:0}.film-dialog[open]{flex-direction:column;justify-content:center;align-items:center;display:flex}.film-dialog::backdrop{background:#393433f2}.film-dialog video{border-radius:12px;width:auto;max-width:100%;max-height:80dvh}.film-error{color:var(--text);font-size:var(--font-size-14)}.film-dialog .dialog-close{position:absolute;top:24px;right:24px}@media (width>=640px){.product-film{height:85vh}.film-play{width:96px;height:96px}.film-caption h2{font-size:var(--font-size-36)}}.film-dialog{border-radius:0}.film-error button{min-height:44px;color:inherit;background:0 0;text-decoration:underline}