:root{--bg:#0A0908;--surface:#11100E;--surface-2:#181613;--surface-3:#1E1B17;--border:#262219;--border-hover:#362F24;--text:#F0ECE6;--text-secondary:#B5AE9E;--text-muted:#7A7164;--flame:#EC6C51;--flame-light:#F09680;--flame-glow:rgba(236, 108, 81, 0.16);--gold:#ECCC51;--gold-light:#F2DC84;--gold-glow:rgba(236, 204, 81, 0.12);--gradient-flame:linear-gradient(135deg, var(--gold) 0%, var(--flame) 100%);--green:#5EBD73;--cyan:#5BB8B0;--rose:#D97085;--blue:#5B8FD8;--font-heading:'Bricolage Grotesque', sans-serif;--font-body:'Manrope', sans-serif;--font-mono:'Fira Code', monospace;--text-hero:clamp(2.8rem, 7vw, 4.8rem);--text-h1:clamp(1.8rem, 4vw, 2.5rem);--text-h2:1.45rem;--text-h3:1.1rem;--text-body:0.98rem;--text-small:0.85rem;--text-caption:0.75rem;--text-micro:0.62rem;--radius-sm:5px;--radius-md:8px;--radius-lg:11px;--radius-xl:14px;--radius-pill:100px;--shadow-button:0 4px 20px var(--flame-glow);--shadow-button-hover:0 8px 35px rgba(236, 108, 81, 0.25);--shadow-card-hover:0 8px 25px rgba(0, 0, 0, 0.25);--shadow-focus:0 0 0 3px var(--flame-glow)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-body);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient__grid{position:absolute;inset:0;overflow:hidden}.ambient__grid::before{content:'';position:absolute;left:-50%;right:-50%;bottom:-60%;height:140%;background-image:repeating-linear-gradient(90deg,rgba(236,108,81,8%) 0,rgba(236,108,81,8%) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0,rgba(236,204,81,6%) 0,rgba(236,204,81,6%) 1px,transparent 1px,transparent 80px);transform:perspective(400px)rotateX(60deg);transform-origin:center top}.ambient__grid::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg) 0%,transparent 30%,transparent 85%,var(--bg) 100%)}.ambient__sweep{position:absolute;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent,rgba(236,108,81,4%),rgba(236,204,81,3%),transparent);animation:grid-sweep 8s ease-in-out infinite;pointer-events:none}.ambient::after{content:'';position:fixed;inset:0;background-image:radial-gradient(circle,rgba(240,236,230,4%) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.ambient__orb{position:absolute;border-radius:50%;filter:blur(90px)}.ambient__orb--flame{width:650px;height:650px;top:-200px;right:-80px;opacity:.55;background:radial-gradient(circle,var(--flame-glow) 0%,transparent 70%);animation:drift-1 14s ease-in-out infinite}.ambient__orb--gold{width:550px;height:550px;bottom:-180px;left:-120px;opacity:.5;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);animation:drift-2 18s ease-in-out infinite}.ambient__orb--subtle{width:350px;height:350px;top:45%;left:60%;opacity:.35;background:radial-gradient(circle,rgba(236,108,81,6%) 0%,transparent 70%);animation:drift-1 22s ease-in-out infinite reverse}@media(max-width:640px){.ambient__grid{display:none}}@keyframes drift-1{0%,100%{transform:translate(0,0)scale(1)}33%{transform:translate(20px,-18px)scale(1.04)}66%{transform:translate(-12px,12px)scale(.97)}}@keyframes drift-2{0%,100%{transform:translate(0,0)}50%{transform:translate(25px,-20px)}}@keyframes grid-sweep{0%{top:100%}100%{top:-20%}}.logo{display:flex;align-items:center;text-decoration:none}.logo__icon{display:flex;border-radius:var(--radius-lg);overflow:hidden;position:relative}.logo__icon svg{width:100%;height:100%}.logo__wordmark{font-family:var(--font-heading);font-weight:800;color:var(--text);letter-spacing:-.03em}.logo--lg{gap:.7rem}.logo--lg .logo__icon{width:40px;height:40px}.logo--lg .logo__icon::before{content:'';position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(236,108,81,.3) 0%,rgba(236,204,81,.1) 40%,transparent 70%);filter:blur(8px);z-index:-1;animation:logo-pulse 3s ease-in-out infinite}.logo--lg .logo__wordmark{font-size:1.45rem}.logo--sm{gap:.55rem}.logo--sm .logo__icon{width:28px;height:28px;border-radius:7px}.logo--sm .logo__wordmark{font-size:1.1rem}@keyframes logo-pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:0 0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:all .2s}.icon-btn:hover{border-color:var(--border-hover);color:var(--text-secondary);background:var(--surface-2)}.icon-btn svg{width:15px;height:15px}.icon-btn--sm{width:34px;height:34px}.icon-btn--sm svg{width:14px;height:14px}.tag{display:inline-flex;padding:.12rem .45rem;border-radius:4px;font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tag--architecture{background:rgba(236,108,81,.1);color:var(--flame-light)}.tag--plugin{background:rgba(91,184,176,.1);color:var(--cyan)}.tag--release{background:rgba(94,189,115,.1);color:var(--green)}.tag--design{background:rgba(217,112,133,.1);color:var(--rose)}.tag--spec{background:rgba(236,204,81,.1);color:var(--gold)}.tag--announcement{background:rgba(91,143,216,.1);color:var(--blue)}.tag--lg{padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.65rem}.beacon{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem 1rem .35rem .65rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:500;color:var(--gold);background:rgba(236,204,81,6%);border:1px solid rgba(236,204,81,.12)}.beacon__dot{width:8px;height:8px;background:var(--gold);border-radius:50%;position:relative}.beacon__dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--gold);animation:ping 2s cubic-bezier(0,0,.2,1)infinite}@keyframes ping{0%{transform:scale(1);opacity:.6}75%,100%{transform:scale(2.2);opacity:0}}.newsletter{display:flex;gap:.5rem}.newsletter--centered{justify-content:center}.newsletter__input{width:280px;padding:.72rem 1.1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-family:inherit;font-size:.88rem;outline:none;transition:all .25s}.newsletter__input::placeholder{color:var(--text-muted)}.newsletter__input:focus{border-color:var(--flame);box-shadow:var(--shadow-focus)}.newsletter__button{padding:.72rem 1.6rem;background:var(--gradient-flame);border:none;color:#1a1400;border-radius:var(--radius-lg);font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:var(--shadow-button);white-space:nowrap;position:relative;overflow:visible}.newsletter__button::after{content:'';position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--flame);opacity:0;transform:scale(1);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.newsletter__button:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.newsletter__button:hover::after{opacity:.4;transform:scale(1.12);transition:opacity 0s,transform 0s}.newsletter__button:not(:hover)::after{opacity:0;transform:scale(1.12);transition:opacity .5s ease .05s,transform .5s ease .05s}@media(max-width:640px){.newsletter{flex-direction:column;align-items:stretch;width:100%;max-width:340px}.newsletter__input{width:100%}}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-decoration:none}.scroll-hint__label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.scroll-hint__arrow{width:1px;height:24px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,100%{opacity:.25;transform:scaleY(1)}50%{opacity:.6;transform:scaleY(1.3)}}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem 5rem;overflow:visible}.hero__logo{margin-bottom:3rem}.hero__beacon{margin-bottom:2.5rem}.hero__social{display:flex;gap:.5rem;margin-top:2rem}.hero__scroll{margin-top:3.5rem}.hero__note{font-size:var(--text-caption);color:var(--text-muted);margin-top:.85rem}.hero__newsletter{margin-top:2.5rem}.hero__title{font-family:var(--font-heading);font-size:var(--text-hero);font-weight:800;line-height:1.05;letter-spacing:-.045em;max-width:680px}.hero__subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;max-width:460px;margin-top:1.5rem}.hero__code{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.65rem;line-height:1.7;color:var(--text-muted);opacity:.4;pointer-events:none;white-space:pre;margin:0;user-select:none}.hero__code--left{right:calc(50% + 380px);text-align:left}.hero__code--right{left:calc(50% + 380px);text-align:left}@media(max-width:1100px){.hero__code{display:none}}.hero__title .grad-text::after{content:'|';background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:var(--flame);font-weight:400;margin-left:.04em;animation:cursor-blink .7s step-end infinite;animation-delay:.8s;opacity:0}@keyframes cursor-blink{0%,100%{opacity:0}50%{opacity:1}}.feature-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.75rem}.feature-pills__icon{display:flex;width:14px;height:14px;flex-shrink:0}.feature-pills__icon svg{width:100%;height:100%;fill:var(--flame);opacity:.5;transition:opacity .25s}.feature-pills__pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em;transition:all .25s;white-space:nowrap}.feature-pills__pill:hover{border-color:var(--border-hover);color:var(--text-secondary);box-shadow:0 0 10px var(--flame-glow)}.feature-pills__pill:hover .feature-pills__icon svg{opacity:1}.topbar{position:sticky;top:0;z-index:10;max-width:100%;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,9,8,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(38,34,25,.5)}.topbar>*{max-width:720px}.topbar__inner{max-width:720px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.topbar__back{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--text-muted);font-size:.82rem;font-weight:500;padding:.35rem .75rem;border-radius:var(--radius-md);transition:all .2s}.topbar__back:hover{color:var(--text-secondary);background:var(--surface-2)}.topbar__back svg{width:14px;height:14px}@media(max-width:640px){.topbar{padding:.75rem 1.5rem}}.devlog{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:2rem 2rem 6rem}.devlog::before{content:'';display:block;height:1px;margin-bottom:2rem;background:linear-gradient(90deg,transparent 0%,var(--flame) 30%,var(--gold) 70%,transparent 100%);opacity:.3}.devlog__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.devlog__title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text-secondary)}.devlog__rss{text-decoration:none;color:var(--text-muted);font-size:.78rem;font-weight:500;display:flex;align-items:center;gap:.35rem;transition:color .2s}.devlog__rss:hover{color:var(--text-secondary)}.devlog__rss svg{width:13px;height:13px}.devlog__feed{display:flex;flex-direction:column}@media(max-width:640px){.devlog__header{flex-direction:column;align-items:flex-start;gap:.5rem}}.entry{display:block;text-decoration:none;color:inherit;padding:1.35rem 0 1.35rem .75rem;border-top:1px solid var(--border);transition:all .25s;cursor:pointer;position:relative}.entry::before{content:'';position:absolute;left:0;top:.75rem;bottom:.75rem;width:2px;background:var(--gradient-flame);border-radius:1px;transform:scaleY(0);transition:transform .25s ease;box-shadow:0 0 8px var(--flame-glow)}.entry:last-child{border-bottom:1px solid var(--border)}.entry:hover::before{transform:scaleY(1)}.entry:hover .entry__title{color:var(--flame-light)}.entry[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease,color .2s}.entry[data-reveal].is-visible{opacity:1;transform:translateY(0)}.entry__meta{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.entry__date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);font-weight:500}.entry__date::before{content:'> ';color:var(--flame);opacity:.5}.entry__title{font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin-bottom:.3rem;transition:color .2s}.entry__excerpt{color:var(--text-muted);font-size:var(--text-small);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry--featured{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.5rem 1.5rem 1.25rem;margin-bottom:.5rem;border-top:1px solid var(--border)}.entry--featured::before{top:1rem;bottom:1rem;left:.5rem}.entry--featured .entry__title{font-size:1.15rem}.entry--featured .entry__excerpt{-webkit-line-clamp:3}.entry--featured:hover{border-color:var(--border-hover);box-shadow:0 0 16px var(--flame-glow)}.article{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:3.5rem 2rem 4rem}.article__header{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border)}.article__meta{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem}.article__date{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);font-weight:500}.article__date::before{content:'> ';color:var(--flame);opacity:.5}.article__reading{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-muted)}.article__reading::before{content:'~ ';color:var(--flame);opacity:.5}.article__title{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:800;line-height:1.15;letter-spacing:-.035em;margin-bottom:1rem}.article__lead{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.article__footer{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--border)}@media(max-width:640px){.article{padding:2.5rem 1.5rem 3rem}}.prose h2{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:700;letter-spacing:-.025em;margin-top:3rem;margin-bottom:1rem;line-height:1.25}.prose h3{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:700;letter-spacing:-.015em;margin-top:2.25rem;margin-bottom:.75rem;line-height:1.3}.prose p{color:var(--text-secondary);font-size:var(--text-body);line-height:1.8;margin-bottom:1.25rem}.prose p code{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.12rem .4rem;font-family:var(--font-mono);font-size:.84rem;color:var(--flame-light)}.prose .highlight{margin:1.5rem 0}.prose .highlight pre{background:var(--surface)!important;border-radius:var(--radius-lg);padding:.75rem 1rem;overflow-x:auto}.prose .highlight pre code{font-family:var(--font-mono);font-size:.82rem;line-height:1.85;background:0 0;border:none;padding:0}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--flame-light);text-decoration:none;border-bottom:1px solid rgba(240,150,128,.25);transition:border-color .2s}.prose a:hover{border-color:var(--flame-light)}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.35rem 1.5rem;margin:1.5rem 0;overflow-x:auto;position:relative}.code-block__lang{position:absolute;top:.65rem;right:.85rem;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.code-block code{font-family:var(--font-mono);font-size:.82rem;line-height:1.85;color:var(--text-secondary)}.code-block .token-keyword{color:#ec8d7a}.code-block .token-type{color:#f0b96c}.code-block .token-function{color:#eccc51}.code-block .token-string{color:#8bc99a}.code-block .token-variable{color:#e8d8a8}.code-block .token-comment{color:#5c5548}.callout{background:rgba(236,108,81,4%);border:1px solid rgba(236,108,81,.1);border-left:3px solid var(--flame);border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:1.15rem 1.35rem;margin:1.75rem 0}.callout__label{color:var(--flame-light);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.callout__body{color:var(--text-secondary);font-size:.92rem}.diagram{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;margin:2rem 0;text-align:center;position:relative;overflow:hidden}.diagram::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.diagram__row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1}.diagram__node{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.85rem 1.15rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);text-align:center;min-width:110px}.diagram__node-label{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-weight:600}.diagram__node-label--flame{color:var(--flame-light)}.diagram__node-label--gold{color:var(--gold)}.diagram__node-label--cyan{color:var(--cyan)}.diagram__node-label--rose{color:var(--rose)}.diagram__node-label--green{color:var(--green)}.diagram__node-name{color:var(--text-secondary);font-weight:500}.diagram__connector{display:flex;align-items:center;color:var(--text-muted);font-size:.9rem;opacity:.35;padding-top:.2rem}.diagram__caption{margin-top:1rem;font-size:var(--text-caption);color:var(--text-muted);position:relative;z-index:1}@media(max-width:640px){.diagram__row{flex-direction:column;align-items:center}.diagram__connector{transform:rotate(90deg)}}.share{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.share__label{font-size:.82rem;color:var(--text-muted);font-weight:500}.share__links{display:flex;gap:.4rem}@media(max-width:640px){.share{flex-direction:column;gap:.75rem;align-items:flex-start}}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.post-nav__link{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.35rem;transition:all .25s}.post-nav__link:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card-hover),0 0 12px var(--flame-glow),inset 0 0 12px rgba(236,108,81,3%)}.post-nav__link:hover .post-nav__title{color:var(--text)}.post-nav__link--next{text-align:right}.post-nav__link--next .post-nav__label{justify-content:flex-end}.post-nav__label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.45rem;display:flex;align-items:center;gap:.3rem}.post-nav__label svg{width:11px;height:11px}.post-nav__title{font-family:var(--font-heading);font-size:.92rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;color:var(--text-secondary);transition:color .2s}@media(max-width:640px){.post-nav{grid-template-columns:1fr}}.cta-box{margin-top:3rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.25rem;text-align:center;position:relative;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.cta-box::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--gradient-flame)}.cta-box:hover{border-color:var(--border-hover);box-shadow:0 0 20px var(--flame-glow),inset 0 0 20px rgba(236,108,81,3%)}.cta-box__title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:.4rem}.cta-box__description{color:var(--text-muted);font-size:.88rem;margin-bottom:1.25rem}.site-footer{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:2rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.site-footer__copy{font-size:var(--text-caption);color:var(--text-muted)}.site-footer__links{display:flex;gap:1.25rem}.site-footer__links a{color:var(--text-muted);text-decoration:none;font-size:var(--text-caption);font-weight:500;transition:color .2s}.site-footer__links a:hover{color:var(--text-secondary)}.grad-text{background:var(--gradient-flame);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fade-up{animation:fade-up .7s ease-out both}@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}