.status-strip{background:color-mix(in srgb, var(--accent) 20%, transparent);border-bottom:1px solid var(--border-accent);font-family:var(--font-mono);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(4,1fr) auto;font-size:.7rem;display:grid}.status-strip__cell{padding:.55rem var(--space-4);border-right:1px solid var(--border-accent);justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.status-strip__cell:last-of-type{border-right:none}.status-strip__k{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;font-size:.6rem}.status-strip__v{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-strip__v.is-live{color:var(--accent);align-items:center;gap:.35rem;display:inline-flex}.status-strip__dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;flex-shrink:0;animation:1.6s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.45}}.status-strip__theme{border-left:1px solid var(--border-accent);align-items:stretch;display:flex}.status-strip__theme-btn{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-family:var(--font-mono);border-right:1px solid var(--border-accent);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);align-items:center;gap:.35rem;padding:.5rem .7rem;display:inline-flex}.status-strip__theme-btn:last-child{border-right:none}.status-strip__theme-btn:hover{color:var(--accent)}.status-strip__theme-btn.is-active{color:var(--accent);background:var(--accent-soft)}.status-strip__theme-btn.is-active .status-strip__theme-icon{text-shadow:0 0 10px var(--accent-glow)}.status-strip__theme-icon{opacity:.7;font-size:.85rem}.status-strip__theme-btn.is-active .status-strip__theme-icon{opacity:1}@media (prefers-reduced-motion:reduce){.status-strip__dot{animation:none}}@media (width<=720px){.status-strip{grid-template-columns:1fr auto;font-size:.65rem}.status-strip__cell:nth-of-type(n+2){display:none}.status-strip__cell:first-of-type{border-right:1px solid var(--border-accent)}.status-strip__theme-label{display:none}.status-strip__theme-btn{padding:.5rem .55rem}}.site-topbar{padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.site-topbar__brand{font-family:var(--font-mono);color:var(--text);flex-shrink:0;align-items:center;gap:.5rem;font-size:.8rem;display:inline-flex}.site-topbar__mark{color:var(--accent);font-size:.95rem}.site-topbar__nav{gap:var(--space-8);font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem;display:flex}.site-topbar__nav a{color:inherit;transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:.4rem;display:inline-flex}.site-topbar__nav a:hover{color:var(--accent)}.site-topbar__nav .num{color:var(--text-faint)}.site-topbar__palette-btn{background:var(--bg-elevated);border:1px solid var(--border-accent);font-family:var(--font-mono);color:var(--text-muted);transition:color var(--duration-fast), border-color var(--duration-fast);border-radius:5px;flex-shrink:0;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.7rem;display:inline-flex}.site-topbar__palette-btn:hover{color:var(--accent);border-color:var(--accent)}.site-topbar__palette-btn kbd{background:var(--accent-soft);color:var(--accent);border-radius:2px;padding:.08rem .3rem;font-family:inherit;font-size:.65rem}@media (width<=720px){.site-topbar{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.site-topbar__nav{display:none}}.site-chrome{z-index:10;isolation:isolate;position:sticky;top:0}.site-footer{padding:var(--space-16) 0 var(--space-8);border-top:1px solid var(--border)}.site-footer__inner{padding:0 var(--space-8);gap:var(--space-8);flex-direction:column;display:flex}.site-footer__main{justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;display:flex}.site-footer__email{font-family:var(--font-body);font-size:var(--text-2xl);color:var(--text);letter-spacing:-.02em;margin-top:var(--space-2);transition:color var(--duration-fast) var(--ease-out);font-weight:600;display:inline-block}.site-footer__email:hover{color:var(--accent)}.site-footer__links{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.site-footer__link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.site-footer__link:hover{color:var(--accent)}.site-footer__bottom{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);flex-wrap:wrap;display:flex}.hero{padding:var(--space-20) 0 var(--space-16);position:relative}.hero__inner{padding:0 var(--space-8)}.hero__eyebrow{margin-bottom:var(--space-6)}.hero__eyebrow:before{content:"▸"}.hero__headline{font-family:var(--font-body);font-size:clamp(2.5rem, 6vw, var(--text-5xl));letter-spacing:-.035em;margin-bottom:var(--space-6);color:var(--text);max-width:900px;font-weight:700;line-height:.98}.hero__headline .highlight{color:var(--accent)}.hero__word-wrapper{vertical-align:top;display:inline-block;overflow:hidden}.hero__word{display:inline-block}.hero__intro{font-size:var(--text-lg);color:var(--text-muted);max-width:640px;margin-bottom:var(--space-12);line-height:1.55}.hero__footer{padding-top:var(--space-4);border-top:1px solid var(--border-accent);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);justify-content:space-between;align-items:center;display:flex}.hero__footer-next{color:var(--accent)}.about{padding:var(--space-20) 0;border-top:1px solid var(--border)}.about__inner{padding:0 var(--space-8)}.about__eyebrow{margin-bottom:var(--space-6);align-items:center;gap:.6rem;display:inline-flex}.about__eyebrow .section-num{background:var(--accent-soft);border-radius:3px;padding:.1rem .4rem}.about__body{gap:var(--space-6);flex-direction:column;max-width:680px;display:flex}.about__paragraph{font-size:var(--text-lg);color:var(--text-muted);line-height:1.6}.project-card{gap:var(--space-6);padding:var(--space-6);border:1px solid var(--border);background:var(--bg-elevated);margin-bottom:var(--space-3);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);color:inherit;border-radius:6px;grid-template-columns:72px 1fr auto;align-items:start;text-decoration:none;display:grid}.project-card:hover{border-color:var(--accent);transform:translate(4px)}.project-card__num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:.05em;padding-top:.15rem}.project-card__main{min-width:0}.project-card__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-2);align-items:center;gap:.4rem;display:inline-flex}.project-card__label:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.project-card__title{font-family:var(--font-body);font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:var(--space-2);color:var(--text);font-weight:600}.project-card__blurb{font-size:var(--text-base);color:var(--text-muted);max-width:640px;margin-bottom:var(--space-4);line-height:1.55}.project-card__tech{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.project-card__tech-item{border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:.2rem .5rem}.project-card__arrow{font-family:var(--font-mono);color:var(--text-faint);font-size:var(--text-xl);transition:color var(--duration-base) var(--ease-out);padding-top:.15rem}.project-card:hover .project-card__arrow{color:var(--accent)}@media (width<=720px){.project-card{gap:var(--space-3);padding:var(--space-4);grid-template-columns:44px 1fr}.project-card__arrow{display:none}}.restricted-card{--warn:#b03d3d;--warn-soft:#b03d3d17;--warn-glow:#b03d3d59;gap:var(--space-6);padding:var(--space-6);border:1px solid var(--warn-soft);background:var(--bg-elevated);margin-bottom:var(--space-3);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);color:inherit;border-radius:6px;grid-template-columns:72px 1fr auto;align-items:start;text-decoration:none;display:grid;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.restricted-card{--warn:#f55;--warn-soft:#ff555514;--warn-glow:#ff555580}}:root[data-theme=dark] .restricted-card{--warn:#f55;--warn-soft:#ff555514;--warn-glow:#ff555580}:root[data-theme=light] .restricted-card{--warn:#b03d3d;--warn-soft:#b03d3d17;--warn-glow:#b03d3d59}.restricted-card:before{content:"";background:repeating-linear-gradient(135deg, transparent, transparent 14px, var(--warn-soft) 14px, var(--warn-soft) 15px);pointer-events:none;opacity:.55;transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}.restricted-card>*{z-index:1;position:relative}.restricted-card:hover{border-color:var(--warn);box-shadow:0 0 24px var(--warn-glow);transform:translate(4px)}.restricted-card:hover:before{opacity:.9}.restricted-card__num{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--warn);text-shadow:0 0 10px var(--warn-glow);padding-top:.15rem;line-height:1}.restricted-card__main{min-width:0}.restricted-card__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--warn);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-2);align-items:center;gap:.45rem;display:inline-flex}.restricted-card__dot{background:var(--warn);width:6px;height:6px;box-shadow:0 0 8px var(--warn-glow);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite restricted-pulse}@keyframes restricted-pulse{0%,to{opacity:1}50%{opacity:.3}}.restricted-card__title{font-family:var(--font-body);font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:var(--space-2);color:var(--text);flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:600;display:flex}.restricted-card__lock{color:var(--warn);filter:drop-shadow(0 0 6px var(--warn-glow));flex-shrink:0}.restricted-card__blurb{font-size:var(--text-base);color:var(--text-muted);max-width:640px;line-height:1.55}.restricted-card__arrow{font-family:var(--font-mono);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;transition:color var(--duration-base) var(--ease-out);padding-top:.35rem}.restricted-card:hover .restricted-card__arrow{color:var(--warn)}@media (prefers-reduced-motion:reduce){.restricted-card__dot{animation:none}}@media (width<=720px){.restricted-card{gap:var(--space-3);padding:var(--space-4);grid-template-columns:44px 1fr}.restricted-card__arrow{display:none}}.screenshots{gap:var(--space-16);margin-top:var(--space-4);flex-direction:column;display:flex}.screenshot{margin:0}.screenshot__frame{border:1px solid var(--border);background:var(--bg-elevated);transition:border-color var(--duration-fast) var(--ease-out);border-radius:6px;position:relative;overflow:hidden;box-shadow:0 1px #0000000d,0 8px 32px #00000014}:is(.screenshot__frame:has(.screenshot-image:hover),.screenshot__frame:has(.screenshot-image:focus-visible)){border-color:var(--accent)}.screenshot-image{width:100%;color:inherit;cursor:zoom-in;font:inherit;text-align:inherit;background:0 0;border:none;margin:0;padding:0;display:block}.screenshot-image picture,.screenshot-image img{width:100%;height:auto;display:block}.screenshot__pair{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.screenshot__caption{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);max-width:720px;margin:var(--space-4) 0 0;line-height:1.55}.screenshot__tag{top:var(--space-3);left:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;z-index:2;border-radius:3px;padding:.2rem .55rem;position:absolute}.screenshot__tag--before{color:#b03d3d;background:#b03d3d24}.screenshot__tag--after{background:var(--accent-soft);color:var(--accent)}@media (prefers-color-scheme:dark){.screenshot__tag--before{color:#f55;background:#ff555524}.screenshot__frame{box-shadow:0 1px #ffffff0a,0 8px 32px #0006}}:root[data-theme=dark] .screenshot__tag--before{color:#f55;background:#ff555524}:root[data-theme=dark] .screenshot__frame{box-shadow:0 1px #ffffff0a,0 8px 32px #0006}:root[data-theme=light] .screenshot__tag--before{color:#b03d3d;background:#b03d3d24}:root[data-theme=light] .screenshot__frame{box-shadow:0 1px #0000000d,0 8px 32px #00000014}@media (width<=720px){.screenshot__pair{grid-template-columns:1fr}}.lightbox-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;padding:var(--space-12) var(--space-6) var(--space-6);animation:lightbox-fade-in .2s var(--ease-out);background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox{gap:var(--space-4);flex-direction:column;align-items:center;max-width:100%;display:flex}.lightbox__image-wrap{background:var(--bg);border:1px solid var(--border-accent);border-radius:8px;max-width:100%;overflow:hidden;box-shadow:0 20px 60px #00000080}.lightbox__image-wrap picture,.lightbox__image-wrap img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 180px);display:block}.lightbox__caption{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);text-align:center;max-width:760px;padding:0 var(--space-4);margin:0;line-height:1.6}.lightbox__close{top:var(--space-4);right:var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-accent);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:5px;align-items:center;gap:.5rem;padding:.45rem .75rem;display:inline-flex;position:absolute}.lightbox__close:hover{color:var(--accent);border-color:var(--accent)}.lightbox__close kbd{background:var(--accent-soft);color:var(--accent);letter-spacing:0;text-transform:lowercase;border-radius:2px;padding:.08rem .3rem;font-family:inherit;font-size:.65rem}@media (prefers-reduced-motion:reduce){.lightbox-overlay{animation:none}}@media (width<=720px){.lightbox-overlay{padding:var(--space-8) var(--space-3) var(--space-4)}.lightbox__close{top:var(--space-2);right:var(--space-3)}}.project-detail{padding-top:0}.project-detail__header{padding:var(--space-16) 0 var(--space-8);border-bottom:1px solid var(--border)}.project-detail__inner{padding:0 var(--space-8)}.project-detail__back{width:fit-content;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:.4rem;display:flex}.project-detail__back:hover{color:var(--accent)}.project-detail__label{margin-bottom:var(--space-4);align-items:center;gap:.5rem;display:inline-flex}.project-detail__label:before{content:"";background:var(--accent);width:1.25rem;height:2px;display:inline-block}.project-detail__title{font-family:var(--font-body);font-size:clamp(2.25rem, 5vw, var(--text-5xl));letter-spacing:-.03em;margin-bottom:var(--space-6);color:var(--text);font-weight:700;line-height:1}.project-detail__blurb{font-size:var(--text-xl);color:var(--text-muted);max-width:640px;margin-bottom:var(--space-8);font-weight:300;line-height:1.5}.project-detail__meta{gap:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);display:flex}.project-detail__meta dt{font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-1)}.project-detail__meta dd{color:var(--text)}.project-detail__prose{gap:var(--space-6);flex-direction:column;max-width:680px;display:flex}.project-detail__prose p{font-size:var(--text-lg);color:var(--text-muted);line-height:1.65}.project-detail__outcomes{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.project-detail__outcome{padding:var(--space-4);border:1px solid var(--border);background:var(--bg-elevated);border-radius:4px;position:relative}.project-detail__outcome:before{content:"";background:var(--accent);width:6px;height:6px;margin-bottom:var(--space-3);border-radius:50%;display:block}.project-detail__outcome-value{font-family:var(--font-body);font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text);margin-bottom:var(--space-1);font-weight:700}.project-detail__outcome-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.05em}.project-detail__decisions{gap:var(--space-12);flex-direction:column;max-width:680px;display:flex}.project-detail__decision-title{font-family:var(--font-body);font-size:var(--text-xl);letter-spacing:-.015em;margin-bottom:var(--space-3);color:var(--text);font-weight:600}.project-detail__decision-body{font-size:var(--text-base);color:var(--text-muted);line-height:1.6}.project-detail__capabilities{gap:var(--space-16);flex-direction:column;max-width:1040px;display:flex}.project-detail__capability-grid{row-gap:var(--space-14);column-gap:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}.project-detail__capability{gap:var(--space-4);grid-template-columns:44px 1fr;align-items:start;display:grid}.project-detail__capability--featured{gap:var(--space-6)}.project-detail__capability-body{max-width:44ch}.project-detail__capability--featured .project-detail__capability-body{max-width:40ch}.project-detail__capability-featured-content{gap:var(--space-8);grid-template-columns:1fr 1.35fr;align-items:start;display:grid}.project-detail__capability-image{border:1px solid var(--border);background:var(--bg-elevated);transition:border-color var(--duration-fast) var(--ease-out);border-radius:6px;overflow:hidden;box-shadow:0 1px #0000000d,0 6px 20px #00000014}:is(.project-detail__capability-image:has(.screenshot-image:hover),.project-detail__capability-image:has(.screenshot-image:focus-visible)){border-color:var(--accent)}.project-detail__capability-image img,.project-detail__capability-image picture{width:100%;height:auto;display:block}:root[data-theme=dark] .project-detail__capability-image,:where(:root:not([data-theme])) .project-detail__capability-image{box-shadow:0 1px #ffffff0a,0 6px 20px #0006}@media (prefers-color-scheme:dark){:where(:root:not([data-theme])) .project-detail__capability-image{box-shadow:0 1px #ffffff0a,0 6px 20px #0006}}:root[data-theme=light] .project-detail__capability-image{box-shadow:0 1px #0000000d,0 6px 20px #00000014}@media (width<=720px){.project-detail__capability-featured-content{grid-template-columns:1fr}}.project-detail__capability-num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:.05em;padding-top:.15rem}.project-detail__capability-title{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.01em;margin-bottom:var(--space-1);color:var(--text);font-weight:600;line-height:1.3}.project-detail__capability-body{font-size:var(--text-sm);color:var(--text-muted);line-height:1.55}@media (width<=720px){.project-detail__capabilities{gap:var(--space-6);grid-template-columns:1fr}}.project-detail__tech{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.project-detail__tech-item{border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:.25rem .6rem}.private-gate{padding:var(--space-20) 0;align-items:center;min-height:60vh;display:flex}.private-gate__inner{padding:0 var(--space-8)}.private-gate__eyebrow{color:var(--accent);margin-bottom:var(--space-6)}.private-gate__title{font-family:var(--font-body);font-size:clamp(2rem, 4vw, var(--text-4xl));letter-spacing:-.025em;margin-bottom:var(--space-6);color:var(--text);font-weight:700;line-height:1.05}.private-gate__note{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-8);max-width:560px;line-height:1.55}.private-gate__form{gap:var(--space-4);max-width:420px;margin-bottom:var(--space-6);flex-direction:column;display:flex}.private-gate__label{gap:var(--space-2);flex-direction:column;display:flex}.private-gate__input{background:var(--bg-elevated);border:1px solid var(--border-accent);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-base);color:var(--text);transition:border-color var(--duration-fast) var(--ease-out);border-radius:5px}.private-gate__input:focus{border-color:var(--accent);outline:none}.private-gate__input.has-error{border-color:var(--accent)}.private-gate__error{color:var(--accent);font-size:var(--text-xs)}.private-gate__submit{padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;transition:opacity var(--duration-fast) var(--ease-out);border-radius:5px;align-self:flex-start}.private-gate__submit:hover{opacity:.85}.private-gate__contact{color:var(--text-faint);font-size:var(--text-sm)}.palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-8);animation:palette-fade-in var(--duration-fast) var(--ease-out);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes palette-fade-in{0%{opacity:0}to{opacity:1}}.palette{background:var(--bg);border:1px solid var(--border-accent);width:min(680px,100%);max-height:70vh;box-shadow:0 20px 60px #00000080, 0 0 0 1px var(--accent-soft);animation:palette-slide-in var(--duration-fast) var(--ease-out);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}@keyframes palette-slide-in{0%{opacity:.9;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.palette__search{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border);font-family:var(--font-mono);display:flex}.palette__prompt{color:var(--accent);font-size:var(--text-lg)}.palette__input{color:var(--text);font:inherit;font-size:var(--text-lg);padding:var(--space-1) 0;background:0 0;border:none;outline:none;flex:1}.palette__esc{background:var(--bg-elevated);color:var(--text-faint);font-size:var(--text-xs);border-radius:3px;padding:.1rem .35rem}.palette__list{padding:var(--space-2) 0;overflow-y:auto}.palette__group-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-2) var(--space-4) var(--space-1)}.palette__item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);color:var(--text-muted);display:flex}.palette__item.is-active{background:var(--accent-soft);color:var(--text)}.palette__item-left{flex-direction:column;gap:2px;min-width:0;display:flex}.palette__item-label{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette__item-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette__item-shortcut{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap}.palette__empty{padding:var(--space-6) var(--space-6);text-align:center;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7}.palette__hint-try{color:var(--accent);background:var(--accent-soft);font-size:var(--text-xs);border-radius:3px;padding:.1rem .4rem}.palette__footer{border-top:1px solid var(--border);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);justify-content:space-between;display:flex}.palette__footer kbd{background:var(--bg-elevated);color:var(--text-muted);border-radius:2px;padding:.05rem .3rem;font-family:inherit}@media (prefers-reduced-motion:reduce){.palette-overlay,.palette{animation:none}}:root{--bg:#f0ead8;--bg-elevated:#00000004;--text:#161512;--text-muted:#3d3a2f;--text-faint:#847c67;--border:#d9d0b6;--border-accent:#c8be9f;--accent:#0d8ba6;--accent-soft:#0d8ba614;--accent-glow:#0d8ba659;--grid-line:#0000000d;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-narrow:640px;--container:768px;--container-wide:1040px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.4s}@media (prefers-color-scheme:dark){:root{--bg:#0b0d0e;--bg-elevated:#ffffff04;--text:#e8e6e0;--text-muted:#999;--text-faint:#666;--border:#1a1a1a;--border-accent:#1e2a33;--accent:#0cf;--accent-soft:#00ccff14;--accent-glow:#00ccff80;--grid-line:#ffffff08}}:root[data-theme=dark]{--bg:#0b0d0e;--bg-elevated:#ffffff04;--text:#e8e6e0;--text-muted:#999;--text-faint:#666;--border:#1a1a1a;--border-accent:#1e2a33;--accent:#0cf;--accent-soft:#00ccff14;--accent-glow:#00ccff80;--grid-line:#ffffff08}:root[data-theme=light]{--bg:#f0ead8;--bg-elevated:#00000004;--text:#161512;--text-muted:#3d3a2f;--text-faint:#847c67;--border:#d9d0b6;--border-accent:#c8be9f;--accent:#0d8ba6;--accent-soft:#0d8ba614;--accent-glow:#0d8ba659;--grid-line:#0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);color:var(--text);background:var(--bg);transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);font-weight:400;line-height:1.6}main{animation:page-fade-in .28s var(--ease-out)}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--text);color:var(--bg)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:500}.eyebrow--muted{color:var(--text-faint)}.mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:-.01em}.section-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.lede{font-size:var(--text-xl);color:var(--text-muted);font-weight:300;line-height:1.55}.container{width:100%;max-width:var(--container);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.section{padding:var(--space-24) 0}.section--tight{padding:var(--space-16) 0}.hairline{border:none;border-top:1px solid var(--border)}.hairline--accent{border-top-color:var(--border-accent)}.grid-lines{position:relative}.grid-lines:before{content:"";background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:80px 100%;position:absolute;inset:0}.grid-lines>*{z-index:1;position:relative}.kbd{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);border-radius:3px;align-items:center;gap:.25rem;padding:.1rem .35rem;font-size:.7rem;display:inline-flex}.link{color:var(--accent);border-bottom:1px solid var(--accent-soft);transition:border-color var(--duration-fast) var(--ease-out)}.link:hover{border-bottom-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}