@keyframes teaser-shrink{to{border-bottom-right-radius:var(--shrink-radius);border-bottom-left-radius:var(--shrink-radius);clip-path:inset(0 round 0 0 var(--shrink-radius) var(--shrink-radius));scale:var(--shrink-scale)}}@keyframes teaser-content-keep{to{scale:calc(1 / var(--shrink-scale))}}@keyframes teaser-content-fade{to{opacity:0}}.teaser{background-color:var(--clr-foreground);clip-path:inset(0);height:calc(100vh - var(--teaser-offset));height:calc(100dvh - var(--teaser-offset));transform-origin:50% 100%;flex-flow:column;justify-content:flex-end;display:flex;overflow:clip}@supports (animation-timeline:view()){.teaser{animation-name:teaser-shrink;animation-fill-mode:both;animation-range:exit 0% exit var(--shrink-range);view-timeline-axis:block;view-timeline-name:--teaser-view;animation-timing-function:linear;animation-timeline:view()}}@supports not (animation-timeline:view()){.teaser{--shrink-k:calc(var(--shrink-radius) * var(--shrink-p,0));clip-path:inset(0 round 0 0 var(--shrink-k) var(--shrink-k));scale:calc(1 - (1 - var(--shrink-scale)) * var(--shrink-p,0))}}@media (prefers-reduced-motion:reduce){.teaser{transition:none;animation:none}}.teaser .teaser-image{z-index:-1;display:block;position:absolute;inset:0}.teaser .teaser-image:before{background-image:linear-gradient(to bottom, rgba(var(--clr-foreground-rgb), .55), rgba(var(--clr-foreground-rgb), .3) 50%, transparent 70%);content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.teaser .teaser-image:after{background-image:linear-gradient(to top, rgba(var(--clr-foreground-rgb), .9), rgba(var(--clr-foreground-rgb), .6) 40%, transparent 80%);content:"";pointer-events:none;position:absolute;inset:0}.teaser .teaser-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;max-width:none;height:100%;margin-bottom:0}.teaser-content{color:var(--clr-background);padding-bottom:var(--gap);transform-origin:50% 100%;width:min(100% - var(--gap) * 2, var(--content-max-width));margin-inline:auto}@supports (animation-timeline:view()){.teaser-content{animation-name:teaser-content-keep,teaser-content-fade;animation-fill-mode:both,both;animation-range:exit 0% exit var(--shrink-range), exit 0% exit 45%;animation-timing-function:linear,linear;animation-timeline:--teaser-view,--teaser-view}}@supports not (animation-timeline:view()){.teaser-content{opacity:max(0, 1 - var(--shrink-p,0) * 2.04);scale:calc(1 / (1 - (1 - var(--shrink-scale)) * var(--shrink-p,0)))}}@media (prefers-reduced-motion:reduce){.teaser-content{transition:none;animation:none}}.teaser-content>:first-child{margin-top:0}.teaser-content>:last-child{margin-bottom:0}.teaser-content h1,.teaser-content h2{color:inherit;text-wrap:balance}.teaser+section{margin-top:var(--gap)}.page:has(.teaser){display:grid}.page:has(.teaser) .masthead,.page:has(.teaser) main{grid-area:1/1;align-self:start}html:not([data-scrolled=true]) body:not(.stop-scrolling) .page:has(.teaser) .masthead-inner a,html:not([data-scrolled=true]) body:not(.stop-scrolling) .page:has(.teaser) .masthead-inner .brand-wrap{color:var(--clr-background)}html:not([data-scrolled=true]) body:not(.stop-scrolling) .page:has(.teaser) .masthead-inner .brand-wrap:hover,html:not([data-scrolled=true]) body:not(.stop-scrolling) .page:has(.teaser) .masthead-inner .brand-wrap:focus-visible{color:var(--clr-primary)}html:not([data-scrolled=true]) body:not(.stop-scrolling) .page:has(.teaser) .masthead-inner button.menu-trigger .burger span{background:var(--clr-background)}html:not([data-scrolled=true]) body:not(.stop-scrolling) .page:has(.teaser) .masthead-inner ul:before{border-color:var(--clr-background)}html:not([data-scrolled=true]) body:not(.stop-scrolling) .page:has(.teaser) .masthead-inner ul a:hover{color:var(--clr-background)}html.has-img-loader .teaser .teaser-image{background-color:#ffffff14;background-image:linear-gradient(100deg,#0000 40%,#ffffff24 50%,#0000 60%);background-repeat:no-repeat;background-size:300% 100%;animation:2.2s ease-in-out infinite skeleton-shimmer}html.has-img-loader .teaser .teaser-image:has(>img.is-loaded){animation:none}html.has-img-loader .teaser .teaser-image>img{transition:opacity 1.1s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){html.has-img-loader .teaser .teaser-image{animation:none}html.has-img-loader .teaser .teaser-image>img{transition:none}}@media only screen and (width>=768px){section.teaser{max-height:42rem}}