.hr3d{--cw: clamp(84px, 12.5vw, 196px);--r: calc(var(--cw) * 2.6);position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;perspective:1800px;perspective-origin:50% 30%;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 78%,transparent 100%)}.hr3d__tilt{position:absolute;left:50%;top:54%;transform-style:preserve-3d;transform:translateY(calc(var(--p, 0) * -14vh)) rotateX(calc(-17deg - var(--p, 0) * 30deg + var(--my, 0) * 8deg)) rotate(calc(6deg + var(--mx, 0) * 5deg)) scale(calc(1 + var(--p, 0) * .45));transition:transform .8s var(--h-ease)}.hr3d__spin{transform-style:preserve-3d;animation:hr3d-spin 80s linear infinite}.hr3d.is-paused .hr3d__spin{animation-play-state:paused}@keyframes hr3d-spin{to{transform:rotateY(-360deg)}}.hr3d__card{position:absolute;width:var(--cw);aspect-ratio:745 / 1033;left:calc(var(--cw) / -2);top:calc(var(--cw) * -.693);transform-style:preserve-3d;transform:rotateY(calc(var(--i) * (360deg / var(--n)))) translateZ(var(--r));transition:transform 2.2s var(--h-ease);transition-delay:calc(var(--i) * 60ms + .2s)}.h-js .hr3d:not(.is-dealt) .hr3d__card{transform:rotateY(calc(var(--i) * 1.5deg)) translateZ(calc(var(--i) * .8px)) translateY(calc(var(--i) * -1.2px));transition-delay:0s}.hr3d__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hr3d__face.h-card{position:absolute;box-shadow:0 10px 30px -14px #3d112080}.hr3d__face--back{transform:rotateY(180deg)}.hh2-hero{position:relative;min-height:calc(100svh - var(--header-height, 72px));display:grid;place-items:center;padding-block:clamp(72px,10vw,120px);isolation:isolate;overflow:hidden}.hh2-hero__content{position:relative;z-index:2;display:grid;justify-items:center;gap:26px;text-align:center;max-width:1160px;padding-inline:var(--h-gutter)}.hh2-hero__content:before{content:"";position:absolute;top:-6%;right:-4%;bottom:-6%;left:-4%;z-index:-1;background:radial-gradient(closest-side,rgb(244 236 223 / .94) 0%,rgb(244 236 223 / .78) 58%,transparent 100%)}.hh2-hero .h-display{font-size:clamp(3.1rem,9vw,8.4rem);line-height:.95}.hh2-hero .h-lead{margin-inline:auto;text-align:center;color:var(--h-ink)}.hh2-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;margin-top:8px}.hh2-hero__meta{font-size:.8rem;color:var(--h-ink-soft)}.hh2-hero__meta strong{color:var(--h-ink);font-weight:600;margin-right:10px}.hh2-scroll{position:absolute;z-index:2;left:50%;bottom:22px;translate:-50% 0;display:grid;justify-items:center;gap:10px;font:600 .66rem/1 var(--h-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--h-ink-soft);text-decoration:none}.hh2-scroll i{position:relative;display:block;width:1px;height:46px;background:var(--h-rule);overflow:hidden}.hh2-scroll i:after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--h-ink);animation:hh2-drip 2.2s var(--h-ease-in-out) infinite}@keyframes hh2-drip{to{top:100%}}.hh2-marquee{overflow:hidden;background:var(--h-ink);color:var(--h-paper);padding-block:clamp(20px,3vw,30px);border-block:1px solid var(--h-ink-deep)}.hh2-marquee__track{display:flex;align-items:center;width:max-content;animation:hh2-marquee 46s linear infinite}.hh2-marquee:hover .hh2-marquee__track{animation-play-state:paused}.hh2-marquee__item{display:inline-flex;align-items:center;gap:clamp(20px,3vw,40px);padding-inline:clamp(10px,1.5vw,20px);white-space:nowrap;font:italic 400 clamp(1.7rem,3.8vw,3.1rem)/1.1 var(--h-serif);letter-spacing:-.01em}.hh2-pip{width:14px;height:20px;border:1px solid currentColor;border-radius:2px;opacity:.55;transform:rotate(-8deg);flex-shrink:0}.hh2-pip:nth-of-type(2n){transform:rotate(10deg)}@keyframes hh2-marquee{to{transform:translate(-50%)}}.hh2-pick{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,7vw,110px);align-items:center}.hh2-pick__copy{display:grid;gap:24px;align-content:center}.hpk{display:grid;gap:28px}.hpk__table{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,72px);align-items:center;padding:clamp(28px,5vw,64px) clamp(20px,4vw,56px);border-radius:8px;background:radial-gradient(ellipse at 50% 35%,rgb(255 255 255 / .06),transparent 60%),var(--h-ink);box-shadow:inset 0 0 0 10px var(--h-ink),inset 0 0 0 11px #f4ecdf38,0 40px 70px -40px #3d112099}.hpk__pile,.hpk__slot{position:relative;width:min(230px,100%);aspect-ratio:745 / 1033;justify-self:center}.hpk__pile{cursor:pointer}.hpk__pile-card{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(calc(var(--i) * -2.5px),calc(var(--i) * -2.5px)) rotate(calc((var(--i) - 2) * 1.4deg));transition:transform .6s var(--h-ease)}.hpk__pile-card.h-card{position:absolute}.hpk__pile:hover .hpk__pile-card:last-child{transform:translate(-6px,-18px) rotate(-3deg)}.hpk__slot{display:grid;place-items:center;border:1px dashed rgb(244 236 223 / .35);border-radius:10px;padding:18px;text-align:center}.hpk__slot-hint{font:italic 1rem/1.4 var(--h-serif);color:#f4ecdf9e;transition:opacity .4s}.hpk__slot.has-card .hpk__slot-hint{opacity:0}.hpk__placed{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--rot, 0deg))}.hpk__placed.h-card{position:absolute}.hpk__fly{position:absolute;z-index:5;transform-style:preserve-3d;pointer-events:none}.hpk__fly>.h-card{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hpk__fly>.hpk__fly-front{transform:rotateY(180deg)}.hpk__table{perspective:1400px}.hpk__controls{display:grid;gap:12px;justify-items:start}.hpk__result{min-height:1.5em;font:italic 1.5rem/1.3 var(--h-serif);color:var(--h-ink)}.hpk__result b{font:600 .72rem/1 var(--h-sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--h-ochre);margin-right:12px;vertical-align:middle}.hh2-stack{display:grid;gap:clamp(20px,3vw,32px);margin-top:clamp(40px,5vw,72px)}.hh2-stack__item{position:sticky;top:calc(var(--header-height, 72px) + 24px + var(--i) * 26px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,210px);gap:clamp(20px,4vw,64px);align-items:center;min-height:clamp(300px,34vw,400px);padding:clamp(28px,4.5vw,64px);border:1px solid var(--h-rule);border-radius:8px;background:var(--h-paper-light);box-shadow:0 -18px 50px -38px #3d112080,0 30px 60px -45px #3d112080}.hh2-stack__item:nth-child(2){background:#f6eee2}.hh2-stack__item:nth-child(3){background:var(--h-ink);color:var(--h-paper);border-color:var(--h-ink)}.hh2-stack__item:nth-child(3) .h-body{color:#f4ecdfbf}.hh2-stack__text{display:grid;gap:14px}.hh2-stack__text .h-title{font-size:clamp(1.9rem,3.6vw,3rem)}.hh2-stack__card{width:100%;max-width:210px;transform:rotate(var(--rot, 4deg));transition:transform .9s var(--h-ease)}.hh2-stack__item:hover .hh2-stack__card{transform:rotate(0) translateY(-6px)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hh2-stack__item{animation:hh2-recede linear both;animation-timeline:view();animation-range:exit 0% exit 90%}@keyframes hh2-recede{to{transform:scale(.94);filter:brightness(.94)}}}}.hh2-fan{position:relative;width:100%;max-width:760px;height:clamp(300px,38vw,480px);margin-inline:auto}.hh2-fan__card{position:absolute;left:50%;bottom:clamp(48px,7vw,96px);width:clamp(110px,15vw,190px);margin-left:calc(clamp(110px,15vw,190px)/-2);transform-origin:50% 170%;transform:rotate(calc((var(--i) - 2) * 14deg * var(--p, 0))) translateY(calc((1 - var(--p, 0)) * 30px));transition:transform .5s var(--h-ease)}.hh2-fan__card.h-card{position:absolute}.hj-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(520px,78vh,760px);display:grid;place-items:center;text-align:center}.hj-hero .hj-intro{position:relative;z-index:2;justify-items:center;margin-inline:auto;padding-inline:var(--h-gutter);max-width:1100px}.hj-hero .h-display{font-size:clamp(2.8rem,7vw,6.4rem)}.hj-hero .hj-intro:before{content:"";position:absolute;top:-6%;right:-4%;bottom:-6%;left:-4%;z-index:-1;background:radial-gradient(closest-side,rgb(244 236 223 / .94) 0%,rgb(244 236 223 / .78) 58%,transparent 100%)}.hj-hero .h-lead{margin-inline:auto}.hj-hero .hr3d{--cw: clamp(84px, 11vw, 170px)}@media(max-width:989px){.hh2-pick{grid-template-columns:1fr}}@media(max-width:749px){.hr3d{--cw: 104px;--r: calc(var(--cw) * 2.3);perspective:1100px}.hr3d__tilt{top:27%}.hh2-hero{align-items:end;padding-bottom:40px}.hh2-scroll{display:none}.hh2-hero__actions .h-btn{width:100%}.hh2-stack__item{grid-template-columns:1fr;gap:18px;min-height:0;top:calc(var(--header-height, 64px) + 12px + var(--i) * 16px)}.hh2-stack__card{max-width:96px;position:absolute;inset-inline-end:16px;top:-22px}.hh2-stack__text .h-title{padding-inline-end:100px;min-height:96px}.hpk__table{gap:16px}.hpk__controls{justify-items:stretch;text-align:center}.hpk__controls .h-btn{width:100%}}@media(prefers-reduced-motion:reduce){.hr3d__spin,.hh2-marquee__track,.hh2-scroll i:after{animation:none}.hr3d__tilt,.hr3d__card,.hh2-fan__card,.hpk__pile-card,.hh2-stack__card{transition:none}.h-js .hr3d:not(.is-dealt) .hr3d__card{transform:rotateY(calc(var(--i) * (360deg / var(--n)))) translateZ(var(--r))}.hh2-fan__card{transform:rotate(calc((var(--i) - 2) * 14deg))}.hh2-marquee__track{flex-wrap:wrap;width:auto;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hoah-motion.css.map */