.hero-wrapper{--wrapper-margin: var(--space-s-xl);--gap-vertical: var(--space-s);container-type:inline-size;container-name:hero;position:relative}.hero-wrapper .hero{display:grid;gap:var(--gap-vertical) 0;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;margin-inline:calc(-1 * var(--wrapper-margin));padding-block-end:var(--space-s);position:relative}.hero-wrapper .hero header,.hero-wrapper .hero .content{margin-inline:var(--wrapper-margin);z-index:3}.hero-wrapper .hero .media{grid-row:1/2;align-self:center;z-index:2}.hero-wrapper .hero .content{grid-row:-2/-1}.hero-wrapper .hero .motif{stroke:var(--color-secondary-lighter);position:absolute;inset-block-end:-10%;z-index:1;color:transparent;opacity:.1;stroke-width:2px;inline-size:140%}.hero-wrapper .hero .motif svg{inline-size:100%}.hero-wrapper picture{inline-size:100%;block-size:100%;object-fit:cover}.hero-wrapper img{border-radius:0;inline-size:100%;block-size:100%;object-fit:cover}@container hero (min-inline-size: 750px){.hero-wrapper .hero{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;padding-block:0}.hero-wrapper .hero header,.hero-wrapper .hero .content{margin-inline:var(--wrapper-margin) var(--wrapper-margin)}.hero-wrapper .hero header{grid-column:1/2;grid-row:1/2;align-self:flex-end;margin-block-start:var(--space-l)}.hero-wrapper .hero .content{grid-column:1/2;grid-row:-2/-1;margin-block-end:var(--space-m)}.hero-wrapper .hero .media{grid-column:-2/-1;grid-row:1/-1;position:relative;margin-inline-end:0;block-size:100%}.hero-wrapper .hero .video-container{margin:var(--space-l) var(--space-l) var(--space-l) 0}.hero-wrapper .hero img{border-radius:0 var(--radius) var(--radius) 0}.hero-wrapper .hero .motif{inline-size:50%;inset-inline-start:5%}}