.hz{margin-top:var(--s7);--hz-gold:linear-gradient(180deg,#fff3cc 0%,#f0cd66 30%,#e2b745 60%,#b58e27 100%);position:relative}.hz-pin,.hz-stage{position:relative}.hz-track{gap:var(--s4);max-width:var(--wide);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-inline:auto;display:grid}.hz-emblem,.hz-rail{display:none}.hz-card{--on:0;min-width:0;position:relative}.hz-card.on{--on:1}.hz-face{height:100%;padding:var(--s5) var(--s5) var(--s6);border:1px solid var(--line2);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--panel),var(--bg2) 70%);transition:border-color .7s var(--out),box-shadow .7s var(--out);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 50px 90px -70px #000}.hz-face:before{content:"";top:0;left:var(--s6);right:var(--s6);pointer-events:none;background:var(--u-top-cyan);opacity:.3;height:14px;transition:opacity .7s var(--out),transform .9s var(--spring);position:absolute;transform:scaleX(.5)}.hz-face:after{content:"";pointer-events:none;opacity:0;transition:opacity .7s var(--out);background:linear-gradient(#86e6fb0f,#86e6fb03 40%,#0000 65%);position:absolute;inset:0}.hz-face>*{position:relative}.hz-card.on .hz-face{border-color:#86e6fb57;box-shadow:inset 0 1px #86e6fb1f,0 30px 80px -40px #000000e6,0 0 70px -36px #86e6fb8c}.hz-card.on .hz-face:before{opacity:1;transform:none}.hz-card.on .hz-face:after{opacity:1}.hz-top{align-items:center;gap:var(--s3);display:flex}.hz-no{font-family:var(--fm);letter-spacing:.2em;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .5s var(--out);font-size:10.5px}.hz-top i{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 70%,transparent),transparent);transform-origin:0;height:1px;transition:transform .9s var(--spring);flex:1;transform:scaleX(.3)}.hz-top b{background:var(--cj-blue);opacity:.3;width:15px;height:11px;-webkit-mask:var(--cj-mark) center/contain no-repeat;-webkit-mask:var(--cj-mark) center/contain no-repeat;mask:var(--cj-mark) center/contain no-repeat;transition:opacity .7s var(--out),transform .7s var(--spring);flex:none;transform:scale(.85)}.hz-card.on .hz-no{color:var(--gold)}.hz-card.on .hz-top i{transform:none}.hz-card.on .hz-top b{opacity:1;filter:drop-shadow(0 0 4px #0ccce399);transform:none}.hz-card h3{margin:var(--s4) 0 0;letter-spacing:-.025em;color:var(--ink2);transition:color .6s var(--out);padding-bottom:.06em;font-size:clamp(24px,2vw,31px);font-weight:800;font-stretch:116%;line-height:1.02}.hz-card.on h3{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:var(--hz-gold)}.hz-line{margin:var(--s3) 0 0;color:var(--muted);text-wrap:pretty;transition:color .7s var(--out);font-size:15px;line-height:1.6}.hz-line b,.hz-note b{color:var(--ink);font-weight:600}.hz-card.on .hz-line{color:var(--ink2)}.hz-body{gap:var(--s3);padding-top:var(--s5);margin-top:auto;display:grid}.hz-note{color:var(--muted-on-panel);text-wrap:pretty;margin:0;font-size:13px;line-height:1.6}.hz-lbl{font-family:var(--fm);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.hz-tags{flex-wrap:wrap;gap:6px;display:flex}.hz-tags span{border:1px solid var(--line2);border-radius:var(--r-sm);font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:border-color .5s var(--out),color .5s var(--out),box-shadow .5s var(--out);align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:inline-flex}.hz-tags span:before{content:"";width:9px;height:7px;-webkit-mask:var(--cj-mark) center/contain no-repeat;-webkit-mask:var(--cj-mark) center/contain no-repeat;mask:var(--cj-mark) center/contain no-repeat;background:currentColor;flex:none}.hz-card.on .hz-tags span{border-color:var(--gold2);color:var(--gold);box-shadow:0 0 14px -6px #e6be4e80}.hz-card.on .hz-tags.c span{color:#86e6fb;border-color:#86e6fb59;box-shadow:0 0 14px -6px #86e6fb80}.hz-card.on .hz-tags span:nth-child(2){transition-delay:.1s}.hz-card.on .hz-tags span:nth-child(3){transition-delay:.2s}.hz-card.on .hz-tags span:nth-child(4){transition-delay:.3s}.hz-big{font-family:var(--fd);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#0000;-webkit-background-clip:text;background-clip:text;background-image:var(--hz-gold);opacity:.35;transition:opacity .7s var(--out);font-size:clamp(38px,3.6vw,56px);font-weight:800;font-stretch:118%;line-height:1}.hz-big small{font-family:var(--fm);letter-spacing:.18em;color:var(--muted);-webkit-text-fill-color:var(--muted);margin-left:8px;font-size:12px;font-weight:600}.hz-card.on .hz-big{opacity:1}.hz-split{gap:8px;display:grid}.hz-bar{gap:3px;height:8px;display:flex}.hz-bar i{--mc:230,190,78;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:linear-gradient(180deg,#fff6 0 46%,transparent 54%),linear-gradient(90deg,rgba(var(--mc),.35),rgba(var(--mc),.85) 70%,rgb(var(--mc)));transform-origin:0;height:100%;transition:transform 1.2s var(--spring);display:block;position:relative;transform:scaleX(0)}.hz-bar i:after{content:"";opacity:.85;background:linear-gradient(#0000,#fff 50%,#0000);width:1px;position:absolute;top:0;bottom:0;right:3px}.hz-bar i:nth-child(2){--mc:134,230,251;transition-delay:.14s}.hz-bar i:nth-child(3){--mc:124,136,139;transition-delay:.28s}.hz-card.on .hz-bar i{transform:none}.hz-kv{justify-content:space-between;gap:var(--s3);color:var(--ink2);font-size:13.5px;display:flex}.hz-kv b{font-family:var(--fm);color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.hz-lad{gap:10px;display:grid}.hz-lad>div{align-items:center;gap:var(--s3);grid-template-columns:2.6rem minmax(0,1fr) auto;display:grid}.hz-lad b{font-family:var(--fm);letter-spacing:.1em;color:var(--gold);font-size:12px;font-weight:600}.hz-lad span{height:12px;position:relative;overflow:hidden}.hz-lad span:before{content:"";pointer-events:none;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,#ffffff05,#ffffff1a);height:8px;position:absolute;top:2px;left:0;right:0}.hz-lad span i{transform:translate3d(calc((var(--w,0) * var(--on) - 1) * 100%),0,0);transition:transform 1.2s var(--spring) var(--d,0s);position:absolute;inset:0;overflow:hidden}.hz-lad span i:before{content:"";clip-path:polygon(0 50%,100% 0,100% 100%);height:8px;transform:translate3d(calc((1 - var(--w,0) * var(--on)) * 100%),0,0);transition:transform 1.2s var(--spring) var(--d,0s);background:linear-gradient(#ffffff61 0 46%,#0000 54%),linear-gradient(90deg,#e6be4e26,#e6be4ebf 55%,#ffe7a0);position:absolute;top:2px;left:0;right:0}.hz-lad span i:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff 50%,#0000) 100% 0/1px 100% no-repeat,radial-gradient(70% 55% at 100%,#e6be4e8c,#0000 72%);width:18px;position:absolute;top:0;bottom:0;right:0}.hz-lad>div:nth-child(2){--d:80ms}.hz-lad>div:nth-child(3){--d:.16s}.hz-lad>div:nth-child(4){--d:.24s}.hz-lad>div:nth-child(5){--d:.32s}.hz-lad em{text-align:right;min-width:6.5rem;font-style:normal;font-family:var(--fm);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink2);white-space:nowrap;font-size:11px}.hz-lad em u{color:var(--muted);margin-left:6px;text-decoration:none}.hz-bands{border-radius:var(--r-md);background:var(--line2);gap:1px;display:grid;overflow:hidden}.hz-bands div{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:10px var(--s4);background:var(--bg2);color:var(--ink2);transition:background-color .7s var(--out);font-size:14px;display:flex}.hz-bands b{font-family:var(--fd);color:#0000;-webkit-background-clip:text;background-clip:text;background-image:var(--hz-gold);font-size:22px;font-weight:800;font-stretch:116%;line-height:1}.hz-card.on .hz-bands div:first-child{background-color:#120f09}.hz.hz-wide{height:298vh;margin-top:var(--s5)}.hz-wide .hz-pin{flex-direction:column;height:100svh;padding-top:128px;display:flex;position:sticky;top:0;overflow:hidden}.hz-wide .hz-stage{min-height:0;padding-block:var(--s5);flex:1;align-items:center;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.hz-wide .hz-track{align-items:stretch;gap:var(--s5);perspective:1800px;max-width:none;height:min(500px,100%);transform-style:preserve-3d;will-change:transform;margin:0;padding:0 calc(50% - 210px);display:flex}.hz-wide .hz-card{will-change:transform,opacity;flex:none;width:420px}.hz-wide .hz-emblem{top:var(--s5);bottom:var(--s5);pointer-events:none;will-change:transform,opacity;justify-content:center;align-items:center;width:420px;display:flex;position:absolute;right:calc(50% + 234px)}.hz-emblem:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side,#86e6fb33,#4fc3f70d 55%,#0000);width:70%;animation:3.6s ease-in-out infinite hzglow;position:absolute}.hz-emblem span{aspect-ratio:106.16/80;background:linear-gradient(160deg,#e8fbff,#86e6fb 45%,var(--cj-blue));width:min(88%,360px);-webkit-mask:var(--cj-mark) center/contain no-repeat;-webkit-mask:var(--cj-mark) center/contain no-repeat;mask:var(--cj-mark) center/contain no-repeat;animation:3.6s ease-in-out infinite hzbeat;position:relative}.hz[data-off] .hz-emblem:before,.hz[data-off] .hz-emblem span{animation-play-state:paused}@keyframes hzbeat{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes hzglow{0%,to{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.hz-wide .hz-rail{width:100%;max-width:56rem;margin:0 auto var(--s8);padding-inline:var(--gut);justify-content:space-between;display:flex;position:relative}.hz-rail>span{left:var(--gut);right:var(--gut);background:var(--line2);height:1px;position:absolute;top:14px}.hz-rail>span i{background:linear-gradient(90deg,var(--cj-blue),#86e6fb 60%,var(--gold));transform-origin:0;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 10px #86e6fb99}.hz-rail button{align-items:center;gap:var(--s3);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.hz-mk{border:1px solid var(--line2);border-radius:var(--r-md);background:var(--bg);width:28px;height:28px;color:var(--cj-blue);opacity:.25;transition:border-color .5s var(--out),box-shadow .5s var(--out),color .5s var(--out);place-items:center;display:grid;transform:scale(.85)}.hz-mk:before{content:"";width:13px;height:10px;-webkit-mask:var(--cj-mark) center/contain no-repeat;-webkit-mask:var(--cj-mark) center/contain no-repeat;mask:var(--cj-mark) center/contain no-repeat;background:currentColor}.hz-rail em{font-style:normal;font-family:var(--fm);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--muted);transition:color .5s var(--out);font-size:9.5px}.hz-rail button:hover em{color:var(--ink)}.hz-rail button.on em{color:var(--gold)}.hz-rail button.on .hz-mk{border-color:var(--gold2);color:var(--gold);box-shadow:0 0 16px -4px #e6be4e99}.lite .hz-emblem:before,.lite .hz-emblem span{animation:none}@media (prefers-reduced-motion:reduce){.hz-face,.hz-face:before,.hz-face:after,.hz-top i,.hz-top b,.hz-line,.hz-card h3,.hz-tags span,.hz-big,.hz-bar i,.hz-lad span i,.hz-lad span i:before,.hz-bands div,.hz-mk,.hz-rail em{transition:none}.hz-emblem:before,.hz-emblem span{animation:none}}
.pf{--pf-out:cubic-bezier(.2,.8,.2,1);--pf-spring:cubic-bezier(.22,1,.36,1);border-radius:var(--r-xl);isolation:isolate;background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;display:grid;position:relative;overflow:hidden;box-shadow:0 50px 90px -70px #000}@supports (transition-timing-function:linear(0,1)){.pf{--pf-spring:linear(0,.0616 5%,.1912 10%,.3374 15%,.4751 20%,.594 25%,.6916 30%,.7689 35%,.8288 40%,.8743 45%,.9084 50%,.9523 60%,.9756 70%,.9877 80%,.9939 90%,1)}}.pf-idle,.pf-glow{z-index:0;pointer-events:none;transition:opacity .6s var(--pf-out);position:absolute}.pf-idle{animation:12s cubic-bezier(.45,0,.55,1) infinite alternate pfdrift;inset:0}.pf-idle i{background:radial-gradient(closest-side,#86e6fbb3,#4fc3f733 45%,#0000);border-radius:50%;width:560px;height:560px;margin:-280px 0 0 -280px;position:absolute;top:0;left:0}@keyframes pfdrift{0%{transform:translate(-6%)}to{transform:translate(106%)}}.pf-glow{opacity:0;width:640px;height:640px;transition:opacity .6s var(--pf-out),transform .22s var(--pf-out);background:radial-gradient(closest-side,#e8fbffe6,#86e6fb80 30%,#e6be4e33 62%,#0000);border-radius:50%;margin:-320px 0 0 -320px;top:0;left:0}.pf.live .pf-glow{opacity:1}.pf.live .pf-idle{opacity:0}.pf[data-off] .pf-idle{animation-play-state:paused}.pf-c{z-index:1;background:#07090af4;flex-direction:column;align-items:flex-start;gap:12px;padding:34px 28px 38px;display:flex;position:relative;overflow:hidden}.pf-c:before{content:"";pointer-events:none;background:linear-gradient(90deg,var(--cyan),#86e6fb1f);transform-origin:0;height:1px;transition:transform 1s var(--pf-spring) .15s;position:absolute;top:0;left:28px;right:28px;transform:scaleX(.18)}.pf-c.g:before{background:linear-gradient(90deg,var(--gold),#e6be4e1f)}.pf-c:after{content:"";pointer-events:none;opacity:0;transition:opacity .55s var(--pf-out);background:linear-gradient(#86e6fb13,#86e6fb04 45%,#0000 70%);position:absolute;inset:0}.pf-c.g:after{background:linear-gradient(#e6be4e16,#e6be4e04 45%,#0000 70%)}.pf-c:hover:before{transform:scaleX(1)}.pf-c:hover:after{opacity:1}.pf-c.rv:not(.in):before{transform:scaleX(0)}.pf-ghost{pointer-events:none;width:168px;height:auto;fill:var(--cyan);opacity:.045;transition:opacity .7s var(--pf-out),transform 1.3s var(--pf-spring);position:absolute;top:-22px;right:-26px;transform:rotate(-8deg)}.pf-c.g .pf-ghost{fill:var(--gold)}.pf-c:hover .pf-ghost{opacity:.11;transform:rotate(-8deg)translate(-8px,8px)scale(1.05)}.pf-c.rv:not(.in) .pf-ghost{opacity:0;transform:rotate(-8deg)scale(.86)}.pf-k{font-family:var(--fm);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:10px;margin:0;font-size:11px;font-weight:600;display:flex}.pf-c.g .pf-k{color:var(--gold)}.pf-mk{fill:currentColor;flex:none;width:12px;height:9px}.pf-c h3{letter-spacing:-.02em;background:linear-gradient(#fff 0%,#e3eaec 55%,#a9b4b7 100%);color:#0000;transition:transform 1.1s var(--pf-spring) .12s,opacity .8s var(--pf-out) .12s;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(22px,1.9vw,29px);font-weight:700;font-stretch:112%;line-height:1.12;position:relative}.pf-c.g h3{background-image:linear-gradient(#fff6de 0%,#f2d98a 55%,#d9ae3a 100%)}.pf-p{color:var(--muted-on-panel);transition:transform 1.1s var(--pf-spring) .2s,opacity .8s var(--pf-out) .2s;font-size:15.5px;line-height:1.62;position:relative}.pf-k{position:relative}.pf-c.rv:not(.in) h3,.pf-c.rv:not(.in) .pf-p{opacity:0;transform:translateY(16px)}@media (max-width:1000px){.pf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.pf{grid-template-columns:1fr}.pf-c{padding:26px 22px 30px}.pf-c:before{left:22px;right:22px}}.lite .pf-idle{animation:none;transform:translate(50%)}@media (prefers-reduced-motion:reduce){.pf-idle{animation:none;transform:translate(50%)}.pf-glow,.pf-c:before,.pf-c:after,.pf-ghost,.pf-c h3,.pf-p{transition:none}.pf-c:hover .pf-ghost{transform:rotate(-8deg)}}
