.site-intro{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000;color:#f4f0ea;overflow:hidden;opacity:1;transition:opacity .75s ease,visibility .75s ease}.site-intro.is-exiting{opacity:0;visibility:hidden;pointer-events:none}.site-intro-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 90% 60% at 50% 42%,#2a0a0a 0,#0a0505 48%,#000 100%);overflow:hidden}.site-intro-sweep{position:absolute;inset:-20%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(179,0,0,.08) 40deg,transparent 80deg,transparent 1turn);opacity:0}.site-intro.is-playing .site-intro-sweep{animation:site-intro-sweep 4.8s linear .4s both}.site-intro-scanlines{position:absolute;inset:0;opacity:.08;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.55) 0,rgba(0,0,0,.55) 4px);pointer-events:none}.site-intro-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(179,0,0,.45) 1px,transparent 0),linear-gradient(90deg,rgba(179,0,0,.45) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 45%,#000 20%,transparent 75%)}.site-intro-letterbox{position:absolute;left:0;right:0;height:clamp(40px,9vh,80px);background:#000;z-index:6;transform:scaleY(1);transform-origin:center;transition:transform .75s cubic-bezier(.4,0,.2,1)}.site-intro-letterbox--top{top:0}.site-intro-letterbox--bottom{bottom:0}.site-intro.is-exiting .site-intro-letterbox{transform:scaleY(0)}.site-intro-grain{position:absolute;inset:-10%;z-index:2;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;animation:site-intro-grain .32s steps(2) infinite;mix-blend-mode:overlay}.site-intro-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.72) 100%)}.site-intro-corner{position:absolute;z-index:5;width:28px;height:28px;border-color:rgba(179,0,0,.75);border-style:solid;opacity:0}.site-intro.is-playing .site-intro-corner{animation:site-intro-fade .6s ease .35s both}.site-intro-corner--tl{top:calc(clamp(40px, 9vh, 80px) + 18px);left:22px;border-width:2px 0 0 2px}.site-intro-corner--tr{top:calc(clamp(40px, 9vh, 80px) + 18px);right:22px;border-width:2px 2px 0 0}.site-intro-corner--bl{bottom:calc(clamp(40px, 9vh, 80px) + 18px);left:22px;border-width:0 0 2px 2px}.site-intro-corner--br{bottom:calc(clamp(40px, 9vh, 80px) + 18px);right:22px;border-width:0 2px 2px 0}.site-intro-stamp{position:absolute;z-index:5;font-family:var(--font-mono),monospace;font-size:clamp(14px,2.4vw,18px);font-weight:700;letter-spacing:.35em;color:rgba(179,0,0,.92);border:2px solid rgba(179,0,0,.85);padding:10px 18px;transform:rotate(-8deg) scale(1.15);opacity:0;text-shadow:0 0 18px rgba(179,0,0,.35)}.site-intro.beat-1.is-playing .site-intro-stamp{animation:site-intro-stamp .85s cubic-bezier(.2,1.4,.3,1) both}.site-intro.beat-2 .site-intro-stamp,.site-intro.beat-3 .site-intro-stamp{opacity:0;transition:opacity .3s ease}.site-intro-stage{position:relative;z-index:5;text-align:center;padding:0 28px;max-width:960px;opacity:0;transform:scale(.98)}.site-intro.beat-2 .site-intro-stage,.site-intro.beat-3 .site-intro-stage{animation:site-intro-stage-in .9s cubic-bezier(.22,1,.36,1) both}.site-intro-presents{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.48em;text-transform:uppercase;color:hsla(36,31%,94%,.5);margin:0 0 22px;opacity:0}.site-intro.beat-2 .site-intro-presents,.site-intro.beat-3 .site-intro-presents{animation:site-intro-rise .7s cubic-bezier(.22,1,.36,1) .1s both}.site-intro-rule{width:0;height:1px;margin:0 auto 26px;background:linear-gradient(90deg,transparent,#b30000,transparent);opacity:.9}.site-intro.beat-2 .site-intro-rule,.site-intro.beat-3 .site-intro-rule{animation:site-intro-rule .95s cubic-bezier(.22,1,.36,1) .25s both}.site-intro-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.6rem,8vw,5.2rem);line-height:1.02;letter-spacing:.06em;text-transform:uppercase;color:#f7f2ea;text-shadow:0 0 48px rgba(179,0,0,.28),0 2px 0 rgba(0,0,0,.4);opacity:0;transform:translateY(-52px) scale(1.05)}.site-intro-title>span>span{color:#b30000}.site-intro.beat-2 .site-intro-title,.site-intro.beat-3 .site-intro-title{animation:site-intro-title-drop 1.25s cubic-bezier(.22,1.25,.36,1) .4s both}.site-intro-tagline{margin:26px auto 0;max-width:36rem;font-family:var(--font-main),sans-serif;font-size:clamp(.88rem,1.7vw,1.08rem);line-height:1.55;letter-spacing:.02em;color:hsla(36,31%,94%,.64);opacity:0;transform:translateY(18px)}.site-intro.beat-2 .site-intro-tagline,.site-intro.beat-3 .site-intro-tagline{animation:site-intro-rise .9s cubic-bezier(.22,1,.36,1) 1.05s both}.site-intro-footer-meta{margin-top:36px;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-family:var(--font-mono),monospace;font-size:10px;letter-spacing:.28em;color:hsla(36,31%,94%,.38);opacity:0}.site-intro.beat-3 .site-intro-footer-meta{animation:site-intro-rise .7s ease .15s both}.site-intro-mark{margin-top:28px;display:flex;justify-content:center;opacity:0}.site-intro-mark span{display:block;width:9px;height:9px;border:1px solid #b30000;transform:rotate(45deg);box-shadow:0 0 14px rgba(179,0,0,.55)}.site-intro.beat-3 .site-intro-mark{animation:site-intro-pulse 1.2s ease .35s both}.site-intro-skip{position:absolute;right:22px;bottom:calc(clamp(40px, 9vh, 80px) + 16px);z-index:7;background:transparent;border:1px solid hsla(36,31%,94%,.22);color:hsla(36,31%,94%,.65);font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:8px 14px;cursor:pointer;opacity:0;transition:color .2s ease,border-color .2s ease,background .2s ease}.site-intro.is-playing .site-intro-skip{animation:site-intro-fade .5s ease 1.2s both}.site-intro-skip:hover{color:#fff;border-color:rgba(179,0,0,.75);background:rgba(179,0,0,.16)}@keyframes site-intro-fade{0%{opacity:0}to{opacity:1}}@keyframes site-intro-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes site-intro-rule{0%{width:0;opacity:0}to{width:min(300px,58vw);opacity:.9}}@keyframes site-intro-title-drop{0%{opacity:0;transform:translateY(-72px) scale(1.08);filter:blur(8px)}58%{opacity:1;filter:blur(0)}78%{transform:translateY(8px) scale(1)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes site-intro-stage-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes site-intro-stamp{0%{opacity:0;transform:rotate(-18deg) scale(1.6);filter:blur(4px)}55%{opacity:1;filter:blur(0);transform:rotate(-8deg) scale(1.05)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes site-intro-pulse{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes site-intro-sweep{0%{opacity:.7;transform:rotate(0deg)}to{opacity:.55;transform:rotate(1turn)}}@keyframes site-intro-grain{0%{transform:translate(0)}to{transform:translate(-2%,1.5%)}}@media (max-width:640px){.site-intro-presents{letter-spacing:.3em;font-size:10px}.site-intro-tagline{margin-top:18px}.site-intro-footer-meta{gap:14px;letter-spacing:.16em}.site-intro-skip{right:12px;bottom:calc(clamp(32px, 8vh, 64px) + 12px);padding:6px 10px}.site-intro-stamp{letter-spacing:.22em;padding:8px 12px}}@media (prefers-reduced-motion:reduce){.site-intro,.site-intro *{animation:none!important;transition:none!important}}