:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: .78rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.0625rem;--fs-xl: clamp(1.2rem, 1.08rem + .5vw, 1.45rem);--fs-2xl: clamp(1.55rem, 1.28rem + 1.3vw, 2.15rem);--fs-3xl: clamp(2.1rem, 1.5rem + 2.9vw, 3.5rem);--lh-tight: 1.12;--lh-snug: 1.35;--lh-body: 1.65;--tracking-tight: -.021em;--tracking-wide: .06em;--measure: 68ch;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--section-y: clamp(3.5rem, 7vw, 6.5rem);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-full: 999px;--dur-fast: .15s;--dur: .26s;--ease: cubic-bezier(.2, .7, .3, 1);--bg: #fdfcfb;--bg-subtle: #f5f3f0;--surface: #ffffff;--border: #e6e1da;--border-strong: #d4cec5;--text: #1c1917;--text-muted: #6b625b;--accent: #b45309;--accent-hover: #92400e;--accent-solid: #d97706;--accent-on: #1c1917;--accent-subtle: rgba(217, 119, 6, .07);--accent-ring: rgba(217, 119, 6, .4);--shadow-sm: 0 1px 2px rgba(28, 25, 23, .05);--shadow: 0 4px 16px rgba(28, 25, 23, .07)}[data-theme=dark]{--bg: #0f0e0d;--bg-subtle: #171513;--surface: #1c1a18;--border: #2e2a26;--border-strong: #403a34;--text: #f5f2ef;--text-muted: #a79e96;--accent: #fbbf24;--accent-hover: #fcd34d;--accent-solid: #f59e0b;--accent-on: #1c1917;--accent-subtle: rgba(245, 158, 11, .14);--accent-ring: rgba(245, 158, 11, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .5)}html{scroll-behavior:smooth;overflow-x:hidden}html,body{height:100%;margin:0;background-color:var(--bg)}body{overflow-x:hidden;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}h1,h2,h3,h4{line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--text);text-wrap:balance}p{text-wrap:pretty}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:3px;border-radius:var(--radius-sm)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1}.section{padding-block:var(--section-y)}.section--tight{padding-block:calc(var(--section-y) * .6)}.section--subtle{background-color:var(--bg-subtle)}.shell{width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--space-5)}@media (max-width: 480px){.shell{padding-inline:var(--space-4)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-5)}.card-grid>.reveal,.work-list>.reveal{display:flex}.measure{max-width:var(--measure)}.text-muted-token{color:var(--text-muted)!important}.skip-link{position:absolute;left:var(--space-4);top:-4rem;z-index:1080;padding:var(--space-2) var(--space-4);background:var(--accent-solid);color:var(--accent-on);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:top var(--dur) var(--ease)}.skip-link:focus{top:var(--space-4);color:var(--accent-on)}.btn-accent,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.7rem 1.4rem;font-size:var(--fs-sm);font-weight:600;line-height:1;border-radius:var(--radius-full);border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn-accent{background-color:var(--accent-solid);color:var(--accent-on)}.btn-accent:hover{background-color:var(--accent);color:var(--accent-on);transform:translateY(-1px)}[data-theme=dark] .btn-accent:hover{background-color:var(--accent-hover)}.btn-ghost{background-color:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{color:var(--accent);border-color:var(--accent);background-color:var(--accent-subtle);transform:translateY(-1px)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}