.ab__anchor{position:absolute;top:0;left:0}.ab .ab__hero.is-video .ab__hero-pin{place-items:center start}.ab .ab__hero.is-video .ab__hero-text{max-width:1440px;margin:0 auto;padding:9vh var(--ab-gutter) 0;text-align:left}.ab .ab__hero.is-video .ab__hero-media:after{background:linear-gradient(to top,#000000d1,#0006 22%,#0000 48%),linear-gradient(to right,#0000009e,#00000057 38%,#0000 72%),#0000001a}.ab .ab__hero.is-video .ab__hero-label{margin:0 0 20px;color:var(--ab-accent);font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none}.ab .ab__hero.is-video h1{margin:0;max-width:12.5em;color:#fff;font-weight:500;font-size:clamp(2.6rem,5vw,5.25rem);line-height:1.02;letter-spacing:-.04em;text-transform:none;text-wrap:balance}.ab .ab__hero.is-video .ab__hero-body p{margin:20px 0 0;max-width:44ch;color:#ffffffdb}.ab .ab__watch{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:14px;min-height:52px;margin:clamp(28px,4.5vh,44px) 0 0;padding:0 24px 0 28px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#0000006b;color:#fff;cursor:pointer;font:600 .9375rem/1 var(--ab-font);letter-spacing:0;text-transform:none;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s ease,color .25s ease,border-color .25s ease}.ab .ab__watch svg{width:18px;height:18px;flex:none;display:block;transition:transform .3s var(--ab-ease)}.ab .ab__watch:hover{background:#fff;border-color:#fff;color:#000}.ab .ab__watch:hover svg{transform:translate(4px)}.ab .ab__watch:focus-visible{outline:2px solid var(--ab-accent);outline-offset:3px}.ab .ab__film{--fp: clamp(64px, 9vh, 104px);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:var(--fp) clamp(12px,4vw,64px);border:0;background:transparent;color:#fff;overflow:hidden}.ab .ab__film[open]{display:grid;place-items:center}.ab .ab__film::backdrop{background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ab .ab__film-frame{position:relative;width:min(100%,1280px,calc((100vh - var(--fp) * 2) * 16 / 9));aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 30px 80px #00000080}@supports (height: 100dvh){.ab .ab__film-frame{width:min(100%,1280px,calc((100dvh - var(--fp) * 2) * 16 / 9))}}.ab .ab__film-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.ab .ab__film-close{appearance:none;-webkit-appearance:none;position:absolute;z-index:2;top:clamp(12px,2.2vw,28px);right:clamp(12px,2.2vw,28px);width:48px;height:48px;margin:0;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0006;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.ab .ab__film-close svg{width:20px;height:20px;display:block}.ab .ab__film-close:hover{background:#fff;border-color:#fff;color:#000}.ab .ab__film-close:focus-visible{outline:2px solid var(--ab-accent);outline-offset:3px}.ab .ab__film[open]::backdrop{animation:ab-film-fade .3s ease both}.ab .ab__film[open] .ab__film-frame{animation:ab-film-in .5s var(--ab-ease) both}@keyframes ab-film-fade{0%{opacity:0}to{opacity:1}}@keyframes ab-film-in{0%{opacity:0;transform:translate3d(0,18px,0) scale(.97)}to{opacity:1;transform:none}}html.ab-film-open{overflow:hidden}@media(max-width:900px){.ab .ab__hero.is-video .ab__hero-pin{place-items:end start}.ab .ab__hero.is-video .ab__hero-text{padding:0 20px clamp(84px,13vh,120px)}.ab .ab__hero.is-video h1{max-width:none;font-size:clamp(2.1rem,9.2vw,3.1rem)}.ab .ab__hero.is-video .ab__hero-label{margin-bottom:14px;font-size:.9375rem}.ab .ab__watch{margin-top:26px;min-height:48px;padding:0 20px 0 24px}.ab .ab__hero.is-video .ab__hero-media:after{background:linear-gradient(to top,#000000d9,#00000080,#0000001a 70%,#00000026)}.ab .ab__film{--fp: 72px;padding-left:0;padding-right:0}.ab .ab__film-frame{border-radius:0}}@media(prefers-reduced-motion:reduce){.ab .ab__film[open]::backdrop,.ab .ab__film[open] .ab__film-frame{animation:none}.ab .ab__watch svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/about-hero-film.css.map */