.hero-component{position:relative}.hero-component .hero-component--backdrop{width:100%}@media screen and (min-width:1200px){.hero-component .hero-component--content{font-size:3.2rem}.hero-component .hero-component--content .h1,.hero-component .hero-component--content h1{font-size:8rem}.hero-component .hero-component--content .h2,.hero-component .hero-component--content h2{font-size:5.2rem}.hero-component .hero-component--content .h3,.hero-component .hero-component--content h3{font-size:4.8rem}.hero-component .hero-component--content .h4,.hero-component .hero-component--content h4{font-size:4.4rem}.hero-component .hero-component--content .h5,.hero-component .hero-component--content h5{font-size:4rem}.hero-component .hero-component--content .h6,.hero-component .hero-component--content h6{font-size:3.2rem}}.hero-component .hero-component--content{padding:20px}@media screen and (min-width:768px){.hero-component{margin-bottom:20px}.hero-component .hero-component--content{position:absolute}.hero-component.hero-component--text-color-light{color:#fff}.hero-component.hero-component--text-color-light a,.hero-component.hero-component--text-color-light a:link,.hero-component.hero-component--text-color-light a:visited{text-decoration-color:#fff9}.hero-component.hero-component--text-color-light .h1,.hero-component.hero-component--text-color-light .h2,.hero-component.hero-component--text-color-light .h3,.hero-component.hero-component--text-color-light .h4,.hero-component.hero-component--text-color-light .h5,.hero-component.hero-component--text-color-light .h6,.hero-component.hero-component--text-color-light a,.hero-component.hero-component--text-color-light a:link,.hero-component.hero-component--text-color-light a:visited,.hero-component.hero-component--text-color-light h1,.hero-component.hero-component--text-color-light h2,.hero-component.hero-component--text-color-light h3,.hero-component.hero-component--text-color-light h4,.hero-component.hero-component--text-color-light h5,.hero-component.hero-component--text-color-light h6{color:#fff}.hero-component.hero-component--text-color-light.hero-component--text-bg .hero-component--content{background-color:#000c}.hero-component.hero-component--text-color-dark{color:#000}.hero-component.hero-component--text-color-dark a,.hero-component.hero-component--text-color-dark a:link,.hero-component.hero-component--text-color-dark a:visited{text-decoration-color:#0009}.hero-component.hero-component--text-color-dark .h1,.hero-component.hero-component--text-color-dark .h2,.hero-component.hero-component--text-color-dark .h3,.hero-component.hero-component--text-color-dark .h4,.hero-component.hero-component--text-color-dark .h5,.hero-component.hero-component--text-color-dark .h6,.hero-component.hero-component--text-color-dark a,.hero-component.hero-component--text-color-dark a:link,.hero-component.hero-component--text-color-dark a:visited,.hero-component.hero-component--text-color-dark h1,.hero-component.hero-component--text-color-dark h2,.hero-component.hero-component--text-color-dark h3,.hero-component.hero-component--text-color-dark h4,.hero-component.hero-component--text-color-dark h5,.hero-component.hero-component--text-color-dark h6{color:#000}.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content{background-color:#fff9}.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h2,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h3,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h4,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h5,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h6,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content p{color:#000}.hero-component.hero-component--margin-x-1.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-1.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-1 .hero-component--content{width:83.33333333%}.hero-component.hero-component--margin-x-2.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-2.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-2 .hero-component--content{width:66.66666667%}.hero-component.hero-component--margin-x-3.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-3.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-3 .hero-component--content{width:50%}.hero-component.hero-component--margin-x-4.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-4.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-4 .hero-component--content{width:33.33333333%}.hero-component.hero-component--margin-x-5.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-5.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-5 .hero-component--content{width:16.66666667%}.hero-component.hero-component--right .hero-component--content{text-align:right}.hero-component.hero-component--top .hero-component--content{top:20px}.hero-component.hero-component--bottom .hero-component--content{bottom:20px}.hero-component.hero-component--middle .hero-component--content{left:50%;text-align:center;top:50%;transform:translate(-50%,-50%)}.hero-component.hero-component--middle-y .hero-component--content{top:50%;transform:translateY(-50%)}.hero-component.hero-component--middle-x .hero-component--content{left:50%;text-align:center;transform:translate(-50%)}}
/*# sourceMappingURL=hero.css.map */