@property --rr-size{syntax:"<percentage>";inherits:true;initial-value:0%}rr-intro-logo{aspect-ratio:7/4;--rr-scale:1;--rr-ease:cubic-bezier(0, 0, .58, 1);display:block;position:relative}rr-intro-logo[data-stage="0"]{--rr-scale:calc(1.2 * var(--rr-zoom,1))}rr-intro-logo[data-stage="1"],rr-intro-logo[data-stage="2"]{--rr-scale:calc(.8 * var(--rr-zoom,1));--rr-ease:linear(0, -.005 4.2%, -.017 8.3%, -.032 12.5%, -.045 16.7%, -.05 20.8%, -.044 25%, -.021 29.2%, .022 33.3%, .091 37.5%, .191 41.7%, .326 45.8%, .5 50%, .719 54.2%, .843 58.3%, .912 62.5%, .95 66.7%, .972 70.8%, .984 75%, .991 79.2%, .995 83.3%, .997 87.5%, .998 91.7%, .999 95.8%, 1)}@media (width<768px){rr-intro-logo[data-stage="1"],rr-intro-logo[data-stage="2"]{--rr-scale:calc(.5 * var(--rr-zoom,1))}}rr-intro-logo[data-playing]{z-index:60}rr-intro-logo[data-instant],rr-intro-logo[data-instant] *{transition:none!important}.rr-intro-stage{z-index:1;pointer-events:none;transform:translate(var(--rr-fly-x,0px), var(--rr-fly-y,0px)) scale(var(--rr-scale));transition:transform .7s var(--rr-ease);--rr-block:28.5714cqw;--rr-border:1.2cqw;position:absolute;inset:0;container-type:inline-size}.rr-intro-blueprint{z-index:10;grid-template-columns:var(--rr-block) 1fr var(--rr-block);opacity:0;grid-template-rows:1fr 1fr;transition:opacity .5s ease-out;animation:.1s backwards rr-fade-in;display:grid;position:absolute;inset:0}rr-intro-logo[data-stage="0"] .rr-intro-blueprint{opacity:1}rr-intro-logo[data-stage="3"] .rr-intro-blueprint{display:none}.rr-intro-border{z-index:10;height:var(--rr-border);width:225%;transform-origin:calc(var(--rr-block) / 2) center;animation:rr-border-in .25s ease-out var(--rr-delay,0s) both;position:absolute}.rr-intro-border:before,.rr-intro-border:after{content:"";width:var(--rr-size);background:linear-gradient(to right, transparent 0%, red calc(var(--rr-size) * .5), transparent var(--rr-size));animation:.7s ease-in-out .7s infinite alternate rr-border-breathe;position:absolute;top:0;left:0}.rr-intro-border:before{opacity:.3;height:100%}.rr-intro-border:after{height:1px;margin-block:auto;bottom:0}.rr-intro-border[data-b="1"]{transform-origin:50%;width:300%;transform:translate(calc(var(--rr-block) * -1), calc(var(--rr-block) / 2 - 50%)) rotate(-45deg);grid-area:1/1/2/2}.rr-intro-border[data-b="2"]{width:calc(100% + var(--rr-block));transform:translate(calc(var(--rr-block) / -2), -50%);grid-area:1/2/2/3}.rr-intro-border[data-b="3"]{transform:translate(calc(var(--rr-block) / -2), -50%) rotate(90deg);grid-area:1/3/2/4}.rr-intro-border[data-b="4"]{transform:translate(calc(var(--rr-block) / -2), -50%);grid-area:2/3/3/4}.rr-intro-border[data-b="5"]{transform:translate(calc(var(--rr-block) / 2), -50%) rotate(90deg);grid-area:2/3/3/4}.rr-intro-border[data-b="6"]{transform:translate(calc(var(--rr-block) / -2), -50%);grid-area:3/3/4/4}.rr-intro-border[data-b="7"]{transform:translate(calc(var(--rr-block) / -2), -50%) rotate(90deg);grid-area:2/3/3/4}.rr-intro-border[data-b="8"]{width:calc(100% + var(--rr-block));transform:translate(calc(var(--rr-block) / -2), -50%);grid-area:2/2/3/3}.rr-intro-border[data-b="9"]{transform:translate(calc(var(--rr-block) / 2), -50%) rotate(90deg);grid-area:2/1/3/2}.rr-intro-border[data-b="10"]{transform:translate(calc(var(--rr-block) / -2), -50%);grid-area:3/1/4/2}.rr-intro-border[data-b="11"]{transform:translate(calc(var(--rr-block) / -2), -50%) rotate(90deg);grid-area:2/1/3/2}.rr-intro-dash-h{background:repeating-linear-gradient(90deg,#4446 0 4px,#0000 4px 8px);width:200%;height:1px;transform:translate(-25%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#fff 30% 70%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#fff 30% 70%,#0000 100%)}.rr-intro-dash-h[data-l="1"]{grid-area:1/1/2/-1}.rr-intro-dash-h[data-l="2"]{grid-area:2/1/3/-1}.rr-intro-dash-h[data-l="3"]{grid-area:3/1/4/-1}.rr-intro-dash-v{background:repeating-linear-gradient(#4446 0 4px,#0000 4px 8px);width:1px;height:300%;transform:translate(-50%,-25%);-webkit-mask-image:linear-gradient(#0000 0%,#fff 30% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#fff 30% 70%,#0000 100%)}.rr-intro-dash-v[data-l="4"]{grid-area:1/1/-1/2}.rr-intro-dash-v[data-l="5"]{grid-area:1/2/-1/3}.rr-intro-dash-v[data-l="6"]{grid-area:1/3/-1/4}.rr-intro-dash-v[data-l="7"]{grid-area:1/4/-1/5}.rr-intro-texts{--rr-offset-x:38cqw;--rr-offset-y:26cqw;top:calc(var(--rr-offset-y) * -1);left:calc(var(--rr-offset-x) * -1);width:calc(100% + var(--rr-offset-x) * 2);height:calc(100% + var(--rr-offset-y) * 2);grid-template-columns:var(--rr-offset-x) var(--rr-block) 1fr var(--rr-block) var(--rr-offset-x);grid-template-rows:var(--rr-offset-y) 1fr 1fr var(--rr-offset-y);display:grid;position:absolute;-webkit-mask-image:radial-gradient(70% 45%,#fff 0%,#0000 140%);mask-image:radial-gradient(70% 45%,#fff 0%,#0000 140%)}.rr-intro-text{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;text-align:left;mix-blend-mode:color-dodge;font-size:2.28cqw;line-height:3.1cqw}@media (width<768px){.rr-intro-text.rr-intro-wide{display:none}}.rr-intro-block{color:#d1d1d180;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.rr-intro-block[data-t="1"]{grid-area:1/1/2/2;top:25%}.rr-intro-block[data-t="2"]{grid-area:1/2/2/3;align-items:flex-end;gap:10%;padding-right:10%}.rr-intro-block[data-t="3"]{grid-area:1/3/2/4;gap:2.4cqw;width:fit-content;margin:12.5% auto}.rr-intro-block[data-t="4"]{grid-area:1/4/2/5;gap:30%;width:fit-content;margin-left:25%}.rr-intro-block[data-t="5"]{grid-area:1/5/2/6;justify-content:center;align-items:center;padding:10%}.rr-intro-block[data-t="6"],.rr-intro-block[data-t="7"]{grid-row:3/4;justify-content:flex-end;transform:translate(-10%,25%)}:is(.rr-intro-block[data-t="6"],.rr-intro-block[data-t="7"]) .rr-intro-text{color:#a33b46}:is(.rr-intro-block[data-t="6"],.rr-intro-block[data-t="7"]) .rr-intro-text:nth-child(2){color:#eb6472}.rr-intro-block[data-t="6"]{grid-column:4/5;align-items:center;gap:2.4cqw}.rr-intro-block[data-t="7"]{grid-column:2/3;align-items:flex-end;gap:6cqw}.rr-intro-block[data-t="8"]{grid-area:4/1/5/2;justify-content:flex-end;align-items:center}.rr-intro-block[data-t="9"]{grid-area:4/2/5/3;justify-content:flex-end;align-items:flex-end;padding-right:10%}.rr-intro-block[data-t="10"]{grid-area:4/3/5/4;justify-content:flex-end;align-items:flex-start;padding-left:15%}.rr-intro-block[data-t="11"]{grid-area:4/4/5/5;justify-content:flex-end;align-items:center;transform:translate(-10%)}.rr-intro-glass,.rr-intro-final{z-index:2;opacity:0;position:absolute;inset:0}:is(.rr-intro-glass,.rr-intro-final) svg{width:100%;height:100%;display:block;overflow:visible}.rr-intro-glass{transition:opacity .5s}rr-intro-logo[data-stage="0"] .rr-intro-glass{animation:.5s 1.3s both rr-fade-in}rr-intro-logo[data-stage="1"] .rr-intro-glass{opacity:1}.rr-intro-solid{opacity:0;clip-path:polygon(0% 0%, var(--rr-block) 0%, calc(100% - var(--rr-block)) 0%, calc(100% - var(--rr-block)) 50%, 100% 50%, 100% 100%, calc(100% - var(--rr-block)) 100%, calc(100% - var(--rr-block)) 50%, var(--rr-block) 50%, var(--rr-block) 100%, 0% 100%, 0% 50%, var(--rr-block) 0%);background-color:#e51a2f;transition:opacity .1s ease-out;position:absolute;inset:0}rr-intro-logo[data-stage="2"] .rr-intro-solid{opacity:1;transition-duration:.5s}.rr-intro-final{transition:opacity .5s}rr-intro-logo[data-stage="3"] .rr-intro-final{opacity:1}.rr-intro-backdrop{z-index:0;background-color:var(--color-ink-950,#090909);transition:opacity .5s;animation:.5s backwards rr-fade-in;position:fixed;inset:0;overflow:hidden}rr-intro-logo:not([data-stage="0"]) .rr-intro-backdrop{opacity:0;pointer-events:none}.rr-intro-dots{-webkit-mask-image:radial-gradient(circle at var(--rr-mx,50%) var(--rr-my,50%), #fff6 0, #fff6 20px, #ffffff26 200px);mask-image:radial-gradient(circle at var(--rr-mx,50%) var(--rr-my,50%), #fff6 0, #fff6 20px, #ffffff26 200px);mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><circle cx=\"6\" cy=\"6\" r=\"0.5\" fill=\"rgb(230,230,230)\"/></svg>");background-size:12px 12px;position:absolute;inset:0}.rr-intro-light{filter:blur(200px);background-color:#c11426;border-radius:50%;animation:.3s ease-out backwards rr-light-in;position:absolute;inset:0;transform:translateY(70%)}@media (width<768px){.rr-intro-light{display:none}}@keyframes rr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rr-border-in{0%{--rr-size:0%}to{--rr-size:100%}}@keyframes rr-border-breathe{0%{width:var(--rr-size)}to{width:calc(var(--rr-size) * .8)}}@keyframes rr-light-in{0%{opacity:0;transform:translateY(100%)}}
