header .nav-wrapper{background-color:var(--background-color);z-index:2;width:100%;transition:background-color var(--duration-base) var(--ease-standard), backdrop-filter var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);border-bottom:1px solid #0000;position:fixed;top:0}header .nav-wrapper.is-scrolled{-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom-color:var(--slate-200);background-color:#ffffffd9}header nav{box-sizing:border-box;grid-template:"hamburger brand tools" var(--nav-height) "sections sections sections" 1fr / auto 1fr auto;max-width:1248px;height:var(--nav-height);font-family:var(--body-font-family);align-items:center;gap:0 24px;margin:auto;padding:0 24px;display:grid}header nav[aria-expanded=true]{grid-template:"hamburger brand" var(--nav-height) "sections sections" 1fr "tools tools" var(--nav-height) / auto 1fr;min-height:100dvh;overflow-y:auto}header nav p{margin:0;line-height:1}header nav a:any-link{color:currentColor}header nav .nav-hamburger{grid-area:hamburger;align-items:center;height:22px;display:flex}header nav .nav-hamburger button{height:22px;color:inherit;overflow:initial;text-overflow:initial;white-space:initial;background-color:#0000;border:0;border-radius:0;margin:0;padding:0}header nav .nav-hamburger-icon,header nav .nav-hamburger-icon:before,header nav .nav-hamburger-icon:after{box-sizing:border-box;width:20px;display:block;position:relative}header nav .nav-hamburger-icon:before,header nav .nav-hamburger-icon:after{content:"";background:currentColor;position:absolute}header nav[aria-expanded=false] .nav-hamburger-icon,header nav[aria-expanded=false] .nav-hamburger-icon:before,header nav[aria-expanded=false] .nav-hamburger-icon:after{background:currentColor;border-radius:2px;height:2px}header nav[aria-expanded=false] .nav-hamburger-icon:before{top:-6px}header nav[aria-expanded=false] .nav-hamburger-icon:after{top:6px}header nav[aria-expanded=true] .nav-hamburger-icon{height:22px}header nav[aria-expanded=true] .nav-hamburger-icon:before,header nav[aria-expanded=true] .nav-hamburger-icon:after{transform-origin:2px 1px;border-radius:2px;width:24px;height:2px;top:3px;left:1px;transform:rotate(45deg)}header nav[aria-expanded=true] .nav-hamburger-icon:after{top:unset;bottom:3px;transform:rotate(-45deg)}@media (min-width:900px){header nav .nav-hamburger{visibility:hidden;display:none}}header .nav-brand{font-size:var(--heading-font-size-s);flex-basis:128px;grid-area:brand;font-weight:700;line-height:1}header nav .nav-brand img{width:128px;height:auto}header nav .nav-sections{visibility:hidden;flex:auto;grid-area:sections;display:none}header nav[aria-expanded=true] .nav-sections{visibility:visible;align-self:start;display:block}header .nav-sections-list{font-size:var(--body-font-size-s);margin:0;padding:0;list-style:none}header .nav-item{border-bottom:1px solid var(--slate-200)}header .nav-link,header .nav-trigger{width:100%;padding:var(--space-s) 0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;font-weight:500;text-decoration:none;display:block}header .mega{color:var(--text-color);display:none}header .mega.is-open{padding-bottom:var(--space-s);display:block}header .mega-rows{gap:var(--space-m);margin:0;padding:0;list-style:none;display:grid}header .mega-row-link{gap:var(--space-2xs);color:inherit;text-decoration:none;display:grid}header .mega-col-desc{gap:var(--space-2xs);flex-direction:column;display:flex}header .mega-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card);width:100%;max-width:220px}header .mega-title{font-weight:600}header .mega-desc{color:var(--slate-500);font-size:.85rem}header .mega-col-cta{color:var(--accent-blue);font-weight:600}header nav .nav-tools{grid-area:tools}@media (min-width:900px){header nav{justify-content:space-between;gap:0 32px;max-width:1264px;padding:0 32px;display:flex}header nav[aria-expanded=true]{min-height:0;overflow:visible}header nav .nav-sections{visibility:visible;display:block}body:has(main>.section:first-of-type .hero) header .nav-wrapper:not(.is-scrolled){background-color:#0000}header .nav-sections-list{white-space:nowrap;align-items:center;gap:32px;margin:0;display:flex}header .nav-item{border-bottom:0;position:static}header .nav-link,header .nav-trigger{width:auto;padding:0;position:relative}header .nav-link:after,header .nav-trigger:before{content:"";transform-origin:100%;height:2px;transition:transform var(--duration-base) var(--ease-standard);background-color:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}header .nav-link:hover:after,header .nav-link:focus-visible:after,header .nav-trigger:hover:before,header .nav-trigger:focus-visible:before,header .nav-trigger[aria-expanded=true]:before{transform-origin:0;transform:scaleX(1)}header .mega{top:var(--nav-height);background-color:var(--background-color);border-bottom:1px solid var(--slate-200);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard), visibility var(--duration-base);pointer-events:none;padding:0;display:block;position:fixed;left:0;right:0;transform:translateY(-8px);box-shadow:0 12px 24px #00000014}header .mega.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}header .mega-rows{max-width:var(--content-width);padding:var(--space-l) var(--gutter-wide);gap:var(--space-s);white-space:normal;flex-direction:column;margin:0 auto;display:flex}header .mega-row-link{gap:var(--space-2xl);padding:var(--space-s) 0;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;display:grid}header .mega-img{max-width:none}header .mega-title{font-size:var(--heading-font-size-s)}header .mega-desc{font-size:1rem}header .mega-col-cta{white-space:nowrap}header .mega-row-link:hover .mega-col-cta{text-decoration:underline}body:has(main>.section:first-of-type .hero) header .nav-wrapper:not(.is-scrolled) .nav-brand a{color:#fff}body:has(main>.section:first-of-type .hero) header .nav-wrapper:not(.is-scrolled) .nav-tools a{color:#fff}body:has(main>.section:first-of-type .hero) header .nav-wrapper:not(.is-scrolled) .nav-link{color:#fff}body:has(main>.section:first-of-type .hero) header .nav-wrapper:not(.is-scrolled) .nav-trigger{color:#fff}}@media (prefers-reduced-motion:reduce){header .nav-link:after,header .nav-trigger:before,header .mega{transition:none}}
