@property --header-dark{syntax:"<number>";inherits:true;initial-value:0}@property --header-clear{syntax:"<number>";inherits:true;initial-value:0}@layer components{.hero-dark{--surface:var(--hero-base);--content:var(--hero-content);--content-muted:var(--hero-content-muted);--focus:var(--hero-focus);--hero-pull:var(--header-only-height,57px);position:relative;isolation:isolate;margin-top:calc(-1 * var(--hero-pull));background-color:var(--hero-base);color:var(--hero-content)}@media (width >= 64rem){.hero-dark{--hero-pull:var(--header-only-height,49px)}}.hero-backdrop{z-index:-1;overflow:hidden;pointer-events:none}.hero-backdrop,.hero-backdrop__glow,.hero-backdrop__parallax,.hero-backdrop__scrim{position:absolute;inset:0}.hero-backdrop__image{position:absolute;inset:-6%;background-color:var(--hero-base);background-image:url(/media/site/hero-backdrop-wide-v2.webp);background-image:image-set(url("/media/site/hero-backdrop-wide-v2.avif") type("image/avif"),url("/media/site/hero-backdrop-wide-v2.webp") type("image/webp"));background-position:50% 50%;background-repeat:no-repeat;background-size:cover}@media (orientation:portrait){.hero-backdrop__image{background-image:url(/media/site/hero-backdrop-tall-v2.webp);background-image:image-set(url("/media/site/hero-backdrop-tall-v2.avif") type("image/avif"),url("/media/site/hero-backdrop-tall-v2.webp") type("image/webp"))}}.hero-backdrop__glow{background:radial-gradient(ellipse 34% 14% at 50% 80%,color-mix(in srgb,var(--hero-glow) 16%,transparent),transparent 70%),radial-gradient(ellipse 58% 26% at 50% 80%,color-mix(in srgb,var(--hero-ember) 30%,transparent),transparent 72%);opacity:.7}.hero-backdrop__scrim{background:linear-gradient(to bottom,color-mix(in srgb,var(--hero-scrim) 78%,transparent) 0,color-mix(in srgb,var(--hero-scrim) 40%,transparent) calc(var(--hero-pull) + 4%),transparent calc(var(--hero-pull) + 22%)),linear-gradient(to top,var(--hero-base) 0,transparent 20%)}.hero-title{position:relative}.hero-title:before{content:"";position:absolute;inset:-45% -14%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--hero-scrim) 60%,transparent),color-mix(in srgb,var(--hero-scrim) 42%,transparent) 62%,transparent);pointer-events:none}.hero-caption{position:relative}.hero-caption:before{content:"";position:absolute;inset:-80% -22%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--hero-scrim) 60%,transparent),color-mix(in srgb,var(--hero-scrim) 45%,transparent) 70%,transparent);pointer-events:none}.site-header{--header-dark:0;--header-clear:0;--header-fg:color-mix(in srgb,var(--hero-content) calc(var(--header-dark) * 100%),var(--content));--header-chip:color-mix(in srgb,var(--header-hero-chip) calc(var(--header-dark) * 100%),var(--surface-sunken));--header-chip-active:color-mix(in srgb,var(--header-hero-chip-active) calc(var(--header-dark) * 100%),color-mix(in srgb,var(--surface-sunken) 80%,var(--content)));--header-mark:color-mix(in srgb,var(--hero-content) calc(var(--header-dark) * 100%),var(--logo-mark));--header-logo-stroke:calc(var(--logo-optical) * var(--header-dark) + var(--logo-stroke) * (1 - var(--header-dark)));border-bottom:1px solid color-mix(in srgb,transparent calc(var(--header-clear) * var(--header-dark) * 100%),color-mix(in srgb,var(--header-hero-line) calc(var(--header-dark) * 100%),var(--border)));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header[data-hero-state]{transition:--header-clear var(--dur) var(--ease-out)}.site-header:before{content:"";position:absolute;inset:0;z-index:-1;background-color:color-mix(in srgb,var(--header-hero-glass) calc(var(--header-dark) * 100%),color-mix(in srgb,var(--surface) 95%,transparent));opacity:calc(1 - var(--header-clear) * var(--header-dark));pointer-events:none}@supports not ((backdrop-filter:blur(0)) or (-webkit-backdrop-filter:blur(0))){.site-header:before{background-color:color-mix(in srgb,var(--header-hero-glass) calc(var(--header-dark) * 100%),var(--surface))}}@media (scripting:enabled){:root:has([data-hero-tone=dark]) .site-header:not([data-hero-state]){--header-dark:1;--header-clear:1;--focus:var(--hero-focus);--selection-glyph:var(--selection-glyph-inverse);-webkit-backdrop-filter:none;backdrop-filter:none}}.site-header:is([data-hero-state=top],[data-hero-state=inside]){--header-dark:1;--focus:var(--hero-focus);--selection-glyph:var(--selection-glyph-inverse)}.site-header[data-hero-state=top]{--header-clear:1;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header:has([data-catalog-trigger][aria-expanded=true]){--header-dark:0;--header-clear:0;--focus:inherit;--selection-glyph:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-line{position:relative}.nav-line:before{content:"";position:absolute;inset-inline:0;bottom:-3px;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--dur) var(--ease-out);pointer-events:none}:is(a,button):focus-visible>.nav-line:before{transform:scaleX(1);transform-origin:left center}@media (hover:hover){:is(a,button):hover>.nav-line:before{transform:scaleX(1);transform-origin:left center}}}@keyframes hero-lights-up{0%{opacity:.35}}@keyframes hero-drift{0%{transform:translate3d(-1.5%,.5%,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.06)}}@keyframes hero-breathe{0%{opacity:.45}to{opacity:.95}}@keyframes hero-parallax{to{transform:translate3d(0,22vh,0)}}@media (prefers-reduced-motion:no-preference){.hero-backdrop{animation:hero-lights-up 1.4s var(--ease-out) both}.hero-backdrop__image{animation:hero-drift 36s var(--ease-drift) infinite alternate}.hero-backdrop__glow{animation:hero-breathe 9s var(--ease-drift) infinite alternate}@supports (animation-timeline:scroll()){.hero-backdrop__parallax{animation:hero-parallax linear both;animation-timeline:scroll(root block);animation-range:0 100vh}}}