.as-hero{--as-hero-muted: #8a929a;--as-hero-frame: #17191c;--as-hero-mat: #ffffff;--as-hero-dwell: 6s;--as-hero-ink: rgb(var(--color-foreground));--as-hero-soft: rgba(var(--color-foreground), .75);--as-hero-line: rgba(var(--color-foreground), .5)}.as-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}.as-hero__copy{min-width:0}.as-hero__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(26px,8vw,46px);line-height:1.12;letter-spacing:-.02em;color:var(--as-hero-ink);text-wrap:balance}.as-hero__title-muted{display:block;color:var(--as-hero-muted)}.as-hero__sub{margin:20px 0 0;max-width:36ch;font-size:clamp(16px,1.35vw,19px);line-height:1.5;color:var(--as-hero-soft)}.as-hero__actions{margin-top:28px}.as-hero__art .as-hero__actions{margin-top:24px}.as-hero__actions--copy{display:none}.as-hero__art{width:min(100%,640px);min-width:0}.as-hero__frame{padding:clamp(20px,7.5%,42px);border:clamp(8px,1vw,13px) solid var(--as-hero-frame);background:var(--as-hero-mat);box-shadow:0 30px 44px -32px #0e1f3199,0 6px 18px #0e1f311a}.as-hero__frame:has(a:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.as-hero__stage{position:relative;aspect-ratio:3 / 2;max-width:100%;overflow:hidden;background:var(--as-hero-mat);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.as-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden}.as-hero__slide a{display:block;height:100%}.as-hero__slide a:focus-visible{outline:.2rem solid var(--as-hero-mat);outline-offset:-.6rem;box-shadow:none}.as-hero__slide img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.as-hero__slide--contain img{object-fit:contain}.as-hero__slide.is-active,.as-hero__slide.is-leaving{opacity:1;visibility:visible}.as-hero__slide.is-active{z-index:2}.as-hero__slide.is-leaving{z-index:1;animation:as-hero-focus-out .9s ease both}.as-hero__slide.is-entering{animation:as-hero-focus-in 1.5s cubic-bezier(.22,.61,.36,1) both}@keyframes as-hero-focus-in{0%{opacity:0;filter:blur(16px) saturate(.5) brightness(1.1);transform:scale(1.06)}45%{opacity:1}to{opacity:1;filter:blur(0) saturate(1) brightness(1);transform:scale(1)}}@keyframes as-hero-focus-out{to{filter:blur(10px) saturate(.6);transform:scale(1.03)}}.as-hero__foot{margin-top:22px}.as-hero__ticks{display:none;gap:6px;margin-bottom:6px}.as-hero__art.is-ready .as-hero__ticks{display:flex}.as-hero__tick{position:relative;flex:1 1 0;min-width:0;height:24px;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(var(--as-hero-line),var(--as-hero-line)) center / 100% 1px no-repeat}.as-hero__tick:after{content:"";position:absolute;top:-10px;bottom:-10px;left:0;right:0}.as-hero__tick:hover{background-size:100% 2px}.as-hero__tick i{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--as-hero-ink);transform:scaleX(0);transform-origin:0 50%}.as-hero__tick.is-active i{transform:scaleX(1)}.as-hero__art.is-auto .as-hero__tick.is-active i{animation:as-hero-tick var(--as-hero-dwell) linear both}.as-hero__art.is-auto.is-paused .as-hero__tick.is-active i{animation-play-state:paused}@keyframes as-hero-tick{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.as-hero__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.as-hero__captions{display:grid;flex:1;min-width:0;padding-top:6px}.as-hero__caption{grid-area:1 / 1;display:grid;gap:3px;align-content:start;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.as-hero__caption.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .45s,transform .6s ease .45s,visibility 0s linear 0s}.as-hero__caption-title{font-size:15px;font-weight:var(--font-body-weight-bold);line-height:1.35;letter-spacing:0;color:var(--as-hero-ink)}.as-hero__caption-artist{font-size:12px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--as-hero-soft)}.as-hero__controls{display:none;flex:none;margin-right:-11px}.as-hero__art.is-ready .as-hero__controls{display:flex}.as-hero__btn{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;-webkit-appearance:none;appearance:none;background:transparent;color:var(--as-hero-ink);cursor:pointer}.as-hero__btn:hover{background:rgba(var(--color-foreground),.06)}.as-hero__btn svg{width:22px;height:22px}.as-hero__btn .as-hero__ico-play,.as-hero__btn.is-stopped .as-hero__ico-pause{display:none}.as-hero__btn.is-stopped .as-hero__ico-play{display:block}@media screen and (max-width:749px){.as-hero .page-width{padding-left:3.5rem;padding-right:3.5rem;padding-bottom:4.8rem}.as-hero .page-width[class*=-padding]{padding-top:1.4rem}}@media screen and (min-width:990px){.as-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px)}.as-hero__grid--solo{grid-template-columns:minmax(0,1fr)}.as-hero__copy{padding-bottom:100px}.as-hero__actions--copy{display:block}.as-hero__actions--art{display:none}.as-hero__grid--solo .as-hero__copy{padding-bottom:0}.as-hero__title{font-size:clamp(34px,3.6vw,52px)}.as-hero__art{justify-self:end;width:min(100%,540px)}}@media(prefers-reduced-motion:reduce){.as-hero__caption,.as-hero__caption.is-active{transition:none}.as-hero__slide.is-entering,.as-hero__slide.is-leaving{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-as-hero.css.map */