.hx{position:relative;background:var(--ink);color:var(--paper);border-bottom:1px solid var(--ink);overflow:hidden;isolation:isolate}.hx__stage{position:relative;height:clamp(540px,calc(100svh - 104px),880px);touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.hx__stage.is-dragging{cursor:grabbing}.hx--single .hx__stage{cursor:default}.hx__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .9s cubic-bezier(.2,.7,.2,1),visibility 0s linear .9s}.hx__slide.is-active{opacity:1;visibility:visible;transition:opacity .9s cubic-bezier(.2,.7,.2,1),visibility 0s;z-index:1}.hx__media{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;will-change:transform;transform:translate3d(var(--hx-px, 0px),var(--hx-py, 0px),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.hx__img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:scale(1.1);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.hx__img--top{object-position:50% 8%}.hx__img--left{object-position:25% 40%}.hx__img--right{object-position:75% 40%}.hx__slide.is-active .hx__img{transform:scale(1);transition:transform calc(var(--hx-dur, 7s) + 2s) cubic-bezier(.15,.6,.25,1)}.hx__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0f0e12d1,#0f0e128c 38%,#0f0e1200 70%),linear-gradient(0deg,#0f0e12c7,#0f0e1200 42%);pointer-events:none}.hx__copy{position:absolute;left:0;right:0;bottom:clamp(96px,12vh,132px);z-index:2}.hx__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--paper)}.hx__eyebrow-no{display:inline-block;padding:5px 7px;background:var(--pink);color:var(--ink)}.hx__title{margin:0;font-size:clamp(46px,8.4vw,136px);line-height:.86;font-weight:900;color:var(--paper);max-width:11ch;text-wrap:balance}.hx__line{display:block;overflow:hidden;padding-bottom:.04em}.hx__line>span{display:inline-block;transform:translateY(105%);transition:transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.18s + var(--i, 0) * .09s)}.hx__line:last-child>span{background:var(--pink);color:var(--ink);padding:0 .08em .02em;margin-left:-.04em}.hx__text{max-width:44ch;margin:22px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:#f3efe7db}.hx__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hx__eyebrow,.hx__text,.hx__actions{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.hx__slide.is-active .hx__line>span{transform:none}.hx__slide.is-active .hx__eyebrow{opacity:1;transform:none;transition-delay:.1s}.hx__slide.is-active .hx__text{opacity:1;transform:none;transition-delay:.5s}.hx__slide.is-active .hx__actions{opacity:1;transform:none;transition-delay:.62s}.hx__btn{position:relative;overflow:hidden}.hx__arrow{display:inline-block;transition:transform .25s ease}.hx__btn:hover .hx__arrow,.hx__btn:focus-visible .hx__arrow{transform:translate(5px)}.hx__btn.btn--primary:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);transition:left .6s ease;pointer-events:none}.hx__btn.btn--primary:hover:after{left:120%}.hx .btn--primary{background:var(--pink);color:var(--ink);border-color:var(--pink)}.hx .btn--primary:hover,.hx .btn--primary:focus-visible{background:var(--paper);color:var(--ink);border-color:var(--paper)}.hx__btn--ghost{background:transparent;color:var(--paper);border:1px solid var(--paper)}.hx__btn--ghost:hover,.hx__btn--ghost:focus-visible{background:var(--paper);color:var(--ink)}.hx__bar{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid rgba(243,239,231,.22);background:linear-gradient(0deg,#0f0e1280,#0f0e1200)}.hx__bar-inner{display:flex;align-items:stretch;justify-content:space-between;gap:24px}.hx__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);flex:1 1 auto;max-width:760px}.hx__tab{display:grid;gap:10px;padding:0 14px 18px 0;background:none;border:0;color:#f3efe79e;text-align:left;cursor:pointer;font:inherit}.hx__tab:hover,.hx__tab:focus-visible,.hx__tab.is-active{color:var(--paper)}.hx__tab:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.hx__tab-track{display:block;height:3px;background:#f3efe740;margin-top:-2px;position:relative;overflow:hidden}.hx__tab-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pink);transform:scaleX(0);transform-origin:left}.hx__tab.is-done .hx__tab-fill{transform:scaleX(1);background:#f3efe7b3}.hx__tab.is-active .hx__tab-fill{animation:hxFill var(--hx-dur, 7s) linear forwards}.hx.is-paused .hx__tab.is-active .hx__tab-fill,.hx.is-held .hx__tab.is-active .hx__tab-fill{animation-play-state:paused}.hx.is-static .hx__tab.is-active .hx__tab-fill{animation:none;transform:scaleX(1)}@keyframes hxFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hx__tab-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx__tab-no{color:var(--pink);margin-right:4px}.hx__ctl{display:flex;align-items:center;gap:0;padding:12px 0}.hx__count{font-size:12px;letter-spacing:.08em;margin-right:16px;color:#f3efe7cc}.hx__count [data-hx-current]{color:var(--paper)}.hx__btn-ctl{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--paper);border:1px solid rgba(243,239,231,.5);margin-left:-1px;font:500 15px/1 var(--f-mono, "DM Mono", monospace);cursor:pointer;transition:background .2s,color .2s}.hx__btn-ctl:hover,.hx__btn-ctl:focus-visible{background:var(--paper);color:var(--ink);border-color:var(--paper);position:relative}.hx__btn-ctl--play{font-size:10px;letter-spacing:-.1em}.hx__icon-play{display:none}.hx.is-paused .hx__icon-play{display:inline;letter-spacing:0}.hx.is-paused .hx__icon-pause{display:none}@media(max-width:860px){.hx__stage{height:clamp(560px,calc(100svh - 96px),760px)}.hx__shade{background:linear-gradient(0deg,#0f0e12eb,#0f0e1299 45%,#0f0e120d 75%)}.hx__copy{bottom:88px}.hx__title{font-size:clamp(44px,14vw,88px);max-width:none}.hx__text{margin-top:16px}.hx__actions{margin-top:22px}.hx__actions .btn{flex:1 1 auto;justify-content:center}.hx__bar-inner{gap:12px}.hx__tab{padding-bottom:0;padding-right:6px}.hx__tab-label{display:none}.hx__tabs{align-self:center}.hx__count{margin-right:10px}.hx__btn-ctl{width:40px;height:40px}}@media(max-width:420px){.hx__actions{flex-direction:column}.hx__actions .btn{width:100%}.hx__copy{bottom:80px}}@media(prefers-reduced-motion:reduce){.hx__slide,.hx__slide.is-active{transition:opacity .2s linear,visibility 0s}.hx__img,.hx__slide.is-active .hx__img{transform:none;transition:none}.hx__media{transform:none!important;transition:none}.hx__line>span,.hx__eyebrow,.hx__text,.hx__actions{transform:none!important;transition:opacity .2s linear}.hx__line>span{transition:none}.hx__tab.is-active .hx__tab-fill{animation:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/studio-hero.css.map */