.hero{background-color:var(--navy-blue);container:hero / inline-size;display:grid;grid-template-columns:1fr;justify-items:center}@media (min-width: 1200px){.hero{background-color:transparent}}.hero ul[role=list]{padding:0}.hero__inner{inline-size:100%}.hero__inner>*+*{margin-block-start:var(--size-60)}.hero__content--image{max-inline-size:var(--max-width);position:relative}@media (min-width: 1200px){.hero__content--image{position:static;position:initial}.hero__content--image:before{display:none}}@media (min-width: 1024px){.hero__content{display:grid;grid-template-columns:1fr;justify-items:center;position:relative}.hero__content:before{-o-border-image:fill 0 linear-gradient(0deg,var(--navy-blue),var(--navy-blue) 25%,transparent);border-image:fill 0 linear-gradient(0deg,var(--navy-blue),var(--navy-blue) 25%,transparent);bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:30%;z-index:var(--zi-lowest)}.hero--landing .hero__content:before{top:15%}}@media (min-width: 1200px){.hero__content:before{top:55%}}.hero__top{display:grid;gap:var(--size-40);grid-template-columns:1fr;inline-size:calc(100% - 40px);margin-inline:var(--size-20);max-inline-size:var(--content-width);padding-block-start:var(--size-20);position:relative}@media (min-width: 1024px){.hero__top{align-items:center;bottom:5%;grid-template-columns:repeat(2,1fr);padding-block-start:0;position:absolute;z-index:var(--zi-low)}.frontpage .hero__top{bottom:0}}.hero__title{color:var(--white);font-family:var(--font-primary);font-size:var(--size-30);font-style:italic;font-weight:var(--normal)}@media (min-width: 1024px){.hero__title{font-size:var(--size-40)}}@media (min-width: 1540px){.hero__title{font-size:var(--size-50)}}@container hero (min-inline-size: 1440px){.hero__top{margin-inline:0}}.hero__ctas .cta-collection--grid.is-dark{background-color:transparent}.hero__bottom{display:grid;grid-template-columns:1fr;inline-size:calc(100% - 40px);justify-self:center;margin-inline:var(--size-20);max-inline-size:var(--content-width);padding-block-end:var(--size-30)}@container hero (min-inline-size: 1024px){.hero__bottom{padding-block-end:var(--size-40)}}