header{container-type:inline-size;position:relative;width:100%;z-index:var(--z-index-top-bar);margin:0 auto;--header-hero-offset:15%;@container (max-width: 1024px){--header-hero-offset:16%}@container (max-width: 768px){--header-hero-offset:14%}}a:has(svg){position:absolute;top:var(--space-s);left:var(--header-hero-offset);@container (max-width: 480px){top:var(--space-xs)}}a svg{width:117px;@container (max-width: 480px){zoom:.66}}#contact{position:absolute;top:var(--space-s);right:var(--header-hero-offset);font-family:var(--font-face-display);text-transform:uppercase;@container (max-width: 480px){display:none;top:var(--space-xs)}}#contact a{color:var(--text-color);text-decoration:none;font-size:var(--font-size-subheader);transition:all var(--animation-duration-s) var(--spring-easing);@container (max-width: 1024px){font-size:var(--font-size-subheader)}@container (max-width: 768px){font-size:var(--font-size-title)}@container (max-width: 640px){font-size:var(--font-size-body)}@container (max-width: 480px){display:none}}header:has(+main .hero.inverted:first-child){filter:brightness(0)}header:not(:has(+main .hero:first-child)){height:var(--space-2xl);background-color:var(--background-color)}section.media{width:100%}section.media picture{width:100%;position:relative}section.media picture img{width:100%}