.pitch-hero{--sig:#ff2451;--sig-050:color-mix(in srgb, var(--sig) 12%, #fff);--sig-100:color-mix(in srgb, var(--sig) 34%, #fff);--sig-200:color-mix(in srgb, var(--sig) 60%, #fff);--sig-300:color-mix(in srgb, var(--sig) 82%, #fff);--sig-500:var(--sig);--sig-600:color-mix(in srgb, var(--sig) 80%, #000);--sig-700:color-mix(in srgb, var(--sig) 60%, #000);--sig-800:color-mix(in srgb, var(--sig) 44%, #000);--sig-950:color-mix(in srgb, var(--sig) 12%, #000);--ink:color-mix(in srgb, var(--sig) 4%, #000);--bg-top:#06090c;--bg-bot:#01131b;--field-bg:var(--bg-bot);--fade-y:linear-gradient(#000 48%, transparent 100%);--fade-x:linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);--glow-core:var(--sig-300);--glow:var(--sig);--glow-deep:var(--sig-700);--field-line:color-mix(in srgb, var(--sig) 20%, transparent);--marking-line:color-mix(in srgb, var(--sig) 50%, transparent);--zone-line:color-mix(in srgb, var(--sig) 60%, transparent);--zone-num:color-mix(in srgb, var(--sig-100) 60%, transparent);--persp:1600px;--rx:12deg;--ry:-40deg;--rz:1.5deg;--scale:1.02;--ob-sx:.62;--ob-sk:-9deg;--logo-x:42%;--logo-size:116.16%;--logo-opacity:.25;--dust-opacity:.6;--glow-x:55%;--glow-y:52%;--backlight-opacity:.85;width:100%;max-width:var(--pitch-max-width,2000px);aspect-ratio:var(--pitch-ar,2000 / 800);border-radius:var(--pitch-radius,0);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bot) 100%);margin-inline:auto;position:relative;overflow:hidden}.pitch-hero *{box-sizing:border-box}.pitch-hero.pitch-hero--fill{aspect-ratio:auto;z-index:0;border-radius:inherit;width:100%;max-width:none;height:100%;margin-inline:0;position:absolute;inset:0}.pitch-hero .crest{z-index:1;pointer-events:none;top:50%;left:var(--logo-x);height:var(--logo-size);aspect-ratio:1;background:var(--crest-url) center / contain no-repeat;filter:grayscale()brightness(.35);opacity:var(--logo-opacity);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 55%), var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 55%), var(--fade-x), var(--fade-y);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 55%), var(--fade-x), var(--fade-y);mask-image:linear-gradient(to right, transparent 0%, #000 55%), var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in, xor;position:absolute;transform:translate(-50%,-50%);-webkit-mask-composite:source-in;mask-composite:intersect}.pitch-hero .backlight{z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(42% 48% at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--sig-300) 50%, transparent), color-mix(in srgb, var(--sig-600) 16%, transparent) 45%, transparent 72%);opacity:var(--backlight-opacity);position:absolute;inset:0}.pitch-hero .dust{z-index:2;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;opacity:var(--dust-opacity);-webkit-mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade-x), var(--fade-y);mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in, xor;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.pitch-hero .fx{z-index:4;pointer-events:none;width:100%;height:100%;-webkit-mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade-x), var(--fade-y);mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in, xor;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.pitch-hero .streaks{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.pitch-hero .stage{z-index:3;pointer-events:none;perspective:var(--persp);perspective-origin:50% 42%;-webkit-mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade-x), var(--fade-y);mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in, xor;place-items:center;display:grid;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect;container-type:size}.pitch-hero .pitch{aspect-ratio:7/5;height:82cqh;transform:translateX(20cqw) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--scale));transform-style:preserve-3d;animation:6.5s ease-in-out infinite ph-breathe}.pitch-hero[data-parallel=true] .pitch{transform:translateX(20cqw) scaleX(var(--ob-sx)) skewY(var(--ob-sk))}@keyframes ph-breathe{0%,to{filter:drop-shadow(0 0 30px color-mix(in srgb, var(--sig) 40%, transparent)) drop-shadow(0 0 84px color-mix(in srgb, var(--sig) 18%, transparent))}50%{filter:drop-shadow(0 0 42px color-mix(in srgb, var(--sig) 60%, transparent)) drop-shadow(0 0 120px color-mix(in srgb, var(--sig) 30%, transparent))}}.pitch-hero .pitch svg{width:100%;height:100%;display:block;overflow:visible}.pitch-hero[data-zones=false] .zone-lines,.pitch-hero[data-numbers=false] .zone-nums{display:none}.pitch-hero .zone-cell{fill:var(--glow);opacity:0}.pitch-hero[data-sweep=true] .zone-cell{animation:7.56s ease-in-out infinite ph-zoneSweep;animation-delay:calc(var(--sweep-delay,0s) + var(--d) * .22s)}@keyframes ph-zoneSweep{0%{opacity:0}4.44%{opacity:.28}11.11%{opacity:0}to{opacity:0}}.pitch-hero .controls{z-index:6;letter-spacing:.03em;flex-wrap:wrap;gap:8px;font:600 13px/1 ui-monospace,Menlo,Consolas,monospace;display:flex;position:absolute;bottom:20px;left:20px}.pitch-hero .controls .ctrl{font:inherit;cursor:pointer;color:var(--sig-100);-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--sig-950) 55%, transparent);border:1px solid color-mix(in srgb, var(--sig) 35%, transparent);-webkit-backdrop-filter:blur(8px);text-transform:uppercase;border-radius:999px;padding:9px 14px;transition:all .18s}.pitch-hero .controls .ctrl:hover{border-color:color-mix(in srgb, var(--sig) 70%, transparent);color:var(--sig-050)}.pitch-hero .controls .ctrl.is-active{color:#fff;border-color:var(--glow-core);background:color-mix(in srgb, var(--sig) 28%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--sig) 45%, transparent)}@keyframes ph-revealFade{0%{opacity:0}to{opacity:var(--o,1)}}@keyframes ph-drawLine{0%{stroke-dashoffset:4293px}to{stroke-dashoffset:0}}@keyframes ph-buildLine{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.pitch-hero.is-armed .crest,.pitch-hero.is-armed .backlight,.pitch-hero.is-armed .dust,.pitch-hero.is-armed .streaks,.pitch-hero.is-armed .stage,.pitch-hero.is-armed .fx{opacity:0}.pitch-hero.is-intro .build-line{stroke-dasharray:1;animation:.35s ease-out both ph-buildLine;animation-delay:calc(.22s + var(--dl,0) * .44s)}.pitch-hero.is-intro .backlight{--o:var(--backlight-opacity);animation:.31s both ph-revealFade}.pitch-hero.is-intro .stage{animation:.25s 40ms both ph-revealFade}.pitch-hero.is-intro .ol-draw{stroke-dasharray:4293;animation:.56s cubic-bezier(.6,0,.2,1) 60ms both ph-drawLine}.pitch-hero.is-intro .trail{animation:.25s .63s both ph-revealFade}.pitch-hero.is-intro .laser{--o:.6;animation:.25s .69s both ph-revealFade}.pitch-hero.is-intro .crest{--o:var(--logo-opacity);animation:.5s .38s both ph-revealFade}.pitch-hero.is-intro .dust{--o:var(--dust-opacity);animation:.38s .56s both ph-revealFade}.pitch-hero.is-intro .fx{animation:.44s .63s both ph-revealFade}.pitch-hero.is-intro .streaks{--o:.85;animation:.5s .69s both ph-revealFade}@media (prefers-reduced-motion:reduce){.pitch-hero .pitch,.pitch-hero[data-sweep=true] .zone-cell{animation:none}.pitch-hero[data-sweep=true] .zone-cell{opacity:.14}}