@font-face{font-family:Articulat CF;font-weight:400;font-style:normal;font-display:swap;src:url(/experience/collection/fonts/articulatcf-400.otf)format("opentype")}@font-face{font-family:Articulat CF;font-weight:600;font-style:normal;font-display:swap;src:url(/experience/collection/fonts/articulatcf-600.otf)format("opentype")}@font-face{font-family:Articulat CF;font-weight:300;font-style:normal;font-display:swap;src:url(/experience/collection/fonts/articulatcf-300.otf)format("opentype")}@font-face{font-family:Articulat CF;font-weight:700;font-style:normal;font-display:swap;src:url(/experience/collection/fonts/articulatcf-700.otf)format("opentype")}@font-face{font-family:Articulat CF;font-weight:400;font-style:italic;font-display:swap;src:url(/experience/collection/fonts/articulatcf-400-italic.otf)format("opentype")}.clx-root,body.clx-body{--cardW:min(50cqw, 820px);--ratio:.57;--bg:#000}body.clx-body{overscroll-behavior:none;background:var(--bg);color:#fff;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,sans-serif;overflow:hidden}.clx-root *{box-sizing:border-box;margin:0;padding:0}.clx-ambient{z-index:0;pointer-events:none;background:var(--bg);position:absolute;inset:0;overflow:hidden}.clx-amb-layer{filter:blur(15px)saturate(1.5)brightness(.73);opacity:0;will-change:opacity,transform;background-position:50%;background-size:cover;transition:opacity 1.1s;position:absolute;inset:-22%;transform:scale(1.1)}.clx-scene{z-index:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.clx-scene.dragging{cursor:grabbing}.clx-vignette{pointer-events:none;z-index:2;background:radial-gradient(160% 125%,#0000 60%,#0000004d 86%,#000000eb 100%);position:absolute;inset:0}.clx-edge{pointer-events:none;z-index:5;position:absolute;top:0;bottom:0}.clx-edge.l{left:0}.clx-edge.r{right:0}.clx-edge.soft{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:26cqw}.clx-edge.hard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:15cqw}.clx-edge.l.soft{background:linear-gradient(90deg,#00000080,#0000);-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.clx-edge.r.soft{background:linear-gradient(270deg,#00000080,#0000);-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.clx-edge.l.hard{background:linear-gradient(90deg,#000 6%,#0000);-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.clx-edge.r.hard{background:linear-gradient(270deg,#000 6%,#0000);-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}@media (max-width:760px){.clx-edge.soft{width:30cqw}.clx-edge.hard{width:16cqw}}.clx-dots{z-index:6;pointer-events:none;gap:15px;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.clx-dot{cursor:pointer;pointer-events:auto;transform-origin:50%;will-change:transform;background:#ffffff38;border:0;border-radius:50%;width:5px;height:5px;padding:0;transition:transform .14s ease-out,background .3s;position:relative}.clx-dot:after{content:"";border-radius:50%;position:absolute;inset:-8px}.clx-dot:hover{background:#ffffffe6}.clx-dot.active{background:#fff}.clx-cats{z-index:6;flex-direction:column;align-items:center;gap:9px;display:flex;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.clx-cat-pill{pointer-events:none;opacity:0;z-index:0;-webkit-backdrop-filter:blur(12px)saturate(1.7);backdrop-filter:blur(12px)saturate(1.7);will-change:transform,width,height;background:#ffffff0d;border:1px solid #ffffff3d;border-radius:999px;width:60px;height:26px;transition:box-shadow .18s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 1px .5px #ffffff80,inset 0 -7px 14px #ffffff0a,0 8px 26px #0000004d}.clx-cat-pill:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#fff3,#fff0 42%);transition:background .18s;position:absolute;inset:0}.clx-cat-pill:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--a,0deg), #ffffffe6, #fff0 22%, #fff0 78%, #ffffffe6);-webkit-mask-composite:xor;opacity:0;z-index:2;padding:1.3px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.clx-cat-pill.glow:before{opacity:1}.clx-cat-pill.pressed{box-shadow:inset 0 1px .5px #ffffff80,inset 0 7px 16px #0000006b,inset 0 -2px 6px #ffffff0f,0 2px 8px #0006}.clx-cat-pill.pressed:after{background:linear-gradient(#ffffff6b,#fff0 55%)}.clx-cat{z-index:1;cursor:pointer;letter-spacing:.18em;color:#fff6;text-transform:lowercase;background:0 0;border:0;padding:3px 6px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:normal;transition:color .4s,transform .14s;position:relative}.clx-cat:hover{color:#fffffff2}.clx-cat.on-pill{color:#fff}.clx-cat:active{transform:scale(.95)}@media (max-width:760px){.clx-root,body.clx-body{--cardW:82cqw}.clx-dots{gap:11px}}