.hero{width:100%;height:calc(var(--vh, 1vh) * 80);max-height:50vw;position:relative;display:flex;align-items:flex-start;justify-content:center}.hero--darkened-overlay:before{content:"";position:absolute;width:100%;height:100%;margin:0;top:0;right:0;bottom:0;left:0;z-index:1;background:#0003}.hero--slim{height:calc(var(--vh, 1vh) * 10)}.hero__figure{position:absolute;width:100%;height:100%;margin:0;top:0;right:0;bottom:0;left:0;z-index:0}.hero__figure picture{height:100%}.hero__content{padding:1rem;width:fit-content;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.hero__content h1,.hero__content p{color:#fff;width:fit-content;text-align:right}.hero__title h1{margin-bottom:.25em;display:none}.hero__subtitle{display:none}.hero__figure img{width:100%;height:100%;object-fit:cover}.hero__figure .placeholder-svg{background:linear-gradient(to right,var(--blue-green),var(--sickly-yellow));object-fit:contain;width:100%;height:100%}.hero__links{display:flex;align-items:center;justify-content:space-around;width:100%;margin-top:3em}.hero__link{padding:1em}.hero__link a{color:#fff}@media screen and (min-width:990px){.hero__figure img{object-position:right}.hero__content{min-width:600px;max-width:630px;transform:translate(-10vw,2vh)}.hero:where(:not(.hero--slim)) .hero__content{margin-top:22vh}.hero__content p{font-size:24px}.hero__content h1{text-indent:-6rem;text-align:left}.hero__content--vertical-bottom{align-self:flex-end}.hero__content--vertical-center{align-self:center}.hero__content--vertical-top{align-self:flex-start}.hero__content .hero__title--align-right h1{text-align:right}}@media screen and (max-width:989px){.hero{min-height:calc(var(--vh, 1vh) * 58);align-items:flex-end;justify-content:flex-start}.hero__content{padding-right:0%;transform:translate(5vw,-5vh)}.hero__content h1{max-width:90%;text-align:left}.hero__content--mobile-vertical-center{align-self:center;transform:translate(5vw,5vh)}.hero__content--mobile-vertical-top{align-self:flex-start;transform:translate(5vw,8vh)}.hero__content--indent-mobile h1{padding-left:3rem;text-indent:-3rem}.hero__figure img{object-fit:cover}.hero__figure.shift--25 img{object-position:75% 50%}.hero__figure.shift--50 img{object-position:100% 50%}}@media screen and (max-width:749px){.hero{align-items:center}.hero__content p{text-align:left;padding-right:25px}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/section-hero.css.map */