@layer reset,tokens,base,layout;@layer components{.ar-race{isolation:isolate;background:radial-gradient(26rem 16rem at 0% 0%, color-mix(in oklch, var(--tt-accent) 30%, transparent), transparent 70%), linear-gradient(160deg, var(--night-2), var(--night));min-height:15rem;clip-path:var(--tt-cut-path);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.ar-race:before{content:"";inset:0 0 auto var(--tt-cut);z-index:2;background:var(--tt-flow);height:2px;box-shadow:0 0 16px color-mix(in oklch, var(--tt-accent-2) 60%, transparent);position:absolute}.ar-race:after{--chq:color-mix(in oklch, var(--night-ink) 30%, transparent);content:"";inset:auto calc(var(--tt-cut) + 1px) 0 0;z-index:2;background:linear-gradient(90deg, var(--chq) 50%, transparent 50%) 0 0 / 8px 4px repeat-x, linear-gradient(90deg, transparent 50%, var(--chq) 50%) 0 4px / 8px 4px repeat-x;height:8px;position:absolute;-webkit-mask-image:linear-gradient(90deg,#000,#0000 50%);mask-image:linear-gradient(90deg,#000,#0000 50%)}.ar-race-copy{z-index:1;justify-items:start;gap:.6rem;padding:1.7rem .5rem 1.9rem 1.7rem;display:grid;position:relative}.ar-race-kicker{font:700 .7rem / 1 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--night-signal);align-items:center;gap:.45rem;margin:0;display:inline-flex}.ar-race-title{flex-wrap:wrap;align-items:flex-end;gap:.6rem .9rem;margin:.2rem 0 0;display:flex}.ar-race-clock{justify-items:start;gap:.35rem;display:grid}.ar-race-clock-value{font:800 clamp(2.6rem, 2.2rem + 1.2vw, 3.3rem) / .8 var(--tt-font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.015em;color:var(--night-ink);text-shadow:0 0 26px color-mix(in oklch, var(--tt-accent-2) 45%, transparent);transform-origin:0 100%;transform:skew(-9deg)}.ar-race-clock-unit{font:700 .58rem / 1 var(--tt-font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--night-dim)}.ar-race-names{border-left:1px solid color-mix(in oklch, var(--night-ink) 22%, transparent);flex:10rem;gap:.35rem;min-width:0;padding-left:.9rem;display:grid}.ar-race-brand{font:800 clamp(1.5rem, 1.15rem + 1.3vw, 2.2rem) / .95 var(--tt-font-display);text-transform:uppercase;color:var(--night-ink)}.ar-race-literal{font:600 .95rem / 1.3 var(--tt-font-ui);color:var(--night-dim);text-wrap:balance}.ar-race .ar-race-pitch{max-width:38ch;color:color-mix(in oklch, var(--night-ink) 88%, var(--night));margin:0;font-size:.98rem;line-height:1.55}.ar-race-spec{font:700 .64rem / 1.35 var(--tt-font-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--night-dim);flex-wrap:wrap;gap:.3rem 0;margin:0 0 0 -.6rem;padding:0;list-style:none;display:flex;overflow:hidden}.ar-race-spec li{background:linear-gradient(color-mix(in oklch, var(--night-ink) 26%, transparent), color-mix(in oklch, var(--night-ink) 26%, transparent)) 0 50% / 1px .9em no-repeat;margin-left:-1px;padding:0 .6rem 0 calc(.6rem + 1px)}.ar-race .ar-race-cta{font:700 .76rem / 1 var(--tt-font-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--tt-accent-contrast);background:var(--tt-flow);clip-path:var(--tt-cut-path-sm);align-items:center;gap:.75rem;margin-top:.4rem;padding:.4rem .4rem .4rem 1.15rem;text-decoration:none;display:inline-flex}.ar-race .ar-race-cta:focus-visible{outline:2px solid var(--tt-accent-contrast);outline-offset:-4px}.ar-race-go{background:color-mix(in oklch, var(--tt-accent-contrast) 16%, transparent);width:2.1rem;height:2.1rem;clip-path:var(--tt-cut-path-sm);place-items:center;display:grid}.ar-race-arrow{transition:translate var(--tt-dur-2) var(--tt-ease-out)}@media (hover:hover) and (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .ar-race-cta:hover .ar-race-arrow{translate:3px}}.ar-race-art{z-index:0;position:absolute;inset:0 0 0 34%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 38%);mask-image:linear-gradient(90deg,#0000,#000 38%)}.ar-race-art img{object-fit:cover;object-position:60% 50%;width:100%;height:100%}@media (forced-colors:active){.ar-race,.ar-race .ar-race-cta{border:1px solid canvastext}}@media (width<=40rem){.ar-race{grid-template-columns:minmax(0,1fr);align-items:start;padding-top:9.5rem}.ar-race-art{height:11rem;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.ar-race-art img{object-position:70% 40%}.ar-race-copy{padding:0 1.25rem 1.6rem}}}@layer utilities;