html[data-theme=light] .hero{--castle-url:url(/images/hero/castle-light.svg)}:is(html:not([data-theme=light]):not([data-theme=dark]),html[data-theme=dark]) .hero{--castle-url:url(/images/hero/castle.svg)}:is(html:not([data-theme=light]):not([data-theme=dark]),html[data-theme=dark]) .hero.contribute{background-image:none;background-color:var(--background-color-secondary)}.hero{background-image:linear-gradient(to bottom,var(--hero-background-color-primary),var(--hero-background-color-secondary));background-color:var(--hero-background-color-primary);justify-content:center;align-items:center;width:100%;min-height:25rem;display:flex;position:relative;overflow:hidden}.hero .starry-sky,.hero .matrix-rain{position:absolute;inset:0}.hero .matrix-rain{mix-blend-mode:hard-light;opacity:.042}.hero .castle{z-index:2;background-image:var(--castle-url,url(/images/hero/castle.svg));background-position:bottom;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;bottom:-.5rem}.hero .container{z-index:3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero .container .icon{border-radius:100%;justify-content:center;align-items:center;width:11.25rem;height:11.25rem;display:flex}.hero .container .icon img,.hero .container .icon svg{object-fit:contain;width:100%;height:100%}.hero .container .icon.dynamic img,.hero .container .icon.dynamic svg{width:80%;height:80%}.hero .container .icon .placeholder{background:linear-gradient(90deg,var(--background-color-tertiary)25%,var(--background-color-primary)50%,var(--background-color-tertiary)75%);opacity:.06;background-size:200% 100%;border-radius:100%;width:82%;height:82%;animation:1.998s infinite shimmer}.hero .container .header{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.hero .container .header h1{color:var(--color-display);font-size:var(--font-size-display)}.hero .container .header h2{max-width:80%;color:var(--color-heading);margin-top:.25rem;font-size:.875rem;font-weight:600}.hero .container .header .cta{margin-top:1.125rem}.hero .container .header .placeholder{opacity:.06}.hero .container .header .placeholder.title{background:linear-gradient(90deg,var(--background-color-tertiary)25%,var(--background-color-primary)50%,var(--background-color-tertiary)75%);background-size:200% 100%;border-radius:.5rem;width:8rem;height:2.625rem;margin:0 auto;animation:1.998s infinite shimmer}.hero .container .header .placeholder.subtitle{background:linear-gradient(90deg,var(--background-color-tertiary)25%,var(--background-color-primary)50%,var(--background-color-tertiary)75%);background-size:200% 100%;border-radius:.375rem;width:12rem;height:1.5rem;margin:.25rem auto 0;animation:1.998s infinite shimmer}.hero .container .video{justify-content:center;align-items:center;display:flex;position:relative}.hero .container .video div{-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem);border-radius:.75rem;height:18.75rem;display:flex;position:relative;overflow:hidden}.hero .container .video div iframe{aspect-ratio:16/9;border:none;min-width:100%;margin:0;padding:0}.hero.shop .container{flex-direction:row;justify-content:space-between;gap:2.25rem}.hero.shop .container .header{text-align:left;align-items:flex-start;max-width:20rem}.hero.shop .container .header h1{line-height:1.2}.hero.shop .container .header h2{text-wrap:balance;max-width:100%;margin-top:.75rem;line-height:1.8}.hero.shop .container .header .cta{margin-top:2.625rem}@media (max-width:60rem){.hero .castle{width:402%;left:-234%}.hero.shop .container{flex-direction:column;padding:2.25rem 1.875rem}.hero.shop .container .header{max-width:100%}.hero.shop .container .video{width:100%}.hero.shop .container .video div{width:100%;height:auto}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}