.hero{grid-template-columns:1fr;margin-left:0;margin-right:0;display:grid}.hero h1,.hero h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}.hero picture{z-index:-1;order:0}.hero picture img{object-fit:cover;width:100%;height:auto}.hero hgroup{gap:var(--spacing-s);margin:calc(var(--spacing-m) * -1) var(--spacing-s) 0;padding:var(--spacing-m) var(--spacing-s) var(--spacing-l);background:var(--sopp-grey-90-w,#f5f4f3);border-radius:var(--corner-radius-l);flex-direction:column;order:1;display:flex}.hero hgroup p{margin-top:0;font-style:italic}.hero hgroup:has(a.button){padding:var(--spacing-m) var(--spacing-s) var(--spacing-m)}.hero a.button{margin-top:var(--spacing-s);color:var(--color-primary-button-fill);background-color:#0000;padding:0}.hero a.button:hover{color:var(--color-primary-button-hover-fill);background-color:#0000}@container (width>37rem){.hero picture{aspect-ratio:4/3}}@container (width>64rem){.hero{aspect-ratio:16/5;background-color:#0000;grid-template-columns:40fr 60fr;align-items:center;margin-left:0;margin-right:0;position:relative}.hero:before{content:"";z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 719 450'%3E%3Cpath fill='%23f5f4f3' d='M298.06 450.001c-232.205 0-420.439-188.235-420.439-420.44v-226.457H718.5V29.561C718.5 261.766 530.266 450 298.06 450'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:65%;height:100%;position:absolute;top:0;left:-15%}.hero picture{order:unset}.hero picture img{aspect-ratio:4/3}.hero hgroup{z-index:0;order:unset;width:100%;max-width:calc(40cqw - max((100cqw - var(--max-width)) / 2, var(--spacing-s)));padding:0 var(--spacing-l) 0 0;border-radius:unset;background:0 0;justify-self:end;margin:0}.hero hgroup:has(a.button){padding:var(--spacing-m) var(--spacing-l) var(--spacing-m) 0}.hero a.button{margin:var(--spacing-s) auto 0 0;color:#fff;background-color:var(--color-primary-button-fill);padding:20px 32px 20px 16px}.hero a.button:hover{color:#fff;background-color:var(--color-primary-button-hover-fill)}}@container (width>81.25rem){.hero{grid-template-columns:1fr 1fr}.hero:before{left:0}.hero hgroup{max-width:calc(50cqw - max((100cqw - var(--max-width)) / 2, var(--spacing-s)))}}