.filtered-image{width:100%;position:relative}.filter{z-index:1;opacity:.75;background:linear-gradient(to bottom, var(--md-sys-color-surface-variant-dark), var(--md-sys-color-surface-dark));width:100%;height:100%;position:relative}
.image-carousel{width:100%;max-height:var(--hero-height);min-height:var(--hero-height);background-color:#000;transition:left .3s;position:relative}.dot-navigation{text-align:center;z-index:4;margin:0 auto;position:absolute;bottom:0;left:0;right:0}.dot{cursor:pointer;background-color:var(--md-sys-color-secondary);border-radius:50%;width:15px;height:15px;margin:0 2px;transition:background-color .6s;display:inline-block}.dot.active{background-color:var(--md-sys-color-primary)}@media screen and (max-width:37.5em){.dot-navigation{display:none}}
.hero{color:#fff;background-color:var(--md-sys-color-background);min-width:100vw;height:auto;min-height:var(--hero-height);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.placeholder{background-color:var(--md-sys-color-tertiary-container);height:100%;min-height:var(--hero-height);width:100%}.hero-children-wrapper{z-index:3;max-width:var(--base-content-width);height:100%;margin:0 auto;position:relative}.hero-children{bottom:var(--spacing-large);width:75%;padding:var(--spacing-large);position:absolute;left:0;right:0}@media (max-width:48em){.hero{height:auto;min-height:300px;padding-top:3em}}@media (min-width:120em){.hero{min-height:800px}}@media (max-width:37.5em){.hero{padding-top:0;position:relative}.hero-children{width:100%;padding:var(--spacing-small)}}