@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/chakra-petch-600.woff2") format("woff2")}
/* Parallax shares the product-card structure and its own graphite coordinate field. */
.product-card-parallax{display:block;grid-column:1/-1}
.product-card-parallax:hover{border-color:rgba(214,218,228,.38);background:rgba(26,28,33,.85);box-shadow:0 24px 50px -10px rgba(175,184,204,.13)}
.art-parallax{isolation:isolate;background:#1a1b1e;color:#f0f0f2}
.art-parallax>.art-label,.parallax-art-copy{position:relative;z-index:1}
.art-parallax .art-label{color:#bbbfc7}
.parallax-preview{position:absolute;inset:0;overflow:hidden;perspective:700px;pointer-events:none}
.parallax-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,27,30,.96),rgba(26,27,30,.76) 28%,rgba(26,27,30,.08) 72%,rgba(26,27,30,.25)),linear-gradient(0deg,rgba(26,27,30,.38),transparent 60%)}
.parallax-preview{background:radial-gradient(ellipse at 79% 35%,#35373d 0%,#232529 35%,#1a1b1e 75%)}
.parallax-preview-grid{position:absolute;inset:-150% -40%;transform-origin:60% 50%;mask-image:radial-gradient(ellipse at 62% 50%,#000 0%,#000 20%,transparent 66%);-webkit-mask-image:radial-gradient(ellipse at 62% 50%,#000 0%,#000 20%,transparent 66%);backface-visibility:hidden;animation-play-state:paused}
.parallax-preview-far{background-image:linear-gradient(rgba(231,234,241,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(231,234,241,.35) 1px,transparent 1px);background-size:72px 72px;opacity:.44;transform:translate3d(0,0,-100px) rotateX(42deg) rotateZ(-26deg);animation:parallax-preview-far 24s ease-in-out infinite alternate paused}
.parallax-preview-near{background-image:linear-gradient(rgba(231,234,241,.27) 1px,transparent 1px),linear-gradient(90deg,rgba(231,234,241,.27) 1px,transparent 1px);background-size:42px 42px;opacity:.4;transform:translate3d(0,0,0) rotateX(48deg) rotateZ(-26deg);animation:parallax-preview-near 17s ease-in-out infinite alternate paused}
.parallax-preview[data-active="true"] .parallax-preview-grid{animation-play-state:running}
@keyframes parallax-preview-far{from{transform:translate3d(-9px,5px,-100px) rotateX(42deg) rotateZ(-26deg)}to{transform:translate3d(9px,-5px,-100px) rotateX(42deg) rotateZ(-26deg)}}
@keyframes parallax-preview-near{from{transform:translate3d(16px,-9px,0) rotateX(48deg) rotateZ(-26deg)}to{transform:translate3d(-16px,9px,0) rotateX(48deg) rotateZ(-26deg)}}
.art-parallax .parallax-wordmark{font-family:"Chakra Petch",monospace;font-size:68px;line-height:1.06;letter-spacing:.025em;font-weight:600;text-transform:uppercase}
.parallax-card-x{position:relative;display:inline-block;color:transparent}
.parallax-card-x svg{position:absolute;left:0;bottom:.185em;width:.636em;height:.7em;color:#f0f0f2;overflow:hidden}
.art-parallax .art-caption{margin-top:17px;color:#c5c8d0}
.product-card-parallax .tag{border-color:rgba(205,211,223,.27);color:#cbd0da;background:rgba(205,211,223,.06)}
.product-card-parallax .text-link{color:#d2d6df}
.product-card-parallax:hover .text-link{color:#fff;gap:14px}
.product-card-parallax:hover .arrow{transform:translate(2px,-2px)}
@media(max-width:1000px){.art-parallax .parallax-wordmark{font-size:60px}}
@media(max-width:760px){.art-parallax .parallax-wordmark{font-size:clamp(36px,11vw,58px)}.parallax-preview-grid{inset:-100% -100%}.parallax-preview::after{background:linear-gradient(90deg,rgba(26,27,30,.7),rgba(26,27,30,.15)),linear-gradient(0deg,rgba(26,27,30,.7),transparent 65%)}}
@media(prefers-reduced-motion:reduce){.parallax-preview-grid{animation:none!important}}