.auto-hero{position:relative;isolation:isolate;overflow:hidden}.auto-hero>.auto-scene-wrap{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%)}.auto-scene,.auto-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.auto-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(155% 86% at 50% 31%,rgba(9,9,11,.95) 0%,rgba(9,9,11,.78) 46%,rgba(9,9,11,.3) 70%,transparent 84%),linear-gradient(180deg,rgba(9,9,11,.74) 0%,transparent 38%);-webkit-backdrop-filter:var(--q-blur-text, blur(12px));backdrop-filter:var(--q-blur-text, blur(12px));-webkit-mask-image:radial-gradient(160% 90% at 50% 28%,#000 0%,#000 64%,transparent 90%);mask-image:radial-gradient(160% 90% at 50% 28%,#000 0%,#000 64%,transparent 90%)}.auto-hero-inner{position:relative;z-index:2}.auto-hero-inner h1{text-shadow:0 2px 20px rgba(5,7,15,.8),0 1px 3px rgba(5,7,15,.7)}@media(prefers-reduced-motion:reduce){.auto-hero:before{backdrop-filter:none;-webkit-backdrop-filter:none}}.auto-moment{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.auto-moment__frame{aspect-ratio:16 / 9;display:block;width:100%}.auto-moment__caption{padding:12px 16px;font-size:13px;color:#fff9}