:root{--bg-canvas:#0b0b0d;--bg-surface:#19191d;--bg-surface-hover:#232328;--text-primary:#f4f2ef;--text-muted:#c0c4cc;--accent-primary:#dc2626;--accent-secondary:#c0c4cc;--border-subtle:#36363d;--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 rgba(220,38,38,.28);--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,h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;margin:0 0 1.2rem;overflow-wrap:anywhere}h1{font-size:clamp(3rem,7vw,6.8rem);letter-spacing:-.045em;max-width:15ch}h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.025em}h3{font-size:1.65rem}p{margin:0 0 1.25rem}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:#fff;text-decoration-color:var(--accent-primary)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f4f2ef;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block;max-width:100%;height:auto}figure{margin:0}figcaption{font-size:.82rem;color:var(--text-muted);padding:12px 0}ul,ol{padding-left:1.3rem}li{margin-bottom:.5rem}.wrap{width:min(1100px,calc(100% - 64px));margin:0 auto}.site-header{position:relative;z-index:5;background:transparent}.header-row{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-weight:650;text-decoration:none;letter-spacing:-.025em}.brand-mark{width:30px;height:30px;color:var(--accent-primary);flex:none}.desktop-nav{display:flex;align-items:center;gap:25px;font-size:.88rem}.desktop-nav a{text-decoration:none}.desktop-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:8px}.menu-toggle{display:none;background:none;border:0;color:var(--text-primary);font-size:2rem;line-height:1;padding:8px 14px}.hero{padding:76px 0 100px;background:var(--bg-canvas)}.eyebrow{font-size:.73rem;font-weight:650;text-transform:uppercase;letter-spacing:.17em;color:var(--text-muted);margin-bottom:24px}.eyebrow::before{content:"";display:inline-block;width:24px;height:2px;background:var(--accent-primary);vertical-align:middle;margin-right:12px}.hero .lead{max-width:55ch;font-size:1.15rem;color:var(--text-muted)}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:100px;background:var(--accent-primary);color:#fff;padding:13px 24px;font-weight:650;text-decoration:none;line-height:1.45;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic),background .35s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:#b91c1c;color:#fff}.button.secondary{background:#333339}.text-link{font-size:.9rem}.band{padding:80px 0;background:var(--bg-canvas)}.band.alternate{background:#121215}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading h2{max-width:19ch;margin-bottom:0}.section-number{color:var(--accent-secondary);font-size:.8rem;letter-spacing:.12em}.argument{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.argument.reverse{grid-template-columns:.9fr 1.1fr}.argument p{max-width:65ch;color:var(--text-muted)}.diagram{padding:28px;background:var(--bg-surface);box-shadow:var(--shadow-elevation)}.diagram text{font:12px system-ui,sans-serif;fill:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.panel{background:var(--bg-surface);padding:30px;box-shadow:var(--shadow-elevation);transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic),background .4s}.panel:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.panel p{color:var(--text-muted)}.panel h3 a{text-decoration:none}.panel .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.media{aspect-ratio:4/3;overflow:hidden;background:var(--bg-surface)}.media.wide{aspect-ratio:16/9}.media.square{aspect-ratio:1}.media img{transition:transform .7s var(--ease-kinetic)}.photo-card:hover img{transform:scale(1.035)}.photo-card .panel{box-shadow:none}.horizontal-card{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);box-shadow:var(--shadow-elevation)}.horizontal-card .panel{box-shadow:none;display:flex;flex-direction:column;justify-content:center}.horizontal-card .panel:hover{transform:none}.callout{padding:28px 32px;background:var(--bg-surface);border-left:3px solid var(--accent-primary);margin:30px 0}.callout p:last-child{margin-bottom:0}.comparison-row{display:grid;grid-template-columns:.7fr 1.3fr 1.2fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--border-subtle)}.comparison-row strong{font-family:Georgia,serif;font-size:1.25rem;font-weight:400}.comparison-row p{margin:0;color:var(--text-muted)}.comparison-head{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.reading{max-width:70ch;margin:0 auto}.reading h2{font-size:2.25rem;margin-top:2.6rem}.reading h3{font-size:1.6rem;margin-top:2rem}.reading p,.reading li{color:var(--text-muted)}.reading a{color:var(--text-primary)}.guide-hero{padding:55px 0 64px}.guide-hero h1{max-width:18ch;font-size:clamp(3rem,6vw,5.5rem)}.guide-meta{font-size:.8rem;color:var(--text-muted);margin-top:24px}.jump-links{display:flex;flex-wrap:wrap;gap:12px 26px;padding-top:22px;font-size:.85rem}.source-list{font-size:.87rem}.source-list li{margin-bottom:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px;font-size:.92rem}caption{text-align:left;font-family:Georgia,serif;font-size:1.6rem;margin-bottom:20px}th,td{text-align:left;vertical-align:top;padding:20px 16px;border-bottom:1px solid var(--border-subtle)}th{color:var(--text-primary);font-weight:600;background:var(--bg-surface)}td{color:var(--text-muted)}details{border-bottom:1px solid var(--border-subtle);padding:22px 0}summary{cursor:pointer;font-family:Georgia,serif;font-size:1.35rem;padding-right:22px}details p{color:var(--text-muted);max-width:70ch;margin:18px 0 0}details[open] summary{color:#fff}.worksheet{max-width:720px;margin:0 auto}.field{margin:0 0 24px}.field label{display:block;font-size:.9rem;margin-bottom:8px}.field small{display:block;color:var(--text-muted);margin-top:6px}input,textarea,select{width:100%;padding:13px 15px;color:var(--text-primary);background:var(--bg-surface);border:1px solid #51515a;border-radius:0}textarea{min-height:140px;resize:vertical}textarea[readonly]{min-height:250px;font-family:ui-monospace,monospace;font-size:.87rem}.form-actions{display:flex;gap:14px;flex-wrap:wrap}.status{min-height:1.8em;margin:18px 0;color:var(--text-muted);font-size:.9rem}.contact-details{padding:26px 0;font-style:normal;color:var(--text-muted)}.preference-options{display:flex;gap:12px;flex-wrap:wrap}.site-footer{background:#151518;padding:60px 0 32px;color:var(--text-muted);font-size:.85rem}.footer-note{max-width:73ch;margin-bottom:28px}.footer-brand{font-family:Georgia,serif;font-size:1.7rem;color:var(--text-primary);text-decoration:none}.footer-links{display:flex;gap:12px 26px;flex-wrap:wrap;margin:25px 0}.company{font-style:normal;line-height:1.9;padding:24px 0;border-top:1px solid var(--border-subtle)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--border-subtle)}.skip-link{position:absolute;left:16px;top:-100px;z-index:20;background:var(--accent-primary);color:#fff;padding:10px 18px}.skip-link:focus{top:12px}.reveal{opacity:1;transform:none}.motion-enabled .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.motion-enabled .reveal.reveal-visible{opacity:1;transform:translateY(0)}.small{font-size:.87rem;color:var(--text-muted)}.quiet-rule{border:0;border-top:1px solid var(--border-subtle);margin:30px 0}
@media(min-width:1025px){.hero h1{max-width:15ch}.hero{min-height:620px}.guide-hero{min-height:auto}}
@media(min-width:769px) and (max-width:1024px){.desktop-nav{gap:18px}.argument{gap:36px}.hero{padding-top:55px}.wrap{width:calc(100% - 48px)}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.header-row{min-height:80px}.menu-toggle{display:block}.desktop-nav{gap:16px;font-size:.8rem}.nav-enhanced .desktop-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px 20px;background:var(--bg-surface);box-shadow:var(--shadow-elevation);flex-direction:column;align-items:stretch;font-size:1rem}.nav-enhanced .desktop-nav.is-open{display:flex;animation:menuEnter .25s var(--ease-kinetic)}.desktop-nav a{padding:6px 0}.argument,.argument.reverse,.horizontal-card{grid-template-columns:1fr;gap:30px}.horizontal-card{gap:0}.section-heading{align-items:flex-start;gap:20px}.hero{padding:50px 0 65px}.band{padding:56px 0}.guide-hero{padding:42px 0 50px}.comparison-row{grid-template-columns:1fr;gap:10px}.comparison-head{display:none}.grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.reading h2{font-size:2rem}.brand{font-size:.94rem}.section-heading h2{max-width:20ch}}
@media(min-width:481px) and (max-width:768px){h1{font-size:4.4rem}.diagram{padding:30px}.panel{padding:28px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}h1{font-size:3.25rem}.guide-hero h1{font-size:3rem}.panel{padding:24px}.diagram{padding:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.section-heading{flex-direction:column;gap:14px}.footer-bottom{flex-direction:column;gap:12px}.form-actions .button{width:100%}}
@keyframes menuEnter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}}