.hero__content-container{margin:0 auto;width:90vw;max-width:104rem;z-index:1}@media screen and (max-width:47.99rem){.hero__content-container>*{grid-column:span 12}}.hero__content-container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:4vw;gap:4vw}@media screen and (max-width:47.99rem){.hero__content-container>*{grid-column:span 12;justify-self:center}}@media screen and (min-width:64rem){.hero__content-container{gap:2vw}}.hero{align-items:center;background-color:var(--bg-dark);display:flex;flex-direction:column;flex-shrink:0;min-height:30vw;-webkit-padding-before:calc(7.25rem + 2em);padding-block-start:calc(7.25rem + 2em);-webkit-padding-after:2em;padding-block-end:2em;position:relative;justify-content:flex-end;width:100%}@media screen and (max-width:48rem){.hero{box-sizing:border-box}}.hero.hero--still-image:after,.hero.hero--video:after{content:"";background:var(--bg-dark);position:absolute;top:0;left:0;height:100%;width:100%;opacity:.6}.hero__content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;width:100%;box-sizing:border-box;margin:2rem;grid-column:1/span 12;z-index:12}.hero__content-container{position:relative;z-index:12}@media screen and (min-width:64rem){.hero__content{grid-column:2/span 10;margin-inline:unset}}.hero__title-wrapper{position:relative;z-index:10;grid-column:1/span 6}.hero__title{color:var(--tertiary-color);text-transform:var(--font-variation-case);max-width:18ch;z-index:10;-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em}@media screen and (min-width:48rem){.hero__title{-webkit-margin-after:unset;margin-block-end:unset}}.hero__subtitle{color:var(--white);font-family:LaBelleAurore;font-size:1.25rem;line-height:1.2;z-index:10;display:block;transform:rotate(-5deg)}@media(min-width:48rem){.hero__subtitle{max-width:16rem;position:absolute;text-indent:-6rem;top:.25rem;left:8rem}}.hero__cta{align-items:center;color:var(--white);display:flex;flex-wrap:wrap;font-size:1.25rem;gap:1.5rem;z-index:6;grid-column:7/span 6}@media(min-width:48rem){.hero__cta{justify-content:flex-end}}.hero__content.wrapper{max-width:100%}div.hero.hero--still-image{-webkit-padding-after:var(--container-padding);padding-block-end:var(--container-padding)}@media screen and (min-width:64rem){body:has([class*=layout-chapter]:first-child) .hero__content{grid-column:1/span 12}}