:root{--hero-bg:#000}[data-theme=light]{--hero-bg:var(--background)}:root{--d:86vh;--world-outer:82.5vh;--alpha-edge:max(var(--spacing-gutter), calc(50vw - var(--world-outer)))}.alpha-container{padding-inline:var(--alpha-edge)}.alpha-hero{background:var(--hero-bg)}.alpha-scene{position:absolute;inset:0}.alpha-scene canvas{animation:.6s both alpha-fade-in}.alpha-tick{color:color-mix(in srgb, var(--foreground) 35%, transparent);opacity:0;font-size:18px;line-height:1;position:absolute;left:50%;transform:translate(-50%)}[data-reveal] .alpha-tick{animation:1s both alpha-fade-in}.alpha-tick-t{top:calc(50% - var(--d) * .44)}.alpha-tick-b{top:calc(50% + var(--d) * .4)}.alpha-scroll{z-index:10;bottom:40px;right:var(--alpha-edge);opacity:0;position:absolute}[data-reveal] .alpha-scroll{animation:1.2s .6s both alpha-fade-in}.alpha-builton{z-index:10;bottom:40px;left:var(--alpha-edge);opacity:0;position:absolute}[data-reveal] .alpha-builton{animation:1.2s .6s both alpha-fade-in}[data-theme=light] .alpha-builton img{filter:brightness(0)}.alpha-scroll-line{width:1px;height:34px;position:relative;overflow:hidden}.alpha-scroll-line:after{content:"";background:linear-gradient(180deg, transparent, var(--secondary));width:100%;height:100%;animation:2.4s ease-in-out 4s infinite alpha-scroll-run;position:absolute;top:-100%;left:0}@keyframes alpha-scroll-run{0%{top:-100%}60%{top:100%}to{top:100%}}.alpha-title{z-index:10;left:var(--alpha-edge);opacity:0;max-width:480px;position:absolute;top:50%;transform:translateY(-50%)}[data-reveal] .alpha-title{animation:1s cubic-bezier(.16,.8,.24,1) both alpha-rise}@keyframes alpha-rise{0%{opacity:0;transform:translateY(calc(18px - 50%))}to{opacity:1;transform:translateY(-50%)}}.alpha-aside{z-index:10;right:var(--alpha-edge);opacity:0;width:320px;position:absolute;bottom:calc(50% + 28px)}[data-reveal] .alpha-aside{animation:1s cubic-bezier(.16,.8,.24,1) .25s both alpha-rise-plain}@keyframes alpha-rise-plain{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.alpha-ticker{z-index:10;width:min(46vw,760px);font-family:var(--font-mono,ui-monospace, monospace);opacity:0;position:absolute;top:calc(44% + 150px);right:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12%);mask:linear-gradient(90deg,#0000,#000 12%)}[data-reveal] .alpha-ticker{animation:1.2s .5s both alpha-fade-in}.alpha-ticker-track{white-space:nowrap;width:max-content;animation:144s linear infinite alpha-ticker-run;display:flex}@keyframes alpha-ticker-run{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes alpha-fade-in{0%{opacity:0}to{opacity:1}}.alpha-logo{animation:1s .1s both alpha-fade-in}[data-theme=light] .alpha-logo{--logo-grad-top:var(--foreground);--logo-grad-base:var(--foreground);--logo-lens:var(--secondary)}.alpha-nav{animation:1s .3s both alpha-fade-in}@media (width<=1024px){.alpha-hero{flex-direction:column;min-height:100svh;display:flex}.alpha-nav-links{display:none}.alpha-title{width:auto;max-width:560px;padding:0 24px;inset:auto 0 calc(50% - 66px);transform:none}.alpha-title h1,.alpha-title p,.alpha-aside p{text-shadow:0 0 12px #000000e6,0 2px 4px #000000b3}.alpha-title h1{font-size:clamp(34px,6.5vw,56px)}[data-reveal] .alpha-title{animation-name:alpha-rise-plain}.alpha-nav button{white-space:nowrap;padding-left:16px;padding-right:16px}.alpha-aside{width:auto;max-width:560px;margin-top:auto;padding:4px 24px 0;position:static}.alpha-aside-plus{display:none}.alpha-ticker{width:100%;margin:20px 0 0;position:static;-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.alpha-builton{flex-wrap:wrap;justify-content:center;gap:14px 13px;padding:20px 24px 28px;position:static}.alpha-builton>span{text-align:center;flex-basis:100%}.alpha-tick,.alpha-scroll{display:none}}[data-settled] .alpha-tick,[data-settled] .alpha-scroll,[data-settled] .alpha-builton,[data-settled] .alpha-title,[data-settled] .alpha-aside,[data-settled] .alpha-ticker{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.alpha-hero .alpha-tick,.alpha-hero .alpha-scroll,.alpha-hero .alpha-logo,.alpha-hero .alpha-nav,.alpha-hero .alpha-title,.alpha-hero .alpha-aside,.alpha-hero .alpha-ticker{animation-duration:10ms;animation-delay:0s}.alpha-hero .alpha-scroll-line:after,.alpha-hero .alpha-ticker-track{animation:none}}
