.logo-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-950:color-mix(in srgb, var(--sig) 12%, #000);--bg-top:#06090c;--bg-bot:#01131b;--crest-opacity:.95;--watermark-opacity:.22;--dust-opacity:.6;--glow-x:65%;--glow-y:50%;--backlight-opacity:.9;--fade-y:linear-gradient(#000 48%, transparent 100%);--fade-x:linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);width:100%;max-width:var(--logo-hero-max-width,2000px);aspect-ratio:var(--logo-hero-ar,2000 / 800);border-radius:var(--logo-hero-radius,0);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bot) 100%);margin-inline:auto;position:relative;overflow:hidden;container-type:size}.logo-hero *{box-sizing:border-box}.logo-hero.logo-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}.logo-hero .frame{left:var(--frame-x,65cqw);top:var(--frame-y,50cqh);height:var(--frame-h,100cqh);aspect-ratio:2000/800;pointer-events:none;position:absolute;transform:translate(-65%,-50%)}@container (max-aspect-ratio:1){.logo-hero .frame{--frame-x:50cqw;--frame-y:42cqh;--frame-h:76cqh}}.logo-hero .crest-stack{z-index:2;pointer-events:none;-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}.logo-hero .crest-bg{pointer-events:none;aspect-ratio:1;background:var(--crest-url) center / contain no-repeat;filter:grayscale()brightness(.4);height:120%;opacity:var(--watermark-opacity);position:absolute;top:50%;left:43%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 55%);mask-image:linear-gradient(90deg,#0000 0%,#000 55%)}.logo-hero .backlight{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(46% 96% at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--sig-300) 42%, transparent), color-mix(in srgb, var(--sig-600) 16%, transparent) 45%, transparent 72%);opacity:var(--backlight-opacity);position:absolute;inset:0}.logo-hero .crest{pointer-events:none;aspect-ratio:1;background:var(--crest-url) center / contain no-repeat;height:87.75%;filter:drop-shadow(0 0 26px color-mix(in srgb, var(--sig) 45%, transparent)) drop-shadow(0 0 80px color-mix(in srgb, var(--sig) 22%, transparent));opacity:var(--crest-opacity);position:absolute;top:50%;left:65%;transform:translate(-50%,-50%)}.logo-hero .scene{z-index:3;pointer-events:none;-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}.logo-hero .scene svg{width:100%;height:100%;display:block;overflow:visible}.logo-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}.logo-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}.logo-hero .controls .ctrl{font:inherit;cursor:pointer;color:var(--sig-100);-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--bg-bot) 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}.logo-hero .controls .ctrl:hover{border-color:color-mix(in srgb, var(--sig) 70%, transparent);color:var(--sig-050)}.logo-hero .controls .ctrl.is-active{color:#fff;border-color:var(--sig-300);background:color-mix(in srgb, var(--sig) 28%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--sig) 45%, transparent)}@keyframes lh-revealFade{0%{opacity:0}to{opacity:var(--o,1)}}@keyframes lh-drawRing{0%{stroke-dashoffset:var(--ring-len,1607)}to{stroke-dashoffset:0}}@keyframes lh-crestIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:var(--crest-opacity);transform:translate(-50%,-50%)scale(1)}}.logo-hero.is-armed .crest-bg,.logo-hero.is-armed .backlight,.logo-hero.is-armed .crest,.logo-hero.is-armed .scene,.logo-hero.is-armed .fx{opacity:0}.logo-hero.is-intro .backlight{--o:var(--backlight-opacity);animation:.31s both lh-revealFade}.logo-hero.is-intro .ring-draw{stroke-dasharray:var(--ring-len,1607);animation:.6s cubic-bezier(.6,0,.2,1) 60ms both lh-drawRing}.logo-hero.is-intro .tick-dot{--o:1;animation:.3s both lh-revealFade;animation-delay:calc(.2s + var(--dl,0) * .5s)}.logo-hero.is-intro .rings2{--o:1;animation:.4s .35s both lh-revealFade}.logo-hero.is-intro .crest-bg{--o:var(--watermark-opacity);animation:.5s .25s both lh-revealFade}.logo-hero.is-intro .crest{animation:.5s cubic-bezier(.2,.8,.2,1) .38s both lh-crestIn}.logo-hero.is-intro .trail{animation:.25s .63s both lh-revealFade}.logo-hero.is-intro .laser{--o:.6;animation:.25s .69s both lh-revealFade}.logo-hero.is-intro .fx{animation:.44s .63s both lh-revealFade}.logo-hero.is-intro .rays{--o:1;animation:.5s .69s both lh-revealFade}@media (prefers-reduced-motion:reduce){.logo-hero.is-intro *{animation:none!important}}