:root{--bg-canvas:#2b211d;--bg-surface:#40312a;--bg-surface-hover:#503b31;--text-primary:#fff3e6;--text-muted:#d9c7ba;--accent-primary:#ff6f59;--accent-secondary:#e6ba83;--border-subtle:#796052;--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 #ff6f5940;--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-family:"Trebuchet MS","Segoe UI",sans-serif;line-height:1.7;overflow-wrap:anywhere;hyphens:auto}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent-secondary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}button{cursor:pointer}img,svg{max-width:100%;display:block}img{width:100%;height:100%;object-fit:cover;border-radius:20px}figure{margin:0}figcaption{font-size:.83rem;color:var(--text-muted);margin-top:12px}.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}.tagline{background:#1e1714;padding:7px 32px;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted)}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 32px;border-bottom:1px solid var(--border-subtle)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1rem;font-weight:bold;white-space:nowrap;hyphens:none}.brand-mark{width:28px;height:28px;display:inline-grid;place-items:center;border:2px solid var(--accent-primary);color:var(--accent-primary);font-size:16px}.nav{display:flex;gap:23px;align-items:center}.nav a{text-decoration:none;font-size:.87rem}.nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.6rem;padding:0 14px}.skip{position:absolute;left:16px;top:-100px;z-index:30;background:var(--accent-primary);color:#2b211d;padding:12px}.skip:focus{top:10px}.hero{padding:95px 0 80px;background:var(--bg-canvas)}.eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-secondary);margin:0 0 18px}.hero h1{font-size:clamp(2.8rem,6.8vw,6rem);line-height:1.08;letter-spacing:-.055em;max-width:1050px;margin:0 0 30px;font-weight:700}.hero p:not(.eyebrow){max-width:65ch;font-size:1.16rem;color:var(--text-muted)}h2{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 24px}h3{font-size:1.3rem;line-height:1.35;margin:0 0 15px}p{margin:0 0 21px}.button{display:inline-block;background:transparent;border:1px solid var(--accent-primary);padding:13px 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;color:var(--text-primary);border-radius:0;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover);color:var(--text-primary)}.hero .button{margin-top:15px}.spread{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;padding:76px 0}.spread.reverse .illustration{order:-1}.spread .copy{max-width:68ch}.section-number{display:block;color:var(--accent-primary);font-size:.8rem;letter-spacing:.15em;margin-bottom:17px}.illustration{background:var(--bg-surface);border-radius:20px;padding:28px;box-shadow:var(--shadow-elevation);position:relative}.illustration svg{width:100%;height:auto}.diagram-label{font-size:.8rem;color:var(--text-muted);margin:16px 0 0}.diagram-line{stroke:#e6ba83;stroke-width:5;fill:none;stroke-linejoin:round}.diagram-accent{stroke:#ff6f59;stroke-width:7;fill:none}.diagram-fill{fill:#ff6f59;opacity:.22}.band{background:var(--accent-primary);color:#2b211d;padding:45px 0}.band p{max-width:70ch;margin:0;font-size:1.25rem}.band a{color:#2b211d}.section{padding:75px 0}.section-heading{max-width:72ch;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.chapter,.info-card{background:var(--bg-surface);border:0;border-radius:20px;padding:30px;box-shadow:var(--shadow-elevation);transition:transform .4s var(--ease-kinetic),background .4s,box-shadow .4s}.chapter{display:block;text-decoration:none}.chapter:hover,.info-card:hover{transform:translateY(-5px) scale(1.015);background:var(--bg-surface-hover);box-shadow:var(--shadow-elevation),var(--glow-accent);color:var(--text-primary)}.chapter p,.info-card p{color:var(--text-muted)}.chapter span{display:block;color:var(--accent-secondary);font-size:.75rem;letter-spacing:.12em;margin-bottom:22px}.chapter strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.photo-frame{aspect-ratio:4/3;border-radius:20px}.wide-photo{aspect-ratio:16/9}.thumbnail{aspect-ratio:1;width:100px;flex-shrink:0}.media-row{display:flex;gap:23px;align-items:center}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:1.9rem;margin-top:45px}.prose h3{margin-top:28px}.prose ul{padding-left:23px}.callout{border-left:4px solid var(--accent-primary);background:var(--bg-surface);padding:22px 26px;border-radius:0 20px 20px 0;margin:25px 0}.callout p:last-child{margin-bottom:0}.chapter-nav{display:flex;flex-wrap:wrap;gap:15px;margin-top:35px}details{border-bottom:1px solid var(--border-subtle);padding:22px 0}summary{cursor:pointer;font-size:1.13rem;font-weight:bold;list-style-position:outside;margin-left:20px}details p{max-width:70ch;color:var(--text-muted);margin:17px 0 0}.directory{background:var(--accent-primary);color:#2b211d;padding:35px 0}.directory .wrap{display:flex;flex-wrap:wrap;gap:20px 35px;align-items:center}.directory strong{margin-right:auto}.directory a{color:#2b211d;font-weight:bold}.footer-main{padding:40px 0 28px;font-size:.85rem;color:var(--text-muted)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-main address{font-style:normal}.footer-bottom{display:flex;flex-wrap:wrap;gap:15px 25px;border-top:1px solid var(--border-subtle);padding-top:23px;margin-top:25px}.draft-sheet{background:var(--bg-surface);border-radius:20px;padding:35px;box-shadow:var(--shadow-elevation)}label{display:block;margin-bottom:8px;font-weight:bold}input,textarea{width:100%;background:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:0;padding:13px;margin-bottom:23px}textarea{min-height:190px;resize:vertical}textarea[readonly]{min-height:250px}.actions{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.status{min-height:1.7em;color:var(--accent-secondary);font-size:.9rem}.small{font-size:.87rem;color:var(--text-muted)}.sequence{counter-reset:steps;padding:0;list-style:none}.sequence li{counter-increment:steps;padding:22px 0 22px 57px;position:relative;border-bottom:1px solid var(--border-subtle)}.sequence li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;color:var(--accent-primary);font-weight:bold}.sources{font-size:.9rem}.sources li{margin-bottom:10px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);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:510px}.chapter-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px) and (max-width:1024px){.site-header{padding:22px 24px;gap:15px}.nav{gap:13px}.nav a{font-size:.77rem}.brand{font-size:.85rem}.spread{gap:35px}.hero{padding:75px 0}}@media(min-width:481px) and (max-width:768px){.spread{gap:30px;padding:50px 0}.wrap{width:calc(100% - 44px)}}@media(max-width:768px){.spread{grid-template-columns:1fr}.spread.reverse .illustration{order:0}.footer-grid{grid-template-columns:1fr}.hero{padding:65px 0}.section{padding:55px 0}}@media(max-width:767px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--bg-surface);padding:22px 28px;box-shadow:var(--shadow-elevation)}.nav.open{display:grid;gap:18px}.nav a{font-size:1rem}.site-header{padding:20px}.tagline{padding:7px 20px;font-size:.64rem}}@media(max-width:480px){.wrap{width:calc(100% - 36px)}.brand{font-size:.85rem}.brand-mark{width:23px;height:23px}.hero h1{font-size:2.9rem}.hero{padding:55px 0}.spread{padding:45px 0;gap:25px}.illustration{padding:20px}.grid{grid-template-columns:1fr}.draft-sheet{padding:23px}.directory .wrap{gap:15px 23px}.directory strong{width:100%}.media-row{align-items:flex-start}.band{padding:32px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}