.hc{--hc-slab-h:210px;--hc-slab-drop:150px;min-height:640px;position:relative}.hc-stage{cursor:grab;touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.hc-stage:active{cursor:grabbing}.hc-stage canvas,.hc-still{-webkit-mask-composite:source-in;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 34% 100%),linear-gradient(#000 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 34% 100%),linear-gradient(#000 82%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hc-still{object-fit:cover;object-position:71% 50%}.hc-stage canvas{opacity:0;transition:opacity .6s}.hc[data-state=live] .hc-stage canvas{opacity:1}.hc-inner{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;max-width:72rem;min-height:640px;margin:0 auto;padding-inline:1.5rem;display:flex;position:relative}.hc-copy{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:1.375rem;max-width:30rem;padding-block:2.5rem 7.5rem;display:flex}.hc-title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,5.6vw,72px);font-weight:800;line-height:.98}.hc-kicker{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.hc-index{left:46%;right:1.5rem;bottom:calc(var(--hc-slab-h) - var(--hc-slab-drop) + 1.25rem);z-index:3;font-variant-numeric:tabular-nums;align-items:center;gap:.875rem;font-size:.75rem;font-weight:600;display:flex;position:absolute}.hc-index ol{flex-wrap:nowrap;align-items:center;gap:.75rem;margin:-.5rem 0;padding:.5rem;list-style:none;display:flex;overflow:hidden}.hc-tick{min-height:2rem;font:inherit;color:var(--muted-foreground);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:.625rem;padding:.375rem 0;display:flex}.hc-tick .hc-name,.hc-tick .hc-bar{display:none}.hc-tick .hc-name{color:var(--foreground);text-transform:uppercase;letter-spacing:.1em}.hc-tick .hc-bar{background:var(--foreground);width:4.5rem;height:1.5px}.hc-tick[aria-current=true]{color:var(--foreground)}.hc-tick[aria-current=true] .hc-name,.hc-tick[aria-current=true] .hc-bar{display:inline-block}.hc-tick:hover{color:var(--foreground)}.hc-next{background:var(--foreground);width:46px;height:46px;color:var(--background);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.hc-pop{z-index:4;box-sizing:border-box;border:1.5px solid var(--foreground);background:var(--background);width:max-content;max-width:min(17rem,100% - 1.5rem);color:var(--foreground);border-radius:.625rem;padding:.875rem 1rem 1rem;transition:opacity .16s,translate .16s;position:absolute;top:0;left:0;box-shadow:0 10px 30px -12px #1c1c1c59}.hc-pop[hidden]{display:none}@starting-style{.hc-pop{opacity:0;translate:0 6px}.hc-pop[data-side=below]{translate:0 -6px}}.hc-pop-number{font-variant-numeric:tabular-nums;letter-spacing:.12em;color:var(--muted-foreground);margin:0;font-size:.6875rem;font-weight:600}.hc-pop-name{letter-spacing:-.01em;margin:.125rem 0 0;font-size:1rem;font-weight:800;line-height:1.2}.hc-pop-count{color:var(--muted-foreground);white-space:nowrap;margin:.125rem 0 0;font-size:.8125rem}.hc-pop-link{background:var(--foreground);min-height:2.25rem;color:var(--background);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;margin-top:.75rem;padding:0 .875rem;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.hc-pop-link:hover{background:color-mix(in srgb, var(--foreground) 85%, var(--background))}.hc-pop-arrow{left:var(--hc-pop-arrow,50%);background:var(--background);border:1.5px solid var(--foreground);width:10px;height:10px;margin-left:-5px;position:absolute;rotate:45deg}.hc-pop[data-side=above] .hc-pop-arrow{border-top:0;border-left:0;bottom:-6.5px}.hc-pop[data-side=below] .hc-pop-arrow{border-bottom:0;border-right:0;top:-6.5px}.hc-slab{z-index:2;right:12%;bottom:calc(-1 * var(--hc-slab-drop));width:24%;min-width:220px;height:var(--hc-slab-h);box-sizing:border-box;color:#1c1c1c;letter-spacing:-.01em;background:#f5d565;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:1.375rem;font-size:1.25rem;font-weight:800;line-height:1.15;text-decoration:none;transition:transform .2s;display:flex;position:absolute}.hc-slab:hover{transform:translateY(-3px)}.hc-slab-line{justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex}.hc-slab>span:first-child{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.hc-tick:focus-visible,.hc-next:focus-visible,.hc-pop-link:focus-visible,.hc-slab:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}@media (width>=821px){.hc-after{min-height:170px;padding-right:calc(max(36vw,12vw + 220px) + 2rem + -1*max(0px,50vw - 36rem))}}@media (width<=820px){.hc{flex-direction:column;min-height:0;display:flex}.hc-inner{box-sizing:border-box;order:1;width:100%;min-height:0}.hc-copy{padding-block:1rem .5rem}.hc-stage{order:2;height:380px;position:relative}.hc-stage canvas,.hc-still{-webkit-mask-image:linear-gradient(#0000 0%,#000 15% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 15% 78%,#0000 100%)}.hc-still{object-position:50% 50%}.hc-index{order:3;padding-inline:1.5rem;position:relative;bottom:auto;left:auto;right:auto}.hc-index li:has(>.hc-tick[aria-current=false]){display:none}.hc-slab{order:4;width:auto;min-width:0;height:120px;margin:1rem 1.5rem 0;position:relative;bottom:auto;right:auto}}@media (prefers-reduced-motion:reduce){.hc-stage canvas,.hc-pop,.hc-slab{transition:none}}
