brand-film.brand-film{display:grid;position:relative;isolation:isolate;align-items:end;min-height:var(--film-height, 80svh);overflow:hidden;background:var(--film-background);color:var(--film-text);font:400 15px/1.6 Brand Film Body,Arial,sans-serif}.brand-film *,.brand-film *:before,.brand-film *:after{box-sizing:border-box}.brand-film__media,.brand-film__media picture,.brand-film__preview{position:absolute;top:0;right:0;bottom:0;left:0}.brand-film__media img,.brand-film__preview video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--film-focal)}.brand-film__preview{visibility:hidden}.brand-film__preview.is-playing{visibility:visible}.brand-film:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgb(0 0 0 / var(--film-shade)),transparent 95%)}.brand-film__content{position:relative;z-index:2;width:100%;padding:clamp(48px,7vw,96px) clamp(24px,6vw,96px)}.brand-film__eyebrow{margin:0;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.brand-film__heading{margin:22px 0;max-width:1000px;font:300 clamp(40px,5.5vw,80px)/1.05 "Brand Film Heading",Arial,sans-serif;letter-spacing:-.025em;color:inherit}.brand-film__description{margin:0;max-width:620px;font-size:16px;color:inherit}.brand-film__watch,.brand-film__pause,.brand-film__close{font:inherit;color:inherit;cursor:pointer}.brand-film__watch{display:inline-block;margin-top:28px;padding:15px 24px;border:1px solid currentColor;border-radius:40px;background:#ffffff0f}.brand-film__pause{position:absolute;z-index:2;top:24px;right:24px;max-width:calc(100% - 48px);padding:8px 14px;border:1px solid currentColor;border-radius:30px;background:#00000040;font-size:11px}.brand-film [hidden]{display:none}.brand-film__editor-note{margin-top:24px;font-size:12px}.brand-film__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;width:min(1100px,94vw);max-width:94vw;max-height:92svh;margin:auto;padding:20px;border:0;overflow:auto;background:var(--film-background);color:var(--film-text)}.brand-film__dialog::backdrop{background:#000c}.brand-film__dialog video{display:block;width:100%;max-height:76svh}.brand-film__close{display:block;margin:0 0 16px auto;padding:8px 16px;border:1px solid currentColor;border-radius:24px;background:transparent}.brand-film :focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(max-width:749px){brand-film.brand-film{min-height:var(--film-mobile-height, 80svh)}.brand-film__heading{font-size:clamp(40px,10vw,60px)}.brand-film__description{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/298/assets/brand-film.css.map */