/* 023 — animated 3D parallax hero */
.hero{perspective:1400px;transform-style:preserve-3d;background:radial-gradient(circle at 70% 35%,color-mix(in srgb,var(--lime) 15%,transparent),transparent 38%),var(--theme-body-bg)}
.hero-art{z-index:0;inset:-2.5%!important;transform:translate3d(var(--hero-bg-x,0px),var(--hero-bg-y,0px),-35px) scale(1.065)!important;filter:saturate(.82) contrast(1.08) brightness(.72)!important;will-change:transform;transition:filter .8s ease!important}
.hero-gradient-glow{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.hero-gradient-glow i{position:absolute;width:42vw;aspect-ratio:1;border-radius:50%;filter:blur(75px);opacity:.18;mix-blend-mode:screen;animation:heroGlow 9s ease-in-out infinite alternate}.hero-gradient-glow i:first-child{right:-8%;top:-15%;background:var(--lime)}.hero-gradient-glow i:nth-child(2){left:28%;bottom:-32%;background:#2fff91;animation-delay:-3s}.hero-gradient-glow i:nth-child(3){left:-18%;top:22%;background:#9cff2f;animation-delay:-6s}@keyframes heroGlow{to{transform:translate3d(6%,8%,0) scale(1.18);opacity:.28}}
.hero-depth-scene{position:absolute;z-index:2;inset:0;pointer-events:none;transform-style:preserve-3d}.hero-subject{position:absolute;z-index:2;right:1.5%;bottom:-2%;width:min(62vw,980px);height:94%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 35px 55px #000b);transform:translate3d(var(--hero-subject-x,0px),calc(var(--hero-subject-y,0px) + var(--hero-subject-scroll,0px)),70px);will-change:transform}
.hero-float{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid #ffffff24;background:linear-gradient(135deg,#ffffff16,#080b0875);box-shadow:0 25px 65px #0008,0 0 36px color-mix(in srgb,var(--lime) 16%,transparent);backdrop-filter:blur(18px) saturate(1.25);transform-style:preserve-3d;will-change:transform}.hero-float img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px #0007)}.hero-float--left{left:4.5%;top:22%;width:clamp(100px,11vw,175px);aspect-ratio:1;border-radius:26px;transform:translate3d(var(--hero-left-x,0px),var(--hero-left-y,0px),120px) rotate(-7deg)}.hero-float--right{right:5%;top:17%;width:clamp(120px,14vw,210px);height:clamp(72px,8vw,118px);border-radius:20px;transform:translate3d(var(--hero-right-x,0px),var(--hero-right-y,0px),160px) rotate(5deg)}.hero-float:not(.has-image){padding:18px}.hero-float:not(.has-image) span{font:500 .55rem var(--mono);letter-spacing:.17em;color:#dce1d8}.hero-float:not(.has-image) b{font-size:clamp(2rem,4vw,4.5rem);line-height:.7;color:var(--lime)}.hero-float--left:not(.has-image) i{width:58%;height:2px;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.hero-copy{transform-style:preserve-3d;transform:translate3d(var(--hero-copy-x,0px),calc(var(--hero-copy-y,0px) + var(--hero-copy-scroll,0px)),100px)!important}.next-event{background:linear-gradient(120deg,color-mix(in srgb,var(--theme-nav-bg) 86%,transparent),color-mix(in srgb,var(--lime) 8%,transparent));backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 24px 70px #000a,0 0 42px color-mix(in srgb,var(--lime) 14%,transparent)}
@media(max-width:900px){.hero-subject{right:-18%;width:85vw;opacity:.82}.hero-float--left{left:auto;right:5%;top:30%;width:90px}.hero-float--right{display:none}.hero-copy{transform:translate3d(0,var(--hero-copy-scroll,0px),60px)!important}}
@media(max-width:600px){.hero-subject{right:-32%;width:110vw;height:82%}.hero-float--left{top:19%;width:76px;border-radius:18px}.hero-gradient-glow i{filter:blur(50px);opacity:.14}}
@media(prefers-reduced-motion:reduce){.hero-gradient-glow i{animation:none}.hero-art,.hero-subject,.hero-float,.hero-copy{transform:none!important}}