@layer base{.hero-block>.hero-content .body .title,.hero-block>.hero-content .body:has(.richtext) .richtext,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.hero-block{--sticker-width: 150px;--hero-height: 390px;--text-color: var(--black);--_font-size-min: var(--hero-font-size-min);--_font-size-max: var(--hero-font-size-max);grid-column:full-width;position:relative;display:grid;grid-template-columns:subgrid;grid-template-rows:1fr}.hero-block>.hero-image{position:relative;height:var(--hero-height);grid-column:1/-1;z-index:var(--z-index-1)}.hero-block>.hero-image>.media-component{--media-radius: 0}.hero-block>.hero-image>.media-component .picture-component img{height:var(--hero-height)}.hero-block>.hero-image>.media-component .video-item{aspect-ratio:unset;border-radius:0}.hero-block>.hero-image>.media-component .video-item>video{height:var(--hero-height)}.hero-block>.hero-image>.media-component figcaption{display:none}.hero-block>.hero-image>.sticker{position:absolute;z-index:var(--z-index-1);max-width:var(--sticker-width);aspect-ratio:1/1;bottom:calc(var(--sticker-width)/5*-1);right:20px}@media(min-width: 768px){.hero-block>.hero-image>.sticker{right:-40px}}@media(min-width: 1440px){.hero-block>.hero-image>.sticker{--sticker-width: 220px;right:-60px}}.hero-block>.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:42px;grid-column:content-start/content-end}.hero-block>.hero-content::before{content:"";display:block;position:absolute;height:100%;width:calc(100% + 24px);top:0;left:-24px;background-image:url(/frontend/assets/generated/4e04ed208c787d46052c.jpg)}.hero-block>.hero-content .body{position:inherit;z-index:var(--z-index-1)}.hero-block>.hero-content .body .title{font-family:var(--ff-primary);text-wrap:balance;color:var(--text-color);line-height:.9}.hero-block>.hero-content .body .title em{font-style:italic}.hero-block>.hero-content .body:has(.richtext) .richtext{--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.hero-block>.hero-content .body:has(.richtext) .richtext{margin-top:16px;color:var(--text-color)}.hero-block>.hero-content .body .btn-wrapper{margin-top:32px;align-items:flex-start}@media(min-width: 768px){.hero-block{--hero-height: 580px;height:var(--hero-height)}.hero-block>.hero-image{grid-column:1/10}.hero-block>.hero-content{grid-column:10/15}.hero-block>.hero-content .body{max-width:300px}.hero-block>.hero-content .body:has(.richtext) .richtext{margin-top:24px}.hero-block>.hero-content .body .btn-wrapper{margin-top:48px}}@media(min-width: 1440px){.hero-block{--hero-height: 700px}.hero-block>.hero-content .body{max-width:360px}.hero-block>.hero-content .body .btn-wrapper{margin-top:40px}}}@layer theme{.has-hero:not(.header-scrolled) .header{--top-background-color: transparent;--logo-color-1: var(--white);--logo-color-2: var(--secondary-color-2);--logo-focus-color: var(--secondary-color-2)}}
