.hhpo{--hhpo-bg: #F1F2ED;--hhpo-stage-a: #FBFBF7;--hhpo-stage-b: #E4E8DF;--hhpo-paper: #F3F2E8;--hhpo-paper-edge: #DEDCCF;--hhpo-glow: #00F786;--hhpo-glow-core: color-mix(in srgb, var(--hhpo-glow) 42%, #fff);--hhpo-glow-edge: color-mix(in srgb, var(--hhpo-glow) 86%, #000);--hhpo-glow-deep: var(--hhpo-glow);--hhpo-ink: #121212;--hhpo-text: #111;--hhpo-muted: #6E6F6A;--hhpo-line: rgba(17, 17, 17, .08);--hhpo-display: "HHHInterDisplay", "HHHInter", "Inter Display", Inter, system-ui, -apple-system, sans-serif;--hhpo-body: "HHHInter", Inter, system-ui, -apple-system, sans-serif;--hhpo-ease: cubic-bezier(.22, .61, .36, 1);--hhpo-thick: 3px;--n: 0;--c: 1;position:relative;background:var(--hhpo-bg);color:var(--hhpo-text);font-family:var(--hhpo-body);-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color 1.4s var(--hhpo-ease),color 1.4s var(--hhpo-ease)}.hhpo *,.hhpo *:before,.hhpo *:after{box-sizing:border-box}.hhpo div:empty{display:block}.hhpo__grid{display:grid;gap:18px;max-width:1280px;margin:0 auto;padding:12px 12px 48px}@media(min-width:900px){.hhpo__grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:40px;padding:28px 32px 72px;align-items:start}.hhpo__stage{position:sticky;top:24px}}.hhpo__stage{position:relative;height:min(76svh,720px);min-height:460px;border-radius:28px;background:radial-gradient(120% 90% at 50% 42%,var(--hhpo-stage-a) 0%,var(--hhpo-stage-b) 100%);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;--rx: 0;--ry: 0;--tilt: 0}@media(min-width:900px){.hhpo__stage{height:min(84vh,820px)}}.hhpo__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(90% 70% at 50% 45%,#0a0d0a,#000 70%);opacity:var(--n);z-index:0}.hhpo__scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:2;padding:56px 28px 92px}@media(min-width:900px){.hhpo__scene{padding:64px 48px 104px}}.hhpo__bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:1}.hhpo__spill{position:absolute;left:50%;top:45%;width:150%;aspect-ratio:1;max-width:1100px;transform:translate(calc(-50% + var(--ry) * -1.2px),calc(-50% + var(--rx) * 1.2px));background:radial-gradient(closest-side,rgba(0,247,134,.3),rgba(0,200,110,.1) 45%,transparent 72%);opacity:calc(var(--n) * (.15 + .85 * var(--c)));will-change:transform;pointer-events:none;z-index:1}.hhpo__floor{position:absolute;left:50%;bottom:70px;width:min(62%,420px);height:34px;transform:translate(calc(-50% + var(--ry) * .9px)) scaleX(calc(1 - var(--tilt) * .25));background:radial-gradient(closest-side,rgba(40,44,36,.26),transparent);filter:blur(6px);will-change:transform;opacity:calc(1 - var(--n));pointer-events:none;z-index:1}@media(min-width:900px){.hhpo__floor{bottom:82px}}.hhpo__fit{width:100%;height:100%;display:grid;place-items:center;container-type:size;perspective:1100px}.hhpo__poster{position:relative;aspect-ratio:var(--ar, 1200 / 1697);width:64%;width:min(100cqw,100cqh * var(--arn, .7071));transform-style:preserve-3d;transform:rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg));will-change:transform;cursor:grab;touch-action:none;outline:none}@supports not (aspect-ratio: 1){.hhpo__poster{width:70%}}.hhpo__poster.is-grabbing{cursor:grabbing}.hhpo__poster:focus-visible .hhpo__face--front{box-shadow:0 0 0 3px #fff,0 0 0 5px #111}.hhpo__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hhpo__face--front{transform:translateZ(calc(var(--hhpo-thick) / 2));background:#0b0f0b;box-shadow:0 calc(18px * (1 - var(--n))) calc(40px * (1 - var(--n))) rgba(30,34,26,calc(.16 * (1 - var(--n)))),0 2px 4px rgba(30,34,26,calc(.1 * (1 - var(--n))))}.hhpo__face--back{transform:rotateY(180deg) translateZ(calc(var(--hhpo-thick) / 2));background:linear-gradient(var(--hhpo-paper),#E6E4D8)}.hhpo__face--back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hhpo-glow-deep);opacity:calc(var(--n) * (.2 + .5 * var(--c)))}.hhpo__edge{position:absolute;background:var(--hhpo-paper-edge)}.hhpo__edge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hhpo-glow-deep);opacity:calc(var(--n) * (.25 + .55 * var(--c)))}.hhpo__edge--t,.hhpo__edge--b{left:0;width:100%;height:var(--hhpo-thick)}.hhpo__edge--l,.hhpo__edge--r{top:0;height:100%;width:var(--hhpo-thick)}.hhpo__edge--t{top:calc(var(--hhpo-thick) / -2);transform:rotateX(90deg)}.hhpo__edge--b{bottom:calc(var(--hhpo-thick) / -2);transform:rotateX(-90deg);background:#cfcdbf}.hhpo__edge--l{left:calc(var(--hhpo-thick) / -2);transform:rotateY(-90deg)}.hhpo__edge--r{right:calc(var(--hhpo-thick) / -2);transform:rotateY(90deg);background:#d5d3c6}.hhpo__paper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(140% 100% at 30% 20%,rgba(255,255,255,.55),transparent 60%),var(--hhpo-paper);opacity:calc(1 - var(--n));will-change:opacity}.hhpo__phos{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(85% 65% at 50% 46%,var(--hhpo-glow-core) 0%,var(--hhpo-glow) 52%,var(--hhpo-glow-edge) 100%);opacity:calc(var(--n) * (.28 + .72 * var(--c)));will-change:opacity}.hhpo__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .2  0 0 0 0 .2  0 0 0 0 .15  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px;opacity:.12;pointer-events:none}.hhpo__ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none}.hhpo__bloom,.hhpo__halo{position:absolute;inset:calc(var(--pad) * -1);pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity}.hhpo__halo{--pad: 120px;transform:translateZ(calc(var(--hhpo-thick) / 2 - .5px));filter:blur(36px);opacity:calc(var(--n) * (.15 + .85 * var(--c)) * .85)}.hhpo__bloom{--pad: 36px;transform:translateZ(calc(var(--hhpo-thick) / 2 + .5px));filter:blur(8px);opacity:calc(var(--n) * var(--c) * .32)}.hhpo__bloom:before,.hhpo__halo:before{content:"";position:absolute;inset:var(--pad);background:var(--hhpo-glow);-webkit-mask:linear-gradient(#000 0 0),var(--ink-url) center / 100% 100% no-repeat;-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0),var(--ink-url) center / 100% 100% no-repeat;mask-composite:exclude}.hhpo__halo:before{background:var(--hhpo-glow-deep)}.hhpo.has-baked-glow .hhpo__halo,.hhpo.has-baked-glow .hhpo__bloom{filter:none;top:calc(var(--glow-pad) * -100% * var(--arn));bottom:calc(var(--glow-pad) * -100% * var(--arn));left:calc(var(--glow-pad) * -100%);right:calc(var(--glow-pad) * -100%);background:var(--halo-img) center / 100% 100% no-repeat}.hhpo.has-baked-glow .hhpo__bloom{background-image:var(--bloom-img);opacity:calc(var(--n) * var(--c) * .5)}.hhpo.has-baked-glow .hhpo__halo:before,.hhpo.has-baked-glow .hhpo__bloom:before{display:none}.hhpo__sheen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:calc((1 - var(--n)) * (.25 + var(--tilt) * .9));pointer-events:none}.hhpo__sheen:before{content:"";position:absolute;top:0;bottom:0;left:-80%;width:260%;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.42) 46%,rgba(255,255,255,0) 60%);transform:translate(calc(var(--ry) * -.9%));will-change:transform}.hhpo__hint{position:absolute;left:50%;top:18px;z-index:3;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--hhpo-muted);background:#ffffffc7;white-space:nowrap;transition:opacity .5s var(--hhpo-ease),transform .5s var(--hhpo-ease),color 1.4s,background-color 1.4s}.hhpo__hint svg{width:14px;height:14px}.hhpo.is-touched .hhpo__hint{opacity:0;transform:translate(-50%,-6px)}.hhpo__actions{position:absolute;left:0;right:0;bottom:20px;z-index:3;display:flex;justify-content:center;gap:8px;padding:0 16px}.hhpo-pill{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border:0;border-radius:999px;font:600 15px/1 var(--hhpo-body);letter-spacing:-.005em;color:#fff;background:#111;box-shadow:0 6px 18px #11111129,inset 0 1px #ffffff14;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s var(--hhpo-ease),background-color 1.2s var(--hhpo-ease),color 1.2s var(--hhpo-ease),box-shadow 1.2s var(--hhpo-ease)}.hhpo-pill:active{transform:scale(.95)}.hhpo-pill:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hhpo-pill svg{width:18px;height:18px;flex:none}.hhpo-pill [hidden]{display:none}.hhpo-pill__label{display:inline-block;min-width:9.4em;text-align:left}.hhpo__info{padding:10px 6px 0;max-width:520px;container-type:inline-size}@media(min-width:900px){.hhpo__info{padding:28px 0 0}}.hhpo__head{display:grid;gap:6px}.hhpo__eyebrow{margin:0;font:700 12px/1.2 var(--hhpo-body);letter-spacing:.04em;text-transform:uppercase;color:inherit}.hhpo__title{margin:0;font:700 clamp(32px,9cqi,40px)/1.04 var(--hhpo-display);letter-spacing:-.025em;color:inherit}.hhpo__x{font-weight:400}.hhpo__subtitle{margin:2px 0 0;font-size:15px;font-weight:500;color:inherit}.hhpo__tagline{justify-self:start;display:inline-flex;align-items:center;gap:7px;margin:10px 0 0;padding:7px 12px 7px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.2;color:var(--hhpo-text);background:#1111110d;transition:color 1.4s var(--hhpo-ease),background-color 1.4s var(--hhpo-ease),box-shadow 1.4s var(--hhpo-ease),text-shadow 1.4s var(--hhpo-ease)}.hhpo__tagline svg{width:15px;height:15px;flex:none}.hhpo__avail{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;font-weight:500;color:var(--hhpo-muted);transition:color 1.4s var(--hhpo-ease)}.hhpo__avail:before{content:"";width:6px;height:6px;border-radius:50%;background:#2dbe60}.hhpo__avail[data-state=soon]:before{background:#8e8f8a}.hhpo__avail[data-state=out]:before{background:#c9c9c4}.hhpo__label{margin:0 0 10px;padding:0;font:700 10.5px/1.2 var(--hhpo-body);letter-spacing:.06em;text-transform:uppercase;color:var(--hhpo-muted);transition:color 1.4s var(--hhpo-ease)}.hhpo__collab{display:flex;align-items:center;gap:16px;margin:24px 0 0;padding:14px 18px 14px 14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #1111110d,0 10px 26px #1111110f;transition:background-color 1.4s var(--hhpo-ease),box-shadow 1.4s var(--hhpo-ease)}.hhpo__collab-thumb{flex:none;width:58px;aspect-ratio:var(--ar, .7071);background:var(--ink-url) center / 100% 100% no-repeat,var(--hhpo-paper);box-shadow:0 1px 2px #1e221a33,0 6px 14px #1e221a29;transform:rotate(-4deg);transition:box-shadow 1.4s var(--hhpo-ease),background-color 1.4s}.hhpo__collab-text{min-width:0;display:grid;gap:5px}.hhpo__collab-name{margin:0;font:700 19px/1.18 var(--hhpo-display);letter-spacing:-.02em;text-wrap:balance;transition:color 1.4s var(--hhpo-ease),text-shadow 1.4s var(--hhpo-ease)}.hhpo__collab-name:before{content:"";display:inline-block;vertical-align:middle;width:7px;height:7px;margin:-3px 8px 0 0;border-radius:50%;background:var(--hhpo-glow);box-shadow:0 0 6px var(--hhpo-glow)}.hhpo__collab-sub{margin:0;font-size:12.5px;line-height:1.4;color:var(--hhpo-muted);text-wrap:pretty;transition:color 1.4s var(--hhpo-ease)}.hhpo__picker{margin:28px 0 0;padding:0;border:0;min-width:0}.hhpo__tiles{display:flex;flex-wrap:wrap;gap:8px 10px}.hhpo-tile{color:inherit;text-decoration:none;position:relative;display:grid;justify-items:center;gap:6px;width:66px;cursor:pointer}.hhpo-tile input{position:absolute;opacity:0;width:1px;height:1px}.hhpo-tile__thumb{position:relative;width:66px;height:66px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #1111110f;display:grid;place-items:center;overflow:hidden;transition:box-shadow .2s,transform .2s var(--hhpo-ease),background-color 1.2s}.hhpo-tile__thumb:before{content:"";width:30px;height:calc(30px / var(--arn, .7071));max-height:50px;background:var(--ink-url) center / 100% 100% no-repeat,var(--hhpo-paper);box-shadow:0 2px 6px #1e221a2e}.hhpo-tile__name{font-size:11px;font-weight:600;text-align:center;line-height:1.2}.hhpo-tile:hover .hhpo-tile__thumb{transform:translateY(-1px)}.hhpo-tile input:checked+.hhpo-tile__thumb{box-shadow:0 0 0 2px #111}.hhpo-tile input:focus-visible+.hhpo-tile__thumb{outline:2px solid #111;outline-offset:3px}.hhpo-tile.is-soldout .hhpo-tile__thumb{opacity:.45}.hhpo-tile__tag{position:absolute;top:4px;left:50%;transform:translate(-50%);padding:2px 6px;border-radius:999px;font-size:9px;font-weight:700;color:#fff;background:#111;z-index:1}.hhpo__desc{margin:26px 0 0;font-size:14px;line-height:1.6;color:var(--hhpo-muted);transition:color 1.4s var(--hhpo-ease)}.hhpo__desc p{margin:0 0 .75em;text-wrap:pretty}.hhpo__desc>:first-child{margin-top:0;color:var(--hhpo-text);font-weight:500;transition:color 1.4s var(--hhpo-ease)}.hhpo__desc>:last-child{margin-bottom:0}.hhpo__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:28px 0 0;padding:0;list-style:none}.hhpo__specs li{display:grid;gap:4px;align-content:start;padding:12px 12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #1111110a;min-width:0;transition:background-color 1.4s var(--hhpo-ease),box-shadow 1.4s var(--hhpo-ease)}.hhpo__specs b{font-size:12.5px;font-weight:700;line-height:1.25}.hhpo__specs span{font-size:11.5px;line-height:1.35;color:var(--hhpo-muted);transition:color 1.4s var(--hhpo-ease)}.hhpo__buy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 0}.hhpo__price-wrap{display:flex;align-items:baseline;gap:8px}.hhpo__price{font:700 22px/1 var(--hhpo-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.hhpo__compare{font-size:13px;color:var(--hhpo-muted)}.hhpo__add{-webkit-appearance:none;appearance:none;border:0;flex:0 1 200px;height:46px;padding:0 22px;border-radius:999px;font:600 14px/1 var(--hhpo-body);color:#fff;background:#111;cursor:pointer;transition:transform .25s var(--hhpo-ease),background-color 1.2s var(--hhpo-ease),color 1.2s var(--hhpo-ease),box-shadow 1.2s var(--hhpo-ease),opacity .2s}.hhpo__add:active{transform:scale(.96)}.hhpo__add[disabled]{color:#fff;background:#a9aaa5;cursor:not-allowed;transform:none}.hhpo__add.is-loading{opacity:.6}.hhpo__msg{min-height:1.4em;margin:10px 0 0;font-size:12px;font-weight:600;color:var(--hhpo-muted)}.hhpo.is-night{background:#000;color:#edefe8}.hhpo.is-night .hhpo__hint{color:#ffffff8c;background:#ffffff0f}.hhpo.is-night .hhpo-pill{color:#edefe8;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1f}.hhpo.is-night{--hhpo-muted: rgba(237, 239, 232, .5);--hhpo-text: #EDEFE8}.hhpo.is-night .hhpo-tile__thumb{background:#ffffff0f;box-shadow:0 0 0 1px #ffffff14}.hhpo.is-night .hhpo-tile input:checked+.hhpo-tile__thumb{box-shadow:0 0 0 2px var(--hhpo-glow)}.hhpo.is-night .hhpo-tile__thumb:before{background:var(--ink-url) center / 100% 100% no-repeat,var(--hhpo-glow);box-shadow:0 0 10px #00f78680}.hhpo.is-night .hhpo__collab-name{color:var(--hhpo-glow);text-shadow:0 0 12px rgba(0,247,134,.55)}.hhpo.is-night .hhpo__tagline{color:var(--hhpo-glow);background:#00f78614;box-shadow:inset 0 0 0 1px #00f7864d;text-shadow:0 0 10px rgba(0,247,134,.6)}.hhpo.is-night .hhpo__collab{background:#ffffff0a;box-shadow:0 0 0 1px #00f78659,0 0 30px rgba(0,247,134,calc(.12 * var(--c)))}.hhpo.is-night .hhpo__collab-thumb{background:var(--ink-url) center / 100% 100% no-repeat,var(--hhpo-glow);box-shadow:0 0 14px #00f7868c}.hhpo.is-night .hhpo__specs li{background:#ffffff0d;box-shadow:0 0 0 1px #ffffff12}.hhpo.is-night .hhpo__add[disabled]{background:#ffffff24;color:#edefe899}.hhpo.is-night .hhpo__add:not([disabled]){color:#022514;background:var(--hhpo-glow);box-shadow:0 0 22px rgba(0,247,134,calc(.25 + .35 * var(--c)))}.hhpo-nightfall{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:90}.hhpo-nightfall.is-on{pointer-events:auto}.hhpo.is-night,.hhpo.is-dimming{z-index:91}@media(prefers-reduced-motion:reduce){.hhpo,.hhpo *{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/hhh-poster.css.map */