@property --lx{syntax:"<percentage>";inherits:true;initial-value:62%}@property --ly{syntax:"<percentage>";inherits:true;initial-value:52%}.hero-photo img{object-fit:cover;object-position:52% 50%;width:100%;height:100%}.hero-light{background:radial-gradient(circle at var(--lx) var(--ly), transparent 0%, transparent 16%, #0a0b0d6b 58%);animation:idle 9s var(--ease-out-quint) 1.6s infinite alternate}.hero-light:after{content:"";background:radial-gradient(circle at var(--lx) var(--ly), #eaf4ff80, #eaf4ff1f 9%, transparent 22%), radial-gradient(circle at var(--lx) var(--ly), #78aaff29, transparent 40%);mix-blend-mode:screen;position:absolute;inset:0}.hero-light[data-active]{animation:none}@keyframes idle{0%{--lx:30%;--ly:58%}50%{--lx:68%;--ly:46%}to{--lx:52%;--ly:64%}}.hero-glint{opacity:0;mix-blend-mode:soft-light;background:linear-gradient(110deg,#0000 38%,#ffffff8c 49%,#ffffff1a 53%,#0000 60%) 120% 0/260% 100%}.hero-veil{animation:var(--animate-led-on);animation-delay:.15s}@supports (animation-timeline:scroll()){.hero-glint{opacity:1;animation:linear both glint;animation-timeline:scroll(root);animation-range:0 85vh}.hero-photo img{animation:linear both drift;animation-timeline:scroll(root);animation-range:0 100vh}}@keyframes glint{to{background-position:-40% 0}}@keyframes drift{to{transform:scale(1.08)translateY(4%)}}@media (prefers-reduced-motion:reduce){.hero-light,.hero-glint,.hero-veil,.hero-photo img{animation:none!important}.hero-veil{opacity:0}}.hero-shade{background:linear-gradient(180deg, #0a0b0dd9 0%, #0a0b0d8c 24%, transparent 38%, transparent 56%, #0a0b0de0 72%, var(--color-ink) 100%)}@media (min-width:1024px),(orientation:landscape) and (max-height:520px){.hero-shade{background:linear-gradient(90deg, transparent 58%, var(--color-ink) 100%), linear-gradient(180deg, #0a0b0d99 0%, transparent 20%, transparent 80%, #0a0b0d99 100%)}}