.sk{transform:skewX(calc(var(--slant,10deg) * -1))}.sk>.un{transform:skewX(var(--slant,10deg));display:block}.vs{--vs-h:42rem;isolation:isolate;background:var(--color-ink);position:relative;overflow:hidden;container-type:inline-size}.vs-half{z-index:-2;animation:.72s cubic-bezier(.16,.84,.3,1) both vs-slide;position:absolute;inset:0}.vs-p1{--tone:var(--color-p1);background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 38%, var(--color-ink)), color-mix(in srgb, var(--tone) 66%, var(--color-ink)));--from:-100%}.vs-p2{--tone:var(--color-p2);background:linear-gradient(270deg, color-mix(in srgb, var(--tone) 38%, var(--color-ink)), color-mix(in srgb, var(--tone) 62%, var(--color-ink)));--from:100%}.vs-half:before,.vs-half:after{content:"";pointer-events:none;position:absolute;inset:0}.vs-half:before{background:repeating-linear-gradient(calc(90deg + var(--slant,10deg)), color-mix(in srgb, var(--tone) 55%, transparent) 0 2px, transparent 2px 22px);opacity:.45}.vs-half:after{background:radial-gradient(circle, color-mix(in srgb, var(--color-foreground,#fff) 40%, transparent) 1.4px, transparent 1.8px) 0 0 / 14px 14px;opacity:.35}.vs-p1:before{-webkit-mask-image:linear-gradient(90deg,#000 10%,#0000 80%);mask-image:linear-gradient(90deg,#000 10%,#0000 80%)}.vs-p2:before{-webkit-mask-image:linear-gradient(270deg,#000 10%,#0000 80%);mask-image:linear-gradient(270deg,#000 10%,#0000 80%)}.vs-p1:after{-webkit-mask-image:radial-gradient(55% 75% at 0 100%,#000,#0000 70%);mask-image:radial-gradient(55% 75% at 0 100%,#000,#0000 70%)}.vs-p2:after{-webkit-mask-image:radial-gradient(55% 75% at 100% 0,#000,#0000 70%);mask-image:radial-gradient(55% 75% at 100% 0,#000,#0000 70%)}@keyframes vs-slide{0%{transform:translateX(var(--from))}}.vs-p1{clip-path:polygon(0 0, 100% 0, 100% calc(50% - 50cqw * tan(var(--slant,10deg))), 0 calc(50% + 50cqw * tan(var(--slant,10deg))))}.vs-p2{clip-path:polygon(0 calc(50% + 50cqw * tan(var(--slant,10deg))), 100% calc(50% - 50cqw * tan(var(--slant,10deg))), 100% 100%, 0 100%)}.vs-seam{z-index:-1;background:var(--color-foreground);height:4px;transform:rotate(calc(var(--slant,10deg) * -1));margin-top:-2px;animation:.42s ease-out .52s both vs-seam;position:absolute;top:50%;left:-10%;right:-10%}@keyframes vs-seam{0%{clip-path:inset(0 50%)}}@media (min-width:48rem){.vs{min-height:var(--vs-h)}.vs-p1{clip-path:polygon(0 0, calc(50% + var(--vs-h) * tan(var(--slant,10deg)) / 2) 0, calc(50% - var(--vs-h) * tan(var(--slant,10deg)) / 2) 100%, 0 100%)}.vs-p2{clip-path:polygon(calc(50% + var(--vs-h) * tan(var(--slant,10deg)) / 2) 0, 100% 0, 100% 100%, calc(50% - var(--vs-h) * tan(var(--slant,10deg)) / 2) 100%)}.vs-seam{width:4px;height:auto;transform:skewX(calc(var(--slant,10deg) * -1));margin:0 0 0 -2px;animation-name:vs-seam-v;inset:-5% auto -5% 50%}@keyframes vs-seam-v{0%{clip-path:inset(50% 0)}}}.hud-fill{transform-origin:var(--origin,left);animation:.9s cubic-bezier(.2,.8,.2,1) .52s both hud-fill}@keyframes hud-fill{0%{transform:scaleX(0)}}.hud-gaps{background:repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 3px), var(--color-ink) calc(12.5% - 3px) 12.5%)}.gcell{--h:19rem;--b:3px;--cut:calc(var(--h) * tan(var(--slant,10deg)));--cut-in:calc((var(--h) - 2 * var(--b)) * tan(var(--slant,10deg)));height:var(--h);padding:var(--b);background:linear-gradient(90deg, var(--color-p1), var(--color-p2));clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);outline:none;transition:background-color .12s;display:block;position:relative}a.gcell:hover,a.gcell:focus-visible,.gcell[data-soon]:focus-visible{background:var(--color-gold)}.gcell-in{background:color-mix(in srgb, var(--color-surface) 90%, var(--color-ink));height:100%;clip-path:polygon(var(--cut-in) 0, 100% 0, calc(100% - var(--cut-in)) 100%, 0 100%);position:relative;overflow:hidden}.motif{pointer-events:none;position:absolute;inset:0}.motif:before,.motif:after{content:"";position:absolute;inset:0}.motif-a:before{background:repeating-linear-gradient(calc(90deg + var(--slant,10deg)), color-mix(in srgb, var(--color-p1) 70%, transparent) 0 2px, transparent 2px 15px);opacity:.8;-webkit-mask-image:linear-gradient(90deg,#000,#0000 62%);mask-image:linear-gradient(90deg,#000,#0000 62%)}.motif-a:after{background:repeating-linear-gradient(calc(90deg + var(--slant,10deg)), color-mix(in srgb, var(--color-p2) 70%, transparent) 0 2px, transparent 2px 15px);opacity:.8;-webkit-mask-image:linear-gradient(270deg,#000,#0000 62%);mask-image:linear-gradient(270deg,#000,#0000 62%)}.motif-b:before{background:radial-gradient(circle, var(--color-p1) 1.6px, transparent 2.2px) 0 0 / 11px 11px;opacity:.85;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000,#0000 62%);mask-image:radial-gradient(circle at 100% 100%,#000,#0000 62%)}.motif-b:after{background:radial-gradient(circle, var(--color-p2) 1.6px, transparent 2.2px) 5px 5px / 11px 11px;opacity:.85;-webkit-mask-image:radial-gradient(circle at 0 0,#000,#0000 55%);mask-image:radial-gradient(circle at 0 0,#000,#0000 55%)}.motif-c:before{background:repeating-conic-gradient(from 0deg at 100% 100%, color-mix(in srgb, var(--color-p1) 70%, transparent) 0 3deg, transparent 3deg 9deg);opacity:.75;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000,#0000 70%);mask-image:radial-gradient(circle at 100% 100%,#000,#0000 70%)}.motif-c:after{background:repeating-conic-gradient(from 180deg at 0% 0%, color-mix(in srgb, var(--color-p2) 70%, transparent) 0 3deg, transparent 3deg 9deg);opacity:.75;-webkit-mask-image:radial-gradient(circle at 0 0,#000,#0000 70%);mask-image:radial-gradient(circle at 0 0,#000,#0000 70%)}.gcell .tip{opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;transform:translateY(4px)}.gcell:hover .tip,.gcell:focus-visible .tip,.gcell:focus .tip{opacity:1;transform:none}