:root{--bg-canvas:#3b0d1a;--bg-surface:#542332;--bg-surface-hover:#633141;--text-primary:#fff4df;--text-muted:#deccb9;--accent-primary:#e8d5a8;--accent-secondary:#c99b91;--border-subtle:rgba(255,244,223,.2);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 16px 32px -4px #21070f80,0 3px 8px #21070f40;--glow-accent:0 0 28px -4px #e8d5a830;--glass-backdrop:blur(20px) saturate(190%);font-family:Charter,Cambria,Georgia,serif;color-scheme:dark}
*{box-sizing:border-box;overflow-wrap:anywhere;hyphens:auto}html{scroll-behavior:smooth}body{margin:24px;background:var(--bg-canvas);color:var(--text-primary);font-size:1rem;line-height:1.7;border:1px solid var(--border-subtle);min-height:calc(100vh - 48px)}body:before{content:"";position:fixed;left:4%;top:20%;width:28vw;height:28vw;border-radius:50%;background:radial-gradient(circle,#e8d5a812,transparent 70%);filter:blur(25px);pointer-events:none;z-index:-1;animation:floatOrb 15s ease-in-out infinite alternate}@keyframes floatOrb{to{transform:translate(35vw,25vh) scale(1.2)}}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover;border-radius:4px;background:var(--bg-surface)}h1,h2,h3{line-height:1.12;font-weight:normal;text-wrap:balance}h1{font-size:clamp(2.5rem,5vw,3.5rem);margin:.3em 0 .6em}h2{font-size:2rem;margin:0 0 .7em}h3{font-size:1.5rem;margin:.3em 0 .7em}p{margin:0 0 1.2em}ul,ol{padding-left:1.4em}li+li{margin-top:.5em}figure{margin:0}figcaption{font-size:.9rem;color:var(--text-muted);padding-top:12px}main{max-width:1200px;margin:auto;padding:0 32px 64px;min-height:60vh}.site-header{position:relative;max-width:1200px;margin:22px auto 36px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:80px;box-shadow:var(--shadow-elevation);z-index:5}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text-primary);font-size:1rem;white-space:nowrap;hyphens:none}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid var(--accent-primary);border-radius:50%;flex:none;color:var(--accent-primary)}nav{display:flex;align-items:center;gap:15px}nav a{font-size:.85rem;text-decoration:none;white-space:nowrap}nav a[aria-current=page]{text-decoration:underline}.menu-toggle{display:none;border:0;background:var(--accent-primary);color:var(--bg-canvas);border-radius:50%;width:42px;height:42px;font-size:1.8rem;line-height:1}.skip-link{position:absolute;left:24px;top:-100px;z-index:20;background:var(--accent-primary);color:var(--bg-canvas);padding:10px 18px}.skip-link:focus{top:10px}.eyebrow,.badge,dt{font-variant:small-caps;letter-spacing:.09em;color:var(--accent-primary)}.eyebrow{font-size:.85rem}.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;isolation:isolate;border-radius:4px;margin-bottom:70px;padding:50px 24px;background:var(--bg-surface)}.hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#3b0d1a40,#3b0d1acc 45%,#3b0d1af2);z-index:-1;border-radius:4px}.hero-copy{max-width:760px}.hero-copy p{max-width:58ch;margin:0 auto 28px}.button,button.primary{display:inline-block;padding:11px 23px;border:0;border-radius:100px;background:var(--accent-primary);color:var(--bg-canvas);text-decoration:none;line-height:1.4;box-shadow:0 4px 12px #21070f30;transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic)}.button:hover,button.primary:hover{color:var(--bg-canvas);transform:translateY(-3px);box-shadow:var(--glow-accent)}.button.secondary{background:var(--bg-surface-hover);color:var(--text-primary)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}.split{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:44px;padding:46px 0;border-top:1px solid var(--border-subtle)}.split.reverse{grid-template-columns:2fr 3fr}.split.reverse .essay-copy{order:2}.split.reverse .illustrated-card{order:1}.illustrated-card,.card,.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;box-shadow:var(--shadow-elevation);min-width:0}.illustrated-card,.card{transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic)}.illustrated-card:hover,.card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-elevation),var(--glow-accent)}.illustrated-card img{width:100%;aspect-ratio:4/3}.card-body{padding:0 24px 25px}.badge{position:relative;display:table;margin:-16px 0 20px;padding:4px 12px;background:var(--accent-primary);color:var(--bg-canvas);border-radius:4px;font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:28px 0}.card{padding:25px}.card img{width:100%;aspect-ratio:4/3;margin-bottom:22px}.card.highlight{background:linear-gradient(135deg,var(--bg-surface-hover),var(--bg-surface));border-color:#e8d5a850}.panel{padding:28px;margin:26px 0}.page-intro{padding:30px 0 35px;max-width:72ch;margin:auto}.page-intro .lead{font-size:1.2rem;color:var(--text-muted)}.reading{max-width:72ch;margin:0 auto}.reading section{margin:45px 0}.reading h2{margin-top:1.4em}.wide-feature{margin:25px 0 45px}.wide-feature img{width:100%;aspect-ratio:16/9}.article-split{display:grid;grid-template-columns:3fr 2fr;gap:35px;align-items:center;margin:40px 0}.article-split:nth-of-type(even){grid-template-columns:2fr 3fr}.article-split:nth-of-type(even) .article-copy{order:2}.article-split:nth-of-type(even) figure{order:1}.article-copy{max-width:72ch}.compact-media{display:flex;gap:20px;align-items:center}.compact-media img{width:100px;height:100px;aspect-ratio:1}.composition-frame{position:relative}.composition-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,#fff4df60 33%,#fff4df60 33.3%,transparent 33.3%,transparent 66.6%,#fff4df60 66.6%,#fff4df60 66.9%,transparent 66.9%),linear-gradient(transparent 33%,#fff4df60 33%,#fff4df60 33.3%,transparent 33.3%,transparent 66.6%,#fff4df60 66.6%,#fff4df60 66.9%,transparent 66.9%)}.step-list{list-style:none;counter-reset:step;padding:0}.step-list li{counter-increment:step;border-top:1px solid var(--border-subtle);padding:18px 0 18px 45px;position:relative}.step-list li:before{content:counter(step,"decimal-leading-zero");position:absolute;left:0;color:var(--accent-primary)}blockquote{margin:24px 0;padding:20px 25px;border-left:3px solid var(--accent-primary);background:var(--bg-surface)}details{border-bottom:1px solid var(--border-subtle);padding:20px 0}summary{cursor:pointer;font-size:1.2rem;color:var(--accent-primary)}details p{margin:15px 0 0}.muted,.note{color:var(--text-muted)}.note{font-size:.9rem}label{display:block;margin:18px 0 6px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-canvas);color:var(--text-primary)}textarea{min-height:160px;resize:vertical}textarea[readonly]{min-height:220px}.status{min-height:1.7em;color:var(--accent-primary)}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:14px;vertical-align:top}th{color:var(--accent-primary)}.site-footer{max-width:1200px;margin:auto;padding:30px 32px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:.9rem}.site-footer p{margin:0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-kinetic),transform .8s var(--ease-kinetic)}.js .reveal.reveal-visible{opacity:1;transform:translateY(0)}@media(min-width:1025px){.page-intro{padding-top:50px}.site-header{width:calc(100% - 48px)}}@media(min-width:769px) and (max-width:1024px){body{margin:16px}.site-header{margin:18px 18px 30px;flex-wrap:wrap;border-radius:28px}nav{gap:18px;flex-wrap:wrap}main{padding:0 25px 50px}.split{gap:28px}}@media(min-width:481px) and (max-width:768px){body{margin:14px}.site-header{margin:16px 16px 28px}main{padding:0 22px 40px}.split,.split.reverse,.article-split,.article-split:nth-of-type(even){grid-template-columns:1fr;gap:25px}.split.reverse .essay-copy,.split.reverse .illustrated-card,.article-split:nth-of-type(even) .article-copy,.article-split:nth-of-type(even) figure{order:initial}.hero{min-height:100svh}}@media(max-width:768px){.site-header{border-radius:32px;flex-wrap:wrap}.js .menu-toggle{display:block}.site-header nav{width:100%;flex-direction:column;align-items:stretch;padding:12px 8px;gap:0}.site-header nav a{padding:10px;border-bottom:1px solid var(--border-subtle)}.js .site-header nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;box-shadow:var(--shadow-elevation)}.js .site-header nav.is-open{display:flex;animation:menuDown .25s var(--ease-kinetic)}@keyframes menuDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:480px){body{margin:8px;min-height:calc(100vh - 16px)}.site-header{margin:12px 10px 22px;padding:10px 12px;gap:8px}.brand{font-size:.83rem;gap:6px}.brand-mark{width:23px;height:23px}.menu-toggle{width:36px;height:36px;flex:none}main{padding:0 16px 35px}.hero{padding:35px 18px;margin-bottom:35px}.split,.split.reverse,.article-split,.article-split:nth-of-type(even){grid-template-columns:1fr;gap:22px;padding:30px 0}.split.reverse .essay-copy,.split.reverse .illustrated-card,.article-split:nth-of-type(even) .article-copy,.article-split:nth-of-type(even) figure{order:initial}.grid{grid-template-columns:1fr}.panel,.card{padding:20px}.site-footer{padding:25px 16px}.compact-media{align-items:flex-start}.compact-media img{width:72px;height:72px}h2{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}