:root{--bg-canvas:#faf6ef;--bg-surface:#f0e7da;--bg-surface-hover:#e9ddcb;--text-primary:#2b211a;--text-muted:#665647;--accent-primary:#c2562e;--accent-secondary:#6b7a3a;--border-subtle:#d6c7b3;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(43,33,26,.16);--glow-accent:0 0 24px -4px rgba(194,86,46,.22);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.8 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,.eyebrow,.step-label{font-family:"Arial Narrow","Helvetica Neue",sans-serif;text-transform:uppercase;letter-spacing:.095em;line-height:1.15;hyphens:none}h1{font-size:clamp(2rem,4.6vw,4.3rem);max-width:21ch;margin:.3em 0 .5em}h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 1em}h3{font-size:1.08rem;margin:0 0 .7em}p{margin:0 0 1.35em}a{color:#98401f;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block;width:100%;object-fit:cover;border-radius:4px}figure{margin:2em 0}figcaption{font-size:.85rem;color:var(--text-muted);margin-top:.7em}blockquote{font-size:clamp(1.3rem,2.5vw,1.85rem);line-height:1.5;margin:2em 0;padding:1em 0 1em 1.2em;border-left:4px solid var(--accent-primary)}small{font-size:.82rem}ul,ol{padding-left:1.3em}li{margin-bottom:.5em}.skip-link{position:absolute;top:-100px;left:16px;z-index:10;background:var(--text-primary);color:white;padding:10px}.skip-link:focus{top:10px}.site-header{position:relative;display:flex;align-items:center;gap:32px;padding:22px 24px;border-bottom:1px solid var(--border-subtle);z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;font-weight:750;font-size:clamp(.82rem,1.2vw,1rem);white-space:nowrap;letter-spacing:-.025em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:var(--accent-primary);color:#fff;border-radius:4px;font-size:18px}.site-nav{display:flex;gap:28px;align-items:center;margin-left:auto}.nav-group{display:flex;gap:20px}.site-nav a{font-size:.88rem;color:var(--text-primary);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:#98401f;text-decoration:underline}.menu-toggle{display:none;border:0;border-radius:4px;background:var(--bg-surface);color:var(--text-primary);font-size:30px;line-height:1;padding:8px 15px;margin-left:auto}.shell{max-width:1200px;margin:0 auto;padding:0 32px}.reading{max-width:70ch;margin:0 auto}.hero{padding:50px 0 30px;position:relative;background:linear-gradient(120deg,#faf6ef,#f0e7da,#f7eee0);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero .eyebrow{margin-bottom:18px}.eyebrow{font-size:.73rem;font-weight:750;letter-spacing:.16em;color:#74513b}.intro{font-size:1.2rem;line-height:1.65}.essay-section{padding:65px 0}.essay-section+.essay-section{border-top:1px solid var(--border-subtle)}.band{background:var(--accent-primary);color:#fff7ef;padding:62px 0}.band.olive{background:var(--accent-secondary);color:#fffdf6}.band a{color:inherit}.band .eyebrow{color:inherit}.band blockquote{border-color:currentColor}.button,button.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-primary);color:#fff;border:0;border-radius:999px;text-decoration:none;font-size:.84rem;font-weight:750;letter-spacing:.06em;padding:13px 23px;line-height:1.4;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic),background .35s}.button:hover,button.action:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:#a64424}.button.secondary,button.secondary{background:var(--text-primary);color:#fff}.band .button{background:#faf6ef;color:#713019}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}.note{background:var(--bg-surface);border-radius:4px;padding:28px;box-shadow:0 5px 18px rgba(43,33,26,.055);transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic)}.note:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.note p:last-child{margin-bottom:0}.definition{font-size:.9rem;color:var(--text-muted);border-left:2px solid var(--accent-secondary);padding:4px 0 4px 20px;margin:28px 0}.breakout{max-width:1000px;margin:35px auto;padding:0 24px}.technical-render{aspect-ratio:16/9;background:var(--bg-surface)}.grid-render{aspect-ratio:4/3;background:var(--bg-surface)}.thumbnail-render{aspect-ratio:1/1;width:110px;flex-shrink:0;background:var(--bg-surface)}.media-note{display:flex;gap:24px;align-items:center}.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;counter-reset:loop;margin:35px 0}.loop li{background:var(--bg-surface);border-radius:4px;padding:22px;counter-increment:loop;position:relative}.loop li:before{content:"0" counter(loop);display:block;color:#98401f;font-weight:750;font-size:.8rem;margin-bottom:12px}.loop li:not(:last-child):after{content:"→";position:absolute;right:-13px;top:40%;z-index:1;color:#98401f}.loop a{font-weight:700}.loop small{display:block;margin-top:8px}.article-meta{font-size:.84rem;color:var(--text-muted)}.article-body{padding:30px 0 65px}.article-body .reading>section{margin:45px 0}.article-body h2{font-size:1.55rem}.article-body h3{margin-top:28px}.next-essay{margin-top:40px;padding:28px;background:var(--bg-surface);border-radius:4px}.source-list{font-size:.9rem}.source-list a{overflow-wrap:anywhere}details{padding:20px 0;border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:700;padding-right:15px;line-height:1.5}details p{margin:18px 0 0}.letter-form{background:var(--bg-surface);padding:32px;border-radius:4px;margin:25px 0}.field{margin-bottom:22px}label{display:block;font-weight:650;font-size:.9rem;margin-bottom:6px}input,textarea{width:100%;padding:12px 14px;color:var(--text-primary);background:var(--bg-canvas);border:1px solid #a79179;border-radius:4px}textarea{min-height:170px;resize:vertical}.field-hint{font-size:.82rem;color:var(--text-muted);margin:6px 0}.output-area{min-height:230px;font-family:ui-monospace,monospace;font-size:.85rem}.status{min-height:1.8em;font-size:.9rem;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.site-footer{background:var(--accent-secondary);color:#fffdf6;padding:44px 0 30px;font-size:.85rem;margin-top:30px}.site-footer a{color:inherit}.footer-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-details{border-top:1px solid rgba(255,255,255,.32);padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-details p{margin:0}.site-footer address{font-style:normal}.fine-print{font-size:.86rem;color:var(--text-muted)}.legal-copy h2{font-size:1.3rem;margin-top:35px}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-motion .reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.article-body .breakout{margin-top:50px;margin-bottom:50px}.essay-section{padding:80px 0}}
@media(min-width:769px) and (max-width:1024px){.site-header{gap:18px;padding:20px 18px}.site-nav{gap:20px}.nav-group{gap:12px}.site-nav a{font-size:.8rem}.brand{font-size:.82rem}.shell{padding:0 28px}}
@media(max-width:767px){.site-header{padding:16px;gap:10px;flex-wrap:wrap}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:24px;background:var(--bg-surface);box-shadow:var(--shadow-elevation);border-bottom:2px solid var(--accent-primary)}.site-nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:18px;animation:menuEnter .25s var(--ease-kinetic)}.nav-group{flex-direction:column;gap:0}.site-nav a{display:block;padding:10px 0;font-size:1rem}.shell{padding:0 23px}.hero{padding:35px 0 24px}.essay-section{padding:48px 0}.loop{grid-template-columns:1fr 1fr}.loop li:after{display:none}.footer-details{grid-template-columns:1fr}.breakout{padding:0 23px}.letter-form{padding:24px}.intro{font-size:1.1rem}@keyframes menuEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:481px) and (max-width:768px){.notes-grid{gap:18px}.hero h1{font-size:2.8rem}}
@media(max-width:480px){body{font-size:16px}.brand{font-size:.78rem;gap:7px}.brand-mark{width:25px;height:27px}.menu-toggle{padding:6px 10px}.shell,.breakout{padding-left:20px;padding-right:20px}.notes-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.loop{grid-template-columns:1fr}.media-note{align-items:flex-start;flex-direction:column}.letter-form{padding:20px}.actions{align-items:stretch;flex-direction:column}.actions .button,.actions button{width:100%}.footer-links{gap:14px}.note{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.note:hover,.button:hover,button.action:hover{transform:none}}