.field-box{--field-mask:linear-gradient(to bottom, transparent 0, #000 24%, #000 72%, transparent 100%);z-index:-1;pointer-events:none;-webkit-mask-image:var(--field-mask);mask-image:var(--field-mask);position:absolute;inset:0;overflow:clip}.field-box[data-field-kind=hero]{--field-mask:linear-gradient(to bottom, transparent 0, #000 24%, #000 90%, transparent 100%)}.field-box[data-field-kind=dash]{--field-mask:linear-gradient(to bottom, transparent 0, #000 30%, #000 70%, transparent 100%)}.field-box[data-field-kind=calm]{--field-mask:none}.field-drift{position:absolute;inset:0}@supports (animation-timeline:scroll()){.field-box[data-field-kind=hero] .field-drift{animation:linear both field-drift;animation-timeline:scroll(root);animation-range:0 100vh}}@keyframes field-drift{to{transform:translateY(28vh)}}.field-poster,.field-gl{height:100%;position:absolute;top:0}.field-poster{transform-origin:50% 100%;width:150%;animation:field-rise var(--dur-field) var(--ease-field) both;background:radial-gradient(21% 10% at 50% 34%, var(--field-mist) 0 45%, #eaf0fb00 100%), radial-gradient(24% 26% at 17% 52%, #3d74e8, #3d74e800 76%), radial-gradient(24% 26% at 83% 52%, #3d74e8, #3d74e800 76%), radial-gradient(20% 12% at 50% 62%, #3d74e8d9, #3d74e800 80%), radial-gradient(52% 20% at 50% 52%, #9dbdf5, #9dbdf500 82%), radial-gradient(26% 22% at 28% 86%, #f29a4a, #f29a4a00 74%), radial-gradient(26% 22% at 72% 86%, #f29a4a, #f29a4a00 74%), radial-gradient(20% 18% at 50% 90%, #f5c447, #f5c44700 76%), radial-gradient(42% 18% at 50% 74%, #f9cdb0, #f9cdb000 82%), linear-gradient(to bottom, #eaf0fb00 24%, #eaf0fbe6 44%, #f9cdb0f2 72%, #f29a4ae6 92%);left:-25%}.field-box[data-field-kind=hero] .field-poster{background:radial-gradient(30% 13% at 50% 53%, var(--field-mist) 0 40%, #eaf0fb00 100%), radial-gradient(13% 38% at 17% 72%, #3d74e8f2, #3d74e800 78%), radial-gradient(13% 38% at 83% 70%, #3d74e8e6, #3d74e800 78%), radial-gradient(17% 44% at 22% 60%, #9dbdf5, #9dbdf500 80%), radial-gradient(17% 44% at 78% 60%, #9dbdf5, #9dbdf500 80%), radial-gradient(20% 10% at 44% 75%, #f29a4ae6, #f29a4a00 76%), radial-gradient(36% 14% at 52% 72%, #f9cdb0, #f9cdb000 82%), radial-gradient(34% 10% at 56% 87%, #f5c447, #f5c44700 80%), radial-gradient(44% 8% at 50% 90%, #f2aa50b3, #f2aa5000 80%), linear-gradient(to bottom, #eaf0fb00 34%, #eaf0fbe6 50%, #f9cdb0b3 72%, #f5c44799 90%)}.field-box[data-field-kind=dash] .field-poster{background:radial-gradient(24% 15% at 50% 38%, var(--field-mist) 0 45%, #eaf0fb00 100%), radial-gradient(13% 46% at 19% 40%, #3d74e8f2, #3d74e800 78%), radial-gradient(13% 46% at 81% 38%, #3d74e8e6, #3d74e800 78%), radial-gradient(19% 50% at 25% 34%, #9dbdf5, #9dbdf500 80%), radial-gradient(19% 50% at 75% 34%, #9dbdf5, #9dbdf500 80%), radial-gradient(22% 12% at 42% 64%, #f29a4ae6, #f29a4a00 76%), radial-gradient(38% 14% at 54% 62%, #f9cdb0, #f9cdb000 82%), radial-gradient(34% 12% at 58% 78%, #f5c447, #f5c44700 80%), linear-gradient(to bottom, #eaf0fb00 6%, #eaf0fbe6 22%, #f9cdb0cc 58%, #f5c447b3 82%)}.field-box[data-field-kind=calm] .field-poster{animation:none}@keyframes field-rise{0%{opacity:0;transform:translateY(40vh)scale(.86)}}.field-grain{opacity:.022;mix-blend-mode:multiply;background-size:128px 128px;position:absolute;inset:0}.field-gl{opacity:0;width:100%;display:block;left:0}@media (prefers-color-scheme:dark){.field-box[data-field-kind=dash] .field-drift{opacity:.65}.field-poster{background:radial-gradient(21% 10% at 50% 32%, var(--stage) 0 40%, #14141400 100%), radial-gradient(22% 20% at 18% 46%, #3d74e89e, #3d74e800 74%), radial-gradient(22% 20% at 82% 46%, #3d74e89e, #3d74e800 74%), radial-gradient(34% 12% at 50% 54%, #3d74e86b, #3d74e800 78%), radial-gradient(48% 16% at 50% 48%, #9dbdf529, #9dbdf500 82%), radial-gradient(18% 14% at 36% calc(88% - var(--poster-lift,0px)), #f29a4a80, #f29a4a00 72%), radial-gradient(18% 14% at 64% calc(88% - var(--poster-lift,0px)), #f29a4a80, #f29a4a00 72%), radial-gradient(16% 13% at 50% calc(92% - var(--poster-lift,0px)), #f5c44780, #f5c44700 74%)}.field-box[data-field-kind=hero] .field-poster{background:radial-gradient(30% 13% at 50% 52%, var(--stage) 0 40%, #14141400 100%), radial-gradient(13% 36% at 17% 70%, #2f5fc8cc, #2f5fc800 78%), radial-gradient(13% 36% at 83% 68%, #2f5fc8bf, #2f5fc800 78%), radial-gradient(17% 40% at 22% 60%, #2e4f8cb3, #2e4f8c00 80%), radial-gradient(17% 40% at 78% 60%, #2e4f8cb3, #2e4f8c00 80%), radial-gradient(20% 10% at 44% 75%, #c4652abf, #c4652a00 76%), radial-gradient(34% 10% at 56% 87%, #c99231cc, #c9923100 80%)}.field-box[data-field-kind=dash] .field-poster{background:radial-gradient(24% 15% at 50% 38%, var(--stage) 0 40%, #14141400 100%), radial-gradient(13% 44% at 19% 40%, #3d74e88c, #3d74e800 78%), radial-gradient(13% 44% at 81% 38%, #3d74e880, #3d74e800 78%), radial-gradient(19% 48% at 25% 32%, #9dbdf559, #9dbdf500 80%), radial-gradient(19% 48% at 75% 32%, #9dbdf559, #9dbdf500 80%), radial-gradient(22% 12% at 42% 64%, #f29a4a73, #f29a4a00 76%), radial-gradient(38% 14% at 54% 62%, #f9cdb059, #f9cdb000 82%), radial-gradient(34% 12% at 58% 78%, #f5c44780, #f5c44700 80%)}.field-grain{mix-blend-mode:screen;opacity:.025}}@media (prefers-reduced-motion:reduce){.field-poster,.field-drift{animation:none!important}}@media (forced-colors:active){.field-box{display:none}}