@layer theme;@layer base{*{box-sizing:border-box;margin:0;padding:0}a{color:var(--blue);-webkit-tap-highlight-color:transparent;text-decoration:none}}@layer components,utilities;:root{--bg:#fff;--fg:#1d1d1f;--muted:#6e6e73;--hairline:#00000014;--blue:#0071e3;--blue-press:#0062c4;--blue-tint:#0071e314;--raised:#f5f5f7;--material:#ffffffb8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--fg:#f5f5f7;--muted:#a1a1a6;--hairline:#ffffff1f;--blue:#2997ff;--blue-press:#4aa8ff;--blue-tint:#2997ff24;--raised:#1c1c1e;--material:#161617b8}}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font:100%/1.5 -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif}body{background:var(--bg);color:var(--fg);transition:background-color .3s,color .3s}main{max-width:42rem;margin:0 auto;padding:7rem 1.5rem 6rem;animation:.5s cubic-bezier(.22,1,.36,1) backwards enter}main:has(>.wide){max-width:72rem}.narrow{max-width:42rem;margin:0 auto}.demo-note{color:var(--muted);margin:1rem 0 3rem;line-height:1.55}.built{margin-top:2rem;scroll-margin-top:5rem}.built-grid{gap:.75rem;margin-top:2rem;display:grid}@media (min-width:40rem){.built-grid{grid-template-columns:1fr 1fr}}.built-card{background:var(--raised);border-radius:1.25rem;padding:1.25rem 1.25rem 1.375rem}.built-card h3{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600;line-height:1.3}.built-card p{color:var(--muted);margin-top:.5rem;font-size:.9375rem;line-height:1.5}.entry-link{margin-top:1.5rem}@keyframes enter{0%{opacity:0;transform:translateY(.5rem)}}.nav{z-index:10;background:var(--material);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--hairline);position:fixed;inset:0 0 auto}.nav-inner{align-items:center;gap:1.5rem;max-width:42rem;height:3.25rem;margin:0 auto;padding:0 1.5rem;font-size:.875rem;display:flex}.nav-home{color:var(--fg);margin-right:auto;font-weight:600}.nav-link{color:var(--muted);transition:color .15s}.nav-link:hover,.nav-link[aria-current=page]{color:var(--blue)}.display{letter-spacing:-.03em;font-size:clamp(2.5rem,8vw,4rem);font-weight:600;line-height:1.05}.accent{color:var(--blue)}.lede{letter-spacing:-.01em;color:var(--muted);margin-top:1rem;font-size:1.3125rem;line-height:1.35}.prose{gap:1.25rem;margin-top:3rem;font-size:1.0625rem;line-height:1.6;display:grid}.actions{flex-wrap:wrap;gap:.75rem;margin-top:3rem;display:flex}.button{background:var(--blue);color:#fff;border-radius:999px;align-items:center;height:2.75rem;padding:0 1.25rem;font-weight:500;transition:transform .1s ease-out,background-color .15s;display:inline-flex}.button:hover{background:var(--blue-press)}.button-quiet{background:var(--blue-tint);color:var(--blue)}.button-quiet:hover{background:var(--blue-tint);box-shadow:inset 0 0 0 1px var(--blue)}.button:active,.nav a:active,.links a:active{transform:scale(.97)}.links{gap:1.5rem;margin-top:4rem;font-size:.9375rem;list-style:none;display:flex}.links a,.nav a{transition:transform .1s ease-out,color .15s;display:inline-block}.links a:hover{text-underline-offset:.2em;text-decoration:underline}.title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.25rem,6vw,3rem);font-weight:600;line-height:1.08}.entry{border-bottom:1px solid var(--hairline);padding:2.5rem 0}.entry:last-child{border-bottom:none}.entry-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.entry h2,.entry h3{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.2}.section{letter-spacing:-.02em;margin-top:4rem;font-size:2rem;font-weight:600;line-height:1.15}.skill-group{border-bottom:1px solid var(--hairline);padding:1.5rem 0}.skill-group:last-child{border-bottom:none}.skill-group h3{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.skill-group .stack{margin-top:.75rem}.period{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.875rem}.meta{color:var(--fg);margin-top:.25rem;font-size:.9375rem;font-weight:500}.summary{margin-top:.75rem;font-size:1.0625rem;line-height:1.5}.points{color:var(--muted);gap:.5rem;margin-top:1rem;padding-left:1.25rem;line-height:1.55;display:grid}.points li::marker{color:var(--muted)}.stack{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;list-style:none;display:flex}.stack li{background:var(--raised);color:var(--muted);letter-spacing:.01em;border-radius:6px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}@media (max-width:30rem){.entry-head{flex-direction:column;gap:.25rem}}@media (prefers-reduced-motion:reduce){main{animation:.2s backwards fade}@keyframes fade{0%{opacity:0}}.button:active,.nav a:active,.links a:active{transform:none}}@media (prefers-reduced-transparency:reduce){.nav{background:var(--bg);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){:root{--muted:var(--fg);--hairline:var(--fg)}}