:root{--red: #cc0000;--red-bright: #e0482f;--black: #1a1a1a;--paper: #f2e8d5;--gold: #d4a843;--brown: #8b4513;--bg: var(--paper);--surface: #faf1dc;--text: var(--black);--text-muted: var(--brown);--paper-text: var(--paper);--border: var(--black);--card-border: var(--black);--card-shadow: var(--black);--btn-border: var(--black);--btn-shadow: var(--black);--btn-invade: var(--black);--header-bg: var(--black);--header-text: var(--paper);--header-accent: var(--red);--invade: var(--red);--footer-bg: var(--red);--footer-text: var(--paper);--code-bg: var(--black);--code-text: var(--paper);--font-display: "Oswald", sans-serif;--font-cond: "Roboto Condensed", sans-serif;--font-body: "Work Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--grid-unit: 8px;--max-width: 1200px;--sidebar-width: 300px}[data-theme=dark]{--bg: #141414;--surface: #1e1e1e;--text: var(--paper);--text-muted: var(--gold);--card-border: var(--paper);--card-shadow: var(--red);--code-bg: #0c0c0c}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}}@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/oswald-v57-latin-500.woff2") format("woff2")}@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/oswald-v57-latin-600.woff2") format("woff2")}@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/oswald-v57-latin-700.woff2") format("woff2")}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/roboto-condensed-v31-latin-700.woff2") format("woff2")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/work-sans-v24-latin-regular.woff2") format("woff2")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/work-sans-v24-latin-500.woff2") format("woff2")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/work-sans-v24-latin-600.woff2") format("woff2")}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/jetbrains-mono-v24-latin-regular.woff2") format("woff2")}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/jetbrains-mono-v24-latin-700.woff2") format("woff2")}*,*::before,*::after{box-sizing:border-box}html{background-color:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--text);background-color:var(--bg);overflow-x:hidden}img,svg{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.15;margin:0 0 calc(var(--grid-unit)*2);color:var(--text);text-rendering:optimizeLegibility}p{margin:0 0 calc(var(--grid-unit)*2)}a{color:var(--red);text-decoration:none;transition:color 100ms linear,background-color 100ms linear,border-color 100ms linear}a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--red);outline-offset:2px}button{font-family:inherit;cursor:pointer}::selection{background-color:var(--red);color:var(--paper)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--bg);border-left:2px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--red);border:3px solid var(--bg)}code{font-family:var(--font-mono)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:calc(var(--grid-unit)*4) calc(var(--grid-unit)*3)}.main-content.with-sidebar{display:grid;grid-template-columns:1fr;gap:calc(var(--grid-unit)*4)}.content{min-width:0}.sidebar{order:-1}.main-content.sidebar-right .sidebar{order:1}@media (min-width: 1024px){.main-content.with-sidebar{grid-template-columns:var(--sidebar-width) 1fr;gap:calc(var(--grid-unit)*5)}.main-content.with-sidebar.sidebar-right{grid-template-columns:1fr var(--sidebar-width)}.sidebar{order:0}}[data-sidebar=hidden] .sidebar{display:none}@media (min-width: 1024px){[data-sidebar=hidden] .main-content.with-sidebar,[data-sidebar=hidden] .main-content.with-sidebar.sidebar-right{grid-template-columns:1fr}}#page-loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--grid-unit)*2);background-color:var(--bg);opacity:0;visibility:hidden;transition:opacity 150ms linear,visibility 150ms linear}#page-loader.active{opacity:1;visibility:visible}.loader-spinner{width:44px;height:44px;border:5px solid var(--border);border-right-color:var(--red);animation:loader-spin .7s linear infinite}.loader-text{font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:.85rem}@keyframes loader-spin{to{transform:rotate(360deg)}}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out 140ms linear both}::view-transition-new(root){animation:vt-in 260ms linear both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{from{opacity:0}}.site-header{background-color:var(--header-bg);color:var(--header-text);border-bottom:6px solid var(--header-accent);position:sticky;top:0;z-index:200}.header-content{max-width:var(--max-width);margin:0 auto;padding:0 calc(var(--grid-unit)*3);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--grid-unit)*2);min-height:68px;position:relative}.header-content::before{content:"";position:absolute;right:0;top:0;width:120px;height:100%;background:var(--header-accent);transform:skewX(-18deg) translateX(30%);pointer-events:none}.hamburger-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:3px solid var(--header-text);padding:8px;line-height:0;color:var(--header-text);transition:background-color 100ms linear,color 100ms linear}.hamburger-toggle:hover{background:var(--header-accent);border-color:var(--header-accent)}.hamburger-line{stroke:currentColor;stroke-width:3;stroke-linecap:square}.site-title{display:flex;align-items:center}.site-title a{text-decoration:none;color:var(--header-text);display:inline-flex;align-items:center;gap:calc(var(--grid-unit))}.title-text{font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;line-height:1;padding:calc(var(--grid-unit)) 0}.title-text::before{content:"";display:inline-block;width:14px;height:14px;background:var(--header-accent);margin-right:calc(var(--grid-unit));vertical-align:baseline}.title-svg{height:34px;width:auto}.header-controls{display:flex;align-items:center;gap:calc(var(--grid-unit)*2)}.site-title,.header-controls{position:relative;z-index:1}.main-navigation{display:none}.nav-list{display:flex;align-items:center;gap:calc(var(--grid-unit));list-style:none;margin:0;padding:0}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;height:42px;box-sizing:border-box;overflow:hidden;padding:0 calc(var(--grid-unit)*2);font-family:var(--font-cond);font-weight:700;font-size:.85rem;line-height:1;text-transform:uppercase;letter-spacing:.12em;color:var(--header-text);border:3px solid var(--header-text);text-decoration:none;transition:color 100ms linear}.nav-link::before{content:"";position:absolute;inset:0;z-index:0;background-color:var(--invade);transform:translateX(-100%);transition:transform 100ms linear}.nav-link:hover::before,.nav-link:focus-visible::before{transform:translateX(0)}.nav-link span{position:relative;z-index:1}.mobile-controls{display:flex;align-items:center;gap:calc(var(--grid-unit))}.sidebar-toggle,.theme-toggle,.search-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:none;border:3px solid var(--header-text);color:var(--header-text);padding:0;transition:background-color 100ms linear,color 100ms linear}.sidebar-toggle:hover,.theme-toggle:hover,.search-toggle:hover{background:var(--invade);border-color:var(--invade);color:var(--header-text)}.sidebar-toggle[aria-disabled=true]{display:none}.sidebar-line{stroke:currentColor;stroke-width:3}.theme-toggle{position:relative}.theme-icon{position:absolute;inset:8px;transition:opacity 100ms linear}.theme-icon::before{content:"";display:block;width:100%;height:100%;background-color:currentColor}.theme-icon-light::before{clip-path:polygon(0 0, 55% 0, 0 55%)}.theme-icon-dark::before{clip-path:polygon(45% 100%, 100% 45%, 100% 100%)}.theme-icon-auto::before{clip-path:polygon(25% 0, 75% 0, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%)}[data-theme-mode=light] .theme-icon-light,[data-theme-mode=dark] .theme-icon-dark,[data-theme-mode=auto] .theme-icon-auto{opacity:1}[data-theme-mode=light] .theme-icon-dark,[data-theme-mode=light] .theme-icon-auto,[data-theme-mode=dark] .theme-icon-light,[data-theme-mode=dark] .theme-icon-auto,[data-theme-mode=auto] .theme-icon-light,[data-theme-mode=auto] .theme-icon-dark{opacity:0}@media (min-width: 768px){.main-navigation{display:block}.hamburger-toggle{display:none}}@media (max-width: 767px){.header-content{padding:0 calc(var(--grid-unit)*2);gap:calc(var(--grid-unit));min-height:60px}.site-title{flex:1 1 auto;min-width:0;overflow:hidden}.site-title a{display:flex;min-width:0}.title-text{font-size:1rem;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.title-text::before{width:10px;height:10px;margin-right:calc(var(--grid-unit)/2)}.hamburger-toggle{padding:6px}.sidebar-toggle,.theme-toggle,.search-toggle{width:38px;height:38px}.header-content::before{width:40px}}.mobile-menu{position:fixed;inset:0;z-index:300;background:var(--header-bg);color:var(--header-text);padding:calc(var(--grid-unit)*6) calc(var(--grid-unit)*3);display:flex;flex-direction:column;justify-content:center;visibility:hidden;opacity:0;transition:opacity 100ms linear,visibility 100ms linear}.mobile-menu.active{visibility:visible;opacity:1}.mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--grid-unit)*2)}.mobile-nav-link{display:block;padding:calc(var(--grid-unit)*2);font-family:var(--font-display);font-weight:700;font-size:2rem;text-transform:uppercase;letter-spacing:.1em;color:var(--header-text);border:4px solid var(--header-text);text-align:center;text-decoration:none;transition:background-color 100ms linear,color 100ms linear}.mobile-nav-link:hover{background:var(--invade);border-color:var(--invade)}.sidebar{align-self:start}.sidebar-content{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*4)}.bio-section{background-color:var(--surface);border:4px solid var(--card-border);box-shadow:6px 6px 0 var(--card-shadow);padding:calc(var(--grid-unit)*3);position:relative}.bio-section::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--red);transform:skewX(-45deg);transform-origin:left top}.avatar-container{margin-bottom:calc(var(--grid-unit)*2)}.avatar{width:88px;height:88px;object-fit:cover;border:4px solid var(--black);background:var(--bg)}.avatar-placeholder{width:88px;height:88px;border:4px solid var(--black);background:var(--bg);color:var(--black)}.bio-section .author-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:calc(var(--grid-unit))}.bio-text{font-size:.9rem;color:var(--text-muted);margin:0}.sidebar .section-title{font-family:var(--font-cond);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:calc(var(--grid-unit)/2) calc(var(--grid-unit));background:var(--red);color:var(--paper);margin-bottom:0;display:inline-block}.recent-posts,.categories{border:4px solid var(--card-border);box-shadow:4px 4px 0 var(--card-shadow);background-color:var(--surface);overflow:hidden}.post-list,.category-list{list-style:none;margin:0;padding:0}.post-list .post-item,.category-list .category-item{border-bottom:2px solid var(--card-border)}.post-list .post-item:last-child,.category-list .category-item:last-child{border-bottom:none}.sidebar .post-link,.sidebar .category-link{display:block;padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);font-family:var(--font-cond);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text);text-decoration:none;transition:background-color 100ms linear,color 100ms linear}.sidebar .post-link:hover,.sidebar .category-link:hover{background-color:var(--red);color:var(--paper);text-decoration:none}.post-item .post-date{display:block;padding:0 calc(var(--grid-unit)*2) calc(var(--grid-unit));font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.site-footer{background-color:var(--footer-bg);color:var(--footer-text);border-top:6px solid var(--black);margin-top:calc(var(--grid-unit)*4)}.footer-content{max-width:var(--max-width);margin:0 auto;padding:calc(var(--grid-unit)*4) calc(var(--grid-unit)*3);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--grid-unit)*2)}.footer-info p{margin:0}.copyright{font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.theme-credit{font-family:var(--font-mono);font-size:.75rem;opacity:.85;margin-top:calc(var(--grid-unit)/2)}.theme-credit a{color:var(--footer-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.theme-credit a:hover{color:var(--black)}.social-links{display:flex;gap:calc(var(--grid-unit));flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:3px solid var(--footer-text);color:var(--footer-text);transition:background-color 100ms linear,color 100ms linear}.social-link:hover{background-color:var(--black);color:var(--red);text-decoration:none}.social-icon{display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.social-link .social-icon{width:20px;height:20px}.btn{position:relative;display:inline-block;overflow:hidden;padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*4);font-family:var(--font-cond);font-weight:700;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;color:var(--paper);background-color:var(--red);border:4px solid var(--btn-border);box-shadow:4px 4px 0 var(--btn-shadow);border-radius:0;cursor:pointer;transition:transform 100ms linear,box-shadow 100ms linear,background-color 100ms linear,color 100ms linear}.btn .btn-text{position:relative;z-index:2}.btn::before{content:"";position:absolute;inset:0;z-index:1;background-color:var(--btn-invade);transform:translateX(-100%);transition:transform 100ms linear}.btn:hover{text-decoration:none;transform:translate(4px, 4px);box-shadow:2px 2px 0 var(--btn-shadow)}.btn:hover::before{transform:translateX(0)}.btn:active{background-color:var(--black);color:var(--red);box-shadow:none;transform:translate(8px, 8px)}.btn-secondary{background-color:var(--black);color:var(--paper);border-color:var(--black)}.btn-secondary::before{background-color:var(--red)}.btn-secondary:active{background-color:var(--red);color:var(--black)}.btn-paper{background-color:var(--paper);color:var(--black);border-color:var(--black)}.btn-paper::before{background-color:var(--red)}.btn-paper:active{background-color:var(--red);color:var(--black)}.btn-lg{font-size:1.15rem;padding:calc(var(--grid-unit)*3) calc(var(--grid-unit)*6)}.search-overlay{position:fixed;inset:0;z-index:400;background:rgba(26,26,26,.92);display:flex;align-items:flex-start;justify-content:center;padding:10vh calc(var(--grid-unit)*3) calc(var(--grid-unit)*3);visibility:hidden;opacity:0;transition:opacity 100ms linear,visibility 100ms linear}.search-overlay.active{visibility:visible;opacity:1}.search-container{width:100%;max-width:720px;background:var(--bg);border:4px solid var(--border);box-shadow:8px 8px 0 var(--red);overflow:hidden}.search-header{display:flex;border-bottom:4px solid var(--border)}.search-input{flex:1;min-width:0;border:none;background:var(--surface);color:var(--text);font-family:var(--font-cond);font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*2)}.search-input:focus{outline:none;background:var(--bg)}.search-close{width:56px;background:var(--red);border:none;border-left:4px solid var(--border);color:var(--paper);font-size:1.2rem;transition:background-color 100ms linear,color 100ms linear}.search-close:hover{background:var(--black);color:var(--red)}.search-results{max-height:60vh;overflow-y:auto}.search-results-header{padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:2px solid var(--border)}.search-result{padding:calc(var(--grid-unit)*2);border-bottom:2px solid var(--border)}.search-result:last-child{border-bottom:none}.search-result-title{margin:0 0 calc(var(--grid-unit)/2)}.search-result-title a{font-family:var(--font-display);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.search-result-title a:hover{color:var(--red)}.search-result-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.search-result-excerpt{font-size:.9rem;color:var(--text);margin:calc(var(--grid-unit)/2) 0 0}.search-result-excerpt mark{background-color:var(--red);color:var(--paper);padding:0 .15em}.search-result-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)/2);margin-top:calc(var(--grid-unit))}.search-category{display:inline-block;padding:2px 8px;background:var(--black);color:var(--paper);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--black)}.search-no-results{padding:calc(var(--grid-unit)*4) calc(var(--grid-unit)*2);font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.search-taxonomy-posts{list-style:none;margin:calc(var(--grid-unit)) 0 0;padding:0;border-top:2px solid var(--border)}.search-taxonomy-posts li{padding:calc(var(--grid-unit)) 0;border-bottom:2px solid var(--border)}.search-taxonomy-post-head{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--grid-unit))}.search-taxonomy-post-head a{font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.search-taxonomy-post-head a:hover{color:var(--red)}.search-result-badge{margin:calc(var(--grid-unit)/2) 0 calc(var(--grid-unit))}.hero{background-color:var(--black);color:var(--paper);border:4px solid var(--black);box-shadow:8px 8px 0 var(--card-shadow);margin-bottom:calc(var(--grid-unit)*6);position:relative;overflow:hidden}.hero::after{content:"";position:absolute;top:0;right:-10%;width:45%;height:100%;background:var(--red);transform:skewX(-16deg);pointer-events:none}.hero-content{position:relative;z-index:1;padding:calc(var(--grid-unit)*8) calc(var(--grid-unit)*4) calc(var(--grid-unit)*7);max-width:900px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,9vw,6.5rem);line-height:.95;text-transform:uppercase;letter-spacing:.02em;color:var(--paper);margin:0 0 calc(var(--grid-unit)*3);text-shadow:4px 4px 0 var(--red)}.hero-subtitle{font-family:var(--font-cond);font-weight:700;font-size:clamp(1.2rem,3vw,1.8rem);text-transform:uppercase;letter-spacing:.18em;color:var(--red);background:var(--paper);display:inline-block;padding:calc(var(--grid-unit)/2) calc(var(--grid-unit)*2);border:4px solid var(--paper);transform:rotate(-2deg);margin:0 0 calc(var(--grid-unit)*2)}.hero-description{font-size:1rem;max-width:46ch;color:var(--paper);margin:0 0 calc(var(--grid-unit)*3)}.hero-rule{border:none;height:6px;background:var(--red);width:100%;margin:0 0 calc(var(--grid-unit)*4);transform:rotate(-1deg)}.hero-actions{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)*2)}.landing-page section{margin-bottom:calc(var(--grid-unit)*8)}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4vw,2.4rem);text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin:0 0 calc(var(--grid-unit)*3);position:relative;display:inline-block}.section-title::after{content:"";display:block;height:8px;background:var(--red);margin-top:calc(var(--grid-unit)/2);transform:skewX(-20deg)}.demo-posts{display:grid;grid-template-columns:1fr;gap:calc(var(--grid-unit)*4);margin-bottom:calc(var(--grid-unit)*4)}@media (min-width: 768px){.demo-posts{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.demo-posts{grid-template-columns:repeat(3, 1fr)}}.demo-post-card{background-color:var(--surface);border:4px solid var(--card-border);box-shadow:6px 6px 0 var(--card-shadow);padding:calc(var(--grid-unit)*3);transition:transform 100ms linear,box-shadow 100ms linear;display:flex;flex-direction:column}.demo-post-card:hover{transform:translate(4px, 4px);box-shadow:2px 2px 0 var(--card-shadow)}.demo-post-title{margin:0 0 calc(var(--grid-unit));order:1}.demo-post-title a{font-family:var(--font-display);font-weight:700;font-size:1.4rem;text-transform:uppercase;letter-spacing:.03em;line-height:1.15;color:var(--text)}.demo-post-title a:hover{color:var(--red)}.demo-post-meta{display:flex;align-items:baseline;gap:calc(var(--grid-unit));font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);order:0;border-bottom:3px solid var(--card-border);padding-bottom:calc(var(--grid-unit));margin-bottom:calc(var(--grid-unit)*2)}.demo-post-reading-time::before{content:"//";margin-right:calc(var(--grid-unit)/2);color:var(--red)}.demo-post-excerpt{font-size:.9rem;color:var(--text);order:2;flex:1}.demo-post-categories{display:flex;gap:calc(var(--grid-unit)/2);order:3;margin-top:calc(var(--grid-unit)*2);flex-wrap:wrap}.demo-category{display:inline-block;padding:2px 10px;background:var(--red);color:var(--paper);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--black)}.features-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--grid-unit)*3)}@media (min-width: 600px){.features-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 900px){.features-grid{grid-template-columns:repeat(3, 1fr)}}.feature-card{background-color:var(--surface);border:4px solid var(--card-border);box-shadow:6px 6px 0 var(--card-shadow);padding:calc(var(--grid-unit)*3);transition:transform 100ms linear,box-shadow 100ms linear}.feature-card:hover{transform:translate(4px, 4px);box-shadow:2px 2px 0 var(--card-shadow)}.feature-title{margin:0 0 calc(var(--grid-unit))}.feature-title a{font-family:var(--font-display);font-weight:700;font-size:1.4rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.feature-title a:hover{color:var(--red)}.feature-description{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0}.demo-actions{margin-top:calc(var(--grid-unit)*2)}.demo-description{font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.blog-header{margin-bottom:calc(var(--grid-unit)*6)}.blog-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,6vw,4rem);text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin:0 0 calc(var(--grid-unit)*2);position:relative}.blog-title::before{content:"01";font-family:var(--font-mono);font-size:1rem;color:var(--red);vertical-align:super;margin-right:calc(var(--grid-unit))}.blog-description{font-family:var(--font-cond);font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);max-width:60ch;margin:0}.blog-rule{border:none;height:6px;background:var(--red);margin:calc(var(--grid-unit)*3) 0 0;transform:skewX(-30deg);width:60%}.posts-list{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*5)}.post-card{background-color:var(--surface);border:4px solid var(--card-border);box-shadow:6px 6px 0 var(--card-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform 100ms linear,box-shadow 100ms linear;position:relative}.post-card:hover{transform:translate(4px, 4px);box-shadow:2px 2px 0 var(--card-shadow)}.post-card::after{content:"";display:block;height:8px;background:var(--red);transform:rotate(-2deg);transform-origin:left center;transition:transform 100ms linear;margin-top:auto}.post-card:hover::after{transform:rotate(0deg)}.post-card-media img{width:100%;max-height:280px;object-fit:cover;border-bottom:4px solid var(--card-border);background:var(--bg)}.post-card-body{padding:calc(var(--grid-unit)*3);flex:1;display:flex;flex-direction:column}.post-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--grid-unit));flex-wrap:wrap;border-bottom:3px solid var(--card-border);padding-bottom:calc(var(--grid-unit));margin-bottom:calc(var(--grid-unit)*2)}.post-card-date{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.post-card-categories{display:flex;gap:calc(var(--grid-unit)/2);flex-wrap:wrap}.post-card-cat{display:inline-block;padding:2px 8px;background:var(--red);color:var(--paper);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:3px solid var(--black);text-decoration:none;transition:background-color 100ms linear,color 100ms linear}.post-card-cat:hover{background:var(--black);color:var(--red);text-decoration:none}.post-card-title{margin:0 0 calc(var(--grid-unit)*2)}.post-card-title a{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4vw,2.2rem);text-transform:uppercase;letter-spacing:.03em;line-height:1.1;color:var(--text)}.post-card-title a:hover{color:var(--red);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:3px}.post-card-excerpt{font-size:.95rem;color:var(--text);flex:1}.post-card-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--grid-unit));margin-top:calc(var(--grid-unit)*2);border-top:3px solid var(--card-border);padding-top:calc(var(--grid-unit))}.post-card-reading{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.post-card-more{font-family:var(--font-cond);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:var(--red)}.post-card-more:hover{color:var(--black)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--grid-unit));margin-top:calc(var(--grid-unit)*6);border-top:4px solid var(--border);padding-top:calc(var(--grid-unit)*3)}.pagination-link{display:inline-block;padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;color:var(--paper);background:var(--red);border:4px solid var(--black);box-shadow:4px 4px 0 var(--card-shadow);transition:transform 100ms linear,box-shadow 100ms linear,background-color 100ms linear,color 100ms linear}.pagination-link:hover{text-decoration:none;transform:translate(2px, 2px);box-shadow:2px 2px 0 var(--card-shadow);background:var(--black);color:var(--red)}.pagination-info{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.no-posts{border:4px solid var(--border);padding:calc(var(--grid-unit)*4);background:var(--surface);font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.blog-post{max-width:820px}.post-header{margin-bottom:calc(var(--grid-unit)*5);border:4px solid var(--border);border-bottom:none;padding:calc(var(--grid-unit)*4) calc(var(--grid-unit)*3) 0;background-color:var(--surface);position:relative}.post-header::before{content:"";display:block;height:10px;background:var(--red);margin:calc(var(--grid-unit)*-4) calc(var(--grid-unit)*-3) calc(var(--grid-unit)*3);transform:skewX(-30deg)}.post-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.02;text-transform:uppercase;letter-spacing:.02em;color:var(--text);margin:0 0 calc(var(--grid-unit)*3)}.post-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--grid-unit)*2);margin-bottom:calc(var(--grid-unit)*2);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.post-author{color:var(--red);font-weight:700}.post-updated{color:var(--text-muted)}.post-reading-time{color:var(--text-muted)}.post-reading-time::before{content:"///";color:var(--red);margin-right:calc(var(--grid-unit))}.post-categories{display:flex;gap:calc(var(--grid-unit)/2);flex-wrap:wrap;margin-left:auto}.category-tag{display:inline-block;padding:2px 10px;background:var(--black);color:var(--paper);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--black);text-decoration:none;transition:background-color 100ms linear,color 100ms linear,border-color 100ms linear}.category-tag:hover{background:var(--red);border-color:var(--red);color:var(--paper);text-decoration:none}.post-excerpt{font-family:var(--font-cond);font-weight:700;font-size:1.15rem;line-height:1.5;text-transform:uppercase;letter-spacing:.04em;color:var(--red);margin:0;padding:calc(var(--grid-unit)*2) 0;border-top:3px solid var(--border);border-bottom:3px solid var(--border)}.monumental-rule{border:none;height:10px;background:var(--red);margin:calc(var(--grid-unit)*3) 0 0;transform:skewX(-20deg)}.post-hero{margin:calc(var(--grid-unit)*4) 0}.post-hero img{width:100%;max-height:420px;object-fit:cover;border:4px solid var(--border);box-shadow:6px 6px 0 var(--card-shadow)}.post-content{font-size:1.05rem;line-height:1.85;color:var(--text);margin:calc(var(--grid-unit)*4) 0 calc(var(--grid-unit)*6)}.post-content>p,.post-content>ul,.post-content>ol,.post-content>blockquote,.post-content>pre,.post-content>.z-code{max-width:min(68ch,100%)}.post-content h2{font-size:clamp(1.6rem,4vw,2.2rem);margin-top:calc(var(--grid-unit)*6);padding-bottom:calc(var(--grid-unit));border-bottom:4px solid var(--red)}.post-content h3{font-size:clamp(1.2rem,3vw,1.5rem);margin-top:calc(var(--grid-unit)*4)}.post-content h3::before{content:"";display:inline-block;width:12px;height:12px;background:var(--red);margin-right:calc(var(--grid-unit));transform:rotate(45deg)}.post-content h4{font-family:var(--font-cond);font-size:1.15rem;margin-top:calc(var(--grid-unit)*3)}.post-content p{margin-bottom:calc(var(--grid_unit)*2)}.post-content a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.post-content a:hover{color:var(--black);text-decoration-color:var(--red)}.post-content strong{font-weight:700;color:var(--text)}.post-content ul,.post-content ol{padding-left:calc(var(--grid-unit)*3);margin-bottom:calc(var(--grid-unit)*2)}.post-content li{margin-bottom:calc(var(--grid-unit)/2)}.post-content li::marker{color:var(--red);font-weight:700}.post-content blockquote{margin:calc(var(--grid-unit)*3) 0;padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*3);background:var(--surface);border:4px solid var(--border);box-shadow:4px 4px 0 var(--card-shadow);color:var(--text);font-style:normal;font-weight:500;position:relative}.post-content blockquote::before{content:"“";position:absolute;top:calc(var(--grid-unit)*-2);left:calc(var(--grid-unit));font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--red)}.post-content hr{border:none;height:6px;background:var(--red);margin:calc(var(--grid-unit)*4) 0;transform:skewX(-20deg)}.post-content img{border:4px solid var(--border);box-shadow:4px 4px 0 var(--card-shadow);margin:calc(var(--grid-unit)*3) 0}.table-scroll{overflow-x:auto;border:4px solid var(--border);box-shadow:4px 4px 0 var(--card-shadow);margin:calc(var(--grid-unit)*3) 0;max-width:min(100%,68ch)}.table-scroll table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0;border:none;box-shadow:none}.post-content th,.post-content td{border:3px solid var(--border);padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);text-align:left}.post-content th{background:var(--black);color:var(--paper);font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em}.post-footer{border:4px solid var(--border);background:var(--surface);padding:calc(var(--grid-unit)*3);margin-top:calc(var(--grid-unit)*5);display:flex;flex-direction:column;gap:calc(var(--grid-unit)*2)}.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--grid-unit))}.tags-label{font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:var(--red)}.tag-list{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)/2)}.tag{display:inline-block;padding:2px 10px;background:var(--black);color:var(--paper);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--black)}.post-navigation{border-top:3px solid var(--border);padding-top:calc(var(--grid-unit)*2)}.back-to-blog{display:inline-block;padding:calc(var(--grid-unit)) calc(var(--grid-unit)*3);font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:var(--paper);background:var(--red);border:4px solid var(--black);box-shadow:4px 4px 0 var(--card-shadow);transition:transform 100ms linear,box-shadow 100ms linear,background-color 100ms linear,color 100ms linear}.back-to-blog:hover{text-decoration:none;transform:translate(2px, 2px);box-shadow:2px 2px 0 var(--card-shadow);background:var(--black);color:var(--red)}@media (max-width: 640px){.post-meta{flex-direction:column;align-items:flex-start;gap:calc(var(--grid-unit))}.post-categories{margin-left:0}}.table-of-contents{border:4px solid var(--border);background:var(--surface);box-shadow:4px 4px 0 var(--card-shadow);padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*3);margin:calc(var(--grid-unit)*4) 0;max-width:820px}.toc-title{font-family:var(--font-cond);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.16em;display:inline-block;background:var(--red);color:var(--paper);padding:4px 12px;margin-bottom:calc(var(--grid-unit))}.toc-list{list-style:none;margin:0;padding:0;counter-reset:toc}.toc-item{counter-increment:toc;border-bottom:2px solid var(--border)}.toc-item:last-child{border-bottom:none}.toc-link{display:block;padding:calc(var(--grid-unit)) 0;font-family:var(--font-cond);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text);text-decoration:none}.toc-link::before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);color:var(--red);margin-right:calc(var(--grid-unit))}.toc-link:hover{color:var(--red);text-decoration:none}.toc-level-2{padding-left:calc(var(--grid-unit)*2);font-size:.85rem}.toc-level-3{padding-left:calc(var(--grid-unit)*4);font-size:.8rem;font-weight:400}.post-content pre,.post-content .z-code{background-color:var(--code-bg);color:var(--code-text);border:4px solid var(--border);box-shadow:6px 6px 0 var(--card-shadow);padding:calc(var(--grid-unit)*3);margin:calc(var(--grid-unit)*3) 0;overflow-x:auto;font-family:var(--font-mono);font-size:.88rem;line-height:1.6;position:relative}.post-content pre code::before{content:attr(data-lang);display:inline-block;position:absolute;top:-4px;right:calc(var(--grid-unit)*2);background:var(--red);color:var(--paper);font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border:3px solid var(--border)}.post-content pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.giallo-l{display:inline-block;min-height:1lh;width:100%}.giallo-ln{display:inline-block;user-select:none;margin-right:.4em;padding:.4em;min-width:3ch;text-align:right;opacity:.55}.post-content code{font-family:var(--font-mono);font-size:.88em;background:var(--surface);color:var(--red);padding:2px 6px;border:2px solid var(--border);font-weight:600}.categories-page,.category-page{max-width:900px}.page-header{margin-bottom:calc(var(--grid-unit)*5);border-bottom:4px solid var(--border);padding-bottom:calc(var(--grid-unit)*2)}.taxonomy-type-badge{display:inline-block;background:var(--black);color:var(--paper);font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:4px 12px;border:3px solid var(--black);margin-bottom:calc(var(--grid-unit))}.page-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,6vw,3.8rem);text-transform:uppercase;letter-spacing:.03em;color:var(--text);margin:0 0 calc(var(--grid-unit)*2)}.page-description{font-family:var(--font-cond);font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0;max-width:60ch}.page-rule{border:none;height:6px;background:var(--red);margin:calc(var(--grid-unit)*3) 0 0;transform:skewX(-30deg);width:60%}.categories-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--grid-unit)*3)}@media (min-width: 600px){.categories-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 900px){.categories-grid{grid-template-columns:repeat(3, 1fr)}}.category-card{background-color:var(--surface);border:4px solid var(--card-border);box-shadow:6px 6px 0 var(--card-shadow);transition:transform 100ms linear,box-shadow 100ms linear;position:relative}.category-card:hover{transform:translate(4px, 4px);box-shadow:2px 2px 0 var(--card-shadow)}.category-card::before{content:"";display:block;height:8px;background:var(--red);transform:rotate(-2deg);transform-origin:left center;transition:transform 100ms linear}.category-card:hover::before{transform:rotate(0deg)}.category-link{display:block;padding:calc(var(--grid-unit)*3);text-decoration:none}.category-link:hover{text-decoration:none}.category-title{font-family:var(--font-display);font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin:0 0 calc(var(--grid-unit))}.category-link:hover .category-title{color:var(--red)}.category-count{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.no-categories{border:4px solid var(--border);background:var(--surface);padding:calc(var(--grid-unit)*4);font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.page-navigation{margin-top:calc(var(--grid-unit)*5);border-top:4px solid var(--border);padding-top:calc(var(--grid-unit)*3)}.back-link{display:inline-block;padding:calc(var(--grid-unit)) calc(var(--grid-unit)*3);font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:var(--paper);background:var(--red);border:4px solid var(--black);box-shadow:4px 4px 0 var(--card-shadow);transition:transform 100ms linear,box-shadow 100ms linear,background-color 100ms linear,color 100ms linear}.back-link:hover{text-decoration:none;transform:translate(2px, 2px);box-shadow:2px 2px 0 var(--card-shadow);background:var(--black);color:var(--red)}.about-page{max-width:900px}.author-section{border:4px solid var(--border);background:var(--surface);box-shadow:6px 6px 0 var(--card-shadow);padding:calc(var(--grid-unit)*4);margin-bottom:calc(var(--grid-unit)*5);position:relative}.author-section::before{content:"";display:block;height:10px;background:var(--red);margin:calc(var(--grid-unit)*-4) calc(var(--grid-unit)*-4) calc(var(--grid-unit)*3);transform:skewX(-30deg)}.author-avatar{margin-bottom:calc(var(--grid-unit)*2)}.author-avatar img{width:110px;height:110px;object-fit:cover;border:4px solid var(--black);background:var(--bg)}.avatar-placeholder{width:110px;height:110px;border:4px solid var(--black);background:var(--bg);color:var(--black)}.author-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase;letter-spacing:.05em;color:var(--red);margin:0 0 calc(var(--grid-unit))}.author-bio{font-size:1rem;color:var(--text);max-width:60ch;margin:0 0 calc(var(--grid-unit)*2)}.social-links{display:flex;gap:calc(var(--grid-unit));flex-wrap:wrap;border-top:3px solid var(--border);padding-top:calc(var(--grid-unit)*2)}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:3px solid var(--black);color:var(--black);background:var(--paper);transition:background-color 100ms linear,color 100ms linear,transform 100ms linear}.social-links a:hover{background:var(--red);color:var(--paper);text-decoration:none;transform:translate(2px, 2px)}.content-section{font-size:1.05rem;line-height:1.85;color:var(--text)}.content-section h2{font-size:clamp(1.5rem,3.5vw,2rem);padding-bottom:calc(var(--grid-unit));border-bottom:4px solid var(--red);margin-top:calc(var(--grid-unit)*4)}.content-section h3{font-size:clamp(1.15rem,3vw,1.4rem);margin-top:calc(var(--grid-unit)*3)}.content-section h3::before{content:"";display:inline-block;width:12px;height:12px;background:var(--red);margin-right:calc(var(--grid-unit));transform:rotate(45deg)}.content-section a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.content-section a:hover{color:var(--black)}.content-section img{border:4px solid var(--border);box-shadow:4px 4px 0 var(--card-shadow);margin:calc(var(--grid-unit)*2) 0}.content-section ul,.content-section ol{padding-left:calc(var(--grid-unit)*3)}.content-section li::marker{color:var(--red);font-weight:700}.content-section code{font-family:var(--font-mono);font-size:.88em;background:var(--surface);color:var(--red);padding:2px 6px;border:2px solid var(--border);font-weight:600}.content-section th,.content-section td{border:3px solid var(--border);padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);text-align:left}.content-section th{background:var(--black);color:var(--paper);font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em}.certificate-wall{margin-top:calc(var(--grid-unit)*6)}.certificate-wall-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2.2rem);text-transform:uppercase;letter-spacing:.06em;border-bottom:4px solid var(--red);padding-bottom:calc(var(--grid-unit));margin-bottom:calc(var(--grid-unit)*2)}.certificate-year{font-family:var(--font-cond);font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin:calc(var(--grid-unit)*3) 0 calc(var(--grid-unit)*2)}.certificate-year::before{content:"—";color:var(--red);margin-right:calc(var(--grid-unit))}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:calc(var(--grid-unit)*3)}.certificate-card{margin:0;border:4px solid var(--border);box-shadow:4px 4px 0 var(--card-shadow);overflow:hidden;background:var(--surface);transition:transform 100ms linear,box-shadow 100ms linear}.certificate-card:hover{transform:translate(4px, 4px);box-shadow:2px 2px 0 var(--card-shadow)}.certificate-card img{width:100%;height:auto;display:block;border-bottom:4px solid var(--border)}.certificate-card figcaption{padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);font-family:var(--font-cond);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text);background:var(--surface)}