.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:var(--hero-height);overflow:hidden;background:var(--color-surface);color:var(--color-on-photo)}.hero__slide picture,.hero__shade,.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero__media{display:grid;min-width:0;min-height:inherit}.hero__slide{position:relative;display:grid;grid-area:1/1;grid-template-rows:minmax(56px,1fr) auto minmax(56px,1fr);min-width:0;min-height:inherit;opacity:0;transition:opacity var(--hero-transition) ease-in-out;pointer-events:none}.hero:not([data-ready]) .hero__slide:first-child,.hero__slide.is-active{opacity:1;pointer-events:auto}.hero[data-ready] .hero__slide:not(.is-active){opacity:0}.hero__slide img,.hero__slide video{width:100%;height:100%;object-fit:cover}.hero__slide video{position:absolute;top:0;right:0;bottom:0;left:0}.hero__shade{background:rgb(0 0 0 / var(--hero-overlay));pointer-events:none}.hero__content{position:relative;grid-row:2;justify-self:center;align-self:center;width:min(760px,calc(100% - 2 * var(--page-margin)));display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.hero__content .heading{font-size:calc(52px * var(--font-heading-scale));line-height:calc(60px * var(--font-heading-scale) * var(--line-height-heading-scale));text-transform:uppercase;width:100%}.hero__text{max-width:600px}.hero .button{width:min(330px,100%);min-height:44px;border:0;padding:14px 18px;font-size:calc(12px * var(--font-body-scale));line-height:calc(16px * var(--font-body-scale) * var(--line-height-body-scale));color:var(--color-button-text)}.hero__controls{position:absolute;right:12px;bottom:12px;display:flex;align-items:center}.hero__controls button{border:0;background:transparent;color:var(--color-on-photo);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.hero__previous,.hero__next{opacity:0;pointer-events:none}.hero:hover .hero__previous,.hero:hover .hero__next,.hero:focus-within .hero__previous,.hero:focus-within .hero__next{opacity:1;pointer-events:auto}.hero__previous .theme-icon{transform:rotate(180deg)}.hero__controls .theme-icon{filter:brightness(0) invert(1)}.hero__toggle span{width:10px;height:12px;border-inline:3px solid currentColor}.hero__toggle[data-paused] span{width:0;height:0;border-block:6px solid transparent;border-left:10px solid currentColor;border-right:0}@media(max-width:989px){.hero{min-height:var(--hero-mobile-height)}.hero__slide{grid-template-rows:calc(var(--hero-mobile-height) / 2 + 1px) auto minmax(56px,1fr)}.hero__shade{background:rgb(0 0 0 / var(--hero-mobile-overlay))}.hero__content{width:calc(100% - 40px);max-width:600px;gap:18px}.hero__content .heading{font-size:calc(34px * var(--font-heading-scale));line-height:calc(39px * var(--font-heading-scale) * var(--line-height-heading-scale))}.hero .button{width:100%}.hero__controls{right:8px;bottom:8px}}@media(prefers-reduced-motion:reduce){.hero__slide{transition:none}}@media(max-width:989px){.hero__content .heading{position:relative;top:1px}}@media(min-width:990px){.template-index .hero{margin-bottom:.18px}}.hero__dots{position:absolute;inset-inline:80px;bottom:16px;display:flex;flex-wrap:wrap;justify-content:center}.hero__dot{width:28px;height:28px;padding:0;border:0;background:transparent;display:grid;place-items:center;color:var(--color-on-photo)}.hero__dot span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.25;outline:1px solid rgb(0 0 0 / .2)}.hero__dot[aria-current=true] span{opacity:.65}.hero__controls{z-index:1}.hero__slide{touch-action:pan-y pinch-zoom}html[data-motion=reduced] .hero__slide{transition:none}@media(hover:none){.hero__previous,.hero__next{opacity:1;pointer-events:auto}}.hero__slide video{z-index:1}.hero__shade{z-index:2}.hero__content{z-index:3}.hero__dots,.hero__controls{z-index:4}@media(max-width:989px){.hero__controls .hero__previous,.hero__controls .hero__next{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hero.css.map */