.home-slice{padding-top:28px}.home-slice--last{padding-bottom:28px}.hero{position:relative;overflow:hidden;background:var(--c-white);border-bottom:1px solid var(--c-line);color:var(--c-black)}.hero img,.hero svg{max-width:100%;object-fit:contain;object-position:right bottom}.hero__slides{display:grid}.hero__slide{grid-area:1 / 1;display:flex;opacity:0;visibility:hidden;transition:opacity .7s var(--ease-out),visibility 0s linear .7s}.hero__slide.is-active{opacity:1;visibility:visible;transition-delay:0s}.hero__inner{position:relative;width:100%;max-width:var(--page-width);margin:0 auto;padding:20px var(--page-margin) 72px}.hero__copy{max-width:100%}.hero__art{--px: var(--mx, 50);--py: var(--my, 50);--ps: var(--ms, 70);position:relative;width:100%;height:auto;max-height:260px;margin-top:16px;aspect-ratio:16 / 10}.hero__art img,.hero__art svg{position:absolute;width:calc(var(--ps) * 1%);height:calc(var(--ps) * 1%);max-width:none;left:calc((100% - var(--ps) * 1%) * var(--px) / 100);top:calc((100% - var(--ps) * 1%) * var(--py) / 100);object-fit:contain;object-position:center}@media(min-width:900px){.hero__inner{padding-top:40px;padding-bottom:88px}.hero__inner:has(.hero__art){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}.hero__art{--px: var(--x, 50);--py: var(--y, 50);--ps: var(--s, 70);height:360px;max-height:none;margin-top:0;aspect-ratio:auto}}.hero__kicker{margin-bottom:8px;font-size:var(--fs-label);font-weight:600;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--c-red)}.hero__title{margin-bottom:8px;font-size:var(--fs-display);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--c-black)}.hero__text{max-width:40ch;margin-bottom:16px;font-size:var(--fs-body);color:var(--c-ink-2)}.hero__kicker,.hero__title,.hero__text,.hero__cta,.hero__art{opacity:0;transform:translateY(16px)}.hero__slide.is-active .hero__kicker,.hero__slide.is-active .hero__title,.hero__slide.is-active .hero__text,.hero__slide.is-active .hero__cta,.hero__slide.is-active .hero__art{opacity:1;transform:none;transition:opacity .7s var(--ease-out) var(--rise-delay, .1s),transform .7s var(--ease-out) var(--rise-delay, .1s)}.hero__slide.is-active .hero__title{--rise-delay: .18s}.hero__slide.is-active .hero__text{--rise-delay: .26s}.hero__slide.is-active .hero__cta{--rise-delay: .34s}.hero__slide.is-active .hero__art{--rise-delay: .2s}.hero__controls{position:absolute;inset:auto 0 0;z-index:2;pointer-events:none}.hero__controls-inner{display:flex;align-items:center;gap:12px;max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin) 8px}.hero__dots{display:flex;flex:1 1 auto;gap:8px;max-width:300px;pointer-events:auto}.hero__dot{display:flex;flex:1;align-items:center;height:44px;padding:0;background:none;border:0;cursor:pointer}.hero__dot-track{display:block;position:relative;width:100%;height:2px;overflow:hidden;border-radius:1px;background:var(--c-line)}.hero__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-red);transform:scaleX(0);transform-origin:left}.hero__dot.is-done .hero__dot-fill{transform:scaleX(1)}.hero__dot.is-running .hero__dot-fill{transform:scaleX(1);transition:transform 6.5s linear}.hero__dot.is-static .hero__dot-fill{transform:scaleX(1)}.hero__buttons{display:flex;gap:6px;margin-left:auto;pointer-events:auto}.hero__button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--c-black);border-radius:50%;background:var(--c-white);color:var(--c-black);cursor:pointer}.hero__button[data-state=playing] .hero__play-icon,.hero__button[data-state=paused] .hero__pause-icon{display:none}.categories__head{margin-bottom:16px}.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:104px;padding:8px 12px;overflow:hidden;border-radius:14px;background-color:var(--c-surface-2);color:var(--c-black);text-decoration:none}.tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 80%,var(--c-white) 0%,transparent 62%);transition:transform .6s var(--ease-out)}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-black);opacity:0;transition:opacity .3s var(--ease-out)}.tile img{position:absolute;right:8px;bottom:8px;width:auto;height:auto;max-width:50%;max-height:62%;object-fit:contain;object-position:right bottom}.tile__name,.tile__cta{position:relative}.tile__name{max-width:58%}.tile__name{font-size:var(--fs-h3);font-weight:600;line-height:1.15}.tile__cta{display:inline-flex;align-items:center;gap:6px;margin-top:0;white-space:nowrap;font-size:var(--fs-small);font-weight:600;color:var(--c-black);text-decoration:underline var(--c-red) 2px;text-underline-offset:4px}.tile__cta .icon{transition:transform .3s var(--ease-out)}@media(max-width:479px){.tile--wide{grid-column:1 / -1;min-height:84px}}@media(hover:hover){.tile:hover:before{opacity:.05}.tile:hover .tile__bg{transform:scale(1.06)}.tile:hover .tile__cta .icon{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.tile:hover .tile__bg,.tile:hover .tile__cta .icon{transform:none}}.info__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,calc((100% - 72px)/4)),1fr));gap:20px 20px;padding:20px 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.info__item .icon{color:var(--c-emerald)}.info__title{margin-top:8px;font-size:var(--fs-body);font-weight:600}.info__text{font-size:var(--fs-small);color:var(--c-ink-3)}.newsletter{max-width:640px;margin:0 auto;text-align:center}.newsletter__title{margin-bottom:8px}.newsletter__text{margin-bottom:16px;color:var(--c-ink-3)}.newsletter__label{display:block;margin-bottom:6px;font-size:var(--fs-small);font-weight:600;text-align:left;color:var(--c-ink-2)}.newsletter__row{display:flex;flex-wrap:wrap;gap:10px}.newsletter__input{flex:1 1 220px;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-white);color:var(--c-black)}.newsletter__input::placeholder{color:var(--c-ink-3)}.newsletter__input[aria-invalid=true]{border:1.5px solid var(--c-red)}.newsletter__done{padding:14px;border:1px solid var(--c-emerald);border-radius:var(--radius);background:var(--c-surface);color:var(--c-emerald);font-weight:600}.newsletter__error{margin-top:8px;font-size:var(--fs-small);font-weight:600;text-align:left;color:var(--c-red)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/home.css.map */