body:has(#header.theme-transparent){--header-transparent-bg-default:transparent;--header-transparent-text-default:#fff;--header-transparent-bg-active:#fff;--header-transparent-text-active:hsl(var(--palettes-grays-25));--header-transparent-offset:calc(4rem + var(--header-h));--marker-h:var(--header-h);@media (min-width:768px){--header-transparent-offset:calc(4rem + var(--header-h-md));--marker-h:var(--header-h-md)}& header.theme-transparent{background:var(--header-transparent-bg-default);margin-bottom:calc(var(--header-h-md) * -1);box-shadow:none;&>*{z-index:1}&:before{content:"";position:absolute;inset:0;background:var(--header-transparent-bg-active);transform:translate3d(0,-110%,0);transition:transform .6s var(--ease-out-circ) 0s,box-shadow .6s var(--ease-out-circ) 0s;box-shadow:0 1px 1px hsl(var(--palettes-grays-97));z-index:-1}}& .header-nav-hamburger-menu:hover:before{background:hsl(var(--palettes-grays-97)/8%)}& header.theme-transparent.has-scrolled .header-nav-hamburger-menu:hover:before{background:hsl(var(--palettes-grays-97))}& header.theme-transparent,& header.theme-transparent .header-logo-link,& header.theme-transparent .header-menu-icon,& header.theme-transparent .header-side-text{color:var(--header-transparent-text-default);transition:color .15s var(--ease-out-circ) 0s}& header.theme-transparent.has-scrolled,&:has(#header [data-state=open]) header.theme-transparent{&,& .header-logo-link,& .header-menu-icon,& .header-side-text{color:var(--header-transparent-text-active);transition:color .6s var(--ease-out-expo)}&:before{transform:translateZ(0);box-shadow:0 1px 1px hsl(var(--palettes-grays-12)/12%);transition:transform .6s var(--ease-out-expo),box-shadow .6s var(--ease-out-expo)}}& main .section-hero{padding-top:var(--header-transparent-offset);padding-bottom:64px;@media (min-width:768px){padding-bottom:120px}}& .header-io-marker{height:var(--marker-h);display:block;position:absolute;left:0;right:0}}