.hrx3d-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;will-change:transform;position:relative}body .card-wrapper:hover .card.hrx3d-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}.hrx3d-tilt:hover{box-shadow:0 30px 70px -25px #000000d9,0 18px 50px -20px #e8b04b59}.hrx3d-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;z-index:4;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,226,170,.22),rgba(255,226,170,.06) 30%,transparent 60%);mix-blend-mode:screen;transition:opacity .35s}.hrx3d-tilt:hover .hrx3d-glare{opacity:1}body .card__media img,body .article-card__image img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}body .card-wrapper:hover .card__media img,body .article-card:hover .article-card__image img{transform:scale(1.06)}.hrx3d-mag{transform:translate(var(--mx,0px),var(--my,0px));transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background .2s}.button.hrx3d-mag:hover,.btn.hrx3d-mag:hover{box-shadow:0 14px 30px -10px #e8b04b8c}body .hrx-ch h1{text-shadow:0 1px 0 #3a3226,0 2px 0 #2c261d,0 3px 0 #211d17,0 4px 0 #191612,0 22px 34px rgba(0,0,0,.7)}body .hrx-ch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--sx,80%) var(--sy,0%),rgba(232,176,75,.14),transparent 65%)}body .hrx-ch:hover:after{opacity:1}body .hrx-ch .card{box-shadow:0 2px #c9b98f,0 40px 90px -30px #e8b04b66,0 24px 40px -20px #0009}body main h2.title,body main .h0,body main .h1{text-shadow:0 1px 0 #2a2620,0 2px 0 #1e1b17,0 16px 28px rgba(0,0,0,.55)}.hrx3d-reveal{opacity:0;transform:perspective(1400px) translateY(48px) rotateX(7deg);transform-origin:50% 100%;transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.hrx3d-reveal.is-in{opacity:1;transform:none}.hrx3d-par{transform:translateY(var(--py,0px)) scale(1.08);transition:transform .1s linear}.hrx3d-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:1000;pointer-events:none;background:linear-gradient(90deg,#8a5a0f,#e8b04b,#f5cb78);transform:scaleX(0);transform-origin:0 50%;box-shadow:0 0 12px #e8b04b99}.hrx3d-strandhost{position:relative;isolation:isolate}.hrx3d-strands{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.hrx3d-sink>*:not(.hrx3d-strands){transform:perspective(1400px) rotateX(calc(var(--sink,0) * 14deg)) scale(calc(1 - var(--sink,0) * .08)) translateY(calc(var(--sink,0) * 40px));transform-origin:50% 0;opacity:calc(1 - var(--sink,0) * .65);will-change:transform,opacity}.hrx3d-split .hrx3d-w{display:inline-block;perspective:700px}.hrx3d-split .hrx3d-wi{display:inline-block;transform-origin:50% 100%;transform:rotateX(-95deg) translateY(.35em);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 55ms),opacity .6s ease calc(var(--i,0) * 55ms)}.hrx3d-split.is-in .hrx3d-wi{transform:none;opacity:1}.hrx3d-unveil{clip-path:inset(100% 0 0 0);transition:clip-path 1.2s cubic-bezier(.7,0,.2,1)}.hrx3d-unveil.is-in{clip-path:inset(0 0 0 0)}.hrx3d-cursor,.hrx3d-cursor-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:2147483646;border-radius:50%}.hrx3d-cursor{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(232,176,75,.75);transition:width .3s,height .3s,margin .3s,background .3s,border-color .3s,opacity .3s}.hrx3d-cursor.is-hot{width:70px;height:70px;margin:-35px 0 0 -35px;background:#e8b04b1a;border-color:#f5cb78}.hrx3d-cursor.is-down{width:26px;height:26px;margin:-13px 0 0 -13px;background:#e8b04b4d}.hrx3d-cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:#e8b04b;box-shadow:0 0 10px #e8b04be6}.hrx3d-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483645;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%,#1c160b,#0a0a0b 70%);transform:translateY(0);transition:transform .45s cubic-bezier(.7,0,.2,1)}.hrx3d-curtain:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#E8B04B,transparent)}.hrx3d-curtain:after{content:"HAIR DYNAMICS";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Anton,Impact,sans-serif;font-size:clamp(28px,5vw,64px);letter-spacing:.12em;color:#e8b04b;text-shadow:0 2px 0 #8A5A0F,0 20px 40px rgba(0,0,0,.8)}.hrx3d-curtain.is-out{transform:translateY(-101%)}.hrx3d-curtain.is-in{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.hrx3d-sink>*{transform:none!important;opacity:1!important}.hrx3d-unveil{clip-path:none!important}.hrx3d-tilt,.hrx3d-mag,.hrx3d-par,.hrx3d-reveal{transform:none!important;transition:none!important;opacity:1!important}body .card-wrapper:hover .card__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hrx-3d.css.map */