:root{--bg-canvas:#fff;--bg-surface:#f1f5f9;--bg-surface-hover:#f5efe7;--text-primary:#292524;--text-muted:#57534e;--accent-primary:#92400e;--accent-secondary:#b45309;--border-subtle:#d6d3d1;--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 #92400e26;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(2.5rem,5.8vw,5rem);line-height:1.06;letter-spacing:-.055em;max-width:17ch;margin-bottom:1.3rem}h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.035em}h3{font-size:1.2rem;line-height:1.35}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img{display:block;max-width:100%;object-fit:cover;border-radius:20px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}::selection{background:#f2d9b8}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.tagline{background:var(--text-primary);color:#fff;padding:7px 24px;font:12px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.04em}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 24px;border-bottom:1px solid var(--border-subtle);z-index:10}.brand{display:flex;align-items:center;gap:9px;color:var(--text-primary);font-weight:750;font-size:1rem;text-decoration:none;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;background:var(--accent-primary);color:#fff;width:31px;height:31px;border-radius:9px;font:700 16px ui-monospace,monospace}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{font-size:14px;color:var(--text-primary);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary);text-decoration:underline}.menu-toggle{display:none;border:0;background:var(--bg-surface);color:var(--text-primary);border-radius:50%;font-size:29px;width:44px;height:44px}.skip{position:absolute;left:12px;top:-100px;background:white;z-index:50;padding:12px}.skip:focus{top:8px}.eyebrow,.badge,.label,caption,thead,.step-number{font:12px/1.6 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.075em}.eyebrow{color:var(--accent-primary);margin-bottom:16px}.hero{padding:64px 0 50px;background-image:linear-gradient(#29252406 1px,transparent 1px),linear-gradient(90deg,#29252406 1px,transparent 1px);background-size:40px 40px}.hero-intro{max-width:780px}.lead{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--text-muted);max-width:64ch}.button,button.action{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 23px;border:0;border-radius:999px;background:var(--accent-primary);color:#fff;text-decoration:none;font-size:15px;font-weight:650;transition:transform .3s var(--ease-kinetic),box-shadow .3s,background .3s}.button:hover,button.action:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:#78350f}.button.secondary,button.secondary{background:#e9e2d8;color:#572807}.hero-visual{position:relative;margin-top:35px;isolation:isolate}.hero-visual>img{width:100%;height:auto;aspect-ratio:16/9;max-height:590px;object-position:center}.facts-panel{position:absolute;right:24px;bottom:24px;width:min(400px,calc(100% - 48px));padding:24px;background:#ffffffed;backdrop-filter:var(--glass-backdrop);border:1px solid #ffffffd9;border-radius:20px;box-shadow:var(--shadow-elevation)}.facts-panel h2{font:14px ui-monospace,monospace;letter-spacing:.04em}.facts-panel ol{list-style:none;padding:0;margin:0;display:grid;gap:14px}.facts-panel li{font-size:14px;line-height:1.5;border-top:1px solid var(--border-subtle);padding-top:10px}.facts-panel strong{font:700 24px ui-monospace,monospace;color:var(--accent-primary)}.source-link{font-size:12px;display:block}.hero-caption,figcaption{font-size:13px;color:var(--text-muted);margin:12px 0 0}.section{padding:65px 0}.section-heading{max-width:740px;margin-bottom:30px}.pair,.fluid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.card{border:1px solid var(--border-subtle);border-radius:20px;background:var(--bg-canvas);overflow:hidden;transition:transform .4s var(--ease-kinetic),box-shadow .4s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.card-media{position:relative}.card-media img{width:100%;aspect-ratio:4/3;border-radius:19px 19px 0 0}.badge{position:absolute;left:24px;bottom:-13px;padding:6px 12px;border-radius:20px;background:var(--accent-primary);color:white;font-size:11px}.card-body{padding:35px 26px 27px}.card-body p{color:var(--text-muted)}.card-body h2{font-size:1.7rem}.card-body>:last-child{margin-bottom:0}.callout{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:26px}.callout h3{font-family:ui-monospace,Consolas,monospace;font-size:15px}.callout p:last-child{margin-bottom:0}.grid-background{background-color:#faf9f7;background-image:linear-gradient(#29252406 1px,transparent 1px),linear-gradient(90deg,#29252406 1px,transparent 1px);background-size:36px 36px}.diagram{padding:24px;background:#f7f5f1;border:1px solid var(--border-subtle);border-radius:20px;margin:38px 0 0}.airflow-diagram{width:100%;height:auto;display:block}.diagram text{font-family:ui-monospace,Consolas,monospace;font-size:15px;fill:var(--text-primary)}.diagram .air-line{fill:none;stroke:var(--accent-primary);stroke-width:2.5;stroke-dasharray:8 6;animation:flow 9s linear infinite}.diagram .train-shell{fill:#e4e0db;stroke:#57534e;stroke-width:2}.diagram .diagram-label{font-size:12px}.diagram .annotation{stroke:#78716c;stroke-width:1;fill:none}@keyframes flow{to{stroke-dashoffset:-140}}.article-header{padding:56px 0 32px}.article-header h1{max-width:20ch}.article-hero{width:100%;aspect-ratio:16/9;max-height:480px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:48px;padding:42px 0 65px}.prose{max-width:70ch;margin:0 auto;min-width:0}.prose h2{margin-top:42px;font-size:1.9rem}.prose h3{margin-top:30px}.prose p{margin-bottom:21px}.prose li{margin-bottom:10px}.prose .callout{margin:30px 0}.article-aside{font-size:14px}.article-aside h2{font:14px ui-monospace,monospace}.article-aside ul{padding-left:18px}.article-aside li{margin-bottom:12px}.table-scroll{overflow-x:auto;margin:28px 0;border:1px solid var(--border-subtle);border-radius:20px}table{border-collapse:collapse;width:100%;min-width:510px;font-size:14px}caption{text-align:left;padding:16px;background:var(--bg-surface)}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top}th{background:#f7f5f1}tr:last-child td{border-bottom:0}.reading-list{padding-left:20px;font-size:15px}.reading-list li{margin-bottom:12px}.page-body{padding:0 0 65px}.faq-list{max-width:850px;margin:auto}.faq-list details{padding:22px 25px;border:1px solid var(--border-subtle);border-radius:20px;margin-bottom:16px;background:var(--bg-surface)}summary{cursor:pointer;font-weight:650}details p{margin:16px 0 0}.worksheet{padding:28px;border:1px solid var(--border-subtle);border-radius:20px;background:var(--bg-surface)}label{display:block;font-weight:650;font-size:14px;margin-bottom:8px}input,select,textarea{width:100%;background:#fff;border:1px solid #a8a29e;border-radius:12px;color:var(--text-primary);padding:12px;margin-bottom:20px;min-width:0}textarea{min-height:180px;resize:vertical}.preview{white-space:pre-wrap;background:#fff;padding:20px;border:1px solid var(--border-subtle);border-radius:12px;min-height:160px;font:14px/1.7 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:12px}.status{min-height:1.7em;font-size:14px;margin:15px 0 0}.small{font-size:14px;color:var(--text-muted)}.site-footer{background:#f5f4f1;border-top:1px solid var(--border-subtle);padding:36px 0 24px;font-size:14px}.footer-reading{display:flex;flex-wrap:wrap;gap:12px 25px;margin-bottom:28px}.company-strip{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:22px;padding:23px 0;border-top:1px solid #bcb6ae;border-bottom:1px solid var(--border-subtle);font-size:13px}.company-strip p{margin:0}.company-strip address{font-style:normal}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:23px}.legal-links{display:flex;gap:18px;flex-wrap:wrap}.copyright{margin:0;font-size:12px}.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-intro{padding-right:20px}.pair>.card:nth-child(2){margin-top:32px}.site-header{padding-inline:32px}}
@media(min-width:769px) and (max-width:1024px){.site-nav{gap:13px}.site-nav a{font-size:12px}.brand{font-size:14px}.article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:26px}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 36px)}.hero{padding-top:42px}.section{padding:45px 0}}
@media(max-width:767px){.site-header{padding:17px 18px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:12px;right:12px;top:calc(100% - 2px);background:#fff;border:1px solid var(--border-subtle);border-radius:20px;padding:16px;box-shadow:var(--shadow-elevation)}.site-nav.is-open{display:grid;animation:menuDrop .25s var(--ease-kinetic)}.site-nav a{padding:9px 12px;font-size:15px}.article-layout{grid-template-columns:1fr;gap:32px}.article-aside{border-top:1px solid var(--border-subtle);padding-top:25px}.company-strip{grid-template-columns:1fr}.facts-panel{position:relative;right:auto;bottom:auto;width:calc(100% - 24px);margin:-30px auto 0}.hero-visual>img{min-height:240px}.pair{grid-template-columns:1fr}.pair>.card:nth-child(2){margin-top:0}.hero-intro h1{max-width:16ch}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.tagline{padding:7px 14px;font-size:10px}.brand{font-size:13px;gap:7px}.brand-mark{width:26px;height:28px}.hero{padding-top:34px}.section{padding:38px 0}.article-header{padding-top:36px}.card-body,.callout,.worksheet{padding:23px}.diagram{padding:10px}.footer-bottom{align-items:flex-start;flex-direction:column}.legal-links{gap:14px}.article-hero{min-height:210px}.facts-panel{padding:20px}}
@keyframes menuDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}