:root{--color-ink:#050505;--color-paper:#fff;--color-warm-canvas:#f7f3ea;--color-soft-neutral:#eceae4;--color-soft-line:#d8d4cb;--color-steel:#959fab;--color-gold:#e6af3b;--color-red:#ea3839;--color-green:#538135;--color-blue:#8aafdc;--color-peach:#f5bb8e;--color-bronze:#ae814b;--color-deep-green:#2f4d26;--color-deep-red:#9e3c20;--color-text:var(--color-ink);--color-text-soft:#5f635f;--color-text-mute:#7a7f79;--mode-centaur:var(--color-green);--mode-cyborg:var(--color-red);--mode-automator:var(--color-blue);--mode-shared:var(--color-gold);--font-display:"Bricolage Grotesque","Space Grotesk",Arial,sans-serif;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--container:1240px;--gutter:clamp(20px,4vw,64px);--section-padding:clamp(64px,9vw,120px);--radius-btn:14px;--radius-card:20px;--radius-visual:28px;--shadow-offset-sm:3px 3px 0 var(--color-ink);--shadow-offset-lg:5px 5px 0 var(--color-ink);--shadow-offset-xl:7px 7px 0 var(--color-ink);--ease-mechanical:cubic-bezier(.2,.9,.25,1.15);--color-muted:#4a4f57;--color-soft:#8a9099;--color-border:var(--color-soft-line);--color-panel:var(--color-warm-canvas);--color-bg:var(--color-paper);--color-white:#fff;--color-orange:var(--color-red);--font-serif:var(--font-display);--font-sans:var(--font-body)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-moz-selection{background:var(--color-gold);color:var(--color-ink)}::selection{background:var(--color-gold);color:var(--color-ink)}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(100%,var(--container));margin:0 auto;padding-inline:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font-family:var(--font-mono);font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}.eyebrow .dot{width:11px;height:11px;border-radius:50%;border:2px solid var(--color-ink);background:var(--color-gold)}.mono{font-size:12px;letter-spacing:.08em}.chip,.mono{font-family:var(--font-mono);font-weight:600;text-transform:uppercase}.chip{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.06em;border:2px solid var(--color-ink);border-radius:999px;padding:6px 12px;background:var(--color-paper);white-space:nowrap}.brand-ai{color:var(--color-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:2px solid var(--color-ink);border-radius:var(--radius-btn);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:17px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-offset-sm);transition:transform .16s var(--ease-mechanical),box-shadow .16s var(--ease-mechanical)}.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-offset-lg)}.btn:active{transform:translate(3px,3px);box-shadow:none}.btn:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.btn-red{background:var(--color-red)}.btn-gold{background:var(--color-gold)}.btn-ink{background:var(--color-ink);color:var(--color-paper);box-shadow:3px 3px #05050547}.btn-sm{padding:9px 16px;font-size:15px}.btn .arrow{font-weight:700}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-mechanical),transform .7s var(--ease-mechanical);will-change:opacity,transform}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal.is-visible{opacity:1;transform:none}.article-page{min-height:100vh;background:var(--color-paper);color:var(--color-ink)}.article-index{padding-block:96px 112px}.article-category,.article-index-kicker{color:var(--color-red);font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.article-index-title{max-width:900px;margin:16px 0 18px;font-family:var(--font-display);font-size:clamp(42px,7vw,76px);font-weight:750;line-height:1.02;letter-spacing:-.03em}.article-index-copy{max-width:670px;margin:0;color:var(--color-text-soft);font-size:clamp(18px,2vw,21px);line-height:1.55}.article-index-list{display:grid;gap:0;max-width:940px;margin-top:64px;border-top:2px solid var(--color-ink)}.article-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;border-bottom:1px solid var(--color-soft-line);padding-block:34px;color:inherit;text-decoration:none}.article-card:hover .article-card-link,.article-card:hover .article-card-title{color:var(--color-red)}.article-card-body{min-width:0}.article-card-image-wrap{order:2;overflow:hidden;align-self:start;border:2px solid var(--color-ink);border-radius:12px;background:var(--color-warm-canvas);aspect-ratio:4/3}.article-card-image{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.article-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--color-text-mute);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.article-meta-line span+span:before{margin-right:12px;color:var(--color-soft-line);content:"/"}.article-card-title{margin:14px 0 10px;font-family:var(--font-display);font-size:clamp(27px,3vw,38px);font-weight:700;line-height:1.08;letter-spacing:-.02em;transition:color .16s ease}.article-card-description{max-width:660px;margin:0;color:var(--color-text-soft);font-size:17px;line-height:1.55}.article-card-link{display:inline-flex;margin-top:18px;color:var(--color-ink);font-weight:700;font-size:14px;transition:color .16s ease}.article-empty{max-width:680px;margin-top:64px;border-block:1px solid var(--color-soft-line);padding-block:42px}.article-empty-label{margin:0 0 12px;color:var(--color-red);font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.article-empty-title{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.article-empty-copy{margin:0;color:var(--color-text-soft);font-size:17px;line-height:1.6}.article-shell{max-width:900px;padding-block:54px 112px}.article-back-link{display:inline-flex;margin-bottom:54px;color:var(--color-text-soft);font-size:14px;font-weight:700;text-decoration:none}.article-back-link:before{margin-right:8px;content:"←"}.article-back-link:hover{color:var(--color-red)}.article-header{max-width:780px;margin:0 auto;border-bottom:1px solid var(--color-soft-line);padding-bottom:42px;text-align:center}.article-title{margin:14px 0 18px;font-family:var(--font-display);font-size:clamp(42px,7vw,78px);font-weight:750;line-height:1.02;letter-spacing:-.03em}.article-description{max-width:700px;margin:0 auto 24px;color:var(--color-text-soft);font-size:clamp(19px,2vw,23px);line-height:1.5}.article-detail-meta{justify-content:center}.article-hero-image{display:block;width:min(100%,860px);max-height:520px;margin:54px auto 0;border:2px solid var(--color-ink);border-radius:14px;-o-object-fit:cover;object-fit:cover}.article-prose{max-width:720px;margin:58px auto 0;color:#1a1a1a;font-size:20px;line-height:1.72}.article-prose>:first-child{margin-top:0}.article-prose blockquote,.article-prose ol,.article-prose p,.article-prose pre,.article-prose table,.article-prose ul{margin-block:0 1.45em}.article-prose h2,.article-prose h3,.article-prose h4{color:var(--color-ink);font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.16}.article-prose h2{margin:2.1em 0 .7em;font-size:clamp(32px,4vw,46px)}.article-prose h3{margin:1.9em 0 .65em;font-size:clamp(25px,3vw,34px)}.article-prose h4{margin:1.8em 0 .55em;font-size:22px}.article-prose a{color:var(--color-ink);text-decoration-color:var(--color-red);text-decoration-thickness:2px;text-underline-offset:3px}.article-prose a:hover{color:var(--color-red)}.article-prose strong{font-weight:700}.article-prose blockquote{border-left:4px solid var(--color-gold);margin-left:0;padding:8px 0 8px 24px;color:var(--color-text-soft);font-family:var(--font-display);font-size:25px;line-height:1.45}.article-prose ol,.article-prose ul{padding-left:1.25em}.article-prose li+li{margin-top:.45em}.article-prose img{display:block;width:100%;margin:2.2em 0;border:2px solid var(--color-ink);border-radius:14px}.article-prose code{border-radius:5px;background:var(--color-soft-neutral);padding:.15em .35em;font-family:var(--font-mono);font-size:.82em}.article-prose pre{overflow-x:auto;border:2px solid var(--color-ink);border-radius:14px;background:var(--color-ink);padding:18px 20px;color:#f6f3ec;font-family:var(--font-mono);font-size:15px;line-height:1.55}.article-prose pre code{background:transparent;padding:0;color:inherit}.article-prose hr{border:0;border-top:1px solid var(--color-soft-line);margin:2.4em 0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}@media(max-width:860px){.article-card{grid-template-columns:1fr}.article-card-image-wrap{order:0;max-width:360px}}@media(max-width:640px){.article-index,.article-shell{padding-block:58px 82px}.article-empty,.article-index-list{margin-top:48px}.article-header{text-align:left}.article-detail-meta{justify-content:flex-start}.article-prose{margin-top:42px;font-size:18px;line-height:1.68}.article-prose blockquote{padding-left:18px;font-size:22px}}