.hero{background-position:top -25px right -141px;background-repeat:no-repeat;background-size:auto 417px;border-bottom:1px solid var(--color-pale);position:relative}.hero.noimage{border-bottom:none}@media screen and (min-width:768px){.hero{background-position:top -48px right -141px;background-size:auto 630px}}@media screen and (min-width:1050px){.hero{background-position:top -60px right -15px;background-size:auto 709px}}@media screen and (min-width:1450px){.hero{background-position:top -104px right -30px;background-size:auto 1157px}}@media screen and (min-width:1900px){.hero:not(.noimage) .container{max-width:100%}}.hero__image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:290px;position:relative;width:100%}@media screen and (min-width:768px){.hero__image{height:450px}}.hero__contents{box-sizing:border-box;display:grid;grid-template-rows:1fr 50px;min-height:273px;place-items:center start;position:relative}@media screen and (min-width:768px){.hero__contents{grid-template-rows:1fr 82px;min-height:410px}}.hero__heading{color:var(--color-main);font-family:Oswald;font-size:2.7rem;font-weight:var(--fw-medium);letter-spacing:.03em;line-height:var(--lh-heading);padding-top:54px;@media screen and (min-width:768px){&{font-size:3.5rem;padding-top:68px}}@media screen and (min-width:1050px){&{font-size:3.7rem;padding-top:64px}}}.hero.noimage .hero__heading{font-size:2.3rem}@media screen and (min-width:768px){.hero.noimage .hero__heading{font-size:3.7rem;padding-top:114px}}@media screen and (min-width:1050px){.hero.noimage .hero__heading{padding-top:121px}}.hero.noimage .hero__heading:before,.hero:not(.noimage) .hero__heading:after{color:var(--color-point);content:attr(data-decoration-text);display:block;font-family:Oswald;font-size:1.3rem;font-weight:var(--fw-medium);letter-spacing:.1em;line-height:1.2;margin-bottom:13px;margin-top:8px;text-transform:uppercase}.hero.noimage .hero__heading:before{font-size:1.2rem;margin-bottom:6px}@media screen and (min-width:768px){.hero.noimage .hero__heading:before,.hero:not(.noimage) .hero__heading:after{font-size:1.5rem;margin-bottom:17px}.hero.noimage .hero__heading:before{font-size:1.8rem;margin-bottom:10px}}@media screen and (min-width:1050px){.hero.noimage .hero__heading:before,.hero:not(.noimage) .hero__heading:after{font-size:1.8rem;margin-bottom:11px;margin-top:0}}