@import "https://fonts.googleapis.com/css2?family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";:root{--accent:#4cc9f0;--accent-glow:#4cc9f04d;--accent-tint:#4cc9f014;--accent-r:.298;--accent-g:.788;--accent-b:.941;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--font-serif:"Playfair Display", "Georgia", serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-accent:all .6s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .2s ease;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1);--heading-tracking:-.02em;--heading-weight:700;--body-tracking:0}[data-theme=dark]{--bg-primary:#08090f;--bg-secondary:#0f1118;--bg-tertiary:#171a25;--bg-card:#0f1118cc;--bg-card-hover:#171a25e6;--text-primary:#f0f0f5;--text-secondary:#8b92a8;--text-tertiary:#5a6180;--border-color:#ffffff0f;--border-hover:#ffffff1f;--glass-bg:#08090f73;--glass-border:#ffffff14;--shadow-card:0 4px 24px #0006;--shadow-hover:0 12px 48px #00000080}[data-theme=light]{--bg-primary:#faf9f7;--bg-secondary:#f0eeea;--bg-tertiary:#e5e3de;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--text-primary:#14141f;--text-secondary:#555770;--text-tertiary:#8b8da3;--border-color:#00000012;--border-hover:#00000024;--glass-bg:#faf9f780;--glass-border:#00000012;--shadow-card:0 2px 16px #0000000f;--shadow-hover:0 8px 32px #0000001a}[data-theme=dark] [data-discipline=dev],[data-discipline=dev]{--accent:#9ed8ff;--accent-glow:#9ed8ff33;--accent-tint:#9ed8ff0d}[data-theme=dark] [data-discipline=automation],[data-discipline=automation]{--accent:#ffd8a8;--accent-glow:#ffd8a833;--accent-tint:#ffd8a80d}[data-theme=dark] [data-discipline="3d"],[data-discipline="3d"]{--accent:#d0c4ff;--accent-glow:#d0c4ff33;--accent-tint:#d0c4ff0d}[data-theme=dark] [data-discipline="2d"],[data-discipline="2d"]{--accent:#ffc9db;--accent-glow:#ffc9db33;--accent-tint:#ffc9db0d}[data-theme=light] [data-discipline=dev]{--accent:#74c0fc}[data-theme=light] [data-discipline=automation]{--accent:#ffa94d}[data-theme=light] [data-discipline="3d"]{--accent:#9775fa}[data-theme=light] [data-discipline="2d"]{--accent:#f06595}[data-discipline=dev]{--heading-tracking:-.03em;--heading-weight:600}[data-discipline=automation]{--heading-tracking:-.01em;--heading-weight:700}[data-discipline="3d"]{--heading-tracking:.02em;--heading-weight:500}[data-discipline="2d"]{--heading-tracking:-.02em;--heading-weight:800}:root{--font-body:"Bellota Text", cursive;--font-display:"Bellota Text", cursive;--font-serif:"Bellota Text", cursive;--transition-nav:all .8s cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--bg-primary:#030409;--bg-secondary:#080a11;--bg-tertiary:#10131c;--bg-card:#07090fd6;--bg-card-hover:#0c0f18eb;--glass-bg:#04060b94;--glass-border:#ffffff13;--text-primary:#f2f4f8;--text-secondary:#9aa1b7;--text-tertiary:#626a86}[data-theme=light]{--bg-primary:#fbfaf7;--bg-secondary:#f3f1ec;--bg-tertiary:#e9e6df;--bg-card:#ffffffe0;--bg-card-hover:#fffffff5;--glass-bg:#fbfaf79e;--glass-border:#00000012;--text-primary:#12131c;--text-secondary:#54586b;--text-tertiary:#898b9b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);letter-spacing:.02em;min-height:100vh;font-size:.95rem;line-height:1.8;transition:background-color .8s,color .4s;animation:1.5s ease-out siteFadeIn;overflow-x:hidden}@keyframes siteFadeIn{0%{opacity:0}to{opacity:1}}a{color:var(--accent);text-decoration:none;transition:all .2s}a:hover{opacity:.85}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.iridescent-ripple{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.78;filter:contrast(1.04)saturate(1.42);position:fixed;inset:0}.iridescent-ripple canvas{width:100%;height:100%;display:block}[data-theme=light] .iridescent-ripple{mix-blend-mode:multiply;opacity:.72;filter:contrast(1.02)saturate(1.38)}.blog-leaf-loader{z-index:4000;pointer-events:all;background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 24%), color-mix(in srgb, var(--bg-primary) 91%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);place-items:center;animation:.52s cubic-bezier(.16,1,.3,1) both blogLoaderArrive;display:grid;position:fixed;inset:0;overflow:hidden}[data-theme=light] .blog-leaf-loader{background:radial-gradient(circle at 50% 44%,#78c6ff33,#0000 26%),#fbfaf7e6}.blog-leaf-loader--exit{pointer-events:none;animation:.92s cubic-bezier(.22,1,.36,1) forwards blogLoaderRelease}.blog-leaf-loader__halo{filter:blur(16px);opacity:.74;background:conic-gradient(from 120deg,#0000,#7fd2ff2e,#0000,#ffffff1f,#0000);border-radius:50%;width:220px;height:220px;animation:2.8s linear infinite blogLeafHalo;position:absolute}.blog-leaf-loader__leaf{transform-origin:50% 84%;width:104px;height:152px;filter:drop-shadow(0 18px 34px #00185638) drop-shadow(0 0 24px color-mix(in srgb, var(--accent) 24%, transparent));animation:1.8s ease-in-out infinite blogLeafBreathe;position:relative;transform:rotate(-18deg)}.blog-leaf-loader__piece,.blog-leaf-loader__vein,.blog-leaf-loader__stem{display:block;position:absolute}.blog-leaf-loader__piece{background:radial-gradient(circle at 38% 26%,#ffffffd6,#0000 22%),linear-gradient(138deg,#dafaffeb,#5eb7ffb8 45%,#0852ada3);border:1px solid #ffffff57;inset:0;box-shadow:inset 1px 1px #ffffffad,inset -22px -18px 46px #002c702e}[data-theme=light] .blog-leaf-loader__piece{background:radial-gradient(circle at 38% 26%,#fffffff5,#0000 22%),linear-gradient(138deg,#fffffffa,#9ad9ffc2 48%,#58a2ec85);border-color:#103f6e29}.blog-leaf-loader__piece--left{clip-path:polygon(49% 0,18% 9%,3% 32%,7% 58%,31% 82%,50% 100%,50% 0);border-radius:74% 8% 20% 82%/58% 10% 64% 44%}.blog-leaf-loader__piece--right{clip-path:polygon(49% 0,79% 11%,98% 36%,91% 66%,67% 88%,50% 100%,50% 0);border-radius:8% 74% 82% 20%/10% 58% 44% 64%}.blog-leaf-loader__piece--tip{clip-path:polygon(49% 0,19% 9%,50% 38%,79% 11%);border-radius:80% 80% 22% 22%/84% 84% 24% 24%}.blog-leaf-loader__vein{background:linear-gradient(#ffffffdb,#fff3);border-radius:999px;width:2px;height:78%;top:9%;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 0 12px #ffffff47}.blog-leaf-loader__stem{background:linear-gradient(to bottom, #ffffffc7, color-mix(in srgb, var(--accent) 58%, #0d2a52));transform-origin:top;border-radius:999px;width:3px;height:46px;bottom:-26px;left:50%;transform:translate(-50%)rotate(10deg)}.blog-leaf-loader--exit .blog-leaf-loader__leaf{animation:none}.blog-leaf-loader--exit .blog-leaf-loader__piece--left{animation:.88s cubic-bezier(.18,.78,.28,1) forwards blogLeafBreakLeft}.blog-leaf-loader--exit .blog-leaf-loader__piece--right{animation:.88s cubic-bezier(.18,.78,.28,1) forwards blogLeafBreakRight}.blog-leaf-loader--exit .blog-leaf-loader__piece--tip{animation:.84s cubic-bezier(.18,.78,.28,1) forwards blogLeafBreakTip}.blog-leaf-loader--exit .blog-leaf-loader__vein{animation:.5s forwards blogLeafVeinSnap}.blog-leaf-loader--exit .blog-leaf-loader__stem{animation:.78s cubic-bezier(.2,.78,.32,1) forwards blogLeafStemDrop}@keyframes blogLoaderArrive{0%{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur()}}@keyframes blogLoaderRelease{0%{opacity:1;-webkit-backdrop-filter:blur(18px)saturate(1.2)}62%{opacity:1}to{opacity:0;-webkit-backdrop-filter:blur()saturate()}}@keyframes blogLeafHalo{to{transform:rotate(360deg)}}@keyframes blogLeafBreathe{0%,to{transform:rotate(-18deg)translateY(0)scale(1)}50%{transform:rotate(-15deg)translateY(-4px)scale(1.025)}}@keyframes blogLeafBreakLeft{to{opacity:0;filter:blur(2px);transform:translate(-44px,24px)rotate(-32deg)scale(.92)}}@keyframes blogLeafBreakRight{to{opacity:0;filter:blur(2px);transform:translate(50px,-8px)rotate(38deg)scale(.94)}}@keyframes blogLeafBreakTip{to{opacity:0;filter:blur(2px);transform:translate(12px,-58px)rotate(21deg)scale(.78)}}@keyframes blogLeafVeinSnap{to{opacity:0;transform:translate(-50%)rotate(18deg)scaleY(.35)}}@keyframes blogLeafStemDrop{to{opacity:0;filter:blur(2px);transform:translate(-50%,46px)rotate(28deg)}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--heading-weight,700);letter-spacing:var(--heading-tracking,-.02em);color:var(--text-primary);line-height:1.1}.chapter-heading{scroll-margin-top:92px}p{color:var(--text-secondary);letter-spacing:.02em;font-size:.95rem;line-height:1.8}.blog-nav{z-index:1000;pointer-events:none;width:auto;transition:var(--transition-nav);justify-content:center;align-items:center;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.blog-nav--post{top:10px;bottom:auto}.blog-nav__container{pointer-events:auto;-webkit-backdrop-filter:blur(28px)saturate(1.8);background:var(--glass-bg);border:1px solid var(--glass-border);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;width:max-content;padding:4px 10px;transition:width .72s cubic-bezier(.16,1,.3,1),max-width .72s cubic-bezier(.16,1,.3,1),padding .72s cubic-bezier(.16,1,.3,1),border-radius .72s cubic-bezier(.16,1,.3,1),background-color .48s,border-color .48s,box-shadow .56s,gap .56s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.22,1,.36,1) navMorpIn;display:flex;position:relative;box-shadow:0 8px 26px #00000024}.blog-nav__morph-container{z-index:2;align-items:center;transition:width 1s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.blog-nav__morph-wrapper{pointer-events:none;align-items:center;max-width:0;transition:max-width .8s cubic-bezier(.22,1,.36,1) .1s;display:flex;overflow:hidden}.blog-nav__morph-wrapper--visible{pointer-events:auto;max-width:600px;transition-delay:0s}.blog-nav__morph-item{white-space:nowrap;opacity:0;filter:blur(10px);flex-shrink:0;transition:opacity .4s,filter .6s cubic-bezier(.22,1,.36,1),transform .4s;transform:translate(8px)}.blog-nav__morph-wrapper--visible .blog-nav__morph-item{opacity:1;filter:blur();transform:translate(0)}.blog-nav__morph-wrapper--visible .blog-nav__morph-item:first-child{transition:opacity .5s .2s,transform .5s .2s,filter .8s cubic-bezier(.22,1,.36,1) .2s}.blog-nav__morph-wrapper--visible .blog-nav__morph-item:nth-child(2){transition:opacity .5s .25s,transform .5s .25s,filter .75s cubic-bezier(.22,1,.36,1) .25s}.blog-nav__morph-wrapper--visible .blog-nav__morph-item:nth-child(3){transition:opacity .5s .3s,transform .5s .3s,filter .7s cubic-bezier(.22,1,.36,1) .3s}.blog-nav__morph-wrapper--visible .blog-nav__morph-item:nth-child(4){transition:opacity .5s .35s,transform .5s .35s,filter .65s cubic-bezier(.22,1,.36,1) .35s}.blog-nav__morph-wrapper--visible .blog-nav__morph-item:nth-child(5){transition:opacity .5s .4s,transform .5s .4s,filter .6s cubic-bezier(.22,1,.36,1) .4s}.blog-nav__morph-wrapper--visible .blog-nav__morph-item:nth-child(6){transition:opacity .5s .45s,transform .5s .45s,filter .55s cubic-bezier(.22,1,.36,1) .45s}.blog-nav__morph-wrapper--visible .blog-nav__morph-item:nth-child(7){transition:opacity .5s .5s,transform .5s .5s,filter .5s cubic-bezier(.22,1,.36,1) .5s}.blog-nav__group{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.blog-nav__label{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;padding:0 8px;font-size:.76rem;font-weight:700}@keyframes navMorpIn{0%{opacity:0;filter:blur(10px);transform:translateY(-10px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.blog-nav__link{font-family:var(--font-body);color:var(--text-secondary);z-index:2;white-space:nowrap;padding:5px 10px;font-size:.74rem;font-weight:700;text-decoration:none;transition:opacity .34s,filter .42s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.16,1,.3,1),color .3s;position:relative}.blog-nav__link:hover{color:var(--text-primary);opacity:1}.blog-nav__link--active{color:var(--text-primary)}.blog-nav__logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);z-index:2;padding:5px 7px;font-size:.8rem;font-weight:800;position:relative}.blog-nav__sep{background:var(--glass-border);opacity:.4;width:1px;height:16px}.blog-nav__theme-btn{border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);height:28px;color:var(--text-secondary);cursor:pointer;z-index:2;flex-shrink:0;align-items:center;gap:6px;padding:5px 8px;font-size:.85rem;transition:opacity .24s,filter .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.16,1,.3,1),background-color .3s,border-color .3s,color .3s;display:flex;position:relative}.blog-nav__theme-btn:hover{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}.blog-nav__theme-btn svg{justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.blog-nav__theme-btn:hover svg{transform:rotate(15deg)}.blog-nav__container--article{align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 24px);transition:width .72s cubic-bezier(.16,1,.3,1),max-width .72s cubic-bezier(.16,1,.3,1),padding .72s cubic-bezier(.16,1,.3,1),border-radius .72s cubic-bezier(.16,1,.3,1),gap .56s cubic-bezier(.16,1,.3,1),background-color .48s,border-color .48s,box-shadow .56s;display:flex;overflow:hidden}.blog-nav__container--article-open{white-space:normal;background:var(--glass-bg);border-color:#dce8ff21;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;width:min(400px,100vw - 28px);padding:18px 20px;display:flex;box-shadow:0 18px 52px #00000047,inset 0 1px #ffffff14}[data-theme=light] .blog-nav__container--article-open{background:var(--glass-bg);border-color:#46567029;box-shadow:0 20px 54px #26304429,inset 0 1px #ffffffd1}.blog-nav__container--article-open .blog-nav__theme-btn{opacity:0;filter:blur(5px);pointer-events:none;width:auto;min-width:34px;height:28px;padding:5px 8px;position:absolute;top:14px;left:16px;transform:translateY(-4px)scale(.98)}.blog-nav__container--article-morphing .blog-nav__theme-btn{filter:blur(5px);opacity:0}.blog-nav__container--article-open>.blog-nav__sep{opacity:0;width:0;height:0;margin-inline:-2px;position:absolute;top:14px;left:16px;overflow:hidden}.blog-nav__container--article-open>.blog-nav__link{opacity:0;filter:blur(6px);pointer-events:none;max-width:0;height:0;padding-inline:0;position:absolute;top:14px;left:16px;overflow:hidden;transform:translate(-8px)}.blog-nav__container--article-morphing>.blog-nav__link{opacity:0;filter:blur(6px);transform:translate(-8px)}.blog-nav__chapter-trigger{min-width:0;max-width:min(46vw,360px);height:28px;color:var(--text-primary);z-index:2;-webkit-tap-highlight-color:transparent;border-radius:6px;outline:none;align-items:center;gap:8px;padding:0 6px 0 10px;transition:max-width .72s cubic-bezier(.16,1,.3,1),width .72s cubic-bezier(.16,1,.3,1),min-height .62s cubic-bezier(.16,1,.3,1),padding .62s cubic-bezier(.16,1,.3,1),border-radius .62s cubic-bezier(.16,1,.3,1),filter .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.16,1,.3,1),background-color .24s,color .24s;display:inline-flex;position:relative}.blog-nav__chapter-trigger:hover,.blog-nav__container--article-open .blog-nav__chapter-trigger{color:var(--text-primary);background:0 0}.blog-nav__container--article:not(.blog-nav__container--article-open) .blog-nav__chapter-trigger,.blog-nav__container--article:not(.blog-nav__container--article-open) .blog-nav__chapter-trigger:hover,.blog-nav__chapter-trigger:focus,.blog-nav__chapter-trigger:focus-visible,.blog-nav__chapter-trigger:active{box-shadow:none;color:var(--text-primary);background:0 0;outline:none}.blog-nav__container--article-open .blog-nav__chapter-trigger{column-gap:8px;justify-content:initial;color:#f4f8fff0;width:100%;max-width:none;height:auto;min-height:34px;box-shadow:none;background:0 0;border-radius:0;grid-template-columns:22px minmax(0,1fr) 18px;padding:2px 0;display:grid}[data-theme=light] .blog-nav__container--article-open .blog-nav__chapter-trigger{color:#121722e6}.blog-nav__chapter-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-body);color:inherit;filter:blur();font-size:.74rem;font-weight:700;transition:font-size .62s cubic-bezier(.16,1,.3,1),line-height .62s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.16,1,.3,1),color .32s;overflow:hidden;transform:translateY(0)}.blog-nav__container--article-open .blog-nav__chapter-title{white-space:normal;text-overflow:clip;filter:blur();grid-column:2;padding-right:12px;font-size:.92rem;line-height:1.45;overflow:visible;transform:translateY(0)}.blog-nav__container--article:not(.blog-nav__container--article-open) .blog-nav__chapter-title{filter:blur()}.blog-nav__container--article-morphing .blog-nav__chapter-title{animation:.46s cubic-bezier(.22,1,.36,1) both chapterTitleBlurPulse}.blog-nav__container--article-open:not(.blog-nav__container--article-morphing) .blog-nav__chapter-title,.blog-nav__container--article:not(.blog-nav__container--article-open):not(.blog-nav__container--article-morphing) .blog-nav__chapter-title{filter:blur();transform:translateY(0)}@keyframes chapterTitleBlurPulse{0%{filter:blur();transform:translateY(0)}42%{filter:blur(6px);transform:translateY(-2px)}to{filter:blur();transform:translateY(0)}}[data-theme=light] .blog-nav__container--article-open .blog-nav__chapter-title{color:#121722eb}.blog-nav__container--article .blog-nav__progress-ring{flex:0 0 22px;width:22px;height:22px}.blog-nav__container--article-open .blog-nav__progress-ring{opacity:.82;flex-basis:20px;order:-1;grid-column:1;width:20px;height:20px;margin-top:2px}.blog-nav__chapter-caret{opacity:.72;border-top:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .28s;transform:rotate(135deg)}.blog-nav__container--article-open .blog-nav__chapter-caret{opacity:.92;grid-column:3;place-self:center end;transform:rotate(-45deg)}.blog-nav__container--article-open .blog-nav__progress-ring:after{content:"";display:none}.blog-nav__container--article-open .blog-nav__progress-ring svg{display:block}.blog-nav__chapter-menu{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(1.8);opacity:0;filter:blur(8px);pointer-events:none;border-radius:12px;width:min(320px,100vw - 28px);max-height:0;padding:8px;transition:opacity .28s,max-height .7s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.22,1,.36,1),filter .38s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-8px)scale(.98);box-shadow:0 16px 42px #0003}.blog-nav__container--article-open .blog-nav__chapter-menu{width:100%;box-shadow:none;-webkit-backdrop-filter:none;opacity:1;filter:blur();pointer-events:auto;background:0 0;border:0;max-height:360px;padding:0;position:static;transform:translateY(0)scale(1)}.blog-nav__chapter-menu .blog-nav__hud-item{opacity:0;filter:blur(9px);transition:opacity .42s,filter .64s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.16,1,.3,1),color .2s,background-color .2s;transform:translateY(-6px)}.blog-nav__container--article-open .blog-nav__chapter-menu .blog-nav__hud-item{opacity:1;filter:blur();transform:translateY(0)}.blog-nav__container--article-morphing .blog-nav__chapter-menu .blog-nav__hud-item{transition-duration:.62s,.72s,.62s,.2s,.2s}.blog-nav__container--article-opening .blog-nav__chapter-menu .blog-nav__hud-item:first-child{transition-delay:.18s}.blog-nav__container--article-opening .blog-nav__chapter-menu .blog-nav__hud-item:nth-child(2){transition-delay:.24s}.blog-nav__container--article-opening .blog-nav__chapter-menu .blog-nav__hud-item:nth-child(3){transition-delay:.3s}.blog-nav__container--article-opening .blog-nav__chapter-menu .blog-nav__hud-item:nth-child(4){transition-delay:.36s}.blog-nav__container--article-closing .blog-nav__chapter-menu .blog-nav__hud-item{opacity:0;filter:blur(9px);transition-delay:0s;transform:translateY(-6px)}[data-theme=light] .blog-nav__container--article-open .blog-nav__hud-item{color:#242d3e94}[data-theme=light] .blog-nav__container--article-open .blog-nav__hud-item:hover{color:#121722e6;background:#46a6e117}[data-theme=light] .blog-nav__container--article-open .blog-nav__hud-item--active{color:#1b8ed5}.discipline-filter--nav .discipline-filter__btn--mini{font-family:var(--font-body);color:var(--text-secondary);z-index:2;text-transform:capitalize;border-radius:0;padding:6px 12px;font-size:.78rem;font-weight:700;transition:color .3s;position:relative}.discipline-filter--nav .discipline-filter__btn--mini:hover{color:var(--text-primary);background:0 0}.blog-nav__hud{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.blog-nav__hud-pill{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8);border:1px solid var(--glass-border);cursor:default;border-radius:999px;flex-direction:column;align-items:center;gap:0;width:34px;max-width:90vw;max-height:34px;padding:5px;transition:background-color .22s,border-color .22s,box-shadow .22s;animation:.8s cubic-bezier(.22,1,.36,1) navMorpIn;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000024}.blog-nav__hud-pill.expanded{align-items:stretch;width:320px!important;inline-size:min(320px,100vw - 28px)!important;border-radius:12px!important;max-height:500px!important;padding:5px 10px 10px!important}.blog-nav__hud-progress-fill{display:none}.blog-nav__hud-header{cursor:pointer;flex:0 0 24px;align-self:center;align-items:center;gap:0;width:24px;display:flex}.blog-nav__active-chapter{display:none}.blog-nav__progress-ring{width:22px;height:22px;transition:transform .6s cubic-bezier(.22,1,.36,1);display:flex}.blog-nav__progress-ring circle{transform-origin:50%;transform:rotate(-90deg)}.blog-nav__arrow{display:none}.blog-nav__arrow--open{transform:rotate(180deg)}.blog-nav__hud-list{border-top:1px solid var(--glass-border);opacity:0;pointer-events:none;filter:blur(10px);flex-direction:column;gap:4px;width:100%;margin-top:10px;padding-top:12px;transition:none;display:flex;transform:translateY(-10px)}.blog-nav__hud-pill.expanded .blog-nav__hud-list{opacity:1;pointer-events:auto;filter:blur();transform:translateY(0)}.blog-nav__hud-item{text-align:left;width:100%;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.76rem;transition:all .2s;display:flex}.blog-nav__hud-item:hover{background:var(--accent-tint);color:var(--text-primary)}.blog-nav__hud-item--active{color:var(--accent);font-weight:700}.blog-nav__dot{background:var(--accent);width:6px;height:6px;box-shadow:none;border-radius:50%;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:.85}50%{opacity:1}}.blog-container{max-width:1200px;padding:0 var(--space-xl) var(--space-4xl);margin:0 auto}h1.chapter-heading{color:var(--text-primary);margin-top:3rem;margin-bottom:1.5rem;scroll-margin-top:100px;font-size:1.5rem}.post-page__body ol{counter-reset:custom-counter;margin:2rem 0;padding-left:0;list-style:none}.post-page__body ol li{counter-increment:custom-counter;color:var(--text-secondary);margin-bottom:2rem;padding-left:3.5rem;line-height:1.8;position:relative}.post-page__body ol li:before{content:counter(custom-counter) ".";font-family:var(--font-body);color:var(--accent);font-size:1.1rem;font-weight:700;position:absolute;top:-2px;left:0}.post-page__body p{color:#ffffffd6;margin-bottom:2rem;font-size:1rem;line-height:1.9}.post-page__body strong{color:var(--text-primary);font-weight:700}.post-page__body code:not(pre code){background:var(--bg-tertiary);font-family:var(--font-mono);color:var(--accent);border-radius:4px;padding:.2rem .4rem;font-size:.85em}.code-block{border:1px solid var(--glass-border);background:#0f111799;border-radius:12px;margin:2.5rem 0;overflow:hidden;box-shadow:0 20px 40px #0006}.code-block__header{border-bottom:1px solid var(--glass-border);background:#ffffff08;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.code-block__title{color:var(--text-tertiary);font-size:.8rem;font-weight:600;font-family:var(--font-body)}.code-block__pre{margin:0;padding:20px;overflow-x:auto}.code-block__code{font-family:var(--font-mono);font-size:.9rem;line-height:1.7}.discipline-filter{margin-bottom:var(--space-2xl);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.discipline-filter__btn{font-family:var(--font-body);border-radius:var(--radius-full);color:var(--text-secondary);padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .3s;position:relative}.discipline-filter__btn:hover,.discipline-filter__btn--active{color:var(--text-primary);background:var(--accent-tint)}.discipline-filter__btn--active:after{content:"";background:var(--accent);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-4px;left:20%;right:20%}.blog-hero{width:100vw;height:104vh;min-height:760px;margin-left:calc(50% - 50vw);margin-bottom:var(--space-4xl);isolation:isolate;cursor:pointer;--hero-x:0;--hero-y:0;--hero-scroll:0;--hero-pointer-x:50%;--hero-pointer-y:50%;background:linear-gradient(135deg,#0c4fa2 0%,#0d73d7 48%,#063c8e 100%);position:relative;overflow:hidden}[data-theme=dark] .blog-hero{background:linear-gradient(135deg,#06245a 0%,#074c9b 48%,#031a42 100%)}[data-theme=light] .blog-hero{background:linear-gradient(135deg,#d9efff 0%,#8fd0ff 48%,#c8e5ff 100%)}[data-theme=light] .blog-hero__tag-row span{color:#081830b8;text-shadow:none;background:#ffffff47;border-color:#08183047}[data-theme=light] .blog-hero__title{color:#06162cf0;text-shadow:0 2px 22px #ffffff8c}[data-theme=light] .blog-hero__excerpt{color:#081830ad}.blog-hero:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--bg-primary) 8%, transparent) 20%, color-mix(in srgb, var(--bg-primary) 34%, transparent) 52%, color-mix(in srgb, var(--bg-primary) 78%, transparent) 82%, var(--bg-primary) 100%);-webkit-backdrop-filter:blur(22px)saturate(1.1);height:clamp(240px,38vh,440px);position:absolute;bottom:-1px;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#0000002e 16%,#000 46% 100%);mask-image:linear-gradient(#0000 0%,#0000002e 16%,#000 46% 100%)}.blog-hero__texture,.blog-hero__grain{pointer-events:none;position:absolute;inset:0}.blog-hero__texture{z-index:1;opacity:.44;transform:translate3d(calc(var(--hero-x) * -10px), calc(var(--hero-y) * -8px), 0);background:linear-gradient(115deg,#0000 0 42%,#ffffff1f 42.2%,#0000 42.8%),linear-gradient(22deg,#0000 0 63%,#ffffff14 63.2%,#0000 63.7%),repeating-radial-gradient(circle at 48% 52%,#ffffff0d 0 1px,#0000 1px 5px);-webkit-mask-image:linear-gradient(#000 0% 58%,#00000094 78%,#0000 100%);mask-image:linear-gradient(#000 0% 58%,#00000094 78%,#0000 100%)}.blog-hero__grain{z-index:3;opacity:.16;mix-blend-mode:screen;background-image:radial-gradient(circle at 12% 18%,#ffffffe6 0 1px,#0000 1px),radial-gradient(circle at 58% 72%,#ffffff8c 0 1px,#0000 1px);background-size:7px 7px,11px 11px;-webkit-mask-image:linear-gradient(#000 0% 52%,#00000070 76%,#0000 100%);mask-image:linear-gradient(#000 0% 52%,#00000070 76%,#0000 100%)}.blog-hero__tag-row{z-index:7;width:min(88vw,680px);transform:translateX(-50%) translate3d(calc(var(--hero-x) * 8px), calc(var(--hero-y) * 5px + var(--hero-scroll) * -12px), 0);flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:absolute;top:clamp(70px,9vh,94px);left:50%}.blog-hero__tag-row span{color:#ffffffeb;min-height:30px;font-family:var(--font-mono);letter-spacing:.02em;text-shadow:0 1px 12px #0000002e;background:#ffffff0a;border:1px solid #ffffffbf;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.72rem;display:inline-flex}.blog-hero__paper{pointer-events:none;transform-origin:50% 55%;border-radius:6% 84% 54% 42%/6% 45% 80% 54%;width:min(72vw,560px);height:min(72vw,560px);position:absolute;top:52%;left:50%}.blog-hero__paper--shadow{z-index:2;filter:blur(24px);transform:translate(-47%, -37%) translate3d(calc(var(--hero-x) * 18px), calc(var(--hero-y) * 16px + var(--hero-scroll) * 26px), 0) rotate(-44deg) skewY(-4deg);background:#00114647}.blog-hero__paper--back,.blog-hero__paper--front{box-shadow:inset 1px 1px #ffffff57,inset -26px -36px 70px #00226e47,0 36px 90px #00185247}.blog-hero__paper--back{z-index:3;opacity:.62;transform:translate(-53%, -40%) translate3d(calc(var(--hero-x) * -16px), calc(var(--hero-y) * -10px + var(--hero-scroll) * -18px), 0) rotate(-45deg) skewY(-2deg);background:linear-gradient(130deg,#bfe7ffad,#1e94e657),repeating-radial-gradient(circle at 54% 44%,#ffffff1f 0 1px,#0000 1px 5px)}.blog-hero__paper--front{z-index:4;opacity:.82;-webkit-backdrop-filter:blur(1px);transform:translate(-47%, -35%) translate3d(calc(var(--hero-x) * -28px), calc(var(--hero-y) * -18px + var(--hero-scroll) * -34px), 0) rotate(-43deg) skewY(-5deg);background:radial-gradient(circle at 36% 22%,#fff6,#0000 32%),linear-gradient(132deg,#b1e0ffbd,#1489dc85 64%,#0650ae61),repeating-radial-gradient(circle at 40% 44%,#ffffff21 0 1px,#0000 1px 6px)}.blog-hero__curl-shadow{z-index:3;filter:blur(8px);width:min(24vw,230px);height:min(38vw,360px);transform:translate3d(calc(var(--hero-x) * 18px), calc(var(--hero-y) * 14px), 0) skewX(-18deg) rotate(2deg);pointer-events:none;background:linear-gradient(#000f4852,#0000);position:absolute;bottom:8vh;right:18vw}.blog-hero__content{z-index:9;text-align:center;pointer-events:none;width:min(620px,100vw - 2rem);transform:translate(-50%, -34%) translate3d(calc(var(--hero-x) * -12px), calc(var(--hero-y) * -8px + var(--hero-scroll) * -22px), 0);flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%}.blog-hero__tag{margin-bottom:var(--space-sm);display:inline-block}.blog-hero__title{font-size:clamp(2.25rem,6vw,4.9rem);font-family:var(--font-display);margin-bottom:var(--space-md);text-wrap:balance;color:#fff;text-transform:uppercase;text-shadow:0 2px 24px #00185047;max-width:13ch;font-style:normal;font-weight:900;line-height:.94}.blog-hero__excerpt{color:#ffffffc7;max-width:48ch;font-size:clamp(.88rem,1.2vw,.98rem);line-height:1.62}.blog-hero__cta{background:color-mix(in srgb, var(--accent) 82%, white);color:#05060a;letter-spacing:.01em;border:1px solid color-mix(in srgb, var(--accent) 78%, white);pointer-events:auto;border-radius:999px;margin-top:1.5rem;padding:11px 24px;font-size:.82rem;font-weight:800;transition:transform .32s cubic-bezier(.16,1,.3,1),filter .25s;box-shadow:inset 0 1px #ffffffbd}.blog-hero__cta:hover{filter:brightness(1.08)saturate(1.1);transform:translateY(-3px)scale(1.035)}.post-grid{gap:var(--space-2xl);perspective:1400px;flex-direction:column;max-width:1080px;margin:0 auto;display:flex}.post-grid .project-card{--blog-card-radius:10px;opacity:0;filter:blur(18px)saturate(.82);border-radius:var(--blog-card-radius);transform-origin:calc(50% + (var(--card-nx,0) * 16%)) calc(50% + (var(--card-ny,0) * 16%));transition:opacity .85s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), translate 1.05s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), scale 1.08s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), filter 1s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), border-radius 1.05s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s);translate:0 54px;scale:.88 .82}[data-theme=light] .post-grid .project-card{box-shadow:calc(var(--card-peel-x,0) * 18px) calc(14px + (var(--card-peel-y,0) * 10px)) 34px #4b566e21, 0 1px 0 #ffffffeb inset, 0 0 0 1px #5f6f8c1a;background:#faf9f5e0}.post-grid .project-card--in-view{opacity:1;filter:blur()saturate();border-radius:var(--blog-card-radius);translate:0;scale:1}.project-card{isolation:isolate;will-change:transform;transform-style:preserve-3d;cursor:pointer;aspect-ratio:3/4;background:#08090dfa;border:0;border-radius:10px;transition:box-shadow .62s cubic-bezier(.16,1,.3,1),filter .62s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 16px 46px #00000038,0 1px 1px #0000002e}.project-card--landscape{flex-direction:row;align-items:stretch;min-height:260px;display:flex}.project-card--landscape .project-card__image-fill{width:calc(42% + (var(--card-pressure,0) * 3.5%));border-radius:var(--blog-card-radius) 0 0 var(--blog-card-radius);flex-shrink:0;transition:width .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1);position:relative}.project-card--landscape .project-card__frost{width:calc(58% - (var(--card-pressure,0) * 3.5%));justify-content:center;transition:width .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);position:relative}.project-card--landscape .project-card__frost-content{border-radius:0 var(--blog-card-radius) var(--blog-card-radius) 0}.project-card--landscape .project-card__frost-bg,.project-card--landscape .project-card__overlay-bg{opacity:1;border-radius:0 var(--blog-card-radius) var(--blog-card-radius) 0;background:linear-gradient(120deg,#12141af0,#08090dd1);box-shadow:inset 1px 0 #ffffff0f}[data-theme=light] .project-card--landscape .project-card__frost-bg,[data-theme=light] .project-card--landscape .project-card__overlay-bg{background:linear-gradient(120deg,#faf9f6f5,#eeede8d1)}.project-card--landscape .project-card__subtext{opacity:.88;filter:blur();margin-top:var(--space-sm);grid-template-rows:1fr;transform:translateY(0)}[data-theme=light] .project-card{box-shadow:0 12px 36px #00000014,0 1px 1px #0000000f}.project-card:hover{box-shadow:calc(var(--card-nx,0) * -18px) calc(28px + (var(--card-ny,0) * 14px)) 62px #00000057, 0 2px 2px #00000024}.project-card__specular{display:none}.project-card:hover .project-card__specular{opacity:0}.project-card__balloon,.project-card__cursor-wake{border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.post-grid .project-card__balloon{z-index:7;aspect-ratio:auto;border-radius:inherit;width:auto;opacity:calc(var(--balloon-pressure,0) * .44);background:radial-gradient(ellipse 52% 46% at var(--balloon-x,50%) var(--balloon-y,50%), #ffffff47, #ffffff14 34%, transparent 58%), radial-gradient(ellipse 42% 36% at calc(var(--balloon-x,50%) + 9%) calc(var(--balloon-y,50%) + 14%), #00000038, transparent 62%);clip-path:none;box-shadow:none;mix-blend-mode:overlay;transform-origin:var(--balloon-x,50%) var(--balloon-y,50%);transform:translate3d(calc(var(--card-nx,0) * -10px), calc(var(--card-ny,0) * -8px), 48px) rotateX(calc(var(--card-ny,0) * -5deg)) rotateY(calc(var(--card-nx,0) * 7deg));transition:opacity .28s,transform .42s cubic-bezier(.16,1,.3,1);inset:-1px}.post-grid .project-card__balloon:before,.post-grid .project-card__balloon:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0}.post-grid .project-card__balloon:before{opacity:calc(var(--card-pressure,0) * .85);background:linear-gradient(125deg,#0000 0 52%,#fff3 56%,#ffffff05 64%,#0000 74%)}.post-grid .project-card__balloon:after{filter:blur(12px);opacity:calc(var(--card-pressure,0) * .7);transform:translate3d(calc(var(--card-nx,0) * -18px), calc(var(--card-ny,0) * -12px), 0);background:radial-gradient(26% 32% at 88% 86%,#0000004d,#0000 70%)}.post-grid .project-card__cursor-wake{z-index:5;opacity:calc(var(--wake-strength,0) * .28);background:radial-gradient(ellipse 36% 28% at var(--balloon-x,50%) var(--balloon-y,50%), #ffffff38, #ffffff14 38%, #0000000f 58%, transparent 78%), repeating-radial-gradient(ellipse 42% 34% at var(--balloon-x,50%) var(--balloon-y,50%), #ffffff29 0 1px, transparent 2px 13px);-webkit-mask-image:radial-gradient(ellipse 46% 36% at var(--balloon-x,50%) var(--balloon-y,50%), #000 0 48%, #000000a3 60%, transparent 82%);mask-image:radial-gradient(ellipse 46% 36% at var(--balloon-x,50%) var(--balloon-y,50%), #000 0 48%, #000000a3 60%, transparent 82%);-webkit-mask-image:radial-gradient(ellipse 46% 36% at var(--balloon-x,50%) var(--balloon-y,50%), #000 0 48%, #000000a3 60%, transparent 82%);mix-blend-mode:overlay;-webkit-backdrop-filter:blur(calc(var(--wake-strength,0) * 1.6px)) contrast(1.18) saturate(1.06);transform:translate3d(var(--wake-pull-x,0px), var(--wake-pull-y,0px), 34px) scale(1.04);transition:opacity .26s,transform .36s cubic-bezier(.16,1,.3,1);display:block}.project-card__image-fill{border-radius:inherit;z-index:1;transform:translate3d(calc(var(--card-nx,0) * -20px), calc(var(--card-ny,0) * -16px), 18px) scale(var(--image-scale,1.03));transform-origin:50%;transform-style:preserve-3d;filter:saturate(.86)contrast(.9)brightness(.98)blur(.3px);will-change:transform;transition:transform .62s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;overflow:hidden}.post-grid .project-card:hover .project-card__image-fill{filter:saturate(1.12)contrast(1.12)brightness(1.08)blur()}.project-card__image-fill img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .15s ease-out}.project-card__frost{z-index:5;pointer-events:none;height:100%;transform:translate3d(calc(var(--card-nx,0) * 13px), calc(var(--card-ny,0) * 10px), 48px);transform-style:preserve-3d;will-change:transform;flex-direction:column;justify-content:flex-end;transition:transform .52s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.project-card__frost-content{z-index:2;padding:var(--space-xl);border-radius:inherit;transform-style:preserve-3d;position:relative;transform:translateZ(38px)}.project-card__frost-bg,.project-card__overlay-bg{z-index:0;border-radius:inherit;-webkit-backdrop-filter:blur(12px)saturate(1.25);opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#08090d47 26%,#08090ddb 100%);border:0;transition:opacity .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}[data-theme=light] .project-card__frost-bg,[data-theme=light] .project-card__overlay-bg{-webkit-backdrop-filter:blur(12px)saturate(1.12);backdrop-filter:blur(12px)saturate(1.12);background:linear-gradient(#0000 0%,#faf9f65c 26%,#faf9f6eb 100%)}.project-card:hover .project-card__frost-bg,.project-card:hover .project-card__overlay-bg{opacity:1}.project-card__title{font-family:var(--font-display);color:#fff;filter:blur();text-shadow:0 1px 4px #0000004d;margin-bottom:0;font-size:1.05rem;font-weight:700;transition:font-size .8s cubic-bezier(.22,1,.36,1),color .3s,filter .92s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.project-card:hover .project-card__title{filter:blur();font-size:1.18rem;transform:translateY(0)}[data-theme=light] .project-card__title{color:#14141f;text-shadow:0 1px 4px #fff6}.project-card__subtext{opacity:0;filter:blur(7px);grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .8s cubic-bezier(.22,1,.36,1),opacity .8s cubic-bezier(.22,1,.36,1),margin-top .8s cubic-bezier(.22,1,.36,1),filter .96s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(8px)}.project-card__subtext-inner{flex-direction:column;display:flex;overflow:hidden}.project-card:hover .project-card__subtext{opacity:1;filter:blur();margin-top:var(--space-sm);grid-template-rows:1fr;transform:translateY(0)}.project-card__desc{color:#ffffffbf;margin-bottom:var(--space-md);text-shadow:0 1px 3px #0003;font-size:.85rem;line-height:1.55}[data-theme=light] .project-card__desc{color:#14141fcc;text-shadow:none}.project-card__tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.project-card__tag{border-radius:var(--radius-full);color:var(--accent);font-size:.7rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;padding:3px 10px}[data-theme=light] .project-card__tag{background:#0000000f}.post-grid{z-index:5;flex-direction:column;align-items:start;gap:clamp(18px,3vw,34px);max-width:920px;display:flex;position:relative}.post-grid .project-card{--blog-card-radius:12px;--sticker-lift:var(--card-pressure,0);border-radius:var(--blog-card-radius);isolation:isolate;width:100%;min-height:clamp(188px,24vw,238px);box-shadow:calc(var(--card-peel-x,0) * 22px) calc(16px + (var(--card-peel-y,0) * 12px)) 42px #00000040, 0 1px 0 #ffffff1a inset;filter:none;transform-origin:calc(50% + (var(--card-peel-x,0) * 18%)) calc(50% + (var(--card-peel-y,0) * 18%));background:#08090df5;border:0;transition:box-shadow .56s cubic-bezier(.16,1,.3,1);overflow:hidden;aspect-ratio:auto!important}.post-grid .project-card:before{content:"";z-index:0;border-radius:inherit;transform:translate3d(calc(var(--card-peel-x,0) * 5px), calc(var(--card-peel-y,0) * 4px), -12px) rotateX(calc(var(--card-peel-y,0) * 2.6deg)) rotateY(calc(var(--card-peel-x,0) * -3.6deg)) scale(calc(.99 - (var(--sticker-lift) * .01)));opacity:calc(.52 + (var(--sticker-lift) * .18));background:linear-gradient(135deg,#ffffff17,#ffffff04);transition:transform .56s cubic-bezier(.16,1,.3,1),opacity .42s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000047}.post-grid .project-card:hover{box-shadow:calc(var(--card-peel-x,0) * 10px) calc(18px + (var(--card-peel-y,0) * 7px)) 44px #00000047, 0 1px 0 #ffffff1f inset}.post-grid .project-card__specular,.post-grid .project-card__balloon,.post-grid .project-card__cursor-wake{display:none}.post-grid .project-card__image-fill{z-index:1;border-radius:inherit;width:calc(43% + 10px);filter:saturate(.92) contrast(.9) brightness(.94) blur(calc((1 - var(--sticker-lift)) * 1.6px));transform:translate3d(calc(var(--card-peel-x,0) * -7px), calc(var(--card-peel-y,0) * -5px), 0) scale(calc(1.025 + (var(--sticker-lift) * .025)));flex:0 0 calc(43% + 10px);transition:width .58s cubic-bezier(.16,1,.3,1),flex-basis .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1);position:relative;inset:0;overflow:hidden}.post-grid .project-card__image-fill:before,.post-grid .project-card__image-fill:after{display:none}.post-grid .project-card:hover .project-card__image-fill{filter:saturate(1.08)contrast(1.06)brightness(1.02)blur();flex-basis:calc(45% + 10px);width:calc(45% + 10px)}.post-grid .project-card__image-fill img{object-fit:cover;width:100%;height:100%}.post-grid .project-card__frost{z-index:5;width:auto;height:auto;min-height:inherit;pointer-events:none;border-radius:var(--blog-card-radius);transform:translate3d(calc(var(--card-peel-x,0) * 5px), calc(var(--card-peel-y,0) * 3px), 0);flex:auto;justify-content:center;align-self:stretch;margin-left:-10px;transition:transform .58s cubic-bezier(.16,1,.3,1);display:flex;position:relative;inset:auto;overflow:hidden}.post-grid .project-card__frost-content{width:100%;min-height:inherit;border-radius:inherit;transform-style:preserve-3d;flex-direction:column;justify-content:center;padding:clamp(20px,3vw,32px);display:flex;position:relative;transform:none}.post-grid .project-card__overlay-bg{border-radius:inherit;opacity:1;background:linear-gradient(112deg, color-mix(in srgb, var(--accent-tint) 88%, transparent), #0c0e1485);-webkit-backdrop-filter:blur(24px)saturate(1.78);border:1px solid #ffffff21;border-left-color:#fff3;height:auto;position:absolute;inset:0;box-shadow:0 4px 30px #00000029,inset 10px 0 24px #ffffff09}.post-grid .project-card__title{color:#fff;filter:none;font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.08;transition:font-size .72s cubic-bezier(.22,1,.36,1);transform:none}.post-grid .project-card:hover .project-card__title{font-size:clamp(1.04rem,1.72vw,1.3rem)}.post-grid .project-card__subtext{opacity:.82;filter:none;margin-top:var(--space-sm);grid-template-rows:1fr;transform:none}.post-grid .project-card:hover .project-card__subtext{opacity:1;filter:none;grid-template-rows:1fr;transform:none}.post-grid .project-card__desc{color:#ffffffc2;margin-bottom:0;font-size:.82rem}[data-theme=light] .post-grid .project-card:before{background:linear-gradient(135deg,#ffffffbd,#d2d8e238);box-shadow:inset 0 1px #fffc,inset 0 -1px #7884983d}[data-theme=light] .post-grid .project-card__overlay-bg{background:linear-gradient(112deg,#fffc,#f0f6ffb8);border-color:#5c6f912e #5c6f912e #5c6f912e #ffffffdb;box-shadow:0 4px 24px #1c263c12,inset 10px 0 24px #ffffff7a}[data-theme=light] .post-grid .project-card__title,[data-theme=light] .post-grid .project-card__desc{color:#14141f;text-shadow:none}.post-page{max-width:100%;overflow-x:hidden}[data-theme=light] .post-page{color:#151720}.post-page__progress{background:var(--accent);z-index:200;border-radius:0 2px 2px 0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.post-page__hero{width:100%;height:50vh;min-height:300px;position:relative;overflow:hidden}.post-page__hero img{object-fit:cover;width:100%;height:100%}.post-page__hero-overlay{background:linear-gradient(to top, var(--bg-primary) 0%, transparent 60%);position:absolute;inset:0}[data-theme=light] .post-page__hero-overlay{background:linear-gradient(to top, var(--bg-primary) 0%, #f6f4efb3 34%, transparent 72%)}.post-page__container{max-width:900px;padding:0 var(--space-xl);gap:var(--space-3xl);z-index:2;grid-template-columns:1fr 200px;margin:-80px auto 0;display:grid;position:relative}@media (width<=900px){.post-page__container{grid-template-columns:1fr}}.post-page__byline{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.post-page__byline-item{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.03em;font-size:.75rem}.post-page__title{font-size:clamp(2rem,5vw,3.5rem);font-family:var(--font-serif);margin-bottom:var(--space-lg);font-style:italic;font-weight:600;line-height:1.15}[data-theme=light] .post-page__title{color:#11131a}.post-page__body{max-width:68ch;color:var(--text-secondary);font-size:1.08rem;line-height:1.8}[data-theme=light] .post-page__body{color:#12151ec7}.post-page__body p{margin-bottom:var(--space-lg)}[data-theme=light] .post-page__body p,[data-theme=light] .post-page__body li{color:#12151ebd}.post-page__body h2{font-family:var(--font-serif);margin:var(--space-3xl) 0 var(--space-lg);color:var(--text-primary);font-size:1.6rem;font-style:italic}[data-theme=light] .post-page__body h2,[data-theme=light] .post-page__body h3,[data-theme=light] h1.chapter-heading{color:#11131a}.post-page__body h3{margin:var(--space-2xl) 0 var(--space-md);color:var(--text-primary);font-size:1.2rem}[data-theme=light] .post-page__body strong{color:#11131a}[data-theme=light] .post-page__body code:not(pre code){color:#2b8fd8;background:#2662911a}.post-page__toc{align-self:start;position:sticky;top:100px}.post-page__toc-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-md);font-size:.7rem}.post-page__toc-list{gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.post-page__toc-item{color:var(--text-tertiary);cursor:pointer;padding:2px 0;padding-left:var(--space-sm);border-left:2px solid #0000;font-size:.78rem;transition:color .2s}.post-page__toc-item:hover{color:var(--text-primary)}.post-page__toc-item--active{color:var(--accent);border-left-color:var(--accent)}.reviews{max-width:68ch;margin:var(--space-4xl) auto;padding:0 var(--space-xl)}.reviews__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.reviews__avg{font-family:var(--font-display);color:var(--accent);font-size:1.4rem;font-weight:700}.reviews__count{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.75rem}.review-card{padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:var(--space-md)}.review-card__meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.review-card__author{color:var(--text-primary);font-size:.9rem;font-weight:600}.review-card__date{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.7rem}.review-card__body{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.review-form{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.review-form__title{margin-bottom:var(--space-lg);font-size:1.1rem;font-weight:600}.review-form__field{margin-bottom:var(--space-lg)}.review-form__label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.8rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;display:block}.review-form__input,.review-form__textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:border-color .3s}.review-form__input:focus,.review-form__textarea:focus{border-color:var(--accent);outline:none}.review-form__textarea{resize:vertical;min-height:100px}.review-form__submit{padding:var(--space-sm) var(--space-xl);background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-full);letter-spacing:.02em;font-size:.85rem;font-weight:700;transition:all .3s}.review-form__submit:hover{opacity:.9;transform:translateY(-1px)}.review-form__success{text-align:center;padding:var(--space-xl);color:var(--accent);font-weight:600}.blog-footer{text-align:center;padding:var(--space-3xl) var(--space-md) var(--space-xl);color:var(--text-tertiary);font-size:.78rem;font-family:var(--font-mono);letter-spacing:.04em}.blog-footer a{color:var(--accent)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton--card{aspect-ratio:3/4;width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (width<=768px){.blog-container{padding:0 var(--space-md) var(--space-2xl)}.post-grid{gap:var(--space-xl)}.blog-hero{height:84vh;min-height:620px;margin-bottom:var(--space-3xl);border-radius:0}.blog-hero__tag-row{gap:8px;width:min(92vw,520px);top:78px}.blog-hero__tag-row span{min-height:26px;padding:0 10px;font-size:.62rem}.blog-hero__paper{width:min(88vw,420px);height:min(88vw,420px)}.blog-hero__content{width:100%;padding:0 var(--space-md);transform:translate(-50%, -25%) translate3d(calc(var(--hero-x) * -8px), calc(var(--hero-y) * -6px + var(--hero-scroll) * -18px), 0)}.blog-hero__title{max-width:13ch}.project-card--landscape{flex-direction:column}.project-card--landscape .project-card__image-fill,.project-card--landscape .project-card__frost{width:100%}.project-card--landscape .project-card__image-fill{border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-height:210px}.project-card--landscape .project-card__frost-content,.project-card--landscape .project-card__overlay-bg{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.post-grid .project-card{--blog-card-radius:12px;flex-direction:column;min-height:0;display:flex;transform:none!important}.post-grid .project-card__image-fill,.post-grid .project-card:hover .project-card__image-fill{border-radius:var(--blog-card-radius) var(--blog-card-radius) 0 0;filter:saturate(.98)contrast(.96)brightness(.98);flex:none;width:100%;min-height:clamp(190px,52vw,240px);transform:none}.post-grid .project-card__frost{border-radius:0 0 var(--blog-card-radius) var(--blog-card-radius);flex:none;width:100%;min-height:0;margin-left:0;transform:none}.post-grid .project-card__frost-content{border-radius:inherit;min-height:0;padding:22px 20px 24px;transform:none}.post-grid .project-card__overlay-bg{border-radius:inherit;border-left-color:#ffffff21;box-shadow:inset 0 -1px #ffffff14,0 -10px 28px #00000024}.post-grid .project-card__title,.post-grid .project-card:hover .project-card__title{font-size:1rem;line-height:1.18}.post-page{width:100%;max-width:100vw}.post-page__container{gap:var(--space-xl);width:100%;max-width:100vw;margin-top:-54px;padding:0 clamp(18px,6vw,24px);overflow:hidden}.post-page__container>*,.post-page__body{min-width:0}.post-page__title,.post-page__body,.post-page__body p,.post-page__body li,.post-page__body h2,.post-page__body h3,h1.chapter-heading{overflow-wrap:anywhere;word-break:normal;max-width:100%}.post-page__title{font-size:clamp(2rem,11vw,3rem)}.post-page__body{font-size:.98rem;line-height:1.82}.post-page__body ol li{padding-left:2.2rem}.post-page__body code:not(pre code){white-space:normal}.code-block{max-width:100%}.code-block__pre{max-width:100%;overflow-x:auto}.blog-nav{max-width:calc(100% - 24px);top:12px}.blog-nav__container,.blog-nav__container--article{max-width:calc(100vw - 24px);padding:4px 7px}.blog-nav__container--article{justify-content:flex-start;gap:6px;width:calc(100vw - 20px)}.blog-nav__container--article:not(.blog-nav__container--article-open)>.blog-nav__sep{flex:0 0 1px;margin:0 1px;display:block}.blog-nav__container--article:not(.blog-nav__container--article-open)>.blog-nav__link{flex:none;padding:5px 7px;display:inline-flex}.blog-nav__container--article:not(.blog-nav__container--article-open) .blog-nav__chapter-trigger{flex:auto;justify-content:space-between;gap:6px;width:auto;min-width:0;max-width:none;padding:0 8px 0 10px}.blog-nav__container--article:not(.blog-nav__container--article-open) .blog-nav__chapter-title{min-width:0}.blog-nav__container--article-open{border-radius:14px;gap:11px;width:calc(100vw - 20px);max-width:400px;padding:16px 18px 18px}.blog-nav__container--article-open .blog-nav__chapter-trigger{gap:8px;max-width:none;padding:2px 0}.blog-nav__chapter-title{font-size:.7rem}.blog-nav__container--article-open .blog-nav__chapter-title{font-size:.88rem;line-height:1.4}.blog-nav__chapter-menu{right:50%;transform:translate(50%,-8px)scale(.98)}.blog-nav__container--article-open .blog-nav__chapter-menu{transform:translateY(0)scale(1)}.reviews{padding:0 var(--space-md)}}