:root{--title-head-desktop: clamp(2rem, 3vw, 4.5rem)}.hero-cta{display:flex;justify-content:center;margin:8px;white-space:nowrap}.hero-cta button,.hero-cta a{margin:7px}.hero{height:calc(100vh - var(--header-banner-height));align-content:center;padding:2%}.hero>div{align-content:center;padding:1rem}.hero #slogan{font-size:2.105rem;color:#222;text-align:center}.hero #slogan h1{font-size:var(--title-head-desktop);margin:0;white-space:nowrap;text-shadow:1px 1px 4px rgba(0,0,0,.25)}.hero #slogan h1 #title-subhead{font-size:calc(var(--title-head-desktop) / 1.25)}.hero #slogan h3{display:flex;flex-direction:column;margin:0;font-size:1.205rem;align-items:center}.hero #slogan h3>div{max-width:450px;white-space:break-spaces}.hero #slogan h3>div:first-child{margin:16px 0}.hero img{width:100%;-webkit-filter:drop-shadow(0 0 4px #222);filter:drop-shadow(0 0 4px #222)}@media only screen and (max-width: 800px),only screen and (orientation: portrait){.hero{--title-head-mobile: clamp(2rem, 4vw, 6rem);overflow:hidden;align-content:space-evenly;justify-content:center;padding:8px 0}.hero h1{margin:18px 0 0}.hero h1 #title-head{width:100%;line-height:65px;font-size:var(--title-head-mobile)!important}.hero h1 #title-subhead{font-size:calc(var(--title-head-mobile) / 1.25)}.hero>div{min-width:fit-content;min-width:-moz-fit-content;padding:10px 0}.hero img{width:60vh}}