.hero-section{position:relative;background:none!important;&:before{content:"";position:absolute;inset:5vh 0 auto;background:linear-gradient(in oklch to right,transparent,var(--color-brand-secondary-surface),var(--color-brand-primary-surface),transparent);z-index:-1;border-radius:4em;width:100%;height:30%;filter:blur(100px)}}.hero-container{text-align:center;padding-block-start:var(--spacing-far)}.hero-title{font-size:3.5em;color:var(--color-text-muted);text-transform:uppercase;margin-inline:auto;@media (min-width: 768px){font-size:4em}}.hero-subtitle{font-size:var(--font-size-large);color:var(--color-text-base);line-height:var(--line-height-small);margin:0 auto var(--spacing-base)}.hero-logo-container{inline-size:14rem;position:relative;margin-inline:auto;margin-block-end:-1.65rem;&:before{content:"";position:absolute;inset-block-end:1.65rem;inset-inline:0;block-size:var(--border-width-thick);inline-size:100%;border-radius:var(--border-radius-medium);background:var(--color-brand-primary-base);z-index:-1}}.teaserImages{align-items:center}.teaser .image-container{outline-offset:calc(var(--border-width-thick) * -2)}.teaser .image{position:relative;z-index:1}.teaser-figure{position:relative;place-items:center;& figcaption{position:absolute;inset-block-end:0;background:var(--color-surface-base);--color: var(--color-brand-primary-base);font-size:var(--font-size-base);box-shadow:var(--shadow-nearest);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-active);font-family:var(--font-family-default);padding:0 var(--control-spacing-base);block-size:2em;display:flex;align-items:center}}.teaser-grid{grid-template-columns:1fr 1fr;inline-size:100%;justify-content:center;justify-items:center}@media (min-width: 32em){.teaser-grid{grid-template-columns:repeat(auto-fit,30%)}}@media (min-width: 54em){.teaser-grid{grid-template-columns:repeat(auto-fit,15%)}}.teaser{&:hover,&:focus-visible{outline:none;.image-container{outline:calc(var(--border-width-thick) * 1.5) solid var(--color-brand-primary-base);outline-offset:calc(var(--border-width-thick) * -1);transition:outline-offset var(--ease-elastic-out-1) var(--transition-duration-base),transform var(--ease-elastic-out-1) var(--transition-duration-base);transform:scale(1.02)}}}.teaserImages-section:not(:has(h2)){padding-block-end:var(--spacing-base)}
