:root{--bg-canvas:#13261d;--bg-surface:#20372b;--bg-surface-hover:#2a4435;--text-primary:#efe6d2;--text-muted:#c6c7b6;--accent-primary:#b8923a;--accent-secondary:#d7bd79;--border-subtle:#ffffff24;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px #0004;--glow-accent:0 0 24px -4px #b8923a35;--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:17px/1.8 system-ui,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:5px}a:hover{color:var(--text-primary)}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}h1,h2,h3{font-weight:800;line-height:1.12;letter-spacing:-.045em;color:var(--text-primary);text-wrap:balance}h1{font-size:clamp(2.5rem,5.7vw,4.9rem);margin:.25em 0 .45em}h2{font-size:clamp(1.7rem,3vw,2.65rem);margin:0 0 .8em}h3{font-size:1.25rem;margin:.25em 0 .65em}p{margin:0 0 1.3em}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}figure{margin:2.5rem 0}figcaption{font-size:.85rem;line-height:1.6;color:var(--text-muted);margin-top:.75rem}header{position:relative;margin:20px 24px 0;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:48px;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:800;font-size:1rem;text-decoration:none;letter-spacing:-.035em;white-space:nowrap}.brand-mark{width:27px;height:27px;border:1px solid var(--accent-primary);border-radius:4px;display:grid;place-items:center;color:var(--accent-secondary);font-size:17px}nav{display:flex;gap:20px;align-items:center}nav a{font-size:.8rem;text-decoration:none;color:var(--text-muted)}nav a[aria-current=page]{color:var(--accent-secondary);text-decoration:underline}.menu-toggle{display:none;color:var(--text-primary);background:none;border:1px solid var(--border-subtle);font-size:1.7rem;line-height:1;padding:5px 14px;cursor:pointer;border-radius:4px}.skip{position:absolute;left:24px;top:-100px;background:var(--bg-surface);padding:10px;z-index:20}.skip:focus{top:12px}main{max-width:1200px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center;padding:90px 0 82px;position:relative;background:radial-gradient(ellipse at 70% 40%,#b8923a1c,transparent 65%)}.eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:18px}.hero .intro{font-size:1.1rem;color:var(--text-muted);max-width:45ch}.hero figure{margin:0;position:relative}.hero figure:before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid #b8923a55;border-radius:4px;z-index:-1}.hero img{aspect-ratio:4/5}.button,button.action{display:inline-block;padding:13px 20px;border:1px solid var(--accent-primary);border-radius:0;background:transparent;color:var(--text-primary);text-decoration:none;text-transform:uppercase;font-size:.73rem;font-weight:700;letter-spacing:.13em;line-height:1.6;cursor:pointer;transition:transform .4s var(--ease-kinetic),box-shadow .4s,background .4s}.button:hover,button.action:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.reading{max-width:70ch;margin:0 auto}.section{padding:65px 0;border-top:1px solid var(--border-subtle)}.section p,.article-body p{color:var(--text-muted)}.breakout{max-width:1000px;margin:36px auto}.breakout img{aspect-ratio:16/9}.glow{background:radial-gradient(ellipse at 50% 30%,#b8923a17,transparent 70%)}.specimens{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:30px}.specimen{border-radius:4px;background:var(--bg-surface);padding:28px;box-shadow:0 6px 20px #0002;transition:transform .5s var(--ease-kinetic),box-shadow .5s,background .5s}.specimen:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.specimen p{font-size:.96rem;color:var(--text-muted)}.specimen a{font-size:.84rem;font-weight:700}.number{font-size:.74rem;letter-spacing:.16em;color:var(--accent-secondary);display:block;margin-bottom:20px}.pullquote{margin:40px auto;padding:16px 0 16px 26px;border-left:2px solid var(--accent-primary);max-width:60ch;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;line-height:1.5;letter-spacing:-.025em}.page-head{max-width:70ch;margin:0 auto;padding:80px 0 45px}.page-head h1{font-size:clamp(2.5rem,5vw,4rem)}.page-head .lead{font-size:1.15rem;color:var(--text-muted)}.article-body{max-width:70ch;margin:0 auto;padding-bottom:60px}.article-body h2{margin-top:2em;font-size:1.9rem}.article-body h3{margin-top:1.7em}.article-body ul,.article-body ol{padding-left:24px;color:var(--text-muted)}.article-body li{margin:.6em 0}.ledger{margin:30px 0}.ledger div{display:grid;grid-template-columns:150px 1fr;gap:24px;border-bottom:1px solid var(--border-subtle);padding:20px 0}.ledger dt{font-weight:700;color:var(--accent-secondary)}.ledger dd{margin:0;color:var(--text-muted)}.table-scroll{overflow-x:auto;margin:30px 0}table{border-collapse:collapse;width:100%;min-width:620px;font-size:.9rem}caption{text-align:left;margin-bottom:12px;color:var(--text-muted)}th,td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-secondary);background:var(--bg-surface)}.specimen-row{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--border-subtle)}.specimen-row img{aspect-ratio:1/1;height:90px}.specimen-row h3{margin-top:0}.specimen-row p{margin-bottom:0}.diagram{background:var(--bg-surface);padding:28px;border-radius:4px;margin:30px 0}.diagram-path{display:grid;gap:12px}.diagram-path div{border-left:3px solid var(--accent-primary);padding:10px 18px;background:#13261d80}.diagram-path strong{color:var(--accent-secondary)}.diagram figcaption{margin-top:20px}.next{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}details{border-bottom:1px solid var(--border-subtle);padding:22px 0}summary{cursor:pointer;font-weight:700;line-height:1.5;color:var(--text-primary);padding-right:12px}details p{margin:20px 0 0}label{display:block;font-size:.86rem;font-weight:700;margin:20px 0 8px}input,textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:13px;color:var(--text-primary)}textarea{min-height:200px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}.help{font-size:.86rem;color:var(--text-muted)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0}.preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:var(--bg-surface);border-radius:4px;font-family:inherit;min-height:130px}.status{min-height:1.8em;color:var(--accent-secondary)}[hidden]{display:none!important}footer{max-width:1200px;margin:50px auto 0;padding:45px 32px 30px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.84rem}.footer-brand{font-weight:800;color:var(--text-primary);font-size:1.05rem}.footer-summary{max-width:64ch;margin:12px 0 22px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.company{font-style:normal;line-height:1.9;border-top:1px solid var(--border-subtle);padding-top:22px}.copyright{margin-top:20px;font-size:.78rem}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.hero{min-height:660px}.hero img{max-height:520px}}
@media(min-width:769px) and (max-width:1024px){header{padding:14px 18px;gap:18px}nav{gap:12px}nav a{font-size:.73rem}.brand{font-size:.88rem}.hero{gap:32px;padding-top:65px}}
@media(min-width:481px) and (max-width:768px){main{padding:0 26px}.hero{gap:28px}.hero h1{font-size:3rem}.specimens{grid-template-columns:1fr}}
@media(max-width:767px){header{margin:14px 16px 0;padding:12px 17px;flex-wrap:wrap;gap:0;border-radius:30px}.brand{font-size:.95rem}.menu-toggle{display:block}.js nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:22px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);border-radius:4px;animation:menuDown .25s var(--ease-kinetic)}.js nav.open{display:grid;grid-template-columns:1fr 1fr;gap:18px}nav{width:100%;flex-wrap:wrap;padding-top:15px}nav a{font-size:.95rem}.hero{grid-template-columns:1fr;padding:55px 0;gap:38px}.hero img{aspect-ratio:4/3}.hero .intro{max-width:none}.section{padding:45px 0}.page-head{padding:55px 0 30px}.breakout{margin:28px 0}.ledger div{grid-template-columns:1fr;gap:8px}.pullquote{padding-left:20px}.specimens{grid-template-columns:1fr}}
@media(max-width:480px){main{padding:0 21px}header{margin-left:12px;margin-right:12px}.brand{font-size:.85rem;gap:8px}.brand-mark{width:24px;height:24px}.hero h1{font-size:2.8rem}.hero{padding-top:45px}.specimen{padding:23px}.specimen-row{grid-template-columns:64px 1fr;gap:16px}.specimen-row img{height:64px}footer{padding:35px 21px 25px}.diagram{padding:19px}.button,button.action{padding:12px 15px}}
@keyframes menuDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}