:root{--bg-canvas:#13261d;--bg-surface:#1c3428;--bg-surface-hover:#254334;--text-primary:#efe6d2;--text-muted:#c6c6b4;--accent-primary:#b8923a;--accent-secondary:#d8bd7c;--border-subtle:#65704e;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:blur(16px) saturate(180%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,p,figure{margin:0 0 1.1rem}h1{font-size:clamp(2.6rem,6vw,5.8rem);line-height:1.04;font-weight:450;letter-spacing:-.055em}h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2;font-weight:450;letter-spacing:-.025em}h3,.label,.number,summary,.button,button{font-family:ui-monospace,Consolas,monospace}h3{font-size:1.05rem;font-weight:500}a{color:var(--text-primary);text-decoration-color:var(--accent-primary);text-underline-offset:5px}a:hover{color:var(--accent-secondary)}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:5px}button,input,textarea{font:inherit;border-radius:0}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.site-header{position:relative;z-index:5;margin:18px 20px 24px;padding:12px 20px 12px 12px;border:1px solid var(--border-subtle);border-radius:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg-surface)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;white-space:nowrap}.brand-mark{width:30px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--accent-primary);font:14px ui-monospace,monospace;color:var(--accent-secondary)}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{font-size:.84rem;text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{color:var(--accent-secondary);text-decoration:underline}.menu-toggle{display:none;border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);font-size:26px;width:42px;height:42px;line-height:1}.hero{min-height:calc(100svh - 112px);position:relative;display:grid;place-items:center;text-align:center;isolation:isolate;background:#182e22}.hero-image{position:absolute;inset:0;z-index:-3}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(19,38,29,.25),rgba(19,38,29,.58) 45%,#13261d)}.hero:after,.structural:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#b8923a0b 1px,transparent 1px),linear-gradient(90deg,#b8923a0b 1px,transparent 1px);background-size:64px 64px;z-index:-1}.hero-copy{max-width:920px;padding:70px 24px 95px}.hero p:not(.label){max-width:58ch;margin:25px auto}.label,.number{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-secondary)}.hero-caption{position:absolute;bottom:18px;left:24px;right:24px;font:11px/1.5 ui-monospace,monospace;color:var(--text-muted)}.button,button.action{display:inline-block;padding:14px 21px;border:1px solid var(--accent-primary);background:transparent;color:var(--text-primary);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;transition:border-color .25s,background .25s}.button:hover,button.action:hover{border-color:var(--text-primary);background:var(--bg-surface-hover)}.journey{position:relative;margin-top:64px;margin-bottom:64px;padding-left:58px}.journey:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:1px;background:var(--accent-primary)}.chapter{position:relative;padding:20px 0 64px}.chapter:before{content:"";position:absolute;left:-48px;top:28px;width:10px;height:10px;background:var(--bg-canvas);border:1px solid var(--accent-primary)}.chapter:last-child{padding-bottom:20px}.chapter-head{max-width:72ch;margin-bottom:28px}.chapter p,.prose p{max-width:72ch}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.panel,.material,.feature{border:1px solid var(--border-subtle);background:var(--bg-surface);padding:26px;box-shadow:none;border-radius:0;transition:border-color .3s,background .3s}.panel:hover,.material:hover,.feature:hover{border-color:var(--accent-primary);box-shadow:none}.panel p:last-child,.material p:last-child{margin-bottom:0}.panel-link{text-decoration:none;display:block}.panel-link h3{color:var(--accent-secondary)}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.media{aspect-ratio:4/3;background:var(--bg-surface)}.banner{aspect-ratio:16/9}.thumbnail{aspect-ratio:1}.media figcaption,figcaption{font:11px/1.55 ui-monospace,monospace;color:var(--text-muted);margin-top:10px}.illustration{margin-bottom:35px}.structural{isolation:isolate;position:relative;padding:30px;border:1px solid var(--border-subtle)}.page-intro{padding:65px 0 40px;max-width:900px}.page-intro h1{font-size:clamp(2.8rem,6vw,5rem)}.lede{font-size:1.17rem;max-width:64ch;color:var(--text-muted)}.prose{max-width:72ch;margin:0 auto}.article-main .journey{max-width:850px;margin-left:auto;margin-right:auto}.article-main .chapter p{margin-bottom:1.3rem}.article-note{border-left:2px solid var(--accent-primary);padding:16px 22px;background:var(--bg-surface);margin:25px 0}.checklist{padding-left:22px}.checklist li{margin-bottom:12px}.references{padding-left:20px}.references li{margin-bottom:12px}details{border-top:1px solid var(--border-subtle);padding:19px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;padding-right:18px;color:var(--text-primary)}details p{margin-top:15px;color:var(--text-muted)}.site-footer{border:1px solid var(--border-subtle);padding:32px;margin-bottom:24px;background:var(--bg-surface);font-size:.85rem}.footer-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}.company{font-style:normal;color:var(--text-muted);margin:24px 0 18px;line-height:1.8}.copyright{color:var(--text-muted);font-size:.76rem;margin-bottom:0}.form-field{display:block;margin:0 0 22px}.form-field span{display:block;margin-bottom:7px;font: .8rem ui-monospace,monospace}input,textarea{width:100%;padding:13px;background:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-primary)}textarea{resize:vertical;min-height:170px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.status{min-height:1.8em;margin:18px 0 0;color:var(--accent-secondary)}.small{font-size:.85rem;color:var(--text-muted)}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:var(--bg-surface);padding:12px}.skip:focus{top:12px}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}@media(min-width:1025px){.hero-copy h1{max-width:850px}.site-header{gap:35px}.site-nav{gap:24px}}@media(min-width:769px) and (max-width:1024px){.site-nav{gap:12px}.site-nav a{font-size:.75rem}.brand{font-size:.9rem}.split{gap:22px}}@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 40px)}.split{grid-template-columns:1fr}.journey{padding-left:42px}.chapter:before{left:-32px}}@media(max-width:767px){.site-header{margin:12px;padding:9px 12px;gap:10px}.brand{font-size:.92rem}.menu-toggle{display:block}.site-nav{display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px;border:1px solid var(--accent-primary);background:var(--bg-surface)}.site-nav a{padding:12px 0;font-size:.95rem}.site-nav[hidden]{display:none}.hero{min-height:calc(100svh - 90px)}.grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.page-intro{padding-top:40px}.footer-top{flex-direction:column}}@media(max-width:480px){.wrap{width:calc(100% - 32px)}.journey{padding-left:28px;margin-top:40px}.journey:before{left:3px}.chapter:before{left:-29px}.chapter{padding-bottom:40px}.split{grid-template-columns:1fr}.panel,.material,.feature,.structural{padding:19px}.site-footer{padding:22px}.hero-copy{padding:55px 18px 100px}.hero h1{font-size:3.1rem}.page-intro h1{font-size:2.8rem}.brand-mark{width:24px;height:30px}.brand{gap:7px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}