.technicolor-intro{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;isolation:isolate}.intro-curtain{position:absolute;inset:0;animation-duration:1.1s;animation-timing-function:cubic-bezier(.65,0,.2,1);animation-fill-mode:both;animation-delay:var(--delay,.98s)}.intro-left{clip-path:polygon(0 0,calc(50% + min(20vw,28svh) + 1px) 0,calc(50% - min(20vw,28svh) + 1px) 100%,0 100%);animation-name:intro-open-left}.intro-right{clip-path:polygon(calc(50% + min(20vw,28svh)) 0,100% 0,100% 100%,calc(50% - min(20vw,28svh)) 100%);animation-name:intro-open-right}.intro-band{background:linear-gradient(118deg,#ffffff0a,transparent 40%,#22150e24),var(--band-color)}.intro-face,.intro-cover{background:var(--paper)}.intro-cover{position:absolute;inset:0;animation:intro-uncover 1ms step-end .98s both}.intro-face:before,.intro-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 48% 48%,#e9997809,transparent 54%)}.intro-grain{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E");animation:intro-grain-out .6s ease-out 1.2s both}.intro-logo-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-5);animation:intro-arrive .9s cubic-bezier(.22,1,.36,1) both}.intro-logo{display:block;flex:none;width:min(54.6vw,364px,calc((100svh - 170px)*.9681));height:auto;overflow:visible}.intro-caption{flex:none;max-width:min(88vw,540px);margin:0;text-align:center;text-wrap:balance;color:var(--muted);font:400 var(--text-4)/1.55 Arial,Helvetica,sans-serif;letter-spacing:.045em;animation:intro-caption 1s ease-out both}.intro-replay{position:fixed;right:18px;bottom:18px;z-index:40;border:1px solid #edc4a66b;border-radius:30px;padding:var(--space-3) var(--space-4);background:#201c18;color:#f5dfc7;font:var(--text-2)/1.3 var(--sans);cursor:pointer;box-shadow:0 4px 25px #0003;transition:transform .15s ease-out}.intro-replay:active{transform:scale(.97)}@keyframes intro-arrive{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-uncover{0%{visibility:visible}to{visibility:hidden}}@keyframes intro-open-left{to{transform:translate3d(-104%,-5%,0)}}@keyframes intro-open-right{to{transform:translate3d(104%,5%,0)}}@keyframes intro-caption{0%,15%{opacity:0}45%,72%{opacity:1}to{opacity:0}}@keyframes intro-grain-out{to{opacity:0}}@media(max-height:500px){.intro-logo-wrap{gap:var(--space-4);padding:var(--space-4)}.intro-logo{width:min(33.6vw,calc((100svh - 110px)*.9681))}.intro-caption{font-size:var(--text-3)}}.intro-color-wash{position:fixed;inset:-15%;z-index:999;pointer-events:none;background:linear-gradient(118deg,transparent 14%,#b967582e 30%,#e9997838 41%,#dfb87824 50%,#7fa69c2b 61%,#9b899d25 70%,transparent 86%);mix-blend-mode:screen;opacity:0;animation:intro-color-exposure 1.8s cubic-bezier(.32,.72,0,1) 1.3s both}:root[data-theme=light] .intro-color-wash{mix-blend-mode:multiply}@keyframes intro-color-exposure{0%{opacity:0;transform:translate(-12%)}30%{opacity:.55}65%{opacity:.25}to{opacity:0;transform:translate(12%)}}@media(prefers-reduced-motion:reduce){.technicolor-intro,.intro-color-wash{display:none}.intro-replay:active{transform:none}}.intro-caption span{display:inline-block}