:root{--color-canvas:#212121;--color-header:#1e1e1e;--color-surface:#222221;--color-surface-raised:#303030;--color-surface-hover:#343432;--color-text-primary:#f7f7f3;--color-text-secondary:#72726f;--color-accent:#e09a52;--color-accent-soft:#eecba4;--color-accent-deep:#b8501f;--color-bg:var(--color-canvas);--color-bg-elevated:var(--color-header);--color-text-muted:var(--color-text-secondary);--color-border:color-mix(in srgb, var(--color-text-primary) 10%, transparent);--color-border-strong:color-mix(in srgb, var(--color-text-primary) 18%, transparent);--color-accent-hover:var(--color-accent-soft);--color-accent-active:var(--color-accent-deep);--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", Times, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--type-display-xl:clamp(2.6rem, 9vw, 6.4rem);--type-display-lg:clamp(2.2rem, 6vw, 4.6rem);--type-h1:clamp(2.2rem, 6vw, 4.8rem);--type-h2:clamp(1.7rem, 3.6vw, 2.8rem);--type-h3:clamp(1.15rem, 2vw, 1.6rem);--type-body-lg:clamp(1rem, 1.4vw, 1.125rem);--type-body-sm:.875rem;--type-caption:.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--content:1240px;--article:72ch;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-soft:0 18px 50px color-mix(in srgb, var(--color-canvas) 70%, transparent);--ease:cubic-bezier(.2, .7, .2, 1);--motion-accent:5s;--motion-beam:3.4s;--motion-float:6s;--motion-ring:20s;--bp-xs:370px;--bp-md:768px;--bp-xl:1440px}.prose{max-width:var(--article);color:var(--color-text-secondary)}.prose>*+*{margin-top:1.2em}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-text-primary);letter-spacing:-.035em;line-height:1.08}.prose h2{margin-top:2.5em;font-size:clamp(1.7rem,3vw,2.5rem)}.prose h3{margin-top:2em;font-size:1.4rem}.prose p{max-width:var(--article)}.prose a{color:var(--color-accent);text-underline-offset:3px;text-decoration-thickness:1px}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.45rem}.prose blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-primary);padding-left:1.25rem;font-size:1.2em}.prose pre{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);font:.85rem/1.7 var(--font-mono);padding:1.25rem;overflow:auto}.prose code{font-family:var(--font-mono);font-size:.9em}.prose hr{border:0;border-top:1px solid var(--color-border);margin:3rem 0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);color:var(--color-text-primary);font:400 15px/1.7 var(--font-sans);margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.skip-link{inset-inline-start:1rem;z-index:100;background:var(--color-accent);color:var(--color-canvas);border-radius:999px;padding:.6rem 1rem;text-decoration:none;position:absolute;top:-3rem}.skip-link:focus{top:1rem}img{max-width:100%;height:auto;display:block}.container{width:min(calc(100% - 3rem), var(--content));margin-inline:auto}.section{padding-block:clamp(4rem,9vw,8rem);position:relative}.eyebrow{color:var(--color-accent);font:700 .72rem/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.lead{max-width:42rem;color:var(--color-text-secondary);font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.5}.hero{align-content:center;min-height:min(780px,100vh - 76px);padding-block:clamp(5rem,12vw,10rem);display:grid}.hero h1,.hero .prose h1{max-width:950px;font:700 var(--type-display-xl)/1.04 var(--font-display);letter-spacing:-.075em;margin:.7rem 0 1.5rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading h2{letter-spacing:-.06em;margin:.4rem 0 0;font-size:clamp(2rem,4vw,3.7rem);line-height:1}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 82%, transparent);min-height:220px;transition:transform .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease), box-shadow .35s var(--ease);flex-direction:column;grid-column:span 4;justify-content:space-between;padding:1.5rem;text-decoration:none;display:flex}.card:hover{border-color:var(--color-accent-deep);background:var(--color-surface-hover);transform:translateY(-3px)}.card h2{letter-spacing:-.04em;margin:1.5rem 0 .4rem;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.05}.card p{color:var(--color-text-secondary);margin:0}.card-index{color:var(--color-text-muted);font:.75rem var(--font-mono)}.empty-state{border-block:1px solid var(--color-border);color:var(--color-text-secondary);grid-column:1/-1;padding:clamp(2rem,6vw,5rem)}.empty-state strong{color:var(--color-text-primary);letter-spacing:-.03em;font-size:clamp(1.3rem,2.5vw,2rem);display:block}.empty-state p{margin:.5rem 0 0}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;font-weight:700;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--color-accent);color:var(--color-canvas)}.btn-primary:hover{background:var(--color-accent-soft);color:var(--color-canvas)}.btn-secondary{border-color:var(--color-border-strong);color:var(--color-text-primary);background:0 0}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-ghost{color:var(--color-text-primary);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover)}.btn-text{min-height:44px;color:var(--color-accent);border-radius:0;padding-inline:0}.btn-text:hover{color:var(--color-accent-hover)}.btn:active{transform:translateY(0)}.btn[aria-disabled=true],.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.text-link{min-height:44px;color:var(--color-accent);text-underline-offset:4px;align-items:center;font-weight:700;display:inline-flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.divider{border:0;border-top:1px solid var(--color-border);margin-block:var(--space-8)}header.site-header{z-index:10;border-bottom:1px solid var(--color-surface-raised);background:var(--color-header);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1.25rem;min-height:76px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:.6rem;min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{width:148px;height:28px}nav ul{align-items:center;gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}nav a{min-height:44px;color:var(--color-text-secondary);align-items:center;padding-inline:.2rem;font-size:.9rem;text-decoration:none;display:inline-flex}nav a:hover{color:var(--color-text-primary)}.nav-cta{white-space:nowrap;min-height:44px;margin-inline-start:.5rem;padding:.5rem .85rem;font-size:.82rem}footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);margin-top:3rem;padding-block:3rem;position:relative}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem;display:grid}.footer-grid p{max-width:28rem}.footer-links{align-content:start;gap:.45rem;display:grid}.footer-links a{min-height:44px;color:var(--color-text-secondary);align-items:center;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--color-accent)}.metric-grid{border-block:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.metric{border-right:1px solid var(--color-border);padding:1.2rem 1rem}.metric:last-child{border-right:0}.metric strong{letter-spacing:-.05em;font-size:1.7rem;display:block}.metric span{color:var(--color-text-muted);font-size:.85rem}.detail-header{padding-block:clamp(4rem,10vw,8rem) 3rem}.detail-header h1{letter-spacing:-.075em;max-width:920px;margin:.6rem 0 1rem;font-size:clamp(3rem,8vw,7rem);line-height:.95}details{border-top:1px solid var(--color-border);padding-block:1rem}details:last-child{border-bottom:1px solid var(--color-border)}summary{cursor:pointer;color:var(--color-text-primary);font-weight:700}summary::marker{color:var(--color-accent)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.detail-panel{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 72%, transparent);padding:1.5rem}.detail-panel h2{margin-top:0}.detail-panel ul,.detail-panel ol{margin:0;padding-inline-start:1.25rem}.detail-panel li+li{margin-top:.55rem}.card-index,.metric strong{direction:ltr;unicode-bidi:isolate}.prose,.lead,.card,.footer-grid{unicode-bidi:plaintext}@media (width<=800px){.card{grid-column:span 6}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}}@media (width<=640px){.container{width:min(calc(100% - 2rem), var(--content))}.nav{flex-wrap:wrap;align-items:flex-start;padding-block:1rem}nav{scrollbar-width:thin;order:3;width:100%;overflow-x:auto}nav ul{white-space:nowrap;gap:.9rem}.nav-cta{margin-inline-start:auto}.hero h1,.hero .prose h1{font-size:clamp(2.8rem,15vw,5rem);line-height:1.08}.card{grid-column:1/-1;min-height:180px}.section-heading{display:block}.metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--color-border)}.metric:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.footer-grid>:first-child{grid-column:auto}.detail-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.site-breadcrumb{z-index:2;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas) 94%, transparent);position:relative}.site-breadcrumb__list{min-height:44px;color:var(--color-text-muted);scrollbar-width:none;white-space:nowrap;align-items:center;gap:.35rem;margin:0;padding:.2rem 0;font-size:.82rem;line-height:1.4;list-style:none;display:flex;overflow-x:auto}.site-breadcrumb__list::-webkit-scrollbar{display:none}.site-breadcrumb__item{flex:none;align-items:center;display:inline-flex}.site-breadcrumb__item a,.site-breadcrumb__more summary{min-height:40px;color:var(--color-text-secondary);border-radius:999px;align-items:center;padding-inline:.35rem;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.site-breadcrumb__item a:hover,.site-breadcrumb__more summary:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.site-breadcrumb__separator{color:var(--color-border-strong);user-select:none;flex:none}.site-breadcrumb__current{max-width:min(44vw,34rem);color:var(--color-text-primary);text-overflow:ellipsis;overflow:hidden}.site-breadcrumb__current span{text-overflow:ellipsis;overflow:hidden}.site-breadcrumb__more,.site-breadcrumb__more details{position:relative}.site-breadcrumb__more summary{cursor:pointer;letter-spacing:.08em;justify-content:center;min-width:40px;font-weight:800;list-style:none}.site-breadcrumb__more summary::-webkit-details-marker{display:none}.site-breadcrumb__menu{inset-inline-start:0;z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:13rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .4rem);box-shadow:0 18px 50px #00000024}.site-breadcrumb__menu a{border-radius:var(--radius-sm);min-height:40px;padding:.55rem .7rem}@media (width<=640px){.site-breadcrumb__list{font-size:.78rem}.site-breadcrumb__current{max-width:52vw}}.post-categories{flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem;display:flex}.post-categories a{border:1px solid var(--color-border-strong);min-height:40px;color:var(--color-text-secondary);border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.8rem;text-decoration:none;display:inline-flex}.post-categories a:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.portfolio-featured{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);margin:2rem 0;overflow:hidden}.portfolio-featured img{width:100%;height:auto}.portfolio-featured figcaption,.portfolio-gallery figcaption{color:var(--color-text-secondary);font-size:var(--type-caption);padding:.65rem .8rem}.portfolio-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0;display:grid}.portfolio-meta div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:1rem}.portfolio-meta dt{color:var(--color-text-muted);font-size:.78rem}.portfolio-meta dd{margin:.3rem 0 0;font-weight:700}.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.portfolio-gallery figure{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);margin:0;overflow:hidden}.portfolio-gallery img{width:100%;height:auto}.portfolio-related{border-inline-start:3px solid var(--color-accent);background:var(--color-surface-raised);margin-top:2rem;padding:1.25rem}.portfolio-related p{color:var(--color-text-secondary)}@media (width<=700px){.portfolio-meta,.portfolio-gallery{grid-template-columns:1fr}}