.zfh{--zfh-gutter: 16px;position:relative;display:block;height:calc(var(--zfh-h-mobile, 92) * 1vh);height:calc(var(--zfh-h-mobile, 92) * 1svh);min-height:540px;max-height:1000px;overflow:hidden;background:#0e0e0e;color:#fff;isolation:isolate}.zfh__slides{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y}.zfh__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}.zfh__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .8s ease}.zfh__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.zfh__poster,.zfh__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.zfh__video{opacity:0;transition:opacity .5s ease}.zfh__placeholder{background:#262624;fill:#ffffff29}.zfh__video.is-playing{opacity:1}.zfh__backdrop{display:none}.zfh__media>picture{display:contents}.zfh__slide.is-active .zfh__media :is(.zfh__poster,.zfh__video){animation:zfh-push 12s ease-out both}@keyframes zfh-push{0%{transform:scale(1.06)}to{transform:scale(1)}}.zfh__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / var(--zfh-shade, .6)),rgb(0 0 0 / calc(var(--zfh-shade, .6) * .45)) 32%,#0000 58%),linear-gradient(to bottom,#00000061,#0000 22%)}.zfh__content{position:absolute;left:var(--zfh-gutter);right:var(--zfh-gutter);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:2;display:grid;gap:12px;justify-items:start;max-width:560px}.zfh__content>*{margin:0;opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.zfh__slide.is-active .zfh__content>*{opacity:1;transform:none}.zfh__slide.is-active .zfh__content>:nth-child(1){transition-delay:.25s}.zfh__slide.is-active .zfh__content>:nth-child(2){transition-delay:.35s}.zfh__slide.is-active .zfh__content>:nth-child(3){transition-delay:.45s}.zfh__slide.is-active .zfh__content>:nth-child(4){transition-delay:.55s}.zfh__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.6875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.zfh__heading{font-family:var(--font-heading--family, inherit);font-size:clamp(1.875rem,8.2vw,2.75rem);font-weight:600;line-height:.98;letter-spacing:-.035em;color:#fff;text-wrap:balance}.zfh__text{display:none;max-width:34ch;font-size:.9375rem;line-height:1.45;color:#ffffffe0}.zfh__ctas{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.zfh__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:var(--zep-radius, 2px);font-size:.6875rem;font-weight:600;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.zfh__cta--primary{background:#fff;color:#0e0e0e}.zfh__cta--primary:hover{background:var(--zep-red, #ef3008);color:#fff}.zfh__cta--secondary{border:1px solid rgb(255 255 255 / .7);color:#fff}.zfh__cta--secondary:hover{background:#fff;color:#0e0e0e}.zfh__cta:focus-visible,.zfh__chapter:focus-visible,.zfh__pause:focus-visible{outline:2px solid #fff;outline-offset:3px}.zfh__chrome{position:absolute;left:var(--zfh-gutter);right:var(--zfh-gutter);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:3;display:flex;align-items:flex-end;gap:14px;pointer-events:none}.zfh__chrome :is(.zfh__chapter,.zfh__pause){pointer-events:auto}.zfh__chapters{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin:0;padding:0;list-style:none}.zfh__chapter{display:grid;gap:9px;width:100%;min-height:44px;padding:10px 0 4px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.zfh__bar{display:block;height:2px;border-radius:2px;overflow:hidden;background:#ffffff4d}.zfh__fill{display:block;width:100%;height:100%;background:#fff;transform:scaleX(var(--p, 0));transform-origin:left}.zfh__chapter-label{font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zfh__chapter.is-current .zfh__chapter-label{color:#fff}.zfh__pause{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / .45);border-radius:50%;background:#0000002e;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zfh__icon-play{display:none}.zfh.is-paused .zfh__icon-play{display:block}.zfh.is-paused .zfh__icon-pause{display:none}.zfh--copy-top .zfh__content{top:calc(var(--header-group-height, 45px) + var(--header-height, 60px) + 16px);bottom:auto}.zfh--copy-top .zfh__media :is(.zfh__poster,.zfh__video){object-position:50% 0%}.zfh--copy-top .zfh__shade{background:linear-gradient(to bottom,rgb(0 0 0 / var(--zfh-shade, .6)),rgb(0 0 0 / calc(var(--zfh-shade, .6) * .5)) 38%,#0000 68%)}.zfh--align-center .zfh__content{left:0;right:0;width:calc(100% - 2 * var(--zfh-gutter));margin-inline:auto;justify-items:center;text-align:center}.zfh--align-center .zfh__eyebrow,.zfh--align-center .zfh__ctas{justify-content:center}.zfh__actions{position:absolute;left:var(--zfh-gutter);right:var(--zfh-gutter);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:2}.zfh--cta-bottom .zfh__chrome{top:calc(var(--header-group-height, 45px) + var(--header-height, 60px) + 12px);bottom:auto;justify-content:flex-end}.zfh__actions .zfh__ctas{justify-content:center;margin:0;opacity:0;transform:translateY(16px);transition:opacity .45s ease .55s,transform .6s cubic-bezier(.2,.7,.2,1) .55s}.zfh__slide.is-active .zfh__actions .zfh__ctas{opacity:1;transform:none}.zfh__actions .zfh__cta--secondary{background:#00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zfh--cta-bottom:not(.zfh--copy-top) .zfh__content{bottom:calc(86px + env(safe-area-inset-bottom,0px))}.zfh--copy-top.zfh--cta-bottom .zfh__media :is(.zfh__poster,.zfh__video){object-position:50% 100%}.zfh--copy-top.zfh--cta-bottom .zfh__shade{background:linear-gradient(to bottom,rgb(0 0 0 / var(--zfh-shade, .6)),rgb(0 0 0 / calc(var(--zfh-shade, .6) * .5)) 38%,#0000 68%),linear-gradient(to top,#00000061,#0000 26%)}@media(min-width:750px){.zfh__actions{bottom:18px}.zfh--cta-bottom .zfh__chrome{top:auto;bottom:20px;justify-content:flex-start}.zfh--cta-bottom:not(.zfh--copy-top) .zfh__content{bottom:94px}.zfh--align-center .zfh__content{max-width:760px}}@media(min-width:750px){.zfh{--zfh-gutter: 48px;height:calc(var(--zfh-h-desktop, 88) * 1vh);min-height:600px;max-height:1100px}.zfh__content{bottom:96px;max-width:600px}.zfh__heading{font-size:clamp(3rem,4.4vw,4.75rem)}.zfh__text{display:block;font-size:1.0625rem}.zfh__ctas{gap:10px}.zfh__cta{padding:0 24px;font-size:.75rem;letter-spacing:.14em}.zfh__chrome{bottom:28px}.zfh--copy-top .zfh__content{top:calc(var(--header-group-height, 45px) + var(--header-height, 66px) + 28px)}.zfh--copy-top .zfh__heading{font-size:clamp(2.5rem,3.3vw,3.75rem)}.zfh--copy-top .zfh__text{display:none}.zfh__chapters{max-width:560px}.zfh__slide--framed .zfh__backdrop{display:block;position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(48px) saturate(1.1) brightness(.62)}.zfh__slide--framed .zfh__media>:is(.zfh__poster,.zfh__video){inset:104px 8% 40px auto;width:auto;height:calc(100% - 144px);aspect-ratio:9 / 16;border-radius:6px;box-shadow:0 30px 80px #00000073}.zfh__slide--framed .zfh__shade{background:linear-gradient(to right,#00000073,#0000 55%),linear-gradient(to bottom,#0000004d,#0000 22%)}}@media(prefers-reduced-motion:reduce){.zfh__slide,.zfh__slide.is-active,.zfh__video,.zfh__content>*,.zfh__actions .zfh__ctas{transition:none}.zfh__slide.is-active .zfh__media :is(.zfh__poster,.zfh__video){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/zep-film-hero.css.map */