.hero{display:grid;width:100%;min-height:650px;grid-template-rows:375px 1fr;grid-template-columns:1fr;overflow:hidden}@media(min-width:768px){.hero{grid-template-rows:1fr}.hero.side-by-side{grid-template-columns:minmax(0,495px) 1fr}.hero.side-by-side:nth-child(2n){grid-template-columns:1fr minmax(0,495px)}.hero.side-by-side:nth-child(2n) .imageContainer{order:2}.hero.side-by-side.image-left .imageContainer,.hero.side-by-side:nth-child(2n) .content{order:1}.hero.side-by-side.image-left .content,.hero.side-by-side.image-left:nth-child(2n) .imageContainer{order:2}.hero.side-by-side.image-left:nth-child(2n) .content{order:1}.hero.side-by-side.image-right .imageContainer{order:2}.hero.side-by-side.image-right .content,.hero.side-by-side.image-right:nth-child(2n) .imageContainer{order:1}.hero.side-by-side.image-right:nth-child(2n) .content{order:2}.hero.overlay{grid-template-columns:minmax(0,610px) 1fr;grid-template-rows:1fr}.hero.overlay .imageContainer{grid-row:1;grid-column:1/-1}.hero.overlay .content{grid-row:1;grid-column:1/2}}@media(min-width:1024px){.hero.side-by-side{grid-template-columns:minmax(0,610px) 1fr}.hero.side-by-side:nth-child(2n){grid-template-columns:1fr minmax(0,610px)}}.hero .button--secondary{justify-content:flex-start}.hero.short{min-height:unset}@media(min-width:768px){.hero.short{max-height:490px}}.content{display:flex;gap:1.4rem;flex-direction:column;justify-content:center;position:relative;padding:clamp(4.5rem,10vw,10rem) clamp(2rem,9vw,7rem)}@media(min-width:768px){.overlay .content{padding-right:0}}.content .standout-content{position:relative;display:flex;flex-direction:column;gap:1.4rem}.content .standout-content:before{--direction:90deg;content:"";position:absolute;top:calc(-1*clamp(4.5rem,10vw,10rem));left:0;width:128px;height:6px;background:linear-gradient(var(--direction),var(--gradient))}@media(min-width:768px){.content .standout-content:before{--direction:180deg;top:0;left:calc(-1*clamp(2rem,9vw,7rem));width:6px;height:100%}}.content .meta{font-size:var(--sm)}.content .meta .date{margin-right:8px;opacity:.6}.content .excerpt{opacity:.6}.imageContainer{position:relative;width:100%;height:100%}.imageContainer .heroImage{width:100%;height:100%;object-fit:cover}.overlay .button--secondary{background-color:rgba(0,0,0,0)}