.home-hero{overflow:hidden}
.eye-scene{--wake:0;--look-x:0px;--look-y:0px;min-height:650px;perspective:1100px}
.eye-frame{position:absolute;width:126%;right:-18%;aspect-ratio:1672/941;overflow:hidden;transform:translate3d(var(--look-x),var(--look-y),0) scale(calc(.985 + var(--wake)*.018));transform-origin:center;filter:brightness(calc(.82 + var(--wake)*.18)) saturate(calc(.9 + var(--wake)*.18)) contrast(1.06);will-change:transform,filter;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 86% 82% at 50% 50%,#000 48%,rgba(0,0,0,.96) 66%,rgba(0,0,0,.58) 80%,transparent 98%),linear-gradient(to bottom,transparent 0,#000 17%,#000 83%,transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 86% 82% at 50% 50%,#000 48%,rgba(0,0,0,.96) 66%,rgba(0,0,0,.58) 80%,transparent 98%),linear-gradient(to bottom,transparent 0,#000 17%,#000 83%,transparent 100%);mask-composite:intersect}
.eye-film,.eye-vignette{position:absolute;inset:0;width:100%;height:100%}.eye-film{display:block;object-fit:contain;image-rendering:auto;transform:translateZ(0)}
.eye-vignette{z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 54%,rgba(5,5,7,.12) 74%,transparent 100%)}
.eye-aura{position:absolute;inset:14% -6%;background:radial-gradient(ellipse,rgba(214,255,0,.18),rgba(132,104,255,.08) 34%,transparent 68%);filter:blur(48px);opacity:calc(.12 + var(--wake)*.78);transform:scale(calc(.94 + var(--wake)*.08))}
.eye-caption{bottom:54px;transition:border-color .3s,background .3s,transform .3s;transform:translateY(calc((1 - var(--wake))*5px));border-color:rgba(214,255,0,calc(.08 + var(--wake)*.25))}
.live-dot{opacity:calc(.35 + var(--wake)*.65);transform:scale(calc(.65 + var(--wake)*.35))}
.wake-trigger{position:relative;isolation:isolate;overflow:hidden}.wake-trigger:after{content:"";position:absolute;inset:-80% -20%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-90%) rotate(8deg);transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.wake-trigger:hover:after,.wake-trigger:focus-visible:after{transform:translateX(90%) rotate(8deg)}
@media(max-width:1100px){.eye-frame{width:110%;right:-5%}}
@media(max-width:700px){.eye-frame{width:130%;right:-16%}.eye-scene{min-height:370px}}
@media(prefers-reduced-motion:reduce){.eye-frame{transform:none!important}.wake-trigger:after{display:none}}
.eye-frame{width:112%;right:-6%}
.eye-frame{transform:scale(calc(.985 + var(--wake)*.018));mix-blend-mode:normal}