:root{--blue: #1D3557;--red: #E63946;--yellow: #F4A261;--black: #111111;--white: #F1FAEE;--display: "League Spartan", sans-serif;--sans: "DM Sans", sans-serif;--mono: "Space Mono", monospace;--unit: 8px;--content-wide: 1400px;--content-narrow: 960px;--content-pad: calc(var(--unit) * 5);--content-pad-sm: calc(var(--unit) * 2);--content-half: 720px;--flank-top-offset: 320px;--flank-bottom-offset: 100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--sans);font-size:clamp(1.11rem,1.11vw + .888rem,1.25rem);line-height:1.65;padding-bottom:calc(var(--unit) * 10)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--black) 1px,transparent 1px),linear-gradient(90deg,var(--black) 1px,transparent 1px);background-size:calc(var(--unit) * 8) calc(var(--unit) * 8);opacity:.028}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='500' height='500' filter='url(%23g)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:250px 250px}.flanks{position:fixed;inset:0;pointer-events:none;z-index:2}.flank-l{position:absolute;right:calc(50% + var(--content-half));width:calc(50% - var(--content-half));top:var(--flank-top-offset);bottom:var(--flank-bottom-offset);display:flex;justify-content:flex-end;align-items:flex-start;opacity:.6;overflow:hidden}.flank-r{position:absolute;left:calc(50% + var(--content-half));width:calc(50% - var(--content-half));top:var(--flank-top-offset);bottom:var(--flank-bottom-offset);display:flex;justify-content:flex-start;align-items:flex-start;opacity:.6;overflow:hidden}.flank-svg{width:100%;height:100%}@media(max-width:1700px){.flanks{display:none}}.masthead{background:var(--black);color:var(--white);padding:calc(var(--unit) * 3) 0 0;position:relative;overflow:hidden}.masthead-inner{max-width:var(--content-wide);margin:0 auto;padding:0 var(--content-pad);position:relative;z-index:1}@media(max-width:600px){.masthead-inner{padding:0 var(--content-pad-sm)}}.post-masthead .masthead-inner,.narrow-masthead .masthead-inner{max-width:var(--content-narrow)}.masthead-label{font-family:var(--mono);font-size:.6875rem;letter-spacing:.25em;text-transform:uppercase;color:var(--yellow);margin-bottom:calc(var(--unit) * 1.5);display:flex;align-items:center;gap:calc(var(--unit) * 2)}.masthead-label:before{content:"";display:block;width:calc(var(--unit) * 4);height:2px;background:var(--red)}.masthead h1{font-family:var(--display);font-weight:900;font-size:clamp(1.8rem,3vw + .8rem,3rem);line-height:.95;letter-spacing:-.02em;max-width:18ch;position:relative;z-index:1;padding-bottom:calc(var(--unit) * 2);text-transform:uppercase}.masthead-sub{font-family:var(--sans);font-size:.9rem;color:#f1faeea6;max-width:44ch;padding-bottom:calc(var(--unit) * 3);position:relative;z-index:1}.masthead-geo{position:absolute;right:-20px;top:-20px;width:200px;height:200px;background:var(--red);clip-path:polygon(50% 0%,100% 100%,0% 100%);opacity:.85;animation:geo-drop .9s cubic-bezier(.1,1,0,1) both}.masthead-circle{position:absolute;right:140px;top:20px;width:60px;height:60px;border-radius:50%;background:var(--yellow);opacity:.9;animation:geo-drop 1s .15s cubic-bezier(.1,1,0,1) both}.masthead-bar{position:absolute;bottom:0;left:0;right:0;height:calc(var(--unit) * 1.5);background:linear-gradient(90deg,var(--red) 0%,var(--red) 33.33%,var(--yellow) 33.33%,var(--yellow) 66.66%,var(--blue) 66.66%,var(--blue) 100%)}@keyframes geo-drop{0%{transform:translateY(-60px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:.85}}.masthead-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:calc(var(--unit) * 4);position:relative;z-index:2}.masthead-brand{font-family:var(--mono);font-size:.8125rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--yellow);text-decoration:none;transition:color .18s}.masthead-brand:hover{color:var(--white)}.masthead-links{display:flex;gap:calc(var(--unit) * 4)}.masthead-links a{font-family:var(--mono);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:#f1faeeb3;text-decoration:none;transition:color .18s;border-bottom:2px solid transparent;padding-bottom:2px}.masthead-links a:hover,.masthead-links a.active{color:var(--white);border-bottom-color:var(--red)}@media(max-width:600px){.masthead-links{gap:calc(var(--unit) * 2)}}.site-nav{background:var(--black);position:sticky;top:0;z-index:100}.site-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 33.33%,var(--yellow) 33.33%,var(--yellow) 66.66%,var(--blue) 66.66%,var(--blue) 100%)}.site-nav-inner{max-width:var(--content-wide);margin:0 auto;padding:calc(var(--unit) * 2) var(--content-pad);display:flex;align-items:center;justify-content:space-between}@media(max-width:600px){.site-nav-inner{padding:calc(var(--unit) * 2) calc(var(--unit) * 3)}}.page{max-width:var(--content-wide);margin:0 auto;padding:calc(var(--unit) * 4) var(--content-pad);display:grid;grid-template-columns:1fr 280px;gap:calc(var(--unit) * 8);align-items:start;position:relative;z-index:1}.page--single{grid-template-columns:1fr;max-width:var(--content-narrow)}@media(max-width:900px){.page{grid-template-columns:1fr}.sidebar{order:-1}}@media(max-width:600px){.page{padding:calc(var(--unit) * 3) var(--content-pad-sm)}}article{min-width:0;overflow-x:hidden}article>*+*{margin-top:calc(var(--unit) * 1.5)}article h1,article h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--blue);line-height:1.1;margin-top:calc(var(--unit) * 3.5);border-bottom:2px solid var(--blue);padding-bottom:calc(var(--unit) * .75)}article h3,article h4{font-family:var(--sans);font-weight:700;letter-spacing:-.01em;color:var(--blue);line-height:1.2;margin-top:calc(var(--unit) * 4)}article h1{font-size:clamp(1.8rem,3vw + 1rem,2.8rem)}article h2{font-size:clamp(1.2rem,2vw + .6rem,1.6rem)}article h3{font-size:1.05rem;border-bottom:1px solid #ddd;padding-bottom:4px}article h4{font-size:1rem}article p{font-size:1rem;line-height:1.7;color:#1a1a1a}article p+p{margin-top:calc(var(--unit) * 1.5)}article ul,article ol{padding-left:calc(var(--unit) * 3);margin-top:calc(var(--unit) * 2)}article li{line-height:1.7;margin-bottom:calc(var(--unit) * 1)}article a{color:var(--blue);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px;transition:color .18s}article a:hover{color:var(--red)}strong{font-weight:700;color:var(--black)}em{font-style:italic;color:#333}.lede{font-size:clamp(1.1rem,2vw + .6rem,1.3rem);font-weight:300;line-height:1.5;border-left:5px solid var(--red);padding-left:calc(var(--unit) * 3);color:var(--black)}.step{margin-top:calc(var(--unit) * 5)!important;display:grid;grid-template-columns:auto 1fr;gap:calc(var(--unit) * 3);align-items:start}.step-num{font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;background:var(--red);color:var(--white);width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.step h2{font-family:var(--display);font-weight:800;font-size:clamp(1.2rem,2vw + .6rem,1.6rem);line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:var(--blue);border-bottom:2px solid var(--blue);padding-bottom:calc(var(--unit) * 1.5);margin-top:0}.callout{border:2px solid var(--black);padding:calc(var(--unit) * 2.5) calc(var(--unit) * 3);background:var(--white);position:relative;margin-top:calc(var(--unit) * 2)!important;max-width:100%;word-break:break-word}.callout p,.callout li{font-size:1.11rem;word-break:break-word}.callout code{word-break:break-all;white-space:normal}.callout pre{overflow-x:auto;max-width:100%}@media(max-width:600px){.callout pre{overflow-x:visible;white-space:pre-wrap;word-break:break-all}}.callout:before{content:attr(data-label);position:absolute;top:-12px;left:calc(var(--unit) * 3);background:var(--black);color:var(--white);font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:2px 8px;max-width:calc(100% - calc(var(--unit) * 6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.callout.error{border-color:var(--red);background:#fff5f5}.callout.error:before{background:var(--red)}.callout.principle{border-color:var(--blue);background:#f0f4f8}.callout.principle:before{background:var(--blue)}.callout.warning{border-color:var(--yellow);background:#fffbf5}.callout.warning:before{background:var(--yellow);color:var(--black)}code{font-family:var(--mono);font-size:.82em;background:#e8ebe8;padding:1px 5px;border-radius:2px;color:var(--blue)}pre{background:#1a1a1a;color:#e8ebe8;padding:calc(var(--unit) * 3);border-radius:2px;overflow-x:auto;font-family:var(--mono);font-size:.85rem;line-height:1.6;margin-top:calc(var(--unit) * 2)}pre>code{all:unset;font-family:var(--mono);font-size:.85rem;color:#e8ebe8}@media(max-width:600px){pre{-webkit-overflow-scrolling:touch;overflow-x:auto;cursor:grab}pre:active{cursor:grabbing}}.code-block{position:relative;overflow:hidden}@media(max-width:600px){.code-block:after{content:"";position:absolute;top:0;right:0;width:48px;height:100%;background:linear-gradient(to right,transparent,#1a1a1a);pointer-events:none;z-index:1}}blockquote{border-left:5px solid var(--red);padding:calc(var(--unit) * 2) calc(var(--unit) * 3);margin:calc(var(--unit) * 3) 0;font-style:italic;color:#444}.rule,hr{height:2px;background:linear-gradient(90deg,var(--red) 40%,transparent 100%);margin:calc(var(--unit) * 4) 0!important;border:none}.conclusion{background:var(--black);color:var(--white);padding:calc(var(--unit) * 6);margin-top:calc(var(--unit) * 5)!important;position:relative;overflow:hidden}.conclusion:after{content:"";position:absolute;bottom:-30px;right:-30px;width:180px;height:180px;border:3px solid var(--yellow);transform:rotate(45deg);opacity:.35}.conclusion h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin-bottom:calc(var(--unit) * 3);color:var(--yellow);border-bottom:none}.conclusion p{color:#c8d4d0}@media(max-width:600px){.conclusion{padding:calc(var(--unit) * 3)}}.pipeline{list-style:none;counter-reset:pipe;margin-top:calc(var(--unit) * 4)!important;display:flex;flex-direction:row;overflow-x:auto;gap:0;padding-bottom:calc(var(--unit) * 2);scrollbar-width:thin;scrollbar-color:var(--red) #1a2940}.pipeline li{counter-increment:pipe;display:flex;flex-direction:column;align-items:center;flex:1 0 120px;position:relative}.pipeline li:after{content:"";position:absolute;top:19px;left:50%;right:-50%;height:2px;background:var(--red);z-index:0}.pipeline li:last-child:after{display:none}.pipeline-node{width:40px;height:40px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.6rem;font-weight:700;color:var(--white);position:relative;z-index:1;flex-shrink:0}.pipeline-node:before{content:counter(pipe,decimal-leading-zero)}.pipeline-label{margin-top:calc(var(--unit) * 1.5);font-family:var(--mono);font-size:.65rem;color:var(--white);text-align:center;line-height:1.4;padding:0 4px;opacity:.85}.sidebar-block{margin-bottom:calc(var(--unit) * 5);border:2px solid var(--black)}.sidebar-block-label{display:block;background:var(--black);color:var(--white);font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:6px calc(var(--unit) * 2)}.sidebar-block-inner{padding:calc(var(--unit) * 2.5) calc(var(--unit) * 3)}.toc{list-style:none}.toc li{border-bottom:1px solid #ddd}.toc li:last-child{border-bottom:none}.toc a{display:flex;align-items:center;gap:8px;padding:calc(var(--unit) * 1.5) 0;text-decoration:none;font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--black);transition:color .18s}.toc a:hover{color:var(--red)}.toc a:before{content:attr(data-n);background:var(--black);color:var(--white);font-size:.6rem;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s}.toc a:hover:before{background:var(--red)}.lessons{list-style:none}.lessons li{font-family:var(--mono);font-size:.72rem;padding:calc(var(--unit) * 1.5) 0;border-bottom:1px solid #ddd;color:var(--black);line-height:1.45;display:flex;gap:8px;align-items:flex-start;margin-bottom:0}.lessons li:before{content:"→";color:var(--red);flex-shrink:0}.post-card{border:2px solid var(--black);display:block;text-decoration:none;color:inherit;transition:border-color .18s;position:relative}.post-card:hover{border-color:var(--red)}.post-card-label{display:block;background:var(--black);color:var(--white);font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:6px calc(var(--unit) * 2);transition:background .18s}.post-card:hover .post-card-label{background:var(--red)}.post-card-inner{padding:calc(var(--unit) * 2.5) calc(var(--unit) * 3)}.post-card-title{font-family:var(--sans);font-weight:700;font-size:1.05rem;line-height:1.25;letter-spacing:-.01em;color:var(--blue);margin-bottom:calc(var(--unit) * 1)}.post-card-desc{font-family:var(--sans);font-size:.875rem;color:#444;line-height:1.5}.post-card--featured{grid-column:1 / -1}.post-card--featured .post-card-inner{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--unit) * 5);align-items:start}.post-card--featured .post-card-title{font-family:var(--display);font-size:clamp(1.4rem,2.5vw + .5rem,2rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05}.post-card--featured .post-card-desc{font-size:1rem;line-height:1.6}@media(max-width:720px){.post-card--featured .post-card-inner{grid-template-columns:1fr}}footer{background:var(--blue);color:var(--white);padding:calc(var(--unit) * 4) calc(var(--unit) * 6);font-family:var(--mono);font-size:.7rem;position:fixed;bottom:0;left:0;width:100%;z-index:100;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--unit) * 2)}footer span{opacity:.6}footer em{font-style:normal;color:var(--yellow);opacity:1}footer a{color:var(--yellow);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:600px){footer{flex-direction:column;align-items:flex-start;gap:calc(var(--unit) * .5);padding:calc(var(--unit) * 1.5) calc(var(--unit) * 3);font-size:.6rem}}@media(max-width:600px){body{padding-bottom:calc(var(--unit) * 7)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.1,1,0,1),transform .5s cubic-bezier(.1,1,0,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.reveal.visible{opacity:1;transform:none}.masthead-geo,.masthead-circle{animation:none}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.ticker[data-astro-cid-kofmyqso]{background:var(--blue);color:var(--white);overflow:hidden;width:100%;height:calc(var(--unit) * 4);display:flex;align-items:center;position:relative;z-index:10}.ticker-track[data-astro-cid-kofmyqso]{display:flex;align-items:center;white-space:nowrap;animation:ticker-scroll 60s linear infinite;will-change:transform}.ticker[data-astro-cid-kofmyqso]:hover .ticker-track[data-astro-cid-kofmyqso]{animation-play-state:paused}.ticker-item[data-astro-cid-kofmyqso]{font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;padding:0 calc(var(--unit) * 1.5);flex-shrink:0}.ticker-sep[data-astro-cid-kofmyqso]{color:var(--red);margin-right:calc(var(--unit) * 1.5);font-size:.5rem;vertical-align:middle}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:600px){.ticker-track[data-astro-cid-kofmyqso]{animation-duration:80s}}@media(prefers-reduced-motion:reduce){.ticker-track[data-astro-cid-kofmyqso]{animation:none;will-change:auto}.ticker[data-astro-cid-kofmyqso]{overflow-x:auto}}