@layer components{.site-nav{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}@media (scripting:enabled){html:has([data-hero-sentinel]):not([data-past-hero]) .site-nav:not(:focus-within){box-shadow:none;transform:translateY(calc(-100% - 6px))}}@media (prefers-reduced-motion:reduce){.site-nav{transition:none}}.site-main{padding-top:var(--nav-h)}.site-main:has([data-hero-sentinel]){padding-top:0}.site-main:focus{outline:none}.site-menu{inset:calc(var(--nav-h) + .5rem) .75rem auto auto;width:min(20rem,100vw - 1.5rem);position:fixed}.site-menu:not([data-open]){display:none}.site-menu:popover-open{display:block}.site-menu[data-open]{z-index:60}.site-menu::backdrop{background:color-mix(in oklab, var(--ui-fg) 12%, transparent)}.skip-link{z-index:70;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.hero-overlay{grid-template:"tag""."1fr"title""controls"/minmax(0,1fr);display:grid}.hero-title{grid-area:title}.hero-tag{grid-area:tag}.hero-controls{grid-area:controls}@media (min-width:640px){.hero-overlay{grid-template:"tag controls"". ."1fr"title title"/minmax(0,1fr) auto}}.hero-scrim{background:linear-gradient(to top, color-mix(in oklab, var(--ui-bg) 62%, transparent), color-mix(in oklab, var(--ui-bg) 28%, transparent) 45%, #0000 100%)}@media (min-width:640px){.hero-scrim{background:radial-gradient(110% 85% at 0% 100%, color-mix(in oklab, var(--ui-bg) 66%, transparent) 0%, color-mix(in oklab, var(--ui-bg) 36%, transparent) 38%, #0000 68%)}}}