.cl-hub{isolation:isolate;aspect-ratio:16/9;background:var(--color-gray-900);content-visibility:auto;contain-intrinsic-size:auto 232px;border:1px solid #ffffff12;border-radius:1rem;transition:box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .3s;display:block;position:relative;overflow:hidden}@media (width<=1023px){.cl-hub{aspect-ratio:2}}@media (width<=639px){.cl-hub{aspect-ratio:21/9}}.cl-art{z-index:0;position:absolute;inset:0;overflow:hidden}.cl-blur{z-index:0;position:absolute;inset:-18%}.cl-blur img,.cl-blur picture{object-fit:cover;filter:blur(26px)saturate(1.7)brightness(.72);width:100%;height:100%;transform:scale(1.08)}.cl-cover{z-index:0;position:absolute;inset:0}.cl-cover img,.cl-cover picture{object-fit:cover;filter:saturate(1.05);width:100%;height:100%;transition:transform 1.1s cubic-bezier(.4,0,.2,1);transform:scale(1.03)}.cl-blur.dim img{filter:blur(30px)saturate(1.35)brightness(.42)}.cl-collage{z-index:0;position:absolute;inset:0}.cl-collage .p{aspect-ratio:2/3;border:1px solid #ffffff1a;border-radius:8px;width:auto;height:78%;transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .4s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 18px 34px -12px #000000e6}.cl-collage .p img,.cl-collage .p picture{object-fit:cover;width:100%;height:100%}.cl-collage .p:first-child{opacity:.64;z-index:1;transform:translate(-50%,-50%)translate(-48%)rotate(-9deg)}.cl-collage .p:nth-child(3){opacity:.64;z-index:1;transform:translate(-50%,-50%)translate(48%)rotate(9deg)}.cl-collage .p:nth-child(2){z-index:2;transform:translate(-50%,-50%)}.cl-collage.solo .p:first-child{opacity:1;z-index:2;height:92%;transform:translate(-50%,-50%)rotate(0)}.cl-grade{z-index:1;background:radial-gradient(120% 100% at 80% 8%,#ffffff12,#0000 52%),linear-gradient(125deg,#00000038,#0000 46%);position:absolute;inset:0}.cl-veil{z-index:1;background:linear-gradient(#02050a47 0%,#02050a0f 26%,#02050a8c 60%,#02050af5 97%);position:absolute;inset:0}.cl-mark{z-index:1;color:#ffffff14;pointer-events:none;letter-spacing:-.03em;font-size:76px;line-height:1;position:absolute;top:6px;right:16px}.cl-body{z-index:2;flex-direction:column;gap:8px;padding:15px 16px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.cl-title{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 18px #000000bf;text-wrap:balance;font-weight:700;line-height:1.02}.cl-hud{color:#ffffffc2;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:12px;display:flex}.cl-hud .u{align-items:center;gap:6px;display:inline-flex}.cl-hud svg{width:13px;height:13px;color:var(--primary-color);opacity:.95}.cl-hud b{color:#fff;font-weight:600}.cl-hud .bar{background:#ffffff38;width:1px;height:11px}.cl-peek{z-index:3;border:1px solid color-mix(in srgb, var(--primary-color) 45%, transparent);width:31px;height:31px;color:var(--primary-color);opacity:0;background:#02050ab8;border-radius:9px;place-items:center;transition:all .35s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;top:12px;right:12px;transform:translate(4px,-4px)}@media (hover:hover){.cl-hub:hover{border-color:#ffffff29;box-shadow:0 18px 40px -26px #000000d9}.cl-hub:hover .cl-cover img{transform:scale(1.09)}.cl-hub:hover .cl-collage .p:first-child{opacity:.78;transform:translate(-50%,-50%)translate(-66%)rotate(-13deg)}.cl-hub:hover .cl-collage .p:nth-child(3){opacity:.78;transform:translate(-50%,-50%)translate(66%)rotate(13deg)}.cl-hub:hover .cl-collage .p:nth-child(2){transform:translate(-50%,-56%)}.cl-hub:hover .cl-collage.solo .p:first-child{transform:translate(-50%,-53%)rotate(0)}.cl-hub:hover .cl-peek{opacity:1;transform:none}}@media (pointer:coarse){.cl-hub{content-visibility:auto;contain-intrinsic-size:auto 210px}.cl-blur img{filter:blur(14px)saturate(1.6)brightness(.72)}.cl-blur.dim img{filter:blur(16px)saturate(1.3)brightness(.42)}}@media (prefers-reduced-motion:reduce){.cl-hub,.cl-blur img,.cl-cover img,.cl-collage,.cl-blur.dim{transition:none!important}}