.hero--gallery{isolation:isolate}.hero-background{position:absolute;z-index:-1;inset:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;background:#111}.hero-background:after{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,6,.93) 0%,rgba(5,5,6,.78) 38%,rgba(5,5,6,.27) 100%),linear-gradient(0deg,rgba(5,5,6,.52),transparent 45%)}.hero-background:before{content:'';position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,rgba(167,255,255,.22) 0 1px,transparent 1px 4px),linear-gradient(105deg,transparent 28%,rgba(104,255,255,.3) 48%,rgba(255,36,58,.32) 51%,transparent 70%);mix-blend-mode:screen}.hero-background.is-transitioning:before{animation:xray-flash .9s cubic-bezier(.16,1,.3,1) both}.hero-background .hero-slide{position:absolute;z-index:1;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;mix-blend-mode:normal;filter:contrast(1.02) saturate(.82) brightness(.75);opacity:0;transform:scale(1.04);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 5.8s ease-out,filter .8s ease}.hero-background .hero-slide.is-active{opacity:1;transform:scale(1);filter:contrast(1.08) saturate(.95) brightness(.82);animation:hero-xray .9s cubic-bezier(.16,1,.3,1) both}.hero-logo{width:min(100%,440px);aspect-ratio:1}.hero-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%;mix-blend-mode:normal;filter:drop-shadow(0 15px 20px rgba(0,0,0,.55));animation:float 6s ease-in-out infinite}@keyframes hero-xray{0%{filter:grayscale(1) contrast(2.2) brightness(1.55) hue-rotate(145deg);clip-path:inset(0 0 95% 0)}32%{filter:grayscale(.7) contrast(1.75) brightness(1.28) hue-rotate(145deg);clip-path:inset(0 0 12% 0)}60%{filter:contrast(1.35) saturate(1.3) brightness(1.02) hue-rotate(-12deg)}100%{filter:contrast(1.08) saturate(.95) brightness(.82);clip-path:inset(0)}}@keyframes xray-flash{0%{opacity:0;transform:translateX(-12%)}24%{opacity:.86}58%{opacity:.32}100%{opacity:0;transform:translateX(10%)}}@media(max-width:720px){.hero-background{inset:-10px 50% -20px;left:50%;width:100vw}.hero-logo{width:260px}}@media(prefers-reduced-motion:reduce){.hero-background .hero-slide{transition:none}.hero-background .hero-slide.is-active{animation:none}.hero-background .hero-slide:not(.is-active){display:none}.hero-background:before{display:none}}
