.site-header[data-astro-cid-hnhh3bfe]{position:relative;@media(width<=48rem){.container{padding-inline:var(--padding-sm)}}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-lg);padding:var(--padding);@media(width<=48rem){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--gap-sm);min-block-size:4.5rem;margin-block:var(--padding-sm);border:var(--border);border-radius:var(--radius);corner-shape:var(--corner-shape);background:linear-gradient(145deg,color-mix(in oklch,var(--halo-primary) 46%,transparent),transparent 44%),linear-gradient(320deg,color-mix(in oklch,var(--halo-secondary) 38%,transparent),transparent 48%),color-mix(in oklch,var(--surface-strong) 94%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow)}}a{text-decoration:none}svg{inline-size:1.5rem}.desktop-nav .links a{display:flex;align-items:center;gap:.5rem;font-weight:600;&:hover svg[data-astro-cid-hnhh3bfe]{scale:1.1}&.css:hover{color:#639}&.html:hover{color:#e34f26}}}.desktop-nav[data-astro-cid-hnhh3bfe]{display:flex;justify-content:space-between;align-items:center;inline-size:100%;gap:var(--gap);min-inline-size:0;@media(width<=48rem){display:none}.links{display:flex;align-items:center;gap:calc(var(--gap) * 1.5)}}[data-astro-cid-hnhh3bfe]:is(.mobile-brand,.menu-toggle,.mobile-drawer,.menu-backdrop){display:none;@media(width<=48rem){display:block}}@media(width<=48rem){.mobile-brand[data-astro-cid-hnhh3bfe]{min-inline-size:0;.brand{white-space:nowrap}}.menu-toggle[data-astro-cid-hnhh3bfe]{display:inline-grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border:var(--border);border-radius:calc(var(--radius) - .15rem);corner-shape:var(--corner-shape);background:color-mix(in oklch,var(--surface) 90%,transparent);color:var(--text);&:hover{background:color-mix(in oklch,var(--brand-blue) 18%,var(--surface))}.lines{display:grid;gap:.26rem;span{inline-size:1.1rem;block-size:.12rem;border-radius:999px;background-color:currentColor;transition:transform .2s ease,opacity .2s ease}}}.mobile-drawer[data-astro-cid-hnhh3bfe]{position:fixed;inset-block-start:calc(4.875rem + var(--gap));inset-inline-start:var(--padding-sm);inset-block-end:var(--padding-sm);z-index:20;inline-size:max-content;max-inline-size:calc(100vi - (var(--padding-sm) * 2));padding:var(--padding);overflow-y:auto;border:var(--border);border-radius:var(--radius);corner-shape:var(--corner-shape);background:linear-gradient(160deg,color-mix(in oklch,var(--halo-primary) 38%,transparent),transparent 42%),linear-gradient(320deg,color-mix(in oklch,var(--halo-secondary) 34%,transparent),transparent 48%),color-mix(in oklch,var(--surface-strong) 96%,transparent);box-shadow:var(--shadow);translate:calc(-100% - var(--padding-sm)) 0;opacity:0;visibility:hidden;transition:translate .2s ease,opacity .2s ease,visibility .2s ease allow-discrete}.nav-link[data-astro-cid-hnhh3bfe]{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border:var(--border);border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch,var(--surface) 90%,transparent);&:not(:last-child){margin-block-end:var(--gap-sm)}span{font-weight:700}&:hover{background:color-mix(in oklch,var(--brand-blue) 18%,var(--surface))}&.css:hover{color:#639}&.html:hover{color:#e34f26}}.menu-backdrop[data-astro-cid-hnhh3bfe]{position:fixed;inset-block-start:calc(4.875rem + var(--gap));inset-inline:var(--padding-sm);inset-block-end:var(--padding-sm);z-index:19;border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch,black 35%,transparent);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease allow-discrete}.site-header[data-astro-cid-hnhh3bfe]:has(#home-menu-toggle:checked){.menu-toggle .lines span:nth-child(1){transform:translateY(.38rem) rotate(45deg)}.menu-toggle .lines span:nth-child(2){opacity:0}.menu-toggle .lines span:nth-child(3){transform:translateY(-.38rem) rotate(-45deg)}.mobile-drawer{translate:0 0;opacity:1;visibility:visible}.menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}}body:has(#home-menu-toggle:checked){overflow:clip}html:has(#home-menu-toggle:checked){scrollbar-gutter:stable}}.main-layout[data-astro-cid-ouamjn2i]{min-block-size:100dvh;display:grid;grid-template-rows:auto 1fr auto}