.split-container:before{content:"";position:absolute;background-image:linear-gradient(var(--color-mist)1px,transparent 1px),linear-gradient(90deg,var(--color-mist)1px,transparent 1px);opacity:.3;pointer-events:none;background-size:20px 20px;inset:0}.split-container:after{content:"← Drag →";position:absolute;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ash);background:var(--color-paper);opacity:.8;z-index:10;border-radius:4px;padding:4px 12px;transition:opacity .3s;font-size:.625rem;font-weight:600;bottom:12px;left:50%;transform:translate(-50%)}.split-container:hover:after{opacity:0}.split-after .impeccable-card{box-shadow:0 10px 40px #00000014}@keyframes splitEntry{0%{opacity:0;transform:translate(-50%)skew(-10deg)scaleY(.8)}to{opacity:1;transform:translate(-50%)skew(-10deg)scaleY(1)}}.split-divider{animation:splitEntry .6s var(--ease-out).3s backwards}.split-label-item{transition:color var(--duration-fast)var(--ease-out);cursor:default}.split-label-item:hover{color:var(--color-text)}.split-label-item[data-point=after]:hover .split-label-dot--accent{transform:scale(1.3)}.split-label-dot{transition:transform var(--duration-fast)var(--ease-spring)}.split-badge{position:absolute;letter-spacing:.08em;text-transform:uppercase;z-index:5;pointer-events:none;border-radius:3px;padding:3px 8px;font-size:.625rem;font-weight:600;top:10px}.split-badge--before{color:var(--color-ash);background:var(--color-paper);border:1px solid var(--color-mist);left:10px}.split-badge--after{color:var(--color-paper);background:var(--color-accent);right:10px}@media (hover:none){.split-container:after{content:"← Swipe →"}}@media (max-width:600px){.split-label{padding:4px 10px;font-size:.5625rem}}.commands-section{position:relative;padding:var(--spacing-xl)0;background:var(--color-paper)}.commands-gallery{display:block}.magazine-spread[data-category=create]{--spread-accent:oklch(55% .2 340)}.magazine-spread[data-category=evaluate]{--spread-accent:oklch(55% .2 300)}.magazine-spread[data-category=refine]{--spread-accent:oklch(55% .18 260)}.magazine-spread[data-category=simplify]{--spread-accent:oklch(55% .2 80)}.magazine-spread[data-category=harden]{--spread-accent:oklch(55% .2 160)}.magazine-spread[data-category=system]{--spread-accent:oklch(45% .05 0)}.magazine-container{position:relative;display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-lg);overflow:hidden;align-items: start;width:100%}@media (min-width:1100px){.magazine-container{padding:var(--spacing-lg);background:#fff;border-radius:16px}}.fisheye-list{position:relative;overflow:hidden;mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);align-self: center;height:400px}.fisheye-scroll{overflow-y:auto;scrollbar-width:none;position:relative;height:100%}.fisheye-scroll::-webkit-scrollbar{display:none}.fisheye-item{display:block;font-family:var(--font-display);color:var(--color-ink);position:absolute;cursor:pointer;white-space:nowrap;text-align:left;transform-origin:left center;will-change:transform,opacity;background:0 0;border:none;width:100%;padding:0;font-size:1.5rem;font-weight:400;line-height:1.3;left:0}.fisheye-slash{color:var(--color-mist);font-weight:300}.fisheye-item.is-active{font-weight:600}.fisheye-item.is-active .fisheye-slash{color:var(--color-accent)}.fisheye-beta{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ash);border:1px solid var(--color-mist);vertical-align:middle;border-radius:3px;margin-left:.35em;padding:1px 4px;font-size:.45rem;font-weight:600}.magazine-viewport{position:relative;overflow:hidden;height:520px}.magazine-spread{position:absolute;display:grid;grid-template-columns:38% 1fr;grid-template-rows:1fr auto;gap:0 var(--spacing-2xl);padding:var(--spacing-lg)var(--spacing-lg);opacity:0;pointer-events:none;will-change:opacity,transform;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);inset:0;transform:translateY(16px)}.magazine-spread.active{opacity:1;pointer-events:auto;z-index:2;transform:translateY(0)}.magazine-spread.exiting{opacity:0;z-index:1;transform:translateY(-16px)}.spread-identity{grid-column:1;grid-row:1/3;display:flex;justify-content:center;gap:var(--spacing-md);padding-right:var(--spacing-lg);flex-direction:column}.spread-category-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--spread-accent);font-size:.6875rem;font-weight:600}.spread-command-name{white-space:nowrap;font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin:0;font-size:clamp(3rem,5.5vw,5.5rem);font-weight:600;line-height:.95}.spread-command-name .spread-slash{color:var(--spread-accent);font-weight:300}.spread-command-name .beta-badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--spread-accent);border:1px solid var(--spread-accent);vertical-align:super;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:.55rem;font-weight:600}.spread-description{font-family:var(--font-body);color:var(--color-charcoal);max-width:360px;font-size:.9375rem;line-height:1.6}.spread-flow{display:flex;margin-top:var(--spacing-xs);white-space:nowrap;flex-wrap:nowrap;align-items: center;gap:6px}.spread-flow-label{font-family:var(--font-body);color:var(--color-ash);font-size:.75rem}.spread-flow-icon{color:var(--spread-accent);font-size:.8125rem;font-weight:600}.spread-flow-cmd{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 7px;font-size:.6875rem}.spread-demo-area{grid-column:2;grid-row:1/3;display:flex;overflow:hidden;flex-direction:column;min-height:0}.spread-demo-area .demo-split-comparison{display:flex;flex-direction:column;flex:1;height:100%;min-height:0}.spread-demo-area .demo-split-comparison .split-container{position:relative;overflow:hidden;cursor:ew-resize;user-select:none;background:var(--color-cream);flex:1;min-height:0}.spread-demo-area .demo-split-comparison .split-before,.spread-demo-area .demo-split-comparison .split-after{position:absolute;display:flex;padding:var(--spacing-md);justify-content:center;align-items: center;inset:0}.spread-demo-area .demo-split-comparison .split-before{z-index:1;background:var(--color-cream)}.spread-demo-area .demo-split-comparison .split-after{z-index:2;background:var(--color-paper);clip-path:polygon(58% 0%,100% 0%,100% 100%,42% 100%)}.spread-demo-area .demo-split-comparison .split-content{display:flex;flex-direction:column;justify-content:center;align-items: center;width:100%;max-width:320px}.spread-demo-area .demo-split-comparison .split-divider{position:absolute;background:var(--spread-accent,var(--color-accent));pointer-events:none;z-index:3;width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)skew(-10deg);box-shadow:0 0 12px #0000001a}.spread-demo-area .demo-split-comparison .split-label{position:absolute;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper);background:var(--spread-accent,var(--color-accent));white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:.5625rem;font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)skew(10deg)}.spread-demo-area .demo-split-comparison .demo-caption{color:var(--color-ash);text-align:center;padding:var(--spacing-sm)var(--spacing-md);flex-shrink:0;font-size:.75rem}.spread-demo-area .demo-container{display:flex;flex-direction:column;flex:1}.spread-demo-area .demo-container .demo-viewport{display:flex;background:0 0;flex:1;justify-content:center;align-items: center;max-width:420px;min-height:auto}.commands-container{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-2xl);align-items: start}@media (max-width:900px){.commands-container{grid-template-columns:1fr}}.command-manual{display:flex;gap:var(--spacing-sm);flex-direction:column;padding-bottom:20vh}.command-category-header{font-family:var(--font-display);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-sm);margin-top:var(--spacing-md);border-bottom:1px solid var(--color-mist);font-size:.875rem;font-weight:600}.command-category-header:first-child{margin-top:0}.manual-entry{position:relative;padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 16px);border-left:2px solid var(--color-mist);transition:border-color .4s var(--ease-out),opacity .4s var(--ease-out),background .4s var(--ease-out),transform .4s var(--ease-out);opacity:.4;cursor:pointer;transform:translate(-16px)}.manual-entry:hover{opacity:.7}.manual-entry.active{border-left-color:var(--color-accent);opacity:1;background:linear-gradient(to right,var(--color-bg),transparent);transform:translate(0)}.manual-cmd-name{font-family:var(--font-mono);margin:0 0 var(--spacing-sm);color:var(--color-ink);font-size:1.5rem;font-weight:500}.beta-badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:.55rem;font-weight:600}.manual-cmd-desc{color:var(--color-charcoal);margin:0;font-size:.875rem;line-height:1.5}.manual-cmd-rel{color:var(--color-ash);margin-top:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items: center;gap:.5ch;font-size:.8125rem}.manual-cmd-rel .rel-icon{color:var(--color-accent);font-weight:600}.manual-cmd-rel code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 6px;font-size:.75rem}.glass-terminal-wrapper{position:sticky;height:calc(100vh - var(--spacing-xl)*2);min-height:500px;max-height:800px;top:50vh;transform:translateY(-50%)}.terminal-stack{position:relative;perspective:1200px;height:100%}.terminal-stack-tabs{position:absolute;display:flex;z-index:10;gap:4px;top:-31px;right:8px}.terminal-stack-tab{font-family:var(--font-mono);background:var(--color-cream);border:1px solid var(--color-mist);color:var(--color-ash);cursor:pointer;border-bottom:none;border-radius:6px 6px 0 0;padding:5px 12px;transition:all .2s;font-size:.75rem}.terminal-stack-tab:hover{background:var(--color-paper);color:var(--color-charcoal)}.terminal-stack-tab.active{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-mist)}.terminal-window{position:absolute;transform-origin:center bottom;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s,filter .3s;inset:0}.terminal-window--demo{z-index:2}.terminal-window--demo.is-back{opacity:.6;filter:brightness(.92);pointer-events:none;z-index:1;transform:translateY(16px)translate(12px)scale(.96)}.terminal-window--source{z-index:1;opacity:.6;filter:brightness(.92);pointer-events:none;transform:translateY(16px)translate(12px)scale(.96)}.terminal-window--source.is-front{opacity:1;filter:brightness(1);pointer-events:auto;z-index:2;transform:translateY(0)translate(0)scale(1)}.source-window{background:var(--color-paper);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mist);display:flex;overflow:hidden;border-radius:8px;flex-direction:column;height:100%;box-shadow:0 20px 60px -10px #00000026}.source-header{background:var(--color-cream);display:flex;border-bottom:1px solid var(--color-mist);flex-shrink:0;align-items: center;gap:8px;padding:12px 16px}.source-title{font-family:var(--font-mono);color:var(--color-ink);font-size:.875rem;font-weight:500}.source-body{padding:var(--spacing-md);font-family:var(--font-mono);color:var(--color-charcoal);overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;word-break:break-word;background:var(--color-cream);flex:1;font-size:.75rem;line-height:1.5}.source-loading{color:var(--color-ash);font-style:italic}@media (max-width:900px){.magazine-container,.fisheye-list,.glass-terminal-wrapper{display:none}}.glass-terminal{background:var(--color-paper);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mist);display:flex;overflow:hidden;border-radius:8px;flex-direction:column;height:100%;box-shadow:0 20px 60px -10px #00000026}.terminal-header{background:var(--color-cream);display:flex;border-bottom:1px solid var(--color-mist);align-items: center;gap:8px;padding:12px 16px}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{font-family:var(--font-mono);color:var(--color-ash);margin-left:auto;font-size:.75rem}.terminal-body{padding:var(--spacing-md);font-family:var(--font-mono);color:var(--color-ink);overflow-y:auto;display:flex;flex-direction:column;flex:1;min-height:0;font-size:.9375rem}.terminal-line{margin-bottom:var(--spacing-sm);display:flex;gap:var(--spacing-sm);line-height:1.5}.terminal-prompt{color:var(--color-accent);user-select:none;font-weight:700}.terminal-cursor{display:inline-block;background:var(--color-accent);vertical-align:middle;animation:blink 1s step-end infinite;width:8px;height:1.2em}.terminal-output{color:var(--color-ash);margin-bottom:var(--spacing-md);white-space:pre-wrap}@media (max-height:800px){.terminal-output{display:none}}.terminal-cmd{color:var(--color-accent);font-weight:600}.terminal-step{color:var(--color-charcoal)}.terminal-done{color:var(--color-success,#22c55e);font-weight:500}.terminal-preview{background:var(--color-paper);margin:var(--spacing-sm)0;overflow:hidden;border-radius:12px;flex:1;min-height:0}.terminal-cursor-line{flex-shrink:0;margin-top:var(--spacing-sm)!important}.terminal-preview .demo-split-comparison{display:flex;flex-direction:column;height:100%}.terminal-preview .demo-split-comparison .split-container{position:relative;overflow:hidden;cursor:ew-resize;user-select:none;background:var(--color-cream);flex:1;min-height:0}.terminal-preview .demo-split-comparison .split-before,.terminal-preview .demo-split-comparison .split-after{position:absolute;display:flex;padding:var(--spacing-md);justify-content:center;align-items: center;inset:0}.terminal-preview .demo-split-comparison .split-before{z-index:1;background:var(--color-cream)}.terminal-preview .demo-split-comparison .split-after{z-index:2;background:var(--color-paper);clip-path:polygon(58% 0%,100% 0%,100% 100%,42% 100%)}.terminal-preview .demo-split-comparison .split-content{display:flex;flex-direction:column;justify-content:center;align-items: center;width:100%;max-width:280px}.terminal-preview .demo-split-comparison .split-divider{position:absolute;background:var(--color-accent);pointer-events:none;z-index:3;width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)skew(-10deg);box-shadow:0 0 12px #0000001a}.terminal-preview .demo-split-comparison .split-label{position:absolute;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper);background:var(--color-accent);white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:.5625rem;font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)skew(10deg)}.terminal-preview .demo-split-comparison .demo-caption{color:var(--color-ash);text-align:center;padding:var(--spacing-sm)var(--spacing-md);flex-shrink:0;font-size:.75rem}@keyframes blink{50%{opacity:0}}.casestudies-section{position:relative;padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.transformations-tabbed{margin-top:var(--spacing-xl)}.transformation-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-mist);margin-bottom:var(--spacing-lg)}.transformation-tab{font-family:var(--font-display);color:var(--color-ash);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;position:relative;background:0 0;border:none;transition:color .2s;font-size:.9375rem;font-weight:500}.transformation-tab:hover{color:var(--color-charcoal)}.transformation-tab.active{color:var(--color-ink)}.transformation-tab.active:after{content:"";position:absolute;background:var(--color-accent);height:2px;bottom:-1px;left:0;right:0}.transformation-panels{position:relative}.transformation-panel{display:none;gap:var(--spacing-lg);animation:fadeInPanel .3s ease;flex-direction:column}.transformation-panel.active{display:flex}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.transformation-images{display:flex;align-items: center;gap:var(--spacing-md)}.transformation-before,.transformation-after{flex:1;margin:0}.transformation-before img,.transformation-after img,.transformation-placeholder{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--color-mist);cursor:pointer;border-radius:8px;width:100%;transition:transform .2s,box-shadow .2s}.transformation-before img:hover,.transformation-after img:hover,.transformation-placeholder:hover{transform:scale(1.02);box-shadow:0 8px 24px -4px #00000026}.transformation-placeholder{background:linear-gradient(135deg,var(--color-mist)0%,var(--color-cream)100%);display:flex;color:var(--color-ash);justify-content:center;align-items: center;font-size:.8125rem;font-style:italic}.transformation-before figcaption,.transformation-after figcaption{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ash);margin-top:var(--spacing-xs);text-align:center;font-size:.75rem;font-weight:600}.transformation-arrow{color:var(--color-accent);flex-shrink:0;font-size:1.5rem;font-weight:300}.transformation-info{max-width:600px}.transformation-title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 var(--spacing-xs);font-size:1.25rem;font-weight:600}.transformation-desc{color:var(--color-charcoal);margin:0 0 var(--spacing-sm);font-size:.9375rem;line-height:1.6}.transformation-commands{display:flex;flex-wrap:wrap;gap:6px}.transformation-command{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-charcoal);border-radius:4px;padding:4px 10px;font-size:.75rem}.lightbox{position:fixed;display:flex;z-index:1000;opacity:0;visibility:hidden;background:#000000e6;justify-content:center;align-items: center;transition:opacity .3s,visibility .3s;inset:0}.lightbox.active{opacity:1;visibility:visible}.lightbox-close{position:absolute;color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;transition:opacity .2s;font-size:2.5rem;line-height:1;top:20px;right:24px}.lightbox-close:hover{opacity:1}.lightbox-image{object-fit:contain;border-radius:8px;max-width:90vw;max-height:85vh;box-shadow:0 20px 60px #00000080}@media (max-width:768px){.transformation-images{flex-direction:column}.transformation-arrow{transform:rotate(90deg)}.transformation-before,.transformation-after{width:100%}}.hero-version-link{color:var(--color-ash);margin-top:var(--spacing-sm);font-size:.8125rem}.hero-version-link a{color:var(--color-ash);text-decoration:none;border-bottom:1px solid #0000;transition:color .2s,border-color .2s}.hero-version-link a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.changelog-faq-row{position:relative}@media (min-width:1024px){.changelog-faq-row{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);column-gap:calc(var(--spacing-xl)*1.5);border-top:1px solid var(--color-mist)}.changelog-faq-row>.changelog-section,.changelog-faq-row>.faq-section{border-top:none}.changelog-faq-row>.faq-section{border-left:1px solid var(--color-mist);padding-left:calc(var(--spacing-xl)*.75);margin-left:calc(var(--spacing-xl)*-.75)}}.changelog-section{position:relative;padding:var(--spacing-xl)0;border-top:1px solid var(--color-mist)}.changelog-list{display:flex;flex-direction:column;gap:0}.changelog-entry{padding:var(--spacing-md)0}.changelog-entry+.changelog-entry{border-top:1px solid var(--color-mist)}.changelog-version-header{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.changelog-version{font-family:var(--font-mono);color:var(--color-ink);font-size:1.125rem;font-weight:600}.changelog-date{color:var(--color-ash);font-size:.8125rem}.changelog-items{padding-left:var(--spacing-md);color:var(--color-charcoal);max-width:70ch;margin:0;line-height:1.7}.changelog-items li{margin-bottom:var(--spacing-xs)}.changelog-items code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 6px;font-size:.875em}.changelog-older{margin-top:var(--spacing-sm)}.changelog-older-toggle{font-family:var(--font-body);color:var(--color-accent);padding:var(--spacing-md)0;cursor:pointer;list-style:none;display:flex;align-items: center;gap:6px;transition:color .2s;font-size:.875rem;font-weight:500}.changelog-older-toggle::-webkit-details-marker{display:none}.changelog-older-toggle:before{content:"+";transition:transform .3s var(--ease-out);font-size:1.25rem;font-weight:300}.changelog-older[open] .changelog-older-toggle:before{transform:rotate(45deg)}.changelog-older-toggle:hover{color:var(--color-accent-hover)}.changelog-older-entries{animation:faqFadeIn .3s var(--ease-out)}.faq-section{position:relative;padding:var(--spacing-xl)0;border-top:1px solid var(--color-mist)}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--color-mist)}.faq-question{font-family:var(--font-display);color:var(--color-ink);padding:var(--spacing-md)0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items: center;transition:color .2s;font-size:1.125rem;font-weight:500}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-family:var(--font-body);color:var(--color-accent);transition:transform .3s var(--ease-out);font-size:1.5rem;font-weight:300}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-question:hover{color:var(--color-accent)}.faq-answer{padding:0 0 var(--spacing-md);color:var(--color-charcoal);animation:faqFadeIn .3s var(--ease-out);max-width:70ch;line-height:1.7}.faq-answer p{margin:0 0 var(--spacing-sm)}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{margin:var(--spacing-sm)0;padding-left:var(--spacing-md)}.faq-answer li{margin-bottom:var(--spacing-xs)}.faq-answer code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 6px;font-size:.875em}.faq-answer a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid #0000;transition:border-color .2s}.faq-answer a:hover{border-bottom-color:var(--color-accent)}@media (max-width:600px){.faq-question{padding:var(--spacing-md)0;gap:var(--spacing-sm);min-height:44px;font-size:1rem}.faq-answer{font-size:.875rem}.changelog-version{font-size:1rem}.changelog-version-header{gap:var(--spacing-xs);flex-wrap:wrap}.changelog-items{padding-left:var(--spacing-sm);font-size:.875rem}.changelog-older-toggle{min-height:44px}}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.skills-section{position:relative;padding:var(--spacing-xl)0;overflow:hidden;background:var(--color-bg)}.skills-gallery{display:block;position:relative}.gallery-track{display:flex;gap:var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--spacing-md)var(--spacing-lg)var(--spacing-xl);-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.gallery-track:active{cursor:grabbing}.gallery-track::-webkit-scrollbar{display:none}.gallery-frame{scroll-snap-align:center;position:relative;background:var(--color-paper);border:1px solid var(--color-mist);overflow:hidden;opacity:.4;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out),box-shadow .6s var(--ease-out);border-radius:2px;flex:0 0 80vw;max-width:1100px;transform:scale(.95);box-shadow:0 4px 6px -1px #0000000d,0 20px 50px -10px #0000001a}.gallery-frame.active{opacity:1;border-color:var(--color-charcoal);border-width:1px;transform:scale(1);box-shadow:0 20px 25px -5px #0000001a,0 40px 100px -20px #0003}.gallery-content{display:grid;grid-template-columns:1.2fr 1fr;height:600px}@media (max-width:900px){.gallery-frame{flex:0 0 90vw}.gallery-content{grid-template-columns:1fr;height:auto;min-height:600px}}.gallery-visual{background:var(--color-cream);border-right:1px solid var(--color-mist);position:relative;overflow:hidden;display:flex;padding:var(--spacing-lg);justify-content:center;align-items: center}.gallery-info{padding:var(--spacing-xl);display:flex;overflow-y:auto;flex-direction:column}.gallery-header{margin-bottom:var(--spacing-lg)}.gallery-title{font-family:var(--font-display);margin:0 0 var(--spacing-xs);color:var(--color-ink);font-size:2.5rem;font-style:italic}.gallery-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);font-size:.75rem}.gallery-desc{color:var(--color-charcoal);margin-bottom:var(--spacing-xl);max-width:45ch;font-size:1.125rem;line-height:1.6}.gallery-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:auto}.gallery-tag{border:1px solid var(--color-mist);color:var(--color-ash);border-radius:4px;padding:6px 12px;font-size:.8125rem}.gallery-map{display:flex;margin-top:var(--spacing-lg);justify-content:center;gap:8px}.gallery-dot{background:var(--color-mist);cursor:pointer;position:relative;font:inherit;border:none;width:40px;height:2px;padding:0;transition:all .3s}.gallery-dot:after{content:"";position:absolute;inset:-10px 0}.gallery-dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:1px}.gallery-dot.active{background:var(--color-accent);height:4px}.demo-tabbed-container{display:flex;flex-direction:column}.demo-tabs{display:flex;background:var(--color-paper);border-bottom:1px solid var(--color-mist);justify-content:center;gap:0;margin-bottom:0}.demo-tab{padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ash);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;font-size:.75rem;font-weight:500}.demo-tab:hover{color:var(--color-text);background:var(--color-cream)}.demo-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);background:var(--color-accent-dim)}.demo-panels{flex:1}.demo-panel{display:none}.demo-panel.active{display:block;animation:fadeSlideIn .3s var(--ease-out)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-container{background:var(--color-paper);overflow:hidden;border:none;border-radius:0}.demo-header{display:flex;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-paper);border-bottom:1px solid var(--color-mist);justify-content:center;align-items: center;min-height:48px}.demo-toggle{display:flex;align-items: center;gap:var(--spacing-md)}.demo-toggle-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);transition:color var(--duration-fast)var(--ease-out);cursor:pointer;font-size:.6875rem;font-weight:600}.demo-toggle-label:hover{color:var(--color-text)}.demo-toggle-label.active{color:var(--color-accent)}.demo-toggle-switch{position:relative;background:var(--color-mist);cursor:pointer;transition:background var(--duration-fast)var(--ease-out);font:inherit;border:1px solid #0000;border-radius:12px;width:44px;height:24px;padding:0}.demo-toggle-switch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-toggle-switch:hover{border-color:var(--color-ash)}.demo-toggle-switch:after{content:"";position:absolute;background:var(--color-paper);transition:transform var(--duration-base)var(--ease-spring);border-radius:50%;width:16px;height:16px;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.demo-toggle-switch.active{background:var(--color-accent)}.demo-toggle-switch.active:after{transform:translate(20px)}.demo-viewport{padding:var(--spacing-xl);display:flex;background:var(--color-cream);transition:background var(--duration-base)var(--ease-out);justify-content:center;align-items: center;min-height:280px}.demo-viewport[data-state=after]{background:var(--color-paper)}.demo-caption{padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-ash);text-align:center;font-size:.6875rem}.uxw-demo{padding:var(--spacing-lg);background:var(--color-paper);border:1px solid var(--color-mist);text-align:center;border-radius:6px;width:100%;max-width:320px}.uxw-error-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.uxw-error-title{color:#c00;margin-bottom:var(--spacing-xs);font-weight:600}.uxw-error-text{color:var(--color-ash);font-size:.875rem}.uxw-error-action{margin-top:var(--spacing-sm);color:var(--color-accent);cursor:pointer;text-decoration:underline;font-size:.875rem}.uxw-error-after .uxw-error-icon{color:var(--color-accent)}.uxw-error-after .uxw-error-title{color:var(--color-text)}.uxw-error-after .uxw-error-text{color:var(--color-charcoal)}.uxw-button-context{color:var(--color-charcoal);margin-bottom:var(--spacing-md);font-size:.875rem;font-weight:500}.uxw-button-row{display:flex;gap:var(--spacing-sm);justify-content:center}.uxw-btn{padding:var(--spacing-xs)var(--spacing-md);cursor:pointer;border:none;border-radius:4px;font-size:.875rem;font-weight:500}.uxw-btn-primary{background:var(--color-text);color:var(--color-paper)}.uxw-btn-secondary{color:var(--color-ash);border:1px solid var(--color-mist);background:0 0}.uxw-btn-danger{color:#fff;background:#c00}.uxw-empty-icon{margin-bottom:var(--spacing-sm);opacity:.4;font-size:2.5rem}.uxw-empty-title{color:var(--color-ash);font-weight:500}.uxw-empty-text{color:var(--color-charcoal);margin-top:var(--spacing-xs);font-size:.875rem}.uxw-empty-action{margin-top:var(--spacing-md)}.uxw-empty-after .uxw-empty-icon{opacity:1}.uxw-empty-after .uxw-empty-title{color:var(--color-text)}.spatial-demo{padding:var(--spacing-md);background:var(--color-paper);border:1px solid var(--color-mist);border-radius:6px;width:100%;max-width:340px}.spatial-grid-before{display:flex;flex-wrap:wrap;gap:6px}.spatial-grid-after{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.spatial-card-item{padding:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-mist);color:var(--color-charcoal);text-align:center;border-radius:4px;font-size:.8125rem}.spatial-grid-after .spatial-card-item{width:auto!important}.spatial-hierarchy-before .spatial-h-title,.spatial-hierarchy-before .spatial-h-subtitle,.spatial-hierarchy-before .spatial-h-cta,.spatial-hierarchy-before .spatial-h-link{margin-bottom:var(--spacing-xs);color:var(--color-charcoal);font-size:.9375rem}.spatial-hierarchy-after .spatial-h-title{font-family:var(--font-display);margin-bottom:var(--spacing-xs);color:var(--color-text);font-size:1.75rem;font-style:italic;font-weight:300}.spatial-hierarchy-after .spatial-h-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);margin-bottom:var(--spacing-md);font-size:.6875rem}.spatial-hierarchy-after .spatial-h-cta{display:inline-block;padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-text);color:var(--color-paper);margin-bottom:var(--spacing-sm);border-radius:4px;font-size:.875rem;font-weight:500}.spatial-hierarchy-after .spatial-h-link{color:var(--color-ash);font-size:.75rem}.spatial-whitespace-before{padding:var(--spacing-xs)!important}.spatial-whitespace-before .spatial-ws-title{margin-bottom:2px;font-size:1rem;font-weight:600}.spatial-whitespace-before .spatial-ws-price{color:var(--color-ash);margin-bottom:4px;font-size:.875rem}.spatial-whitespace-before .spatial-ws-features{color:var(--color-ash);margin-bottom:6px;font-size:.75rem}.spatial-whitespace-before .spatial-ws-btn{background:var(--color-text);color:var(--color-paper);cursor:pointer;border:none;border-radius:3px;width:100%;padding:6px;font-size:.75rem}.spatial-whitespace-after{padding:var(--spacing-lg)!important}.spatial-whitespace-after .spatial-ws-title{font-family:var(--font-display);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:400}.spatial-whitespace-after .spatial-ws-price{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.spatial-whitespace-after .spatial-ws-features{color:var(--color-ash);margin-bottom:var(--spacing-lg);font-size:.8125rem;line-height:1.6}.spatial-whitespace-after .spatial-ws-btn{padding:var(--spacing-sm);background:var(--color-text);color:var(--color-paper);cursor:pointer;border:none;border-radius:4px;width:100%;font-size:.875rem;font-weight:500}.motion-demo{display:flex;align-items: center;gap:var(--spacing-sm);flex-direction:column;width:100%;max-width:280px}.motion-stagger-demo{align-items:stretch}.motion-list-item{display:flex;align-items: center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-mist);color:var(--color-charcoal);border-radius:4px;font-size:.875rem}.motion-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.demo-viewport[data-state=after] .motion-list-item{opacity:0;animation:staggerIn .35s cubic-bezier(.16,1,.3,1)forwards;transform:translateY(12px)}.demo-viewport[data-state=after] .motion-list-item:first-child{animation-delay:0s}.demo-viewport[data-state=after] .motion-list-item:nth-child(2){animation-delay:50ms}.demo-viewport[data-state=after] .motion-list-item:nth-child(3){animation-delay:.1s}.demo-viewport[data-state=after] .motion-list-item:nth-child(4){animation-delay:.15s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.motion-btn{cursor:pointer;border:none;border-radius:4px;padding:12px 24px;font-size:.9375rem;font-weight:500}.motion-btn-before{background:var(--color-charcoal);color:var(--color-paper)}.motion-btn-after{background:var(--color-text);color:var(--color-paper);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.motion-btn-after:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.motion-btn-after:active{transform:translateY(0)scale(.98)}.motion-card{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-mist);text-align:center;border-radius:6px;min-width:140px}.motion-card-icon{margin-bottom:var(--spacing-xs);font-size:1.5rem}.motion-card-text{color:var(--color-charcoal);font-size:.8125rem}.motion-card-after{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.demo-viewport[data-state=after] .motion-card-after{background:color-mix(in oklch,var(--color-accent)10%,var(--color-paper));border-color:var(--color-accent)}.demo-viewport[data-state=after] .motion-card-after .motion-card-icon{animation:checkPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{50%{transform:scale(1.3)}}.typo-demo{text-align:left;width:100%;max-width:320px}.typo-pairing-before{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.typo-pairing-before .typo-heading{margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:600}.typo-pairing-before .typo-body{color:var(--color-ash);font-size:.9375rem;line-height:1.5}.typo-pairing-after .typo-heading{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:2rem;font-style:italic;font-weight:300}.typo-pairing-after .typo-body{font-family:var(--font-body);color:var(--color-charcoal);font-size:.9375rem;line-height:1.7}.typo-hierarchy-before .typo-h1{margin-bottom:4px;font-size:1.125rem;font-weight:600}.typo-hierarchy-before .typo-meta{color:var(--color-ash);margin-bottom:var(--spacing-xs);font-size:.9375rem}.typo-hierarchy-before .typo-p{color:var(--color-charcoal);font-size:.875rem;line-height:1.5}.typo-hierarchy-after .typo-h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:2px;font-size:2.25rem;font-weight:300;line-height:1.1}.typo-hierarchy-after .typo-meta{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--spacing-md);font-size:.6875rem}.typo-hierarchy-after .typo-p{color:var(--color-ash);font-size:.9375rem;line-height:1.7}.int-demo{display:flex;gap:var(--spacing-md);flex-direction:column;width:100%;max-width:280px}.int-states-demo{gap:var(--spacing-lg)}.int-state-row{display:flex;align-items: center;gap:var(--spacing-md)}.int-state-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);width:40px;font-size:.6875rem}.int-btn{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-radius:4px;flex:1;font-size:.875rem;font-weight:500}.int-btn-poor{background:var(--color-charcoal);color:var(--color-paper);border:none}.int-btn-good{background:var(--color-text);color:var(--color-paper);border:2px solid #0000;transition:all .15s}.int-btn-good:hover{background:var(--color-charcoal)}.int-btn-good:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent)25%,transparent)}.int-btn-good:active{transform:scale(.98)}.int-aff-item{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-radius:4px;font-size:.875rem}.int-aff-poor{color:var(--color-charcoal)}.int-aff-good{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.int-aff-good:after{content:" →"}.int-affordance-after .int-aff-item{background:var(--color-bg);border:1px solid var(--color-mist);color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:background .15s}.int-affordance-after .int-aff-item:hover{background:color-mix(in oklch,var(--color-accent)5%,var(--color-paper))}.int-affordance-after .int-aff-item:after{content:" →"}.int-feedback-before,.int-feedback-after{display:flex;align-items: center;gap:var(--spacing-md);flex-direction:row}.int-fb-btn{cursor:pointer;display:flex;border:none;border-radius:50%;justify-content:center;align-items: center;width:48px;height:48px}.int-fb-btn svg{width:22px;height:22px}.int-fb-silent{background:var(--color-mist);color:var(--color-ash)}.int-fb-active{background:var(--color-charcoal);color:var(--color-paper);transition:all .15s cubic-bezier(.34,1.56,.64,1)}.int-fb-active:hover{transform:scale(1.1)}.int-fb-active:active{transform:scale(.95)}.int-fb-active.liked{background:var(--color-accent);animation:heartPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes heartPop{50%{transform:scale(1.25)}}.int-fb-label{color:var(--color-charcoal);font-size:.875rem}.color-demo{width:100%;max-width:300px}.color-palette-before,.color-palette-after{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-paper);border:1px solid var(--color-mist);border-radius:6px;flex-wrap:wrap}.color-swatch{border-radius:4px;width:40px;height:40px;transition:background .2s}.color-card{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-paper);border:1px solid var(--color-mist);display:flex;border-radius:4px;flex-direction:column;gap:4px;width:100%}.color-card span{transition:color .2s;font-size:.8125rem;font-weight:500}.color-card button{cursor:pointer;border:none;border-radius:3px;padding:6px;transition:all .2s;font-size:.75rem;font-weight:500}.color-palette-before .swatch-1{background:#ff6b6b}.color-palette-before .swatch-2{background:#4ecdc4}.color-palette-before .swatch-3{background:#ffe66d}.color-palette-before .swatch-4{background:#95e1d3}.color-palette-before .swatch-5{background:#f38181}.color-palette-before .card-title{color:#ff6b6b}.color-palette-before .card-subtitle{color:#4ecdc4}.color-palette-before .card-btn{color:#333;background:#ffe66d}.color-palette-after .swatch-1{background:var(--color-text)}.color-palette-after .swatch-2{background:var(--color-charcoal)}.color-palette-after .swatch-3{background:var(--color-ash)}.color-palette-after .swatch-4{background:var(--color-mist)}.color-palette-after .swatch-5{background:var(--color-accent)}.color-palette-after .card-title{color:var(--color-text)}.color-palette-after .card-subtitle{color:var(--color-ash)}.color-palette-after .card-btn{background:var(--color-accent);color:var(--color-paper)}.color-accent-card{padding:var(--spacing-md);border-radius:6px}.color-accent-before .color-accent-card{background:#f5f5f5;border:1px solid #e0e0e0}.color-accent-before .color-accent-title{color:#333;margin-bottom:4px;font-weight:600}.color-accent-before .color-accent-text{color:#666;margin-bottom:var(--spacing-sm);font-size:.8125rem}.color-accent-before .color-accent-btn{padding:var(--spacing-xs);color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;width:100%;font-size:.8125rem}.color-accent-after .color-accent-card{background:color-mix(in oklch,var(--color-accent)8%,var(--color-paper));border:1px solid color-mix(in oklch,var(--color-accent)20%,var(--color-paper))}.color-accent-after .color-accent-title{color:var(--color-text);margin-bottom:4px;font-weight:600}.color-accent-after .color-accent-text{color:var(--color-ash);margin-bottom:var(--spacing-sm);font-size:.8125rem}.color-accent-after .color-accent-btn{padding:var(--spacing-xs);background:var(--color-accent);color:var(--color-paper);cursor:pointer;border:none;border-radius:4px;width:100%;font-size:.8125rem;font-weight:500}.color-contrast-static{display:flex;gap:var(--spacing-sm);flex-direction:column}.contrast-example{padding:var(--spacing-md);text-align:center;border-radius:6px}.contrast-fail{color:#a0a0a0;background:#f0f0f0}.contrast-pass{background:var(--color-charcoal);color:var(--color-paper)}.contrast-badge{display:inline-block;text-transform:uppercase;letter-spacing:.1em;border-radius:2px;margin-bottom:4px;padding:2px 6px;font-size:.5625rem;font-weight:600}.contrast-fail .contrast-badge{background:#ddd}.contrast-pass .contrast-badge{background:var(--color-accent);color:var(--color-paper)}.contrast-text{margin-bottom:2px;font-size:1rem;font-weight:500}.contrast-ratio{opacity:.7;font-size:.6875rem}.resp-demo{width:100%;max-width:340px}.resp-touch-demo{display:flex;gap:var(--spacing-lg);flex-direction:column}.resp-touch-row{display:flex;align-items: center;gap:var(--spacing-md)}.resp-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);width:70px;font-size:.6875rem}.resp-touch-targets{display:flex;gap:4px}.resp-touch-targets button{cursor:pointer;border:none;border-radius:4px;font-weight:500}.resp-touch-bad button{background:var(--color-mist);color:var(--color-ash);width:24px;height:24px;font-size:.75rem}.resp-touch-good button{background:var(--color-text);color:var(--color-paper);width:44px;height:44px;font-size:1rem}.resp-fluid-demo{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-mist);border-radius:6px}.resp-fluid-container{display:flex;gap:var(--spacing-md);flex-direction:column}.resp-fluid-fixed,.resp-fluid-adaptive{color:var(--color-ash);font-size:.75rem}.resp-fluid-fixed span,.resp-fluid-adaptive span{display:block;margin-bottom:4px}.resp-fluid-bar{background:var(--color-mist);border-radius:4px;height:24px}.resp-fluid-adaptive .resp-fluid-bar{background:var(--color-accent)}.resp-adapt-demo{display:flex;gap:var(--spacing-sm);align-items: flex-end}.resp-device{text-align:center}.resp-device>span{display:block;color:var(--color-ash);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.625rem}.resp-device-screen{background:var(--color-paper);border:2px solid var(--color-mist);display:flex;border-radius:4px;flex-direction:column;gap:3px;padding:4px}.resp-device-mobile .resp-device-screen{width:50px;height:80px}.resp-device-tablet .resp-device-screen{width:80px;height:60px}.resp-device-desktop .resp-device-screen{width:120px;height:70px}.resp-block{background:var(--color-mist);border-radius:2px}.resp-block-row{display:flex;flex:1;gap:3px}.resp-header{background:var(--color-charcoal);height:16px}.resp-sidebar{background:var(--color-charcoal);width:30%}.resp-content{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{position:absolute;z-index:10000;padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-ink);color:var(--color-paper);text-decoration:none;border-radius:0 0 8px 8px;transition:top .2s;font-weight:600;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{outline:2px solid var(--color-accent);outline-offset:2px;top:0}.section-nav{position:fixed;bottom:var(--spacing-md);z-index:100;display:flex;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mist);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out),transform .4s var(--ease-out);background:#f8f8f8d9;background:lab(97.68% -.000089407 .0000119209/.85);border-radius:100px;align-items: center;gap:2px;padding:4px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 24px -4px #0000001f,0 1px 3px #0000000f}.section-nav.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.section-nav-item{display:flex;text-decoration:none;border-radius:100px;align-items: center;gap:4px;padding:8px 12px;transition:background .2s,color .2s}.section-nav-item:hover{background:var(--color-mist);text-decoration:none}.section-nav-item.is-active{background:var(--color-ink)}.section-nav-item.is-active .section-nav-num,.section-nav-item.is-active .section-nav-label{color:var(--color-paper)}.section-nav-num{font-family:var(--font-mono);color:var(--color-ash);letter-spacing:.02em;transition:color .2s;font-size:.5625rem;font-weight:500}.section-nav-label{font-family:var(--font-body);color:var(--color-charcoal);white-space:nowrap;transition:color .2s;font-size:.6875rem;font-weight:500}@media (max-width:700px){.section-nav-label{display:none}.section-nav-item{padding:8px 10px}}@media (max-width:400px){.section-nav-item{padding:8px}.section-nav-num{font-size:.625rem}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-paper);overflow-x:clip;min-height:100vh;min-height:100dvh;font-size:16px;line-height:1.625}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-weight:400;line-height:1.1}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--duration-fast)var(--ease-out),text-decoration-color var(--duration-fast)var(--ease-out)}a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}.btn,.footer-logo,[class*=nav-item]{text-decoration:none}strong{color:var(--color-ink);font-weight:600}code{font-family:var(--font-mono);background:var(--color-accent-dim);color:var(--color-accent);border-radius:4px;padding:.15em .4em;font-size:.9em}::selection{background:var(--color-accent-soft);color:var(--color-ink)}.grain-overlay{position:fixed;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;inset:0}.site-content{max-width:var(--width-max);padding:0 var(--spacing-lg);margin:0 auto}@media (max-width:768px){.site-content{padding:0 var(--spacing-md)}}.section-header{margin-bottom:var(--spacing-lg);position:relative}.section-number{display:block;font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-ash);margin-bottom:var(--spacing-xs);text-transform:uppercase;font-size:.625rem;font-weight:500}.section-title{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.2}.section-subtitle{color:var(--color-charcoal);margin-top:var(--spacing-sm);max-width:55ch;font-size:1rem;line-height:1.6}.cheatsheet-link{color:var(--color-accent);text-decoration:none;margin-left:.5em;font-size:.875rem}.cheatsheet-link:hover{text-decoration:underline}.section-lead{color:var(--color-charcoal);margin-bottom:var(--spacing-lg);max-width:55ch;font-size:1rem;line-height:1.6}.hero-combined{position:relative;display:flex;min-height:100vh;padding:var(--spacing-lg)0 var(--spacing-2xl);background:var(--color-paper);flex-direction:column;justify-content:center;min-height:100dvh}.github-link{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);z-index:10;color:var(--color-ash);display:flex;text-decoration:none;align-items: center;gap:6px;transition:color .2s}.github-link:hover{color:var(--color-ink);text-decoration:none}.github-stars{font-family:var(--font-mono);color:var(--color-ash);transition:color .2s;font-size:.75rem;font-weight:500}.github-link:hover .github-stars{color:var(--color-ink)}.hero-combined-container{max-width:var(--width-max);padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items: center;width:100%;margin:0 auto}@media (max-width:1024px){.hero-combined-container{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}}@media (max-width:768px){.hero-combined-right{padding-top:var(--spacing-xl);order:-1}.hero-combined-container{gap:var(--spacing-md)}.hero-combined-left{gap:var(--spacing-sm);padding-top:var(--spacing-md)}.hero-hook-text,.hero-included-box,.hero-cta-group{margin-top:var(--spacing-xs)}}.hero-combined-left{display:flex;gap:var(--spacing-md);flex-direction:column}@media (max-width:1024px){.hero-combined-left{align-items: center}}.hero-title-combined{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:clamp(2.5rem,7vw,4.5rem);font-style:italic;font-weight:300;line-height:1}.hero-tagline-combined{font-family:var(--font-display);color:var(--color-charcoal);margin:0;font-size:clamp(1.125rem,2.5vw,1.75rem);font-style:italic;font-weight:400;line-height:1.3}.hero-hook-text{color:var(--color-charcoal);max-width:45ch;margin:0;font-size:1rem;line-height:1.6}.hero-hook-text--short{display:none}@media (max-width:768px){.hero-hook-text--full{display:none}.hero-hook-text--short{display:block}}.hero-included-box{display:flex;border:1px solid var(--color-mist);background:0 0;flex-direction:column;gap:6px;max-width:45ch;padding:10px 14px}.hero-included-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);font-size:.5625rem;font-weight:500}.hero-included-items{display:flex;color:var(--color-charcoal);flex-wrap:wrap;align-items: center;gap:6px;font-size:.8125rem;line-height:1.5}.hero-included-items em{font-style:normal;font-family:var(--font-mono);font-size:.75rem}.hero-included-sep{color:var(--color-mist)}@media (max-width:500px){.hero-included-items{flex-direction:column;align-items: flex-start;gap:4px}.hero-included-sep{display:none}}.hero-cta-group{display:flex;align-items: center;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}@media (max-width:600px){.hero-cta-group{gap:var(--spacing-md);flex-direction:column}}.hero-cta-combined{display:inline-block;padding:var(--spacing-sm)var(--spacing-xl);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--color-paper);background:var(--color-ink);border:none;transition:transform .2s,background .2s;font-size:.9rem;font-weight:500}.hero-cta-combined:hover{background:var(--color-accent);color:var(--color-paper);transform:translateY(-2px)}.hero-logos-inline{display:flex;flex-direction:column;align-items: flex-start;gap:6px}.hero-logos-inline .hero-logos-label{color:var(--color-ash);letter-spacing:.03em;font-size:.6875rem}.hero-logos-inline .hero-logos-row{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.hero-logos-inline .hero-logos-row img{opacity:.7;border-radius:4px;transition:opacity .2s}.hero-logos-inline .hero-logos-row img:hover{opacity:1}.hero-combined-right{display:flex;justify-content:center}.hero-combined-right .split-comparison{width:100%;max-width:520px}.hero-combined-right .split-container{max-width:100%}.hero-bias-tags{display:flex;align-items: center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-mist);max-width:var(--width-max);padding-bottom:var(--spacing-md);flex-direction:column;width:100%;margin-left:auto;margin-right:auto}.problem-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.problem-content{display:grid;gap:var(--spacing-xl)}.split-comparison{position:relative;width:100%;max-width:600px;margin:-20px auto;padding:20px}.split-container{position:relative;overflow:hidden;background:var(--color-cream);border:1px solid var(--color-mist);cursor:ew-resize;user-select:none;border-radius:12px;width:100%;max-width:500px;height:380px;margin:0 auto}.split-before,.split-after{position:absolute;display:flex;justify-content:center;align-items: center;inset:0}.split-before{z-index:1}.split-content{display:flex;justify-content:center;align-items: center;width:100%;height:100%}.split-after{clip-path:polygon(58% 0%,100% 0%,100% 100%,42% 100%);z-index:2;background:var(--color-paper)}.split-divider{position:absolute;background:var(--color-accent);pointer-events:none;z-index:3;width:3px;top:0;bottom:0;left:50%;transform:translate(-50%)skew(-10deg);box-shadow:0 0 20px #00000026}.split-label{position:absolute;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper);background:var(--color-accent);white-space:nowrap;border-radius:4px;padding:6px 14px;font-size:.6875rem;font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)skew(10deg);box-shadow:0 2px 8px #0003}.slop-card{display:flex;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 50%,#ddd6fe 100%);border-radius:16px;flex-direction:column;width:280px;height:280px;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 4px 6px -1px #0000001a}.slop-header{display:flex;align-items: center;gap:12px;margin-bottom:16px}.slop-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;flex-shrink:0;width:40px;height:40px}.slop-text{flex:1}.slop-title{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:600}.slop-subtitle{color:#6b7280;font-size:12px}.slop-body{color:#4b5563;flex:1;margin-bottom:auto;font-size:13px;line-height:1.5}.slop-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;width:100%;margin-top:auto;padding:10px 20px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:500}.slop-callouts{position:absolute;pointer-events:none;inset:0}.slop-callout{position:absolute;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);background:var(--color-paper);border:1px solid var(--color-accent);white-space:nowrap;opacity:0;animation:calloutFadeIn .4s var(--ease-out)forwards;border-radius:3px;padding:4px 8px;font-size:.625rem;font-weight:600;box-shadow:0 2px 8px #0000001a}.slop-callout[data-point=font]{animation-delay:.1s;top:15%;right:5%}.slop-callout[data-point=gradient]{animation-delay:.25s;top:40%;left:5%}.slop-callout[data-point=copy]{animation-delay:.4s;bottom:35%;right:8%}.slop-callout[data-point=rounded]{animation-delay:.55s;bottom:12%;left:10%}@keyframes calloutFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.impeccable-card{background:var(--color-paper);border:1px solid var(--color-mist);padding:var(--spacing-lg);text-align:left;display:flex;flex-direction:column;width:280px;height:300px}.impeccable-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-xs);font-size:.625rem;font-weight:500}.impeccable-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:1.75rem;font-style:italic;font-weight:300;line-height:1.1}.impeccable-body{color:var(--color-ash);flex:1;margin-bottom:auto;font-size:.875rem;line-height:1.6}.impeccable-button{display:inline-flex;margin-top:var(--spacing-sm);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:all var(--duration-base)var(--ease-out);border:none;align-self: flex-start;padding:.625rem 1.5rem;font-size:.8125rem;font-weight:500}.impeccable-button:hover{background:var(--color-accent)}.split-labels{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-md)}.split-label-item{display:flex;align-items: center;gap:var(--spacing-xs);color:var(--color-ash);font-size:.8125rem}@media (max-width:768px){.split-comparison{margin-top:-8px;margin-bottom:-8px;padding:8px}.split-labels{display:none}}.split-label-dot{background:var(--color-mist);border-radius:50%;width:8px;height:8px}.split-label-dot--accent{background:var(--color-accent)}.foundation-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.foundation-content{display:grid;gap:var(--spacing-lg)}.foundation-grid{display:flex;align-items: flex-end;gap:var(--spacing-sm);position:relative;height:600px;margin-top:-80px}.foundation-column{display:flex;cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%}.foundation-card{padding:var(--spacing-md);border:1px solid var(--color-bg);display:flex;margin-bottom:var(--spacing-xs);transition:transform var(--duration-slow)var(--ease-out-quint),border-color var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);position:relative;z-index:2;box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;height:280px}.foundation-column:hover .foundation-card{border-color:var(--color-accent);transform:translateY(-12px);box-shadow:0 20px 40px #00000014}.foundation-plinth{background:repeating-linear-gradient(45deg,var(--color-bg),var(--color-bg)2px,transparent 2px,transparent 10px);border:1px solid var(--color-mist);transition:all var(--duration-base)var(--ease-out);border-bottom:none;border-radius:8px 8px 0 0;width:100%}.foundation-column:hover .foundation-plinth{background:var(--color-mist);opacity:.7}.plinth-1{height:4%}.plinth-2{height:12%}.plinth-3{height:20%}.plinth-4{height:28%}.plinth-5{height:36%}.plinth-6{height:44%}.plinth-7{height:52%}.foundation-card-viz{display:flex;color:var(--color-ink);margin-bottom:var(--spacing-md);justify-content:flex-start;align-items: center;height:52px}.foundation-card-header{display:flex;align-items:baseline;gap:var(--spacing-xs);overflow:hidden;margin-bottom:8px}.foundation-card-label{font-family:var(--font-display);color:var(--color-ink);font-size:1.35rem;line-height:1.1}.foundation-card-count{font-family:var(--font-mono);color:var(--color-accent);flex-shrink:0;font-size:.7rem}.foundation-card-detail{color:var(--color-ash);margin:auto 0 0;font-size:.875rem;line-height:1.4}.foundation-svg{width:44px;height:44px}.anim-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-breathe 4s ease-in-out infinite}.foundation-column:hover .anim-draw{animation:draw-in .8s var(--ease-out)forwards}.anim-draw-delay{stroke-dasharray:100;stroke-dashoffset:100}.foundation-column:hover .anim-draw-delay{animation:draw-in 1s var(--ease-out).2s forwards}@keyframes draw-breathe{0%,to{stroke-dashoffset:100}50%{stroke-dashoffset:40}}@keyframes draw-in{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.anim-move-x{animation:pulse-x 3s ease-in-out infinite}.foundation-column:hover .anim-move-x{animation:spread-x .6s var(--ease-in-out)forwards}.anim-move-x-opp{animation:pulse-x-opp 3s ease-in-out infinite}.foundation-column:hover .anim-move-x-opp{animation:spread-x-opp .6s var(--ease-in-out)forwards}.anim-fade-in{opacity:0;transition:opacity .6s var(--ease-in-out)}.foundation-column:hover .anim-fade-in{opacity:1}@keyframes pulse-x{0%,to{transform:translate(0)}50%{transform:translate(1.5px)}}@keyframes pulse-x-opp{0%,to{transform:translate(0)}50%{transform:translate(-1.5px)}}@keyframes spread-x{0%{transform:translate(0)}to{transform:translate(4px)}}@keyframes spread-x-opp{0%{transform:translate(0)}to{transform:translate(-4px)}}.anim-res-frame,.anim-res-img,.anim-res-title,.anim-res-line-1,.anim-res-line-2{transform-box:fill-box;transform-origin:50% 50%;transition:transform .4s var(--ease-in-out)}.anim-res-frame,.anim-res-img,.anim-res-title,.anim-res-line-1,.anim-res-line-2{transition-delay:0s}.foundation-column:hover .anim-res-frame{transition-delay:0s;transform:scaleX(.57)scaleY(1.17)}.foundation-column:hover .anim-res-img{transition-delay:50ms;transform:translate(6px,-4px)scale(.65)}.foundation-column:hover .anim-res-title{transition-delay:.1s;transform:translate(-7px,6px)scaleX(.65)}.foundation-column:hover .anim-res-line-1{transition-delay:.15s;transform:translate(-7px,4.75px)scaleX(.65)}.foundation-column:hover .anim-res-line-2{transition-delay:.2s;transform:translate(-6px,4.25px)scaleX(.6)}.anim-toggle-move{animation:toggle-wobble 3s ease-in-out infinite}.foundation-column:hover .anim-toggle-move{animation:toggle-snap .35s var(--ease-in-out)forwards}@keyframes toggle-wobble{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes toggle-snap{0%{transform:translate(0);fill:var(--color-mist)}to{transform:translate(8px);fill:var(--color-accent)}}.anim-squash-ball{transform-origin:20px 20px;animation:ball-bob 2.5s ease-in-out infinite}.foundation-column:hover .anim-squash-ball{animation:bounce-ball 1.5s linear infinite}@keyframes ball-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes bounce-ball{0%{transform:translateY(0)}6%{transform:translateY(.5px)}18%{transform:translateY(4px)}35%{transform:translateY(12px)}42%{transform:translateY(12px)scaleX(1.3)scaleY(.6)}48%{transform:translateY(12px)}65%{transform:translateY(4px)}78%{transform:translateY(.5px)}88%,to{transform:translateY(0)}}.anim-blink{animation:blink-key 1s step-end infinite}@keyframes blink-key{0%,to{opacity:1}50%{opacity:0}}@media (max-width:1200px){.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl);height:auto}.foundation-column{height:auto}.foundation-card{height:auto;min-height:200px}.foundation-plinth{display:none}.foundation-column:hover .foundation-card{transform:translateY(-4px)}.foundation-card:hover .anim-draw{animation:draw-in .8s var(--ease-out)forwards}.foundation-card:hover .anim-draw-delay{animation:draw-in 1s var(--ease-out).2s forwards}.foundation-card:hover .anim-move-x{animation:spread-x .6s var(--ease-in-out)forwards}.foundation-card:hover .anim-move-x-opp{animation:spread-x-opp .6s var(--ease-in-out)forwards}.foundation-card:hover .anim-fade-in{opacity:1}.foundation-card:hover .anim-res-frame{transform:scaleX(.57)scaleY(1.17)}.foundation-card:hover .anim-res-img{transform:translate(6px,-4px)scale(.65)}.foundation-card:hover .anim-res-title{transform:translate(-7px,6px)scaleX(.65)}.foundation-card:hover .anim-res-line-1{transform:translate(-7px,4.75px)scaleX(.65)}.foundation-card:hover .anim-res-line-2{transform:translate(-6px,4.25px)scaleX(.6)}.foundation-card:hover .anim-toggle-move{animation:toggle-snap .35s var(--ease-in-out)forwards}.foundation-card:hover .anim-squash-ball{animation:bounce-ball 1.5s linear infinite}}@media (max-width:768px){.foundation-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.foundation-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.foundation-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:var(--spacing-sm)var(--spacing-md);align-items: start;gap:0 var(--spacing-md);min-height:auto}.foundation-card-viz{grid-row:1/-1;align-self: center;height:auto;margin-bottom:0}.foundation-card-header{margin-bottom:2px}.foundation-card-label{font-size:1.1rem}.foundation-card-detail{margin:0;font-size:.8125rem}}.foundation-cta{text-align:center}.foundation-cta-text{color:var(--color-charcoal);margin:0;font-size:.9375rem}.foundation-cta-text code{font-family:var(--font-mono);color:var(--color-ink);font-size:.875rem}.foundation-slash{color:var(--color-accent)}.language-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.language-content{display:grid;gap:var(--spacing-lg)}.language-section,.language-section *{min-width:0}.language-content .section-lead{margin-bottom:0}.commands-subsection{display:grid;gap:var(--spacing-md)}.commands-header-subtitle{color:var(--color-warm-gray);margin:0;font-size:.9375rem}.visual-mode-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.visual-mode-content{display:grid;gap:var(--spacing-lg)}.visual-mode-demo{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-xl);align-items: start}@media (max-width:900px){.visual-mode-demo{grid-template-columns:1fr}}.visual-mode-preview{overflow:hidden;border:1px solid var(--color-mist);border-radius:8px;box-shadow:0 8px 30px -6px #0000001f}.visual-mode-preview-header{display:flex;background:var(--color-cream);border-bottom:1px solid var(--color-mist);align-items: center;gap:6px;padding:10px 14px}.visual-mode-preview-dot{border-radius:50%;width:10px;height:10px}.visual-mode-preview-dot.red{background:#ff5f56}.visual-mode-preview-dot.yellow{background:#ffbd2e}.visual-mode-preview-dot.green{background:#27c93f}.visual-mode-preview-title{font-family:var(--font-mono);color:var(--color-ash);margin-left:auto;font-size:.75rem}.visual-mode-iframe{display:block;background:#fff;border:none;width:100%;height:480px}.visual-mode-details{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md)0;flex-direction:column}.visual-mode-feature{display:flex;gap:var(--spacing-xs);flex-direction:column}.visual-mode-feature-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-size:.6875rem;font-weight:600}.visual-mode-feature p{color:var(--color-charcoal);margin:0;font-size:.9375rem;line-height:1.55}.visual-mode-feature code{font-family:var(--font-mono);color:var(--color-ink);font-size:.875rem}.solution-section{padding:var(--spacing-2xl)0}.solution-content{display:grid;gap:var(--spacing-lg)}.solution-content .section-lead{margin-bottom:0}.solution-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:stretch}@media (max-width:900px){.solution-visual{grid-template-columns:1fr;gap:var(--spacing-md)}}.solution-visual-interactive{background:var(--color-paper);border:1px solid var(--color-mist);position:relative;overflow:visible;border-radius:8px;width:100%;min-height:380px}.solution-pillar{background:var(--color-cream);border:1px solid var(--color-mist);padding:var(--spacing-lg);transition:all var(--duration-base)var(--ease-out)}.solution-pillar:hover{border-color:var(--color-accent);box-shadow:0 20px 60px var(--color-accent-dim);transform:translateY(-4px)}.pillar-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-mist)}.pillar-icon{display:inline-flex;background:var(--color-accent-dim);color:var(--color-accent);margin-bottom:var(--spacing-sm);border-radius:50%;justify-content:center;align-items: center;width:56px;height:56px}.pillar-title{font-family:var(--font-display);margin:0 0 var(--spacing-xs);font-size:1.75rem;font-weight:400}.pillar-subtitle{color:var(--color-ash);margin:0;font-size:.875rem}.pillar-content{display:flex;gap:var(--spacing-sm);flex-direction:column}.pillar-item{display:flex;padding:var(--spacing-sm);background:var(--color-paper);transition:all var(--duration-fast)var(--ease-out);border-radius:4px;justify-content:space-between;align-items: center}.pillar-item:hover{background:var(--color-accent-dim)}.pillar-item-name{color:var(--color-ink);font-size:.9375rem;font-weight:500}.pillar-item-code{font-family:var(--font-mono);color:var(--color-accent);background:0 0;padding:0;font-size:.875rem;font-weight:500}.pillar-item-desc{color:var(--color-ash);font-size:.75rem}.pillar-item--more{color:var(--color-accent);border:1px dashed var(--color-mist);background:0 0;justify-content:center;font-size:.8125rem;font-weight:500}.solution-connector{display:flex;justify-content:center;align-items: center}.connector-plus{font-family:var(--font-display);color:var(--color-accent);opacity:.5;font-size:3rem;font-weight:300}@media (max-width:900px){.solution-connector{padding:var(--spacing-sm)0}.connector-plus{font-size:2rem}}.skills-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.skills-gallery{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-xl);align-items: start}@media (max-width:968px){.skills-gallery{grid-template-columns:1fr;gap:var(--spacing-lg)}}.skills-nav{display:flex;position:sticky;top:var(--spacing-lg);flex-direction:column;gap:2px}@media (max-width:968px){.skills-nav{gap:var(--spacing-xs);position:static;flex-flow:wrap}}.skill-nav-item{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-ash);font-family:var(--font-body);cursor:pointer;text-align:left;text-decoration:none;display:block;background:0 0;border:none;border-left:2px solid #0000;transition:all .2s;font-size:.9375rem;font-weight:400}.skill-nav-item:hover{color:var(--color-text);background:var(--color-cream)}.skill-nav-item.active{color:var(--color-accent);border-left-color:var(--color-accent);background:var(--color-accent-dim);font-weight:500}@media (max-width:968px){.skill-nav-item{padding:var(--spacing-xs)var(--spacing-md);border-bottom:2px solid #0000;border-left:none}.skill-nav-item.active{border-bottom-color:var(--color-accent)}}.skills-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-lg);align-items: start}@media (max-width:1100px){.skills-showcase{grid-template-columns:1fr}}.loading-state{padding:var(--spacing-xl);text-align:center;color:var(--color-ash);font-style:italic}.mobile-commands-layout{display:none}@media (max-width:900px){.mobile-commands-layout{display:flex;gap:var(--spacing-md);flex-direction:column;width:100%;min-width:0}.mobile-commands-layout>*{min-width:0;max-width:100%}.commands-container{display:none}}.mobile-carousel-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--spacing-xs)0}.mobile-carousel-wrapper::-webkit-scrollbar{display:none}.mobile-carousel{display:flex;gap:var(--spacing-xs);padding-right:var(--spacing-md)}.mobile-cmd-pill{padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-mono);color:var(--color-charcoal);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;flex-shrink:0;min-height:44px;transition:background .2s,color .2s;font-size:.8125rem;font-weight:500}.mobile-cmd-pill:hover{background:var(--color-mist)}.mobile-cmd-pill.active{color:var(--color-paper);background:var(--color-ink)}.mobile-demo-area{padding:0}.mobile-demo-area .demo-split-comparison{width:100%}.mobile-demo-area .split-container{width:100%;max-width:100%;height:320px}.mobile-demo-area .demo-caption{margin-top:var(--spacing-sm);font-size:.75rem}.mobile-info-area{padding-top:var(--spacing-sm)}.mobile-cmd-info{display:none;padding:var(--spacing-sm)0}.mobile-cmd-info.active{display:block}.mobile-cmd-name{font-family:var(--font-mono);color:var(--color-ink);margin:0 0 var(--spacing-xs)0;font-size:1.125rem;font-weight:600}.mobile-cmd-desc{color:var(--color-charcoal);margin:0;font-size:.875rem;line-height:1.5}.mobile-cmd-rel{margin-top:var(--spacing-xs);color:var(--color-ash);font-size:.75rem}.mobile-cmd-rel code{font-family:var(--font-mono);color:var(--color-ink)}.downloads-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.download-card{display:flex;text-align:center;padding:var(--spacing-lg);background:var(--color-cream);border:1px solid var(--color-mist);transition:all var(--duration-base)var(--ease-out);flex-direction:column;align-items: center}.download-card:hover{border-color:var(--color-accent);box-shadow:0 20px 60px var(--color-accent-dim);transform:translateY(-4px)}.download-card-icon{margin-bottom:var(--spacing-sm)}.download-card-icon img{object-fit:contain;border-radius:8px;width:40px;height:40px}.download-card-title{font-family:var(--font-display);margin:0 0 var(--spacing-sm)0;font-size:1.25rem;font-weight:400}.download-card-note{color:var(--color-ash);margin-bottom:var(--spacing-xs);font-size:.75rem}.download-card .btn{margin-top:var(--spacing-xs)}.install-command{display:flex;align-items: center;gap:var(--spacing-xs);background:var(--color-paper);border:1px solid var(--color-mist);padding:var(--spacing-sm);margin-top:var(--spacing-sm);border-radius:6px;width:100%}.install-command code{font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:0 0;flex:1;padding:0;font-size:.75rem}.copy-btn{display:flex;border:1px solid var(--color-mist);color:var(--color-ash);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items: center;width:28px;height:28px}.copy-btn:hover{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.copy-btn.copied{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}.install-hint{color:var(--color-ash);margin:var(--spacing-xs)0 0 0;font-size:.75rem}.install-hint code{font-family:var(--font-mono);background:var(--color-mist);border-radius:3px;padding:2px 5px;font-size:.6875rem}.download-card-details{margin-top:var(--spacing-sm);text-align:left;width:100%;font-size:.8125rem}.download-card-details summary{cursor:pointer;color:var(--color-ash);padding:var(--spacing-xs)0;list-style:none;display:flex;justify-content:center;align-items: center;gap:4px;font-size:.75rem}.download-card-details summary:before{content:"▶";transition:transform var(--duration-fast)var(--ease-out);font-size:.5rem}.download-card-details[open] summary:before{transform:rotate(90deg)}.download-card-details summary::-webkit-details-marker{display:none}.download-card-details ol{margin:var(--spacing-sm)0;padding-left:var(--spacing-md);color:var(--color-charcoal);line-height:1.6}.download-card-details li{margin-bottom:4px}.download-card-details code{font-family:var(--font-mono);background:var(--color-mist);border-radius:3px;padding:2px 5px;font-size:.6875rem}.download-card-details a{color:var(--color-accent);text-decoration:none;font-size:.75rem}.download-card-details a:hover{text-decoration:underline}.opensource-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist);text-align:center}.opensource-content{display:flex;align-items: center;gap:var(--spacing-md);flex-direction:column;max-width:500px;margin:0 auto}.opensource-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:300}.opensource-desc{color:var(--color-ash);font-size:1.125rem;line-height:1.6}.site-footer{border-top:1px solid var(--color-mist);padding:var(--spacing-xl)var(--spacing-lg);background:var(--color-cream)}.footer-row{max-width:var(--width-max);display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:var(--spacing-xl);margin:0 auto}.footer-logo{font-family:var(--font-display);color:var(--color-ink);text-decoration:none;font-size:1.25rem;font-weight:400}.footer-links{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.footer-links a{color:var(--color-ash);text-decoration:none;transition:color var(--duration-fast)var(--ease-out);font-size:.875rem}.footer-links a:hover{color:var(--color-accent)}.footer-credit{display:flex;align-items: center;gap:var(--spacing-sm);color:var(--color-ash);white-space:nowrap;font-size:.875rem}.footer-credit a{color:var(--color-text);text-decoration:none;transition:color var(--duration-fast)var(--ease-out)}.footer-credit a:hover{color:var(--color-accent)}.footer-social-link{display:inline-flex;color:var(--color-ash);transition:color var(--duration-fast)var(--ease-out);justify-content:center;align-items: center;padding:4px}.footer-social-link:hover{color:var(--color-accent)}@media (max-width:900px){.footer-row{grid-template-columns:1fr;text-align:center;justify-items:center;gap:var(--spacing-md)}.footer-links{justify-content:center;gap:var(--spacing-sm)var(--spacing-md);font-size:.8125rem}.site-footer{padding:var(--spacing-lg)var(--spacing-md)}}.btn{display:inline-flex;justify-content:center;align-items: center;gap:var(--spacing-xs);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:all var(--duration-base)var(--ease-out);position:relative;overflow:hidden;text-decoration:none;border:none;padding:1rem 2rem;font-size:.9375rem;font-weight:600}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:before{content:"";position:absolute;background:var(--color-accent);transition:transform var(--duration-base)var(--ease-out);z-index:0;inset:0;transform:translateY(100%)}.btn-primary:hover:before{transform:translateY(0)}.btn-primary:hover{color:var(--color-paper)}.btn-primary span,.btn-primary svg{position:relative;z-index:1}.btn-primary:not(:has(span)){position:relative;z-index:1}.btn-secondary{color:var(--color-ink);border:1px solid var(--color-ink);background:0 0}.btn-secondary:hover{background:var(--color-ink);color:var(--color-paper)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary:focus-visible{outline-color:var(--color-paper);box-shadow:0 0 0 4px var(--color-accent)}.btn-secondary:focus-visible{outline-color:var(--color-accent)}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}[data-reveal]{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform:translateY(30px)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal]:first-child{transition-delay:0s}[data-reveal]:nth-child(2){transition-delay:.1s}[data-reveal]:nth-child(3){transition-delay:.2s}[data-reveal]:nth-child(4){transition-delay:.3s}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.hero-canvas{display:none}.hero-scroll-indicator{animation:none;opacity:1}[data-reveal],.gallery-frame{opacity:1;transform:none}}.load-error{display:flex;text-align:center;padding:var(--spacing-2xl)var(--spacing-lg);justify-content:center;align-items: center;gap:var(--spacing-md);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:8px;flex-direction:column}.load-error-icon{color:var(--color-accent);font-size:2.5rem}.load-error-title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.5rem;font-weight:400}.load-error-text{color:var(--color-ash);max-width:40ch;font-size:1rem;line-height:1.5}.load-error-retry{margin-top:var(--spacing-sm)}.bias-tags{display:flex;align-items: center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-direction:column}.bias-tags-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ash);font-size:.6875rem;font-weight:500}.bias-tags-list{display:flex;justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap}.bias-tag{background:var(--color-cream);border:1px solid var(--color-mist);color:var(--color-charcoal);transition:all var(--duration-fast)var(--ease-out);padding:6px 12px;font-size:.75rem;font-weight:500}.bias-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.antidote-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.antidote-row{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:stretch}.antidote-row .patterns-tabbed{flex:1;min-width:0;margin-bottom:0}.gallery-stack-container{display:flex;gap:var(--spacing-xs);position:relative;flex-direction:column;flex:0 0 clamp(320px,34vw,420px)}.gallery-stack-header{display:flex;align-items: center;gap:var(--spacing-xs);white-space:nowrap}.gallery-stack-title{font-family:var(--font-display);color:var(--color-ink);flex:1;font-size:1rem;font-weight:600}.gallery-stack-btn{border:1px solid var(--color-mist);cursor:pointer;display:flex;color:var(--color-charcoal);transition:border-color var(--duration-fast),background var(--duration-fast);position:relative;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:24px;height:24px;font-size:.6875rem}.gallery-stack-btn:after{content:"";position:absolute;inset:-10px}.gallery-stack-btn:hover{border-color:var(--color-charcoal)}.gallery-stack{position:relative;aspect-ratio:3/2;width:calc(100% - 20px);margin-bottom:20px}.gallery-stack-card{position:absolute;display:flex;overflow:hidden;border:1px solid var(--color-mist);text-decoration:none;will-change:transform,opacity;background:#fff;border-radius:8px;flex-direction:column;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s,box-shadow .35s;top:0;left:0}.gallery-stack-card img{object-fit:cover;object-position:top left;flex:1;width:100%;min-height:0}.gallery-stack-label{color:var(--color-charcoal);flex-shrink:0;padding:6px 10px;font-size:.75rem;font-weight:600}.gallery-stack-card[data-offset="0"]{z-index:3;opacity:1;box-shadow:0 2px 12px oklch(.2 0 0/.1);transform:translate(0)}.gallery-stack-card[data-offset="1"]{z-index:2;opacity:1;box-shadow:0 1px 6px oklch(.2 0 0/.08);pointer-events:none;transform:translate(8px,8px)}.gallery-stack-card[data-offset="2"]{z-index:1;opacity:1;box-shadow:0 1px 4px oklch(.2 0 0/.06);pointer-events:none;transform:translate(16px,16px)}.gallery-stack-card:not([data-offset="0"]):not([data-offset="1"]):not([data-offset="2"]){z-index:0;opacity:0;pointer-events:none;transform:translate(20px,20px)}.gallery-stack-link{color:var(--color-accent);text-decoration:none;text-align:center;font-size:.75rem;font-weight:500}.gallery-stack-link:hover{text-decoration:underline}@media (max-width:900px){.antidote-row{flex-direction:column}.gallery-stack-container{flex:none;width:100%;max-width:360px}}.patterns-tabbed{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#fff;border-radius:8px}.patterns-tabs{display:flex;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:6px}@media (max-width:768px){.patterns-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:calc(-1*var(--spacing-lg));margin-right:calc(-1*var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);flex-wrap:nowrap}.patterns-tabs::-webkit-scrollbar{display:none}}.patterns-tab{font-family:var(--font-body);color:var(--color-charcoal);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:6px 12px;transition:background .2s,color .2s;font-size:.75rem;font-weight:500}.patterns-tab:hover{background:var(--color-mist)}.patterns-tab.is-active{background:var(--color-ink);color:var(--color-paper)}.patterns-content{display:none}.patterns-content.is-active{display:flex;gap:var(--spacing-md);flex-direction:column}.patterns-col ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.patterns-col li{padding-left:var(--spacing-sm);position:relative;color:var(--color-charcoal);overflow-wrap:break-word;word-break:break-word;font-size:.8125rem;line-height:1.55}.patterns-col--dont li:before{content:"×";position:absolute;color:var(--color-accent);font-weight:600;left:0}.patterns-col--do li:before{content:"✓";position:absolute;color:var(--color-success,#22c55e);font-weight:600;left:0}.detection-callout{display:flex;align-items: center;gap:var(--spacing-md);text-decoration:none;color:inherit;padding:var(--spacing-sm)0;border-top:1px solid var(--color-mist)}.detection-callout-image{display:block;object-fit:cover;object-position:top left;border:1px solid var(--color-mist);border-radius:6px;flex-shrink:0;width:132px;height:112px;transition:border-color .2s}.detection-callout:hover .detection-callout-image{border-color:var(--color-accent)}.detection-callout-inner{display:flex;flex-direction:column;flex:1;justify-content:center;align-items: flex-start;gap:6px}.detection-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-size:.6875rem;font-weight:600}.detection-callout-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.15}.detection-callout:hover .detection-callout-title{color:var(--color-accent)}.detection-desc{color:var(--color-ash);flex:1;min-width:200px;font-size:.8125rem;line-height:1.55}.detection-desc code{font-family:var(--font-mono);color:var(--color-charcoal);font-size:.8125rem}.detection-cmd{font-family:var(--font-body);color:var(--color-ink);white-space:nowrap;flex-shrink:0;transition:color .15s;font-size:.875rem;font-weight:600}.detection-callout:hover .detection-cmd{color:var(--color-accent)}.antidote-footer{text-align:center}.antidote-suggest-link{color:var(--color-ash);text-decoration:none;font-size:.8125rem}.antidote-suggest-link:hover{color:var(--color-accent);text-decoration:underline}.pillar-item--main{background:var(--color-accent-dim);border:1px solid var(--color-accent)}.pillar-item--main .pillar-item-name{color:var(--color-accent);font-size:1.125rem;font-weight:600}.pillar-item--ref{padding:var(--spacing-xs)var(--spacing-sm);background:0 0}.pillar-item-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ash);font-size:.75rem;font-weight:500}.pillar-refs{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-sm);flex-wrap:wrap}.pillar-ref{text-transform:uppercase;letter-spacing:.03em;background:var(--color-paper);color:var(--color-ash);border:1px solid var(--color-mist);transition:all var(--duration-fast)var(--ease-out);border-radius:3px;padding:4px 10px;font-size:.6875rem;font-weight:500}.pillar-ref:hover{border-color:var(--color-accent);color:var(--color-accent)}.pillar-command-group{display:flex;align-items: center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-paper);border-radius:4px;flex-wrap:wrap}.pillar-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ash);width:100%;margin-bottom:4px;font-size:.6875rem;font-weight:600}.pillar-command-group .pillar-item-code{background:var(--color-accent-dim);border-radius:3px;padding:4px 8px;font-size:.8125rem}.platforms-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}@media (min-width:1100px){.platforms-section{border-top:none}}.platforms-section .section-subtitle{max-width:60ch}.install-row-primary{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--spacing-xl);margin:0 0 var(--spacing-xl);padding:var(--spacing-lg);background:#fff;border-radius:16px;align-items: start;min-width:0}.install-primary-main{display:flex;flex-direction:column;min-width:0}.install-primary-alts{display:flex;gap:var(--spacing-lg);padding-left:var(--spacing-xl);border-left:1px solid var(--color-mist);flex-direction:column;min-width:0}.install-alts-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-ash);font-size:.625rem;font-weight:600}.install-alt-sublabel{font-family:var(--font-body);color:var(--color-ash);text-transform:none;letter-spacing:0;margin-left:4px;font-size:.75rem;font-weight:400}.install-zip-links{display:flex;margin-top:var(--spacing-xs);flex-direction:column;gap:6px}.install-zip-link{display:flex;align-items: center;gap:var(--spacing-sm);font-family:var(--font-body);color:var(--color-charcoal);border:1px solid var(--color-mist);cursor:pointer;text-align:left;transition:border-color var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out);background:0 0;border-radius:6px;padding:8px 12px;font-size:.8125rem}.install-zip-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.install-zip-link svg{color:var(--color-ash);flex-shrink:0}.install-zip-link:hover svg{color:var(--color-accent)}.install-zip-link-name{color:var(--color-ink);white-space:nowrap;font-weight:600}.install-zip-link:hover .install-zip-link-name{color:var(--color-accent)}.install-zip-link-examples{display:flex;flex-wrap:nowrap;gap:4px;margin-left:auto}.install-alt-method .install-zip-link-examples code{font-family:var(--font-mono);background:var(--color-accent-dim);color:var(--color-accent);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:.6875rem}.install-path{display:flex;flex-direction:column;min-width:0}.install-path-primary{padding:var(--spacing-lg);background:#fff;border-radius:16px}.install-accordion{display:flex;margin:0 0 var(--spacing-xl);flex-direction:column}.install-step{border-top:1px solid var(--color-mist)}.install-step:last-child{border-bottom:1px solid var(--color-mist)}.install-step-summary{display:flex;align-items: center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-xs);cursor:pointer;list-style:none;transition:background var(--duration-fast)var(--ease-out)}.install-step-summary::-webkit-details-marker{display:none}.install-step-summary:hover{background:var(--color-cream)}.install-step-summary h3{flex:1;margin:0}.install-step-arrow{color:var(--color-ash);transition:transform var(--duration-base)var(--ease-out);flex-shrink:0}.install-step[open] .install-step-arrow{transform:rotate(90deg)}.install-step-body{padding:0 var(--spacing-xs)var(--spacing-md);display:flex;flex-direction:column}.install-step-body .install-path-desc{margin-top:0}.install-step-status{color:var(--color-ash);margin:0 0 var(--spacing-sm);font-size:.8125rem;font-style:italic}.install-path-title{display:flex;font-family:var(--font-display);margin:0 0 var(--spacing-sm);flex-wrap:wrap;align-items: center;gap:10px;font-size:1.5rem;font-weight:600;line-height:1.2}.install-path-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);border:1px solid var(--color-accent);vertical-align:middle;position:relative;border-radius:3px;margin-left:6px;padding:2px 6px;font-size:.5rem;font-weight:600;top:-2px}.install-path-badge-muted{color:var(--color-ash);border-color:var(--color-mist)}.install-path-desc{color:var(--color-charcoal);margin:0 0 var(--spacing-md);font-size:.9375rem;line-height:1.6}.terminal-header-license{color:#948d90;color:color(display-p3 .576286 .552912 .563653);color:lab(59.267% 3.32981 -.628078);letter-spacing:.01em;margin-left:auto;font-size:.6875rem}.terminal-header-license a{color:inherit;text-decoration:underline;text-decoration-color:oklch(85% .005 350);text-underline-offset:2px}.terminal-header-license a:hover{color:var(--color-charcoal)}.install-path-terminal{margin-bottom:var(--spacing-sm)}.install-path-terminal .glass-terminal{height:auto}.install-path-terminal .terminal-body{padding:0}.install-path-next{color:var(--color-charcoal);padding-top:var(--spacing-md);margin-top:auto;font-size:.8125rem;line-height:1.5}.install-path-next code{font-family:var(--font-mono);color:var(--color-ink);font-size:.8125rem;font-weight:600}.install-path-slash{color:var(--color-accent)}.install-path-subcommands{display:flex;margin-top:var(--spacing-sm);flex-direction:column;gap:6px}.install-path-subcommand{color:var(--color-charcoal);font-size:.75rem;line-height:1.4}.install-path-subcommand code{font-family:var(--font-mono);color:var(--color-ink);background:var(--color-mist);border-radius:3px;margin-right:4px;padding:2px 6px;font-size:.6875rem;font-weight:600}.install-path-link{padding-top:var(--spacing-md);margin-top:auto;font-size:.8125rem}.install-path-link a{color:var(--color-accent);text-decoration:none}.install-path-link a:hover{text-decoration:underline}.install-cmd-block{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-direction:column}.install-cmd-line{display:flex;align-items: center;gap:var(--spacing-sm);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:6px;min-width:0;padding:10px 14px}.install-cmd-line .terminal-prompt{color:var(--color-accent);font-family:var(--font-mono);flex-shrink:0;font-size:.8125rem}.install-cmd-line code{font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:0 0;flex:1;padding:0;font-size:.8125rem}.install-cmd-line .copy-btn{flex-shrink:0}.install-cmd-note{color:var(--color-ash);font-size:.75rem;line-height:1.5}.install-cmd-note code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 5px;font-size:.6875rem}.install-together{margin:0 0 var(--spacing-xl);border:1px solid var(--color-mist);padding:var(--spacing-sm)var(--spacing-md);border-radius:8px;max-width:960px}.install-together-inner{display:flex;align-items: center;gap:var(--spacing-md)}.install-together-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);border:1px solid var(--color-accent);white-space:nowrap;border-radius:99px;flex-shrink:0;padding:2px 10px;font-size:.625rem;font-weight:600}.install-together-text{color:var(--color-ash);margin:0;font-size:.8125rem;line-height:1.55}.install-path-step{display:inline-flex;border:1.5px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:22px;height:22px;font-size:.625rem;font-weight:700;line-height:1}.install-updated-subscribe{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-items:stretch}.install-updated-substack{display:block;border:1px solid var(--color-mist);background:var(--color-paper);border-radius:8px;width:100%;min-width:0;height:130px}.install-updated-x{display:flex;justify-content:space-between;align-items: flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-mist);background:var(--color-paper);color:var(--color-ink);text-decoration:none;transition:border-color var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out);border-radius:8px;flex-direction:column;height:130px}.install-updated-x:hover{border-color:var(--color-ink);background:var(--color-cream)}.install-updated-x-icon{color:var(--color-ink);flex-shrink:0}.install-updated-x-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);font-size:.6875rem;font-weight:600;font-family:var(--font-mono)}.install-updated-x-handle{color:var(--color-ink);letter-spacing:-.01em;font-size:1rem;font-weight:600}.install-updated-x:hover .install-updated-x-handle{color:var(--color-accent)}.install-updated-refs{padding-top:var(--spacing-md);border-top:1px solid var(--color-mist);margin-top:auto}.install-updated-refs-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);margin-bottom:8px;font-size:.5625rem;font-weight:600}.install-updated-ref{display:block;color:var(--color-charcoal);text-decoration:none;transition:color var(--duration-fast)var(--ease-out);margin-bottom:6px;font-size:.8125rem}a.install-updated-ref:hover{color:var(--color-accent)}.install-updated-ref-terminal{display:flex;align-items: center;gap:var(--spacing-xs);font-family:var(--font-mono);color:var(--color-charcoal);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:6px;margin-top:8px;padding:6px 10px;font-size:.75rem}.install-updated-ref-terminal .terminal-prompt{color:var(--color-ash);font-size:.75rem}.install-updated-ref-terminal code{font-family:inherit;font-size:inherit;color:var(--color-ink);background:0 0;padding:0}@media (max-width:900px){.install-row-primary{grid-template-columns:1fr;gap:var(--spacing-lg);max-width:calc(100vw - var(--spacing-md)*2)}.install-primary-alts{padding-left:0;padding-top:var(--spacing-lg);border-left:none;border-top:1px solid var(--color-mist)}.install-path-primary{margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.install-path-title{font-size:1.25rem}.install-path-desc{overflow-wrap:break-word;font-size:.875rem}.install-together-inner{align-items: flex-start;gap:var(--spacing-xs);flex-direction:column}.install-updated-subscribe{grid-template-columns:1fr}.install-updated-substack{height:130px}.install-updated-x{justify-content:flex-start;align-items: center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);flex-direction:row;height:auto}.install-updated-x-label{display:none}.install-terminal-cmd code{white-space:normal;overflow-wrap:break-word;font-size:.75rem}.install-alt-method{padding:var(--spacing-sm)}.install-alt-method .install-terminal-cmd code{white-space:normal;overflow-wrap:break-word;font-size:.6875rem}.install-alt-method .install-terminal-cmd .copy-btn{display:none}.install-path-terminal .glass-terminal{box-shadow:none}.install-terminal,.install-alternatives{max-width:100%}}.install-terminal{max-width:640px;margin:0 auto}.install-terminal .glass-terminal{height:auto}.install-terminal .terminal-body{display:flex;flex-direction:column;padding:0}.install-terminal-row{display:flex;padding:var(--spacing-md)var(--spacing-lg);flex-direction:column;gap:6px}.install-terminal-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);font-size:.625rem;font-weight:600}.install-terminal-cmd{display:flex;align-items: center;gap:var(--spacing-sm)}.install-terminal-cmd .terminal-prompt{flex-shrink:0}.install-terminal-cmd code{font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:0 0;flex:1;padding:0;font-size:.9375rem}.install-terminal-cmd .copy-btn{flex-shrink:0}.install-terminal-cmd .btn{padding:.5rem 1rem;font-size:.8125rem}.install-terminal-note{color:var(--color-ash);padding-left:calc(.75rem + var(--spacing-sm));font-size:.75rem}.install-terminal-note code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 5px;font-size:.6875rem}.install-terminal-divider{background:var(--color-mist);height:1px;margin:0}@media (max-width:600px){.install-terminal-row{padding:var(--spacing-sm)var(--spacing-md)}.install-terminal-cmd code{font-size:.75rem}}.install-providers{display:flex;align-items: center;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column}.install-providers-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);font-size:.75rem;font-weight:600}.install-providers-row{display:flex;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.install-provider-badge{display:flex;color:var(--color-charcoal);align-items: center;gap:6px;font-size:.8125rem}.install-provider-badge img{border-radius:4px}.install-alternatives{margin:var(--spacing-sm)auto 0;max-width:640px}.install-alternatives-toggle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);cursor:pointer;padding:var(--spacing-sm)0;list-style:none;display:flex;transition:color var(--duration-fast)var(--ease-out);align-items: center;gap:6px;font-size:.75rem;font-weight:600}.install-alternatives-toggle::-webkit-details-marker{display:none}.install-alternatives-toggle:before{content:"";display:inline-block;transition:transform var(--duration-fast)var(--ease-out);border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0}.install-alternatives[open] .install-alternatives-toggle:before{transform:rotate(90deg)}.install-alternatives-toggle:hover{color:var(--color-charcoal)}.install-alternatives-content{animation:altFadeIn .2s var(--ease-out)}@keyframes altFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.install-alt-method{padding:var(--spacing-md)var(--spacing-lg)}.install-alt-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);margin-bottom:6px;font-size:.625rem;font-weight:600}.install-alt-method .install-terminal-cmd{display:flex;align-items: center;gap:var(--spacing-sm)}.install-alt-method .terminal-prompt{color:var(--color-accent);font-family:var(--font-mono);user-select:none;font-weight:700}.install-alt-method code{font-family:var(--font-mono);color:var(--color-ink);font-size:.875rem}.install-alt-note{display:block;color:var(--color-ash);margin-top:4px;font-size:.75rem}.install-alt-note code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 5px;font-size:.6875rem}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}@media (max-width:600px){.install-alt-method code{font-size:.75rem}}.has-tooltip{position:relative;cursor:default}.has-tooltip:after{content:attr(data-tooltip);position:absolute;background:var(--color-ink);color:var(--color-paper);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;border-radius:6px;padding:6px 10px;transition:opacity .15s;font-size:.6875rem;line-height:1.4;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.has-tooltip:hover:after{opacity:1}.hero-logo-icon{display:inline-flex;align-items: center}.download-tip{color:var(--color-ash);margin-top:var(--spacing-sm);text-align:center;font-size:.8125rem}.download-tip a{color:var(--color-accent);text-decoration:none}.download-tip a:hover{text-decoration:underline}.consulting-section{padding:var(--spacing-xl)0;border-top:1px solid var(--color-mist)}.consulting-content{display:flex;justify-content:space-between;align-items: center;gap:var(--spacing-lg);flex-wrap:wrap}.consulting-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.consulting-text{flex:1;min-width:280px}.consulting-title{margin:0 0 var(--spacing-sm)0;font-size:clamp(1.5rem,4vw,2rem);font-style:italic;font-weight:300}.consulting-desc{color:var(--color-charcoal);max-width:45ch;margin:0;font-size:1rem;line-height:1.6}@media (max-width:600px){.consulting-content{flex-direction:column;align-items: flex-start}.consulting-actions{flex-direction:column;width:100%}.consulting-actions .btn{justify-content:center;width:100%}}*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}:root{--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Instrument Sans",system-ui,sans-serif;--font-mono:"Space Grotesk",monospace;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:80px;--spacing-3xl:120px;--width-max:1400px;--width-content:900px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-out-quint:cubic-bezier(.22,1,.36,1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.6s;--duration-slower:.8s;--duration-slowest:1.2s;--color-ink:oklch(10% 0 0);--color-text:oklch(10% 0 0);--color-paper:oklch(98% 0 0);--color-cream:oklch(96% .005 350);--color-charcoal:oklch(25% 0 0);--color-ash:oklch(55% 0 0);--color-mist:oklch(92% 0 0);--color-bg:oklch(96% .005 350);--color-accent:oklch(60% .25 350);--color-accent-hover:oklch(52% .25 350);--color-accent-dim:oklch(60% .25 350/.15);--color-accent-soft:oklch(60% .25 350/.25);--cat-create-bg:#fdf2f8;--cat-create-border:#ec4899;--cat-create-text:#be185d;--cat-evaluate-bg:#fdf4ff;--cat-evaluate-border:#d946ef;--cat-evaluate-text:#a21caf;--cat-refine-bg:#eff6ff;--cat-refine-border:#3b82f6;--cat-refine-text:#1d4ed8;--cat-simplify-bg:#fffbeb;--cat-simplify-border:#f59e0b;--cat-simplify-text:#b45309;--cat-harden-bg:#f0fdf4;--cat-harden-border:#22c55e;--cat-harden-text:#15803d;--cat-system-bg:#f5f5f4;--cat-system-border:#78716c;--cat-system-text:#44403c}.skip-link{position:absolute;z-index:10000;padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-ink);color:var(--color-paper);text-decoration:none;border-radius:0 0 8px 8px;transition:top .2s;font-weight:600;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{outline:2px solid var(--color-accent);outline-offset:2px;top:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:sticky;z-index:100;display:flex;justify-content:space-between;align-items: center;gap:var(--spacing-md);padding:14px clamp(var(--spacing-md),4vw,var(--spacing-2xl));background:color-mix(in oklch,var(--color-paper)94%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px);border-bottom:1px solid var(--color-mist);top:0}.site-header a,.site-header a:hover{text-decoration:none;text-decoration-thickness:0}.site-header-brand{display:inline-flex;font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);transition:color var(--duration-fast)var(--ease-out);flex-shrink:0;align-items: center;gap:10px;font-size:1.25rem;font-weight:600}.site-header-brand:hover{color:var(--color-accent)}.site-header-brand-logo{border-radius:6px;flex-shrink:0;width:26px;height:26px}.site-header-brand-name{display:inline-block}.site-header-right{display:flex;align-items: center;gap:clamp(var(--spacing-sm),2vw,var(--spacing-md));min-width:0}.site-header-nav{display:flex;align-items: center;gap:clamp(var(--spacing-sm),2vw,var(--spacing-md));font-family:var(--font-body);min-width:0;font-size:.9375rem;font-weight:500}.site-header-nav a{position:relative;display:inline-block;white-space:nowrap;color:var(--color-charcoal);transition:color var(--duration-fast)var(--ease-out);padding:4px 0}.site-header-nav a:hover{color:var(--color-accent)}.site-header-nav a[aria-current=page]{color:var(--color-ink);font-weight:600}.site-header-nav a[aria-current=page]:after{content:"";position:absolute;background:var(--color-accent);border-radius:2px;height:2px;bottom:-4px;left:0;right:0}.site-header-github{display:inline-flex;background:var(--color-cream);border:1px solid var(--color-mist);font-family:var(--font-mono);color:var(--color-charcoal);transition:background var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out);border-radius:99px;flex-shrink:0;align-items: center;gap:6px;padding:4px 10px 4px 8px;font-size:.8125rem;font-weight:500}.site-header-github svg{flex-shrink:0;width:14px;height:14px}.site-header-github:hover{background:var(--color-paper);border-color:var(--color-ink);color:var(--color-ink)}.site-header-github-star{color:#f59e0b;flex-shrink:0;width:12px;height:12px}@media (max-width:820px){.site-header{padding:12px var(--spacing-md);gap:var(--spacing-sm)}.site-header-brand{font-size:1.0625rem}.site-header-brand-logo{width:22px;height:22px}.site-header-right{gap:var(--spacing-sm)}.site-header-nav{gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 0% calc(100% - 24px),#0000 100%);-webkit-mask-image:linear-gradient(90deg,#000 0% calc(100% - 24px),#0000 100%);font-size:.8125rem}.site-header-nav::-webkit-scrollbar{display:none}.site-header-nav a[data-nav=home]{display:none}.site-header-github{padding:4px 8px}.site-header-github-label{display:none}}@media (max-width:480px){.site-header-brand-name{display:none}}main#main{display:block}.sub-page-content{max-width:820px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,2.5rem) 6rem}.skill-detail{width:100%}.sub-page-header{margin-bottom:clamp(2.5rem,6vw,4rem)}.sub-page-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:600}.sub-page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.05}.sub-page-lede{color:var(--color-charcoal);max-width:62ch;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.55}:root{--site-header-height:62px;--skills-sidebar-width:200px}.skills-layout-page main#main{max-width:none;margin:0;padding:0}.skills-layout{display:grid;grid-template-columns:var(--skills-sidebar-width)minmax(0,1fr);gap:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));padding:0 clamp(var(--spacing-md),4vw,var(--spacing-2xl));align-items: start}.skills-sidebar{position:sticky;top:var(--site-header-height);max-height:calc(100vh - var(--site-header-height));overflow-y:auto;padding:var(--spacing-lg)0 var(--spacing-2xl);border-right:1px solid var(--color-mist);scrollbar-width:thin;scrollbar-color:var(--color-mist)transparent;align-self: start}@media (min-width:921px){.skills-sidebar{min-height:calc(100vh - var(--site-header-height))}}.skills-sidebar::-webkit-scrollbar{width:6px}.skills-sidebar::-webkit-scrollbar-thumb{background:var(--color-mist);border-radius:3px}.skills-sidebar-inner{padding-right:var(--spacing-md)}.skills-sidebar-toggle{display:none}.skills-sidebar-toggle-chevron{transition:transform var(--duration-base)var(--ease-out);color:var(--color-ash);flex-shrink:0}.skills-sidebar-label{position:absolute;overflow:hidden;clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0}.skills-sidebar-group{margin-bottom:1.5rem}.skills-sidebar-group:last-child{margin-bottom:0}.skills-sidebar-divider{background:var(--color-mist);border:none;width:100%;height:1px;margin:0 0 1.5rem}.skills-sidebar-group-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-ash);margin-bottom:6px;padding:0 0 0 14px;font-size:.625rem;font-weight:600}.skills-sidebar-list{list-style:none;margin:0;padding:0}.skills-sidebar-list li{margin:0}.skills-sidebar-list a{display:block;font-family:var(--font-mono);color:var(--color-charcoal);text-decoration:none;transition:color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out);border-left:2px solid #0000;padding:4px 0 4px 12px;font-size:.875rem;font-weight:500;line-height:1.5}.skills-sidebar-list a:hover{color:var(--color-accent);background:color-mix(in oklch,var(--color-accent-dim)30%,transparent)}.skills-sidebar-list a[aria-current=page]{color:var(--color-ink);border-left-color:var(--color-accent);font-weight:600}.skills-sidebar-list a[aria-current=page]:hover{color:var(--color-ink);background:0 0}.skills-main{min-width:0;padding:clamp(2rem,4vw,3.5rem) 0 clamp(4rem,8vw,6rem)}.skills-overview-content{max-width:720px}.skills-overview-header{margin-bottom:clamp(2.5rem,5vw,4rem)}.skills-overview-header .sub-page-lede a{color:var(--color-ink);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--color-accent);text-underline-offset:4px;font-family:var(--font-mono);font-weight:500}.skills-overview-howto{padding:var(--spacing-lg)var(--spacing-lg);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:10px;margin-bottom:clamp(2.5rem,5vw,4rem)}.skills-overview-howto-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-style:italic;font-weight:500}.skills-overview-howto p{color:var(--color-charcoal);max-width:60ch;font-size:.9375rem;line-height:1.7}.skills-overview-howto a{color:var(--color-ink);font-family:var(--font-mono);text-decoration:none;border-bottom:1px solid var(--color-accent);transition:color var(--duration-fast)var(--ease-out);font-size:.875em;font-weight:500}.skills-overview-howto a:hover{color:var(--color-accent)}.skills-overview-categories{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.skills-overview-category{border-bottom:1px solid var(--color-mist);padding-bottom:clamp(2rem,4vw,2.5rem)}.skills-overview-category:last-child{border-bottom:none}.skills-overview-category-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md);margin-bottom:6px}.skills-overview-category-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2rem);font-style:italic;font-weight:500}.skills-overview-category-count{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ash);font-size:.6875rem;font-weight:600}.skills-overview-category-desc{color:var(--color-charcoal);margin-bottom:var(--spacing-md);max-width:58ch;font-size:.9375rem;line-height:1.7}.skills-overview-chips{display:flex;flex-wrap:wrap;gap:8px}.skills-overview-chip{display:inline-flex;font-family:var(--font-mono);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-mist);text-decoration:none;transition:border-color var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out);border-radius:99px;align-items: center;padding:6px 12px;font-size:.8125rem;font-weight:500}.skills-overview-chip:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-cream)}.anti-patterns-sidebar-list a{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);display:flex!important}.anti-patterns-sidebar-count{color:var(--color-ash);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:500}.anti-patterns-content{width:100%}.anti-patterns-header{max-width:720px;margin-bottom:clamp(2rem,4vw,3rem)}.anti-patterns-header .sub-page-lede code{font-family:var(--font-mono);color:var(--color-ink);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:4px;padding:2px 6px;font-size:.875em}.anti-patterns-header .sub-page-lede a{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:4px;font-family:var(--font-mono);font-size:.9375em;font-weight:500}.anti-patterns-legend{background:var(--color-cream);border:1px solid var(--color-mist);border-radius:10px;max-width:720px;margin-bottom:clamp(2rem,4vw,3rem)}.anti-patterns-legend-summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items: center;gap:var(--spacing-sm);padding:14px var(--spacing-lg);transition:background var(--duration-fast)var(--ease-out)}.anti-patterns-legend-summary::-webkit-details-marker{display:none}.anti-patterns-legend-summary:hover{background:color-mix(in oklch,var(--color-mist)40%,transparent)}.anti-patterns-legend-title{font-family:var(--font-body);color:var(--color-ink);font-size:.875rem;font-weight:600}.anti-patterns-legend-chevron{color:var(--color-ash);transition:transform var(--duration-base)var(--ease-out);flex-shrink:0}.anti-patterns-legend[open] .anti-patterns-legend-chevron{transform:rotate(180deg)}.anti-patterns-legend-body{padding:0 var(--spacing-lg)var(--spacing-lg);border-top:1px solid var(--color-mist);padding-top:var(--spacing-md);margin-top:4px}.anti-patterns-legend-body p{color:var(--color-charcoal);font-size:.9375rem;line-height:1.7}.anti-patterns-legend-body a{color:var(--color-ink);text-decoration:none;border-bottom:1px solid var(--color-accent);font-family:var(--font-mono);font-size:.875em;font-weight:500}.anti-patterns-legend-body a:hover{color:var(--color-accent)}.anti-patterns-sections{display:flex;flex-direction:column;gap:clamp(3rem,6vw,4.5rem)}.anti-patterns-section-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-mist);margin-bottom:var(--spacing-lg)}.anti-patterns-section-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;font-size:clamp(1.75rem,3vw,2.25rem);font-style:italic;font-weight:500}.anti-patterns-section-count{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ash);font-size:.6875rem;font-weight:600}.rule-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.rule-card{background:var(--color-paper);border:1px solid var(--color-mist);display:flex;overflow:hidden;transition:border-color var(--duration-fast)var(--ease-out);border-radius:10px;flex-direction:column}.rule-card:hover{border-color:var(--color-ash)}.rule-card-visual{position:relative;background:var(--color-cream);border-bottom:1px solid var(--color-mist);overflow:hidden;height:160px}.rule-card-visual-inner{position:absolute;display:flex;padding:var(--spacing-md);overflow:hidden;justify-content:center;align-items: center;inset:0}.rule-card-body{padding:var(--spacing-md);display:flex;flex-direction:column;flex:1;gap:8px}.rule-card-head{display:flex;flex-wrap:wrap;align-items: center;gap:6px;margin-bottom:2px}.rule-card-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:99px;padding:3px 8px;font-size:.625rem;font-weight:600}.rule-card-category[data-category=slop]{color:var(--color-accent);background:var(--color-accent-dim)}.rule-card-category[data-category=quality]{color:var(--color-charcoal);background:var(--color-mist)}.rule-card-layer{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--color-mist);border-radius:99px;padding:3px 8px;font-size:.625rem;font-weight:600}.rule-card-layer[data-layer=cli]{color:var(--color-charcoal);border-color:var(--color-mist);background:var(--color-paper)}.rule-card-layer[data-layer=browser]{color:#004f6e;color:color(display-p3 -.0842955 .309127 .468);color:lab(30.489% -16.5827 -32.8513);background:#e9f8ff;background:lab(96.5962% -4.20836 -5.82442);border-color:#bde5f9;border-color:color(display-p3 .772497 .893407 .968453);border-color:lab(88.5729% -10.1476 -14.3831)}.rule-card-layer[data-layer=llm]{color:#8d3600;color:color(display-p3 .535763 .211 -.0209571);color:lab(35.0485% 41.833 60.4266);background:#fff6f0;background:lab(97.5183% 7.25117 8.24839);border-color:#ffd9c4;border-color:color(display-p3 1.04066 .843194 .741488);border-color:lab(90.2521% 20.0281 22.6476)}.anti-patterns-legend-layers{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column}.anti-patterns-legend-layers>div{display:grid;grid-template-columns:90px 1fr;gap:var(--spacing-md);align-items:baseline}.anti-patterns-legend-layers dt{margin:0}.anti-patterns-legend-layers dd{color:var(--color-charcoal);margin:0;font-size:.875rem;line-height:1.55}.anti-patterns-legend-layers dd code{font-family:var(--font-mono);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:4px;padding:1px 6px;font-size:.8125rem}.rule-card-name{font-family:var(--font-body);color:var(--color-ink);font-size:1rem;font-weight:600;line-height:1.35}.rule-card-desc{color:var(--color-charcoal);flex:1;font-size:.875rem;line-height:1.6}.rule-card-skill-link{font-family:var(--font-mono);color:var(--color-charcoal);text-decoration:none;transition:color var(--duration-fast)var(--ease-out);align-self: flex-start;padding-top:4px;font-size:.75rem;font-weight:500}.rule-card-skill-link:hover{color:var(--color-accent)}.rule-card-skill-link:after{content:" →"}.tutorials-content{max-width:720px}.tutorial-cards{display:flex;gap:var(--spacing-sm);flex-direction:column}.tutorial-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-paper);border:1px solid var(--color-mist);color:var(--color-ink);text-decoration:none;transition:border-color var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out);border-radius:10px;align-items: center}.tutorial-card:hover{border-color:var(--color-ink)}.tutorial-card-number{font-family:var(--font-mono);color:var(--color-ash);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500;line-height:1}.tutorial-card:hover .tutorial-card-number{color:var(--color-accent)}.tutorial-card-body{min-width:0}.tutorial-card-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:4px;font-size:1.375rem;font-style:italic;font-weight:500;line-height:1.2}.tutorial-card-tagline{color:var(--color-charcoal);font-size:.9375rem;line-height:1.5}.tutorial-card-arrow{font-family:var(--font-body);color:var(--color-ash);transition:color var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out);font-size:1.25rem}.tutorial-card:hover .tutorial-card-arrow{color:var(--color-accent);transform:translate(4px)}.tutorial-embed{margin:var(--spacing-lg)0 var(--spacing-xl);overflow:hidden;border:1px solid var(--color-mist);border-radius:10px;max-width:none;box-shadow:0 8px 30px -6px #0000001f}.tutorial-embed-header{display:flex;background:var(--color-cream);border-bottom:1px solid var(--color-mist);align-items: center;gap:6px;padding:10px 14px}.tutorial-embed-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tutorial-embed-dot.red{background:#ff5f56}.tutorial-embed-dot.yellow{background:#ffbd2e}.tutorial-embed-dot.green{background:#27c93f}.tutorial-embed-title{font-family:var(--font-mono);color:var(--color-ash);margin-left:auto;font-size:.75rem}.tutorial-embed-iframe{display:block;background:#fff;border:none;width:100%;height:520px}.tutorial-embed-caption{color:var(--color-ash);margin-top:var(--spacing-sm);max-width:60ch;font-size:.8125rem;font-style:italic}.tutorial-detail{max-width:680px}.tutorial-detail-header{margin-bottom:clamp(2.5rem,5vw,3.5rem)}.tutorial-detail-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.05}.tutorial-detail-tagline{font-family:var(--font-body);color:var(--color-charcoal);max-width:60ch;font-size:clamp(1.0625rem,1.5vw,1.1875rem);line-height:1.55}.tutorial-detail-body{max-width:65ch}.visual-mode-page-body main#main{max-width:none;margin:0;padding:0}.visual-mode-page{padding:clamp(2rem,4vw,3.5rem)clamp(var(--spacing-md),4vw,var(--spacing-2xl))clamp(4rem,8vw,6rem);max-width:1100px;margin:0 auto}.visual-mode-page-header{max-width:720px;margin-bottom:clamp(2.5rem,5vw,3.5rem)}.visual-mode-demo-wrap{margin-bottom:clamp(3rem,6vw,4.5rem)}.visual-mode-demo-caption{color:var(--color-ash);margin-top:var(--spacing-sm);text-align:center;font-size:.8125rem;font-style:italic}.visual-mode-page .visual-mode-preview{overflow:hidden;border:1px solid var(--color-mist);border-radius:10px;max-width:1040px;margin:0 auto;box-shadow:0 12px 40px -8px #0000001f}.visual-mode-page .visual-mode-preview-header{display:flex;background:var(--color-cream);border-bottom:1px solid var(--color-mist);align-items: center;gap:6px;padding:10px 14px}.visual-mode-page .visual-mode-preview-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.visual-mode-page .visual-mode-preview-dot.red{background:#ff5f56}.visual-mode-page .visual-mode-preview-dot.yellow{background:#ffbd2e}.visual-mode-page .visual-mode-preview-dot.green{background:#27c93f}.visual-mode-page .visual-mode-preview-title{font-family:var(--font-mono);color:var(--color-ash);margin-left:auto;font-size:.75rem}.visual-mode-frame{display:block;background:#fff;border:none;width:100%;height:580px}.visual-mode-methods{margin-bottom:clamp(3rem,6vw,4.5rem)}.visual-mode-methods-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;margin-bottom:var(--spacing-lg);font-size:clamp(1.75rem,3vw,2.25rem);font-style:italic;font-weight:500}.visual-mode-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}.visual-mode-method{padding:var(--spacing-lg);background:var(--color-paper);border:1px solid var(--color-mist);display:flex;transition:border-color var(--duration-fast)var(--ease-out);border-radius:10px;flex-direction:column;gap:8px}.visual-mode-method:hover{border-color:var(--color-ash)}.visual-mode-method[data-coming-soon]{background:var(--color-cream)}.visual-mode-method-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);font-size:.625rem;font-weight:600}.visual-mode-method-name{font-family:var(--font-display);color:var(--color-ink);font-size:1.375rem;font-style:italic;font-weight:500;line-height:1.25}.visual-mode-method-name a{color:inherit;text-decoration:none;border-bottom:1px solid var(--color-accent)}.visual-mode-method-name a:hover{color:var(--color-accent)}.visual-mode-method-name code{font-family:var(--font-mono);background:var(--color-cream);border:1px solid var(--color-mist);color:var(--color-ink);border-radius:4px;padding:2px 8px;font-size:.875em;font-style:normal}.visual-mode-method-desc{color:var(--color-charcoal);flex:1;font-size:.9375rem;line-height:1.6}.visual-mode-method-desc a{color:var(--color-ink);text-decoration:none;border-bottom:1px solid var(--color-accent);font-family:var(--font-mono);font-size:.875em;font-weight:500}.visual-mode-method-desc a:hover{color:var(--color-accent)}.visual-mode-gallery-header{margin-bottom:var(--spacing-lg)}.visual-mode-gallery-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;margin-bottom:var(--spacing-sm);font-size:clamp(1.75rem,3vw,2.25rem);font-style:italic;font-weight:500}.visual-mode-gallery-lede{color:var(--color-charcoal);max-width:60ch;font-size:.9375rem;line-height:1.6}.gallery-section{margin-top:clamp(3rem,6vw,4.5rem)}.gallery-section-lede{color:var(--color-charcoal);margin-bottom:var(--spacing-lg);max-width:60ch;font-size:.9375rem;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md)}.gallery-card{display:flex;background:var(--color-paper);border:1px solid var(--color-mist);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out);border-radius:10px;flex-direction:column}.gallery-card:hover{border-color:var(--color-ink);transform:translateY(-2px)}.gallery-card-thumb{aspect-ratio:1;overflow:hidden;background:var(--color-cream);border-bottom:1px solid var(--color-mist)}.gallery-card-thumb img{object-fit:cover;object-position:top left;display:block;width:100%;height:100%}.gallery-card-body{padding:var(--spacing-md);display:flex;flex-direction:column;flex:1;gap:6px}.gallery-card-title{font-family:var(--font-display);color:var(--color-ink);font-size:1.125rem;font-style:italic;font-weight:500;line-height:1.25}.gallery-card:hover .gallery-card-title{color:var(--color-accent)}.gallery-card-desc{color:var(--color-charcoal);font-size:.8125rem;line-height:1.55}@media (max-width:920px){.skills-layout{grid-template-columns:1fr;gap:0}.skills-sidebar{position:static;overflow:visible;padding:var(--spacing-md)0;margin-bottom:var(--spacing-lg);border-right:none;max-height:none}.skills-sidebar-toggle{display:flex;justify-content:space-between;align-items: center;gap:var(--spacing-sm);background:var(--color-cream);border:1px solid var(--color-mist);cursor:pointer;font-family:var(--font-mono);color:var(--color-ink);text-align:left;transition:border-color var(--duration-fast)var(--ease-out);border-radius:8px;width:100%;padding:12px 16px;font-size:.8125rem;font-weight:600}.skills-sidebar-toggle:hover{border-color:var(--color-ink)}.skills-sidebar-toggle[aria-expanded=true] .skills-sidebar-toggle-chevron{transform:rotate(180deg)}.skills-sidebar-inner{display:none;padding-right:0;padding-top:var(--spacing-md);border-top:1px solid var(--color-mist);margin-top:var(--spacing-md)}.skills-sidebar-toggle[aria-expanded=true]+.skills-sidebar-inner{display:block}.skills-sidebar-group{margin-bottom:var(--spacing-md)}}.split-comparison{position:relative;width:100%;max-width:564px;margin:-32px 0 calc(clamp(2rem,4vw,3rem) - 32px);padding:32px}.split-container{position:relative;overflow:hidden;background:var(--color-paper);border:1px solid var(--color-mist);cursor:ew-resize;user-select:none;border-radius:12px;width:100%;height:360px}.split-before,.split-after{position:absolute;display:flex;justify-content:center;align-items: center;inset:0}.split-before{z-index:1}.split-content{display:flex;justify-content:center;align-items: center;width:100%;height:100%}.split-after{clip-path:polygon(58% 0%,100% 0%,100% 100%,42% 100%);z-index:2;background:var(--color-paper)}.split-divider{position:absolute;background:var(--color-accent);pointer-events:none;z-index:3;width:3px;top:0;bottom:0;left:50%;transform:translate(-50%)skew(-10deg);box-shadow:0 0 20px #00000026}.split-labels{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items:baseline;gap:var(--spacing-md);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ash);margin-top:10px;font-size:.6875rem;font-weight:600}.split-label-item[data-point=before]{color:var(--color-ash);justify-self:start}.split-label-item[data-point=after]{color:var(--color-accent);justify-self:end}.skill-demo-caption{font-family:var(--font-body);text-transform:none;letter-spacing:0;color:var(--color-ash);text-align:center;justify-self:center;max-width:100%;margin:0;font-size:.8125rem;font-style:italic;font-weight:400}.skill-demo-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-ash);margin-bottom:var(--spacing-sm);font-size:.6875rem;font-weight:600}.skill-detail-hero{max-width:720px;margin-bottom:clamp(2.5rem,5vw,3.5rem)}.skill-detail-hero--has-demo .skill-demo{margin-top:clamp(2rem,4vw,2.5rem)}@media (min-width:1280px){.skill-detail-hero--has-demo{display:grid;grid-template-columns:minmax(0,1fr)564px;gap:clamp(var(--spacing-xl),4vw,var(--spacing-2xl));align-items: center;max-width:1200px}.skill-detail-hero--has-demo .skill-detail-header{margin-bottom:0}.skill-detail-hero--has-demo .skill-demo{align-self: center;margin-top:0}}.skill-detail-editorial,.skill-source-card,.skill-references{max-width:720px}.skill-detail-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ash);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:500}.skill-detail-eyebrow a{color:inherit;text-decoration:none}.skill-detail-eyebrow a:hover{color:var(--color-accent)}.skill-detail-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin-bottom:var(--spacing-md);white-space:nowrap;font-size:clamp(3rem,5.5vw,5rem);font-weight:600;line-height:.95}.skill-detail-title-slash{color:var(--color-accent);font-weight:300}.skill-detail-tagline{font-family:var(--font-body);color:var(--color-charcoal);margin-bottom:var(--spacing-md);max-width:60ch;font-size:clamp(1rem,1.4vw,1.125rem);font-weight:400;line-height:1.55}.skill-meta-strip{display:flex;margin-top:var(--spacing-sm);flex-wrap:wrap;gap:8px}.skill-meta-chip{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--color-cream);border:1px solid var(--color-mist);color:var(--color-charcoal);border-radius:99px;align-items: center;padding:4px 10px;font-size:.6875rem;font-weight:600}.skill-meta-category[data-category=create]{background:var(--cat-create-bg);border-color:var(--cat-create-border);color:var(--cat-create-text)}.skill-meta-category[data-category=evaluate]{background:var(--cat-evaluate-bg);border-color:var(--cat-evaluate-border);color:var(--cat-evaluate-text)}.skill-meta-category[data-category=refine]{background:var(--cat-refine-bg);border-color:var(--cat-refine-border);color:var(--cat-refine-text)}.skill-meta-category[data-category=simplify]{background:var(--cat-simplify-bg);border-color:var(--cat-simplify-border);color:var(--cat-simplify-text)}.skill-meta-category[data-category=harden]{background:var(--cat-harden-bg);border-color:var(--cat-harden-border);color:var(--cat-harden-text)}.skill-meta-category[data-category=system]{background:var(--cat-system-bg);border-color:var(--cat-system-border);color:var(--cat-system-text)}.skill-meta-args{font-family:var(--font-mono);text-transform:none;letter-spacing:0;font-weight:500}.skill-detail-editorial{margin-bottom:clamp(2rem,4vw,3rem)}.skill-source-card{background:var(--color-paper);border:1px solid var(--color-mist);padding:clamp(var(--spacing-md),3vw,var(--spacing-xl));border-radius:12px;margin-top:clamp(2rem,4vw,3rem);box-shadow:0 1px #dedede;box-shadow:0 1px color(display-p3 .869816 .869816 .869816);box-shadow:0 1px lab(88.4% -.0000298023 .0000119209)}.skill-source-card-header{display:flex;align-items:baseline;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-mist);flex-wrap:wrap}.skill-source-card-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);background:var(--color-accent-dim);border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.75rem;font-weight:600}.skill-source-card-subtitle{color:var(--color-ash);font-size:.8125rem;font-style:italic}.skill-source-card-body{max-width:none}.skill-source-card-body>:first-child{margin-top:0}.skill-source-card-body>:last-child{margin-bottom:0}.skill-references{border-top:1px solid var(--color-mist);margin-top:clamp(3rem,6vw,4.5rem);padding-top:clamp(2rem,4vw,3rem)}.skill-references-heading{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-md);font-size:1.5rem;font-style:italic;font-weight:500}.skill-reference{border-top:1px solid var(--color-mist)}.skill-reference:last-child{border-bottom:1px solid var(--color-mist)}.skill-reference>summary{list-style:none;cursor:pointer;display:flex;align-items: center;gap:var(--spacing-md);transition:color var(--duration-fast)var(--ease-out);padding:16px 0}.skill-reference>summary::-webkit-details-marker{display:none}.skill-reference>summary:before{content:"+";font-family:var(--font-display);color:var(--color-accent);transition:transform var(--duration-base)var(--ease-out);flex-shrink:0;width:18px;font-size:1.5rem;line-height:1}.skill-reference[open]>summary:before{transform:rotate(45deg)}.skill-reference>summary:hover{color:var(--color-accent)}.skill-reference-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ash);flex-shrink:0;font-size:.6875rem;font-weight:600}.skill-reference-title{font-family:var(--font-display);color:var(--color-ink);font-size:1.125rem;font-style:italic}.skill-reference-body{padding:var(--spacing-sm)0 var(--spacing-md)34px;max-width:62ch}.prose{color:var(--color-charcoal);max-width:65ch;font-size:1rem;line-height:1.7}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-ink);margin-top:2em;margin-bottom:.6em;font-weight:600;line-height:1.25}.prose h1{font-family:var(--font-display);font-size:1.875rem;font-style:italic;font-weight:500}.prose h2{font-family:var(--font-display);margin-top:2.2em;font-size:1.5rem;font-style:italic;font-weight:500}.prose h3{margin-top:1.8em;font-size:1.125rem}.prose h4{font-size:1rem}.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose p{margin-top:0;margin-bottom:1.1em}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.25rem}.prose li{margin-bottom:.4em}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--color-accent-dim);transition:text-decoration-color var(--duration-fast)var(--ease-out)}.prose a:hover{text-decoration-color:var(--color-accent)}.prose strong{color:var(--color-ink);font-weight:600}.prose em{font-style:italic}.prose code{font-family:var(--font-mono);background:var(--color-cream);border:1px solid var(--color-mist);color:var(--color-ink);border-radius:4px;padding:2px 6px;font-size:.875em}.prose .code-block-wrap{position:relative;margin:1.25em 0}.prose .code-block-wrap .code-block{margin:0}.prose .code-block{padding:var(--spacing-md);color:#e7e3e5;color:color(display-p3 .90413 .891343 .89717);color:lab(90.6535% 1.66818 -.31426);overflow-x:auto;font-family:var(--font-mono);background:#070506;background:lab(1.5386% .567369 -.105831);border:1px solid #181516;border:1px solid color(display-p3 .0918491 .083169 .0871891);border:1px solid lab(7.16439% 1.56981 -.293872);border-radius:10px;font-size:.8125rem;line-height:1.55}.code-block-copy{position:absolute;color:#bab6b8;color:color(display-p3 .726541 .714274 .719869);color:lab(74.4135% 1.66786 -.314236);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;opacity:0;transition:opacity var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out);background:#181516;background:lab(7.16439% 1.56981 -.293872);border:1px solid #302d2e;border:1px solid color(display-p3 .185638 .176009 .180438);border:1px solid lab(18.7335% 1.66449 -.314009);border-radius:4px;padding:4px 10px;font-size:.6875rem;font-weight:600;top:10px;right:10px}.code-block-wrap:hover .code-block-copy{opacity:1}.code-block-copy:focus-visible{opacity:1}.code-block-copy:before{content:"Copy"}.code-block-copy:hover{color:#e7e3e5;color:color(display-p3 .90413 .891343 .89717);color:lab(90.6535% 1.66818 -.31426);background:#302d2e;background:lab(18.7335% 1.66449 -.314009);border-color:#4a4748;border-color:color(display-p3 .287508 .277147 .281897);border-color:lab(30.3335% 1.66586 -.314087)}.code-block-copy.is-copied{opacity:1;background:var(--color-accent);color:var(--color-paper);border-color:var(--color-accent)}.code-block-copy.is-copied:before{content:"Copied"}.prose .code-block code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.prose blockquote{padding:0 0 0 var(--spacing-md);border-left:3px solid var(--color-mist);color:var(--color-ash);margin:1.5em 0;font-style:italic}.prose hr{background:var(--color-mist);border:none;height:1px;margin:2.5em 0}