.iso-btn-scene{--iso-btn-gap-rest:15px;--iso-btn-gap-hover:7px;--iso-btn-gap-press:2px;--iso-btn-thick:15px;--iso-btn-radius:15px;--iso-btn-rot-x:49deg;--iso-btn-rot-z:-37deg;--iso-btn-stand-rest:-10deg;--iso-btn-stand-press:0deg;--iso-btn-shift-y:3px;--iso-btn-speed:.25s;--iso-btn-ease-rest:cubic-bezier(.22, 1, .36, 1);--iso-btn-ease-hover-default:cubic-bezier(.3, 1.8, .4, .9);--iso-btn-ease-hover:var(--iso-btn-ease-hover-default);--iso-btn-speed-hover:.7s;--iso-btn-scale-rest:1;--iso-btn-scale-hover:1;--iso-btn-glow-brightness-rest:.35;--iso-btn-glow-brightness-hover:1.4;--iso-btn-glow-size-rest:1.1;--iso-btn-glow-size-hover:.15;--iso-btn-refl-opacity-rest:.6;--iso-btn-refl-opacity-hover:1;--iso-btn-refl-blur-rest:8px;--iso-btn-refl-blur-hover:1px;--iso-btn-refl-size-rest:0;--iso-btn-refl-size-hover:3;--iso-btn-refl-brightness-rest:.95;--iso-btn-refl-brightness-hover:calc(var(--iso-btn-glow-brightness-hover) * .95);--iso-btn-font-size-rest:1rem;--iso-btn-font-size-hover:1rem;--iso-btn-text-color-rest:var(--dp-btn-text,#a05cff);--iso-btn-text-color-hover:var(--dp-btn-text-hover,#fff);--iso-btn-text-glow-size-rest:0px;--iso-btn-text-glow-size-hover:10px;--iso-btn-text-glow-color:var(--dp-accent,#a05cff);--iso-btn-top-color:var(--dp-btn-bg,#16121d);--iso-btn-highlight:var(--dp-btn-highlight,#fff);--iso-btn-edge:color-mix(in srgb, var(--iso-btn-top-color) 60%, var(--dp-bg,#120f17) 40%);--iso-btn-border:var(--dp-border,#ffffff1a);--iso-btn-glow-color:var(--dp-btn-glow-color,var(--dp-accent,#a05cff));--iso-btn-glow-color-a:oklch(from var(--iso-btn-glow-color) calc(l + .02) c calc(h - 40));--iso-btn-glow-color-b:var(--iso-btn-glow-color);--iso-btn-glow-color-c:oklch(from var(--iso-btn-glow-color) calc(l + .04) c calc(h + 40));--iso-btn-focus-color:#7df9ff;--iso-btn-gap:var(--iso-btn-gap-rest);--iso-btn-stand:var(--iso-btn-stand-rest);--iso-btn-scale:var(--iso-btn-scale-rest);--iso-btn-glow-brightness:var(--iso-btn-glow-brightness-rest);--iso-btn-glow-size:var(--iso-btn-glow-size-rest);--iso-btn-refl-opacity:var(--iso-btn-refl-opacity-rest);--iso-btn-refl-blur:var(--iso-btn-refl-blur-rest);--iso-btn-refl-size:var(--iso-btn-refl-size-rest);--iso-btn-refl-brightness:var(--iso-btn-refl-brightness-rest);--iso-btn-font-size:var(--iso-btn-font-size-rest);--iso-btn-text-color:var(--iso-btn-text-color-rest);--iso-btn-text-glow-size:var(--iso-btn-text-glow-size-rest);--iso-btn-ease:var(--iso-btn-ease-rest);--iso-btn-dur:var(--iso-btn-speed);display:block;position:relative}@supports (transition-timing-function:linear(0, 1)){.iso-btn-scene{--iso-btn-ease-hover-default:linear(0, .1091, .3765, .7069, 1.0158, 1.2442, 1.3647, 1.3791, 1.311, 1.1951, 1.0676, .9578, .8843, .8532, .8605, .895, .9427, .9905, 1.0283, 1.0507, 1.057, 1.0499, 1.0341, 1.0152, .9978, .9853, .9789, .9785, .9827, .9895, .9967, 1.0028, 1.0068, 1.0084, 1.0079, 1.0058, 1.003, 1.0003, .9982, .997, .9968, .9972, .9981, .9992, 1.0002, 1.0009, 1.0012, 1.0012, 1)}}.iso-btn-obj{transform:translateY(var(--iso-btn-shift-y)) rotateX(var(--iso-btn-rot-x)) rotateZ(var(--iso-btn-rot-z)) scale(var(--iso-btn-scale));transform-style:preserve-3d;transition:transform var(--iso-btn-dur) var(--iso-btn-ease);pointer-events:none;position:absolute;inset:0}.iso-btn-stand{transform-origin:bottom;transform:rotateX(var(--iso-btn-stand));transform-style:preserve-3d;transition:transform var(--iso-btn-dur) var(--iso-btn-ease);position:absolute;inset:0}.iso-btn-stand>*,.iso-btn-obj>.iso-btn-reflection{border-radius:var(--iso-btn-radius);transition:transform var(--iso-btn-dur) var(--iso-btn-ease), opacity var(--iso-btn-dur) ease, filter var(--iso-btn-dur) ease, box-shadow var(--iso-btn-dur) ease, font-size var(--iso-btn-dur) ease, color var(--iso-btn-dur) ease, text-shadow var(--iso-btn-dur) ease;position:absolute;inset:0}.iso-btn-top{border:1px solid var(--iso-btn-border);background:linear-gradient(135deg, color-mix(in srgb, var(--iso-btn-top-color) 92%, var(--iso-btn-highlight) 8%) 0%, color-mix(in srgb, var(--iso-btn-top-color) 88%, var(--iso-btn-edge) 12%) 75%);color:var(--iso-btn-text-color);font-weight:600;font-size:var(--iso-btn-font-size);letter-spacing:.02em;text-shadow:0 0 var(--iso-btn-text-glow-size) var(--iso-btn-text-glow-color), 0 0 calc(var(--iso-btn-text-glow-size) * 2) var(--iso-btn-text-glow-color);transform:translateZ(calc(var(--iso-btn-gap) + var(--iso-btn-thick)));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dp-text,#fff) 8%, transparent);justify-content:center;align-items:center;display:flex}.iso-btn-side{background:var(--iso-btn-edge);transform:translateZ(calc(var(--iso-btn-gap) + var(--iso-btn-thick) * var(--i) / 15));box-shadow:0 0 0 1px var(--iso-btn-edge)}.iso-btn-glow{background:linear-gradient(120deg, var(--iso-btn-glow-color-a) 0%, var(--iso-btn-glow-color-b) 50%, var(--iso-btn-glow-color-c) 110%);transform:translateZ(var(--iso-btn-gap));box-shadow:0 0 calc(16px * var(--iso-btn-glow-size)) calc(2px * var(--iso-btn-glow-size)) color-mix(in srgb, var(--iso-btn-glow-color-b) 80%, transparent), 0 0 calc(44px * var(--iso-btn-glow-size)) calc(6px * var(--iso-btn-glow-size)) color-mix(in srgb, var(--iso-btn-glow-color-b) 40%, transparent);filter:brightness(var(--iso-btn-glow-brightness)) saturate(calc(.85 + .15 * var(--iso-btn-glow-brightness)))}.iso-btn-reflection{background:linear-gradient(120deg, var(--iso-btn-glow-color-a) 0%, var(--iso-btn-glow-color-b) 50%, var(--iso-btn-glow-color-c) 110%);transform:translateZ(calc(-1 * var(--iso-btn-gap))) scaleZ(-1);box-shadow:0 0 calc(20px * var(--iso-btn-refl-size)) calc(4px * var(--iso-btn-refl-size)) color-mix(in srgb, var(--iso-btn-glow-color-b) 85%, transparent), 0 0 calc(56px * var(--iso-btn-refl-size)) calc(10px * var(--iso-btn-refl-size)) color-mix(in srgb, var(--iso-btn-glow-color-b) 45%, transparent);filter:blur(var(--iso-btn-refl-blur)) brightness(var(--iso-btn-refl-brightness));opacity:var(--iso-btn-refl-opacity)}.iso-btn-hit{color:#0000;cursor:pointer;border-radius:var(--iso-btn-radius);transform:translateZ(calc(var(--iso-btn-gap-rest) + var(--iso-btn-thick)));background:0 0;border:0;position:absolute;inset:-6px}.iso-btn-hit:focus-visible{outline:2px solid var(--iso-btn-focus-color);outline-offset:2px}.iso-btn-hit:disabled{cursor:not-allowed}.iso-btn-scene:has(.iso-btn-hit:disabled) .iso-btn-obj{opacity:.7}:is(.iso-btn-scene:has(.iso-btn-hit:not(:disabled):hover),.iso-btn-scene:has(.iso-btn-hit:not(:disabled):focus-visible)){--iso-btn-gap:var(--iso-btn-gap-hover);--iso-btn-scale:var(--iso-btn-scale-hover);--iso-btn-glow-brightness:var(--iso-btn-glow-brightness-hover);--iso-btn-glow-size:var(--iso-btn-glow-size-hover);--iso-btn-refl-opacity:var(--iso-btn-refl-opacity-hover);--iso-btn-refl-blur:var(--iso-btn-refl-blur-hover);--iso-btn-refl-size:var(--iso-btn-refl-size-hover);--iso-btn-refl-brightness:var(--iso-btn-refl-brightness-hover);--iso-btn-font-size:var(--iso-btn-font-size-hover);--iso-btn-text-color:var(--iso-btn-text-color-hover);--iso-btn-text-glow-size:var(--iso-btn-text-glow-size-hover);--iso-btn-ease:var(--iso-btn-ease-hover);--iso-btn-dur:var(--iso-btn-speed-hover)}.iso-btn-scene:has(.iso-btn-hit:not(:disabled):active){--iso-btn-gap:var(--iso-btn-gap-press);--iso-btn-stand:var(--iso-btn-stand-press);--iso-btn-ease:ease-out;--iso-btn-dur:.1s}@media (prefers-reduced-motion:reduce){.iso-btn-obj,.iso-btn-stand,.iso-btn-stand>*,.iso-btn-obj>.iso-btn-reflection{transition:none}}.iso-btn-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.products{--ease-out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);padding:var(--products-pad-top) 1.25rem clamp(5rem, 12vw, 9rem);color:var(--cream);position:relative}@supports (transition-timing-function:linear(0, 1)){.products{--spring:linear(0, .05, .171, .33, .502, .667, .813, .932, 1.022, 1.083, 1.118, 1.132, 1.13, 1.117, 1.098, 1.075, 1.053, 1.032, 1.015, 1.001, .992, .986, .983, .982, .984, .986, .989, .992, .995, .997, .999, 1.001, 1.002, 1.002, 1.002, 1.001, 1)}}.products-title{letter-spacing:-.04em;text-align:center;color:#fff;margin:0 auto clamp(2.5rem,5.5vw,4rem);font-size:clamp(2.4rem,6vw,4.25rem);font-weight:600;line-height:1}.products-list{gap:clamp(1.25rem,2.5vw,1.75rem);max-width:1120px;margin:0 auto;display:grid}.pp--renderbuff{--brand:#00f2d1;--card-bg:#111315;--card-border:#ffffff0a;--card-radius:22px;--ink:#f1f4f6;--ink-muted:#9a9fa5}.pp--designpass{--brand:#a05cff;--card-bg:radial-gradient(60% 70% at 0% 100%, #a05cff29, transparent 70%), radial-gradient(50% 60% at 100% 0%, #5f8cff1a, transparent 70%), #120f17;--card-border:#ffffff0d;--card-radius:1.25rem;--ink:#fff;--ink-muted:#fff9;--dp-accent:#a05cff;--dp-accent-2:#ff5fd2;--dp-accent-3:#5ff0ff;--dp-accent-contrast:#fff;--dp-bg:#120f17;--dp-border:#ffffff1a;--dp-text:#fff;--dp-surface-solid:#16121d;--dp-control-track:#262130;--dp-btn-bg:var(--dp-surface-solid);--dp-btn-text:var(--dp-accent);--dp-btn-text-hover:var(--dp-text);--dp-btn-highlight:var(--dp-text);--dp-btn-glow-color:var(--dp-accent)}.pp-card{border:2px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-bg);background-repeat:no-repeat;background-clip:padding-box;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:460px;display:grid;position:relative;overflow:hidden;box-shadow:0 50px 100px -50px #000000e6}.pp[data-reverse] .pp-art{order:2}.pp-art{min-height:0;position:relative}.pp-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.1rem;padding:clamp(2rem,4.5vw,3.5rem);display:flex}.pp-lockup{align-items:center;gap:.6rem;min-height:1.75rem;display:flex}.pp-mark{background:var(--brand);border-radius:.45rem;place-items:center;width:1.75rem;height:1.75rem;display:grid}.pp-mark img{width:78%;height:auto}.pp--designpass .pp-mark{background:0 0;overflow:hidden}.pp--designpass .pp-mark img{width:100%}.pp-name{letter-spacing:-.02em;color:var(--ink);font-size:1.05rem;font-weight:600}.pp-headline{letter-spacing:-.035em;max-width:24rem;color:var(--ink);margin:0;font-size:clamp(1.85rem,3.2vw,2.6rem);font-weight:600;line-height:1.05}.pp-body{color:var(--ink-muted);margin:0;font-size:1.05rem;line-height:1.5}.pp-cta{isolation:isolate;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;margin-top:.4rem;font-weight:600;text-decoration:none;transition:background-color .2s,translate .15s;display:inline-flex;position:relative}.pp-cta svg{width:1.1em;height:1.1em;transition:translate .4s var(--spring)}.pp-cta:hover svg{translate:3px}.pp-cta:active{translate:0 1px}.pp-cta:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.pp--renderbuff .pp-cta{color:#001612;background:#00f2d1;height:3rem;padding:0 1.5rem 0 1.75rem;font-size:1rem;box-shadow:0 10px 30px -12px #00f2d199}.pp--renderbuff .pp-cta:hover{background:#15dbbe}.pp--renderbuff .pp-cta:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:#00f2d1;animation:2.4s cubic-bezier(.2,.6,.3,1) infinite both pp-ring;position:absolute;inset:0}.pp--renderbuff .pp-cta:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%) 0 0/250% 100% no-repeat;animation:3.2s ease-in-out infinite both pp-sheen;position:absolute;inset:0}@keyframes pp-ring{0%{opacity:.32;scale:1}70%,to{opacity:0;scale:1.14 1.45}}@keyframes pp-sheen{0%{background-position:160% 0}45%,to{background-position:-60% 0}}.pp--designpass .pp-cta{color:#fff;background:#000;height:2.6rem;padding:0 1.1rem 0 1.25rem;font-size:.9rem;box-shadow:inset 0 0 0 1px #ffffff14}.pp--designpass .pp-cta:hover{background:#16121d}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.pp .pp-card{opacity:0;filter:blur(14px);transition:opacity 1s var(--ease-out), translate 1.4s var(--ease-out), scale 1.4s var(--ease-out), filter 1.1s var(--ease-out);translate:0 70px;scale:.96}.pp .pp-rise{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease-out), translate 1.1s var(--ease-out), filter .9s var(--ease-out);transition-delay:calc(var(--i,0) * .11s + .38s);translate:0 16px}.pp .pp-pop{opacity:0;transition:opacity .8s var(--ease-out), scale 1.1s var(--spring), translate 1.1s var(--spring);transition-delay:calc(var(--i,0) * .11s + .3s);translate:0 18px;scale:.9}.pp[data-inview=true] .pp-card,.pp[data-inview=true] .pp-rise,.pp[data-inview=true] .pp-pop{opacity:1;filter:none;translate:0;scale:1}}.pp:not([data-active=true]) .pp-card *,.pp:not([data-active=true]) .pp-card :before,.pp:not([data-active=true]) .pp-card :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.products *,.products :before,.products :after{animation:none!important}}.rb-reel{isolation:isolate;background:#000;border-radius:14px;display:block;position:absolute;inset:10px;overflow:hidden;container-type:size}.rb-shot{visibility:hidden;position:absolute;inset:0;overflow:hidden}.rb-shot video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.rb-shot[data-state=prev]{visibility:visible;z-index:1}.rb-shot[data-state=current]{visibility:visible;z-index:2}.rb-shot[data-state=current] video{animation:3s cubic-bezier(.2,.6,.3,1) both rb-push}.rb-reel[data-cut=settle] .rb-shot[data-state=current] video{animation:1.8s cubic-bezier(.16,1,.3,1) both rb-settle}.rb-reel[data-cut=whip] .rb-shot[data-state=current]{animation:.42s cubic-bezier(.1,.75,.2,1) both rb-whip-in}.rb-reel[data-cut=whip] .rb-shot[data-state=prev]{animation:.32s cubic-bezier(.55,0,.9,.35) both rb-whip-out}.rb-reel[data-cut=punch] .rb-shot[data-state=current]{animation:.45s cubic-bezier(.2,.8,.2,1) both rb-punch}.rb-reel[data-cut=split] .rb-shot[data-state=current]{animation:.36s cubic-bezier(.16,1,.3,1) both rb-split}.rb-reel[data-cut=zoom] .rb-shot[data-state=current]{animation:.42s cubic-bezier(.16,1,.3,1) both rb-zoom}.rb-reel[data-cut=kick] .rb-shot[data-state=current]{animation:.45s cubic-bezier(.2,.8,.2,1) both rb-kick,.18s steps(3,end) both rb-shake}@keyframes rb-push{0%{scale:1.14}to{scale:1.02}}@keyframes rb-settle{0%{rotate:-3deg;scale:1.28}to{rotate:none;scale:1.02}}@keyframes rb-whip-in{0%{filter:blur(2.6cqmin);translate:100%;scale:1.25 1}55%{filter:blur(.4cqmin)}to{filter:blur();translate:0;scale:1}}@keyframes rb-whip-out{0%{filter:blur();translate:0;scale:1}to{filter:blur(2.6cqmin);translate:-70%;scale:1.25 1}}@keyframes rb-punch{0%{rotate:7deg;scale:1.55}to{rotate:none;scale:1}}@keyframes rb-split{0%{clip-path:inset(0 50%);scale:1.15}to{clip-path:inset(0);scale:1}}@keyframes rb-zoom{0%{clip-path:inset(38% round 3cqmin);scale:.7}to{clip-path:inset(0);scale:1}}@keyframes rb-kick{0%{scale:1.2}to{scale:1}}@keyframes rb-shake{0%{translate:1.4% -.9%}33%{translate:-1.1% .7%}66%{translate:.7% 1.1%}to{translate:0}}.rb-flash{z-index:5;pointer-events:none;opacity:0;background:#fff;animation:.22s ease-out both rb-flash;position:absolute;inset:0}@keyframes rb-flash{0%{opacity:0}1%{opacity:.75}to{opacity:0}}.rb-flare{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(48% 5%,#fff,#fff0 100%),radial-gradient(40% 28%,#00f2d18c,#0000 70%);width:200%;height:40%;animation:.5s cubic-bezier(.3,0,.3,1) both rb-flare;position:absolute;top:30%;left:-50%}@keyframes rb-flare{0%{opacity:0;translate:35%;scale:.6 1}35%{opacity:1}to{opacity:0;translate:-35%;scale:1.4 1}}.rb-vignette{z-index:6;pointer-events:none;background:radial-gradient(85% 80%,#0000 60%,#00000073);position:absolute;inset:0}.dp-art{grid-template:"vinyl iso"1fr"vinyl cube"1fr"warp warp".8fr/minmax(0,1.08fr) minmax(0,1fr);gap:10px;display:grid;position:absolute;inset:10px}.dp-tile{border:1px solid var(--dp-border);background:#17141f;border-radius:1rem;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.dp-tile--vinyl{grid-area:vinyl}.dp-tile--iso{background:radial-gradient(60% 55% at 50% 62%,#a05cff24,#0000 70%),#17141f;grid-area:iso}.dp-tile--cube{grid-area:cube}.dp-tile--warp{grid-area:warp;display:block}.dp-iso{width:11.5rem;height:3.4rem}@media (max-width:800px){.pp-card{grid-template-columns:minmax(0,1fr);min-height:0}.pp-art,.pp[data-reverse] .pp-art{order:0}.pp--renderbuff .pp-art{aspect-ratio:16/10}.pp--designpass .pp-art{aspect-ratio:1/1.25}.dp-art{grid-template:"vinyl vinyl"1.6fr"iso cube".8fr"warp warp".6fr/minmax(0,1fr) minmax(0,1fr)}.dp-iso{width:8.5rem;height:2.6rem}.pp-copy{padding:1.25rem 1.6rem 2rem}}