:root{--bg-canvas:#1e1612;--bg-surface:#30231c;--bg-surface-hover:#3c2c21;--text-primary:#f5ecdf;--text-muted:#c9b6a4;--accent-primary:#f59e0b;--accent-secondary:#d5a36a;--border-subtle:#665040;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #f59e0b55;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.8 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,blockquote{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.15}h1{font-size:clamp(2.7rem,6vw,5.8rem);margin:.4em 0}h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 .8em}h3{font-size:1.65rem}p{margin:0 0 1.4em}a{color:var(--accent-primary);text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--text-primary)}button,input,textarea{font:inherit;border-radius:0}button{cursor:pointer}button,a,input,textarea,summary{outline-offset:5px} :focus-visible{outline:2px solid var(--accent-primary)}img{display:block;width:100%;height:auto;object-fit:cover;border-radius:0}figure{margin:2.5rem 0}figcaption,.small{font-size:.85rem;color:var(--text-muted);line-height:1.6}figcaption{margin-top:.8rem}strong{color:var(--text-primary)}.skip{position:absolute;left:1rem;top:-100px;z-index:20;background:var(--bg-canvas);padding:.7rem}.skip:focus{top:1rem}.site-header{position:relative;display:flex;align-items:center;gap:2rem;padding:1.4rem 2rem;border-bottom:1px solid var(--border-subtle);z-index:5}.brand{display:flex;align-items:center;gap:.65rem;margin-right:auto;color:var(--text-primary);text-decoration:none;font-size:.92rem;font-weight:650;white-space:nowrap}.brand-mark{color:var(--accent-primary);font-size:1.7rem}.site-nav{display:flex;justify-content:space-between;gap:1.4rem;align-items:center}.site-nav a{font-size:.83rem;text-decoration:none;white-space:nowrap;position:relative;color:var(--text-muted)}.site-nav a:after,.text-link:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--accent-primary);transition:width .3s var(--ease-kinetic)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after,.text-link:hover:after{width:100%}.site-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;color:var(--text-primary);background:none;border:1px solid var(--border-subtle);font-size:1.8rem;padding:0 .8rem}.wrap{max-width:1200px;margin:0 auto;padding:0 2rem}.prose{max-width:70ch;margin:0 auto}.page-head{padding:5rem 0 3rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;color:var(--accent-primary);margin-bottom:1.5rem}.lede{font-size:1.22rem;line-height:1.75;color:var(--text-muted)}.hero{position:relative;min-height:calc(100svh - 88px);display:grid;place-items:center;isolation:isolate;text-align:center;padding:5rem 2rem}.hero-image{position:absolute;inset:0;height:100%;z-index:-3}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#1e161288,#1e1612b8 45%,#1e1612)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 35%,#f59e0b18,transparent 60%);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero-content{max-width:900px}.hero .lede{max-width:52ch;margin:0 auto 2rem;color:var(--text-primary)}.hero-note{margin-top:2rem;color:var(--text-muted);font-size:.75rem}.primary{display:inline-block;padding:.85rem 1.4rem;background:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--bg-canvas);font-size:.8rem;font-weight:750;letter-spacing:.08em;text-decoration:none;transition:transform .35s var(--ease-kinetic),box-shadow .35s}.primary:hover{color:var(--bg-canvas);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.text-link{position:relative;text-decoration:none}.band{padding:6rem 0}.warm-band{background:var(--bg-surface);clip-path:polygon(0 2%,100% 0,100% 98%,0 100%);padding:7rem 0}.engineering-row{display:grid;grid-template-columns:44px 1fr;gap:1.3rem;padding:2.5rem 0;border-top:1px solid var(--border-subtle);transition:transform .35s var(--ease-kinetic),background .35s}.engineering-row:hover{transform:translateY(-5px);background:#f59e0b05}.engineering-icon{color:var(--accent-primary);font-size:1.9rem;line-height:1.3}.engineering-row h3{margin:0 0 .7rem}.engineering-row p:last-child{margin-bottom:0}.engineering-row h3 a{color:var(--text-primary)}.plate{max-width:1040px;margin:3rem auto}.plate img{aspect-ratio:16/9}.grid-image{aspect-ratio:4/3}.pullquote{margin:3.5rem -3rem;padding:1rem 2rem;border-left:2px solid var(--accent-primary);font-size:clamp(1.7rem,3vw,2.5rem);color:var(--accent-secondary)}.definition{border-left:1px solid var(--border-subtle);padding-left:1.3rem;font-size:.9rem;color:var(--text-muted);margin:2rem 0}.article-body{padding-bottom:5rem}.article-body h2{margin-top:2.5rem;font-size:2rem}.article-body li{margin-bottom:.7rem}.source-list{padding-left:1.3rem}.source-list li{padding:.4rem 0}.comparison{border-top:1px solid var(--border-subtle);padding:1.5rem 0}.comparison h3{margin:.2rem 0 .8rem}details{border-top:1px solid var(--border-subtle);padding:1.4rem 0}summary{cursor:pointer;font-family:Georgia,serif;font-size:1.35rem;color:var(--text-primary)}details p{margin:1rem 0 0;color:var(--text-muted)}.tool-panel{border:1px solid var(--border-subtle);background:var(--bg-surface);padding:2rem;margin:2rem 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}label{display:block;font-size:.9rem;margin-bottom:1.2rem}input,textarea{display:block;width:100%;margin-top:.4rem;padding:.75rem;background:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-primary)}textarea{min-height:180px;resize:vertical}.tool-actions{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}.secondary-button{background:none;border:0;border-bottom:1px solid var(--accent-primary);color:var(--accent-primary);padding:.4rem 0}.status{min-height:1.8em;margin:1rem 0 0;color:var(--accent-secondary)}.message-output{white-space:pre-wrap;font:inherit;background:var(--bg-canvas);border-left:2px solid var(--accent-primary);padding:1.2rem;max-height:400px;overflow:auto}.site-footer{border-top:1px solid var(--border-subtle);padding:3rem 2rem;color:var(--text-muted);font-size:.85rem}.footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-note{max-width:60ch;margin:.8rem 0 0}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.article-body .definition{margin-left:-2rem}.site-nav{flex:1;max-width:800px}}
@media(min-width:769px) and (max-width:1024px){.site-header{padding:1.2rem;gap:1rem}.site-nav{gap:.8rem}.site-nav a{font-size:.72rem}.brand{font-size:.78rem}.pullquote{margin-left:0;margin-right:0}}
@media(min-width:481px) and (max-width:768px){.wrap{padding:0 1.5rem}.hero{min-height:85svh}.pullquote{margin-left:0;margin-right:0}}
@media(max-width:767px){.site-header{padding:1rem;justify-content:space-between}.menu-toggle{display:block}.site-nav{position:absolute;top:100%;left:0;right:0;padding:1.4rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:stretch;flex-direction:column;gap:1rem;box-shadow:var(--shadow-elevation)}.site-nav a{font-size:1rem}.site-nav:not(.is-open){display:none}.page-head{padding-top:3rem}.band{padding:4rem 0}.warm-band{padding:5rem 0}.pullquote{margin-left:0;margin-right:0}.site-footer{padding:2rem 1.2rem}}
@media(max-width:480px){body{font-size:16px}.wrap{padding:0 1.2rem}.hero{padding:4rem 1.2rem;min-height:90svh}.brand{font-size:.8rem}.hero h1{font-size:3rem}.engineering-row{grid-template-columns:28px 1fr;gap:.8rem}.engineering-icon{font-size:1.5rem}.tool-panel{padding:1.2rem}.form-grid{grid-template-columns:1fr}.pullquote{padding-left:1rem}.plate{margin:2rem 0}.footer-inner{display:block}.footer-links{margin-top:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}