.hero-section{width:100%;height:calc(100dvh - (var(--site-padding) * 2));background:var(--color-black);min-height:32rem;position:relative;overflow:hidden}.hero-section__canvas{width:100%;height:100%;position:absolute;inset:0}.hero-section__canvas canvas{width:100%!important;height:100%!important}.hero-section__canvas--language-fade{animation:1s ease-in-out hero-language-fade}@keyframes hero-language-fade{0%{opacity:1}45%{opacity:0}to{opacity:1}}@media (max-width:900px){.hero-section{height:80svh;min-height:24rem}}