:root{--block-spacing-y: var(--spacing-lg);--block-spacing-x: var(--spacing);--block-margin-y: var(--block-spacing-y);--block-margin-x: var(--block-spacing-x);--block-padding-y: var(--block-spacing-y);--block-padding-x: var(--block-spacing-x)}@media screen and (min-width: 768px){:root{--block-spacing-y: var(--spacing-xxl);--block-spacing-x: var(--spacing-md)}}.banner-block{padding:var(--block-padding-y) var(--block-padding-x);display:flex;flex-flow:column-reverse nowrap;gap:var(--spacing-md);justify-content:flex-start;align-items:flex-start;color:var(--color-green-dark)}@media screen and (min-width: 768px){.banner-block{padding-right:var(--spacing-xl);flex-flow:row nowrap;align-items:center;gap:var(--spacing-xl)}}@media screen and (min-width: 1024px){.banner-block{gap:var(--spacing-3xl)}}@media screen and (min-width: 768px){.banner-block--illustration-left{flex-flow:row-reverse nowrap;justify-content:flex-end}}.banner-block.green{position:relative;background:transparent;overflow:hidden}@media screen and (min-width: 768px){.banner-block.green{overflow:visible}}.banner-block.green:before{content:"";position:absolute;left:50%;transform:translate(-50%);background:var(--color-green-light);top:0;bottom:0;width:100vw;z-index:-1}.banner-block.yellow{position:relative;background:transparent;overflow:hidden}@media screen and (min-width: 768px){.banner-block.yellow{overflow:visible}}.banner-block.yellow:before{content:"";position:absolute;left:50%;transform:translate(-50%);background:var(--color-yellow-dark);top:0;bottom:0;width:100vw;z-index:-1}.banner-block__label{display:inline-block;align-self:flex-start;color:var(--color-green-dark);background-color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--fw-regular);font-size:1rem;margin-bottom:var(--spacing-sm)}.banner-block__heading{margin-bottom:var(--spacing-sm);max-width:var(--max-block-text-width)}@media screen and (min-width: 768px){.banner-block__heading{margin-bottom:var(--spacing-md)}}@media screen and (min-width: 768px){.banner-block__content{flex-grow:1;max-width:45.3125rem}}.banner-block__buttons{max-width:var(--max-block-text-width);display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;gap:1.875rem;font-size:1.125rem}@media screen and (min-width: 768px){.banner-block__buttons{margin-bottom:0}}.banner-block__buttons>*:nth-child(n+3){display:none}.banner-block__buttons button:not(:last-child){margin-right:0}.banner-block__buttons a:not(.btn):not(.link--with-arrow){text-decoration:underline;text-decoration-thickness:.0625rem;color:var(--color-green-dark);text-underline-offset:.2em}.banner-block__buttons a:not(.btn):not(.link--with-arrow):hover,.banner-block__buttons a:not(.btn):not(.link--with-arrow):focus,.banner-block__buttons a:not(.btn):not(.link--with-arrow):active{text-decoration-thickness:.125rem;text-decoration-color:var(--color-green)}.banner-block__main-intro{max-width:var(--max-block-text-width);margin-bottom:var(--spacing-sm)}@media screen and (min-width: 768px){.banner-block__main-intro{margin-bottom:var(--spacing-md)}}.banner-block__illustration{width:100%;max-width:21.875rem}.banner-block__illustration img{width:100%;max-width:21.875rem;height:auto;object-fit:cover;margin:auto}.banner-block ul li,.banner-block ol li{margin-bottom:0}.content-area--article>.banner-block{max-width:var(--max-content-width);margin-bottom:var(--spacing)}@media screen and (min-width: 768px){.content-area--article>.banner-block{margin-bottom:var(--spacing-md)}}@media screen and (min-width: 1024px){.content-area--article>.banner-block{margin-bottom:var(--spacing-xl)}}@media screen and (min-width: 1024px){.content-area--my-page>.banner-block{gap:var(--spacing-xl)}}.content-area--my-page>.banner-block.green{background-color:var(--color-green-light)}.content-area--my-page>.banner-block.green:before{content:none}.content-area--my-page>.banner-block.yellow{background-color:var(--color-yellow-dark)}.content-area--my-page>.banner-block.yellow:before{content:none}.content-area--my-page>.banner-block:before{content:none}.content-area--my-page>.banner-block .banner-block__illustration{max-width:13.375rem}
