body.template-index .pw-hero__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.pw-hero__paint{fill:#68717b;opacity:0;mix-blend-mode:color}.pw-hero--motion-ready .pw-hero__paint{animation:pw-hero-paint-cycle 24s linear infinite;animation-play-state:paused}.pw-hero--playing .pw-hero__paint{animation-play-state:running}@keyframes pw-hero-paint-cycle{0%,8%,to{fill:#68717b;opacity:0}22%,33%{fill:#a61936;opacity:.82}47%,58%{fill:#195aaa;opacity:.82}72%,83%{fill:#147552;opacity:.82}}body.template-index .pw-hero__scrim{display:block;z-index:1;pointer-events:none;background:linear-gradient(90deg,#050607f5,#050607d6 24%,#0506076b 43%,#05060705 68%),linear-gradient(0deg,rgba(5,6,7,.95) 0%,rgba(5,6,7,.36) 19%,transparent 42%)}body.template-index .pw-hero__content{z-index:2;top:43%;width:min(51rem,calc(43% - var(--pw-gutter)))}body.template-index .pw-hero__spec{z-index:2;background:#05060794}.pw-hero__motion-controls{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.5rem}.pw-hero__motion-controls[hidden]{display:none}.pw-hero__motion-toggle{min-height:44px;padding:.5rem 0;border:0;background:transparent;color:#fff;font:inherit;font-size:1.2rem;text-decoration:underline;text-underline-offset:.4rem;cursor:pointer}.pw-hero__motion-toggle:hover{color:#ffc5c5}.pw-hero__motion-toggle:focus-visible{outline:2px solid white;outline-offset:5px}.pw-hero__motion-controls span{font-size:1.1rem;color:#d9dde0}@media(max-width:989px)and (min-width:750px){body.template-index .pw-hero__content{width:min(49rem,68%);top:39%}}@media(max-width:749px){body.template-index .pw-hero__media:has(.pw-hero__scene){display:block;min-height:84rem;padding-bottom:0}body.template-index .pw-hero__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0}body.template-index .pw-hero__content{position:absolute;top:3rem;right:var(--pw-gutter);left:var(--pw-gutter);width:auto;padding:0;transform:none}body.template-index .pw-hero__lede{max-width:42ch}body.template-index .pw-hero__media:has(.pw-hero__scene) .pw-hero__scrim{display:block}body.template-index .pw-hero__spec{position:absolute;right:var(--pw-gutter);bottom:2rem;left:var(--pw-gutter);width:auto;margin:0;background:#050607b8}}@media(prefers-reduced-motion:reduce){.pw-hero--motion-ready .pw-hero__paint{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/prime-hero-motion.css.map */