:root{--bg-canvas:#fff;--bg-surface:#f1f5f9;--bg-surface-hover:#e9e5e0;--text-primary:#1e293b;--text-muted:#52606b;--accent-primary:#b44324;--accent-secondary:#78350f;--border-subtle:#d6d9db;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.15);--glow-accent:0 0 24px -4px rgba(180,67,36,.2);--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.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(2.7rem,5.5vw,5.5rem);font-weight:650;margin-bottom:1.5rem}h2{font-size:clamp(2rem,3.6vw,3.3rem);font-weight:600}h3{font-size:1.4rem;letter-spacing:-.025em}p{margin-bottom:1.3rem}small,.eyebrow,.badge,.label,th,.step-number,.meta{font-family:ui-monospace,Consolas,monospace}.eyebrow,.label{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:var(--accent-primary);margin-bottom:1.1rem}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;z-index:20;padding:12px;background:#fff}.skip:focus{top:12px}.site-header{position:relative;border-bottom:1px solid var(--border-subtle);padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;font-size:1.12rem;font-weight:750;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:26px;height:28px;display:inline-block;border-left:5px solid var(--accent-primary);border-bottom:5px solid var(--accent-primary);transform:skewY(-20deg);position:relative}.brand-mark:after{content:"";position:absolute;left:6px;top:0;height:18px;border-left:5px solid var(--accent-primary)}.site-nav,.nav-group{display:flex;align-items:center;gap:21px}.nav-group+.nav-group{border-left:1px solid var(--border-subtle);padding-left:21px}.site-nav a{font-size:.82rem;font-weight:600;color:var(--text-primary);text-decoration:none;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;background:transparent;border:0;color:var(--text-primary);font-size:2rem;padding:0 12px}.hero{padding:65px 0 70px;position:relative;background:linear-gradient(120deg,#fff 30%,#f1f5f9 65%,#f3e8e2);background-size:200% 200%;animation:gradientShift 12s ease infinite}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.hero .split{grid-template-columns:1.05fr 1fr;gap:48px}.hero-copy p:not(.eyebrow){max-width:49ch;color:var(--text-muted);font-size:1.1rem}.hero-image{aspect-ratio:4/5;position:relative}.hero-image img{filter:saturate(.65) contrast(1.08)}.image-note{position:absolute;bottom:0;left:0;background:var(--accent-primary);color:#fff;padding:13px 18px;font:12px/1.5 ui-monospace,Consolas,monospace;max-width:85%}.button,button.action{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;background:var(--accent-primary);color:#fff;text-decoration:none;padding:13px 23px;font-size:.9rem;font-weight:650;cursor:pointer;transition:transform .4s var(--ease-kinetic),box-shadow .4s,background .3s}.button:hover,button.action:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:#96371d}.button.secondary,button.secondary{background:var(--text-primary);color:#fff}.section{padding:85px 0}.pale{background:var(--bg-surface)}.section-intro{max-width:70ch;margin:0 auto 38px}.section-intro h2{max-width:21ch}.section-intro.centered{text-align:center}.spread-image{aspect-ratio:4/3;position:relative}.spread-image .badge{position:absolute;bottom:-14px;left:20px}.badge{display:inline-block;background:var(--accent-primary);color:#fff;padding:7px 13px;font-size:.73rem;letter-spacing:.04em}.spread-copy p{color:var(--text-muted)}.text-link{font-weight:650;text-decoration:none;border-bottom:1px solid var(--accent-primary);padding-bottom:3px}.terracotta{background:var(--accent-primary);color:#fff}.terracotta .eyebrow,.terracotta a,.terracotta .spread-copy p{color:#fff}.terracotta .button{background:#fff;color:var(--accent-primary)}.terracotta :focus-visible{outline-color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}.card{border:1px solid var(--border-subtle);background:#fff;transition:transform .45s var(--ease-kinetic),box-shadow .45s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.card-image{aspect-ratio:4/3;position:relative}.card-image .badge{position:absolute;bottom:-12px;left:20px}.card-body{padding:31px 25px 25px}.card-body p{color:var(--text-muted)}.card h3 a{color:var(--text-primary);text-decoration:none}.compact{display:flex;gap:20px;padding:22px;border:1px solid var(--border-subtle);background:#fff}.compact img{width:90px;height:90px;aspect-ratio:1;flex-shrink:0}.compact h3{font-size:1.1rem}.compact p{font-size:.9rem;margin-bottom:0}.page-top{padding:58px 0 44px}.page-top h1{max-width:18ch}.lead{font-size:1.22rem;color:var(--text-muted);max-width:65ch}.meta{font-size:.75rem;color:var(--text-muted)}.banner{aspect-ratio:16/9;max-height:560px}.caption{font-size:.78rem;color:var(--text-muted);margin:12px 0 0}.reading{max-width:70ch;margin:0 auto}.reading h2{font-size:2.15rem;margin-top:2.5rem}.reading h3{margin-top:1.8rem}.reading li{margin-bottom:.65rem}.article-spread{padding:65px 0}.article-spread:nth-of-type(even){background:var(--bg-surface)}.article-spread .split{align-items:start}.article-spread h2{font-size:2.25rem}.article-spread p{max-width:70ch}.callout{border-left:4px solid var(--accent-primary);padding:25px;background:var(--bg-surface);margin:30px 0}.callout p:last-child{margin-bottom:0}.diagram{padding:30px;background:var(--bg-surface);border:1px solid var(--border-subtle)}.junction{height:190px;position:relative;margin:15px 15px 30px;border-bottom:16px solid #657078}.junction:before{content:"";position:absolute;bottom:0;left:35%;height:150px;border-left:12px solid var(--accent-primary)}.junction:after{content:"";position:absolute;bottom:0;left:calc(35% - 25px);width:62px;border-bottom:8px solid var(--text-primary)}.junction-label{position:absolute;left:calc(35% + 24px);top:24px;font:12px/1.5 ui-monospace,Consolas,monospace}.diagram figcaption{font-size:.85rem;color:var(--text-muted)}.sequence{list-style:none;padding:0;counter-reset:steps}.sequence li{position:relative;padding:0 0 25px 55px;border-left:1px solid var(--border-subtle);margin-left:17px}.sequence li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:-18px;top:0;background:var(--accent-primary);color:#fff;width:35px;height:35px;display:grid;place-items:center;font:12px ui-monospace,Consolas,monospace}.sequence h3{padding-top:5px}table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}th,td{padding:15px;border:1px solid var(--border-subtle);vertical-align:top}th{background:var(--bg-surface);font-size:.8rem}details{border-top:1px solid var(--border-subtle);padding:22px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-size:1.1rem;font-weight:650;padding-right:12px}details p{margin:16px 0 0;color:var(--text-muted)}.signoff{padding:40px 0;background:var(--accent-primary);color:#fff}.signoff .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.signoff p{font-size:1.5rem;letter-spacing:-.03em;margin:0;max-width:32ch}.signoff a{color:#fff;white-space:nowrap}.site-footer{padding:48px 0 24px;font-size:.85rem}.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.5fr;gap:35px}.footer-grid h2{font:12px ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.07em;margin-bottom:18px}.footer-grid a{display:block;margin-bottom:8px;color:var(--text-primary)}.footer-grid address{font-style:normal;color:var(--text-muted)}.footer-bottom{border-top:1px solid var(--border-subtle);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--text-muted)}.worksheet{padding:30px;background:var(--bg-surface)}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:7px}input,textarea,select{width:100%;padding:12px;border:1px solid #9ca3aa;background:#fff;border-radius:0;color:var(--text-primary)}textarea{resize:vertical;min-height:150px}.field{margin-bottom:22px}.hint{font-size:.82rem;color:var(--text-muted);margin-top:6px}.actions{display:flex;gap:12px;flex-wrap:wrap}.preview{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 ui-monospace,Consolas,monospace;background:#fff;border:1px solid var(--border-subtle);padding:22px;min-height:270px}.status{min-height:1.7em;color:var(--accent-secondary);font-size:.9rem;margin-top:15px}.legal{padding:25px 0 75px}.legal h2{font-size:1.8rem}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-motion .reveal.reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.reverse .spread-image{order:2}.reverse .spread-copy{order:1}}
@media(min-width:769px) and (max-width:1024px){.site-header{padding:22px 18px;gap:15px}.brand{font-size:.98rem}.site-nav,.nav-group{gap:12px}.nav-group+.nav-group{padding-left:12px}.site-nav a{font-size:.73rem}.split,.hero .split{gap:32px}.reverse .spread-image{order:2}.reverse .spread-copy{order:1}.footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 44px)}.section{padding:60px 0}.hero{padding:45px 0}.split,.hero .split{gap:35px;grid-template-columns:1fr}.hero-image{aspect-ratio:16/9}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.site-header{padding:18px 22px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:3px solid var(--accent-primary);padding:24px;box-shadow:var(--shadow-elevation);align-items:stretch;gap:15px}.site-nav.is-open,.nav-group{display:flex;flex-direction:column;align-items:stretch}.nav-group{gap:0}.nav-group+.nav-group{padding:12px 0 0;border-left:0;border-top:1px solid var(--border-subtle)}.site-nav a{padding:10px 0;font-size:.95rem}.article-spread .split{grid-template-columns:1fr}.signoff .wrap{align-items:start;flex-direction:column}.footer-bottom{flex-direction:column;gap:6px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.site-header{padding:16px 18px}.brand{font-size:1.02rem}.section,.article-spread{padding:48px 0}.hero{padding:35px 0 45px}.split,.hero .split{grid-template-columns:1fr;gap:30px}.hero-image{aspect-ratio:4/3}.page-top{padding:40px 0 30px}h1{font-size:2.8rem}.grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.footer-grid{grid-template-columns:1fr;gap:24px}.worksheet{padding:22px}.actions .button,.actions button{width:100%}.compact{padding:17px;gap:15px}.compact img{width:70px;height:70px}.diagram{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}