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