:root{color-scheme:dark;--bg:#100b1b;--panel:#1b1429;--ink:#f5f0e8;--muted:#c8bfd0;--gold:#e3c46a;--line:rgba(227,196,106,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,#302044 0,transparent 36rem),var(--bg);color:var(--ink);font:400 17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-5rem;background:var(--gold);color:#160f20;padding:.5rem 1rem;z-index:10}.skip:focus{top:1rem}.site-header{border-bottom:1px solid rgba(255,255,255,.09);background:#100b1be8}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:88px}.brand{text-decoration:none;display:flex;align-items:center;gap:.65rem;font:700 1.45rem/1.1 Georgia,serif;white-space:nowrap}.brand small{display:block;font:600 .54rem/1.6 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.19em;color:var(--gold)}.brand-mark{color:var(--gold);font-size:1.9rem}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(.65rem,3vw,2rem)}.site-header nav a{text-decoration:none;color:var(--muted);font-size:.89rem}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--gold)}.intro{text-align:center;padding:clamp(4.5rem,8vw,8rem) 0 5rem;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:750;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;font-weight:400}h1{font-size:clamp(3.2rem,7vw,6.5rem);letter-spacing:-.045em;margin:1.2rem 0 1.6rem}h1 em{color:var(--gold);font-weight:400}.lead{font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.65;color:var(--muted);max-width:690px;margin:0 auto 2.3rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;border:1px solid #f1d887;border-radius:999px;background:var(--gold);color:#1c1020;padding:.88rem 1.65rem;text-decoration:none;font-weight:750;min-height:48px}.button:hover{background:#f1d887}.hero-art{height:clamp(290px,43vw,620px);background:#21142e url('assets/jamie-why-plug-in.png') center 40%/cover no-repeat;position:relative}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100b1bdf,transparent 35%)}.image-caption{position:relative;z-index:1;height:100%;display:flex;align-items:end;gap:1rem;padding-bottom:1.4rem;font-size:.85rem}.image-caption span:first-child{font-weight:750}.image-caption span+span{color:var(--muted)}.section{padding:clamp(5rem,10vw,8rem) 0}.section-heading{max-width:690px;margin-bottom:2.8rem}.section-heading h2,.closing h2,.prose h2{font-size:clamp(2.5rem,5vw,4.2rem);margin:.75rem 0 1rem}.section-heading p,.closing p,.prose p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:linear-gradient(145deg,#251837,#15101e);border:1px solid var(--line);border-radius:22px;padding:clamp(1.4rem,3vw,2.3rem);min-height:260px}.card-num{display:block;color:var(--gold);font-size:.8rem;letter-spacing:.2em;margin-bottom:3rem}.card h3{font-size:1.75rem;margin-bottom:.7rem}.card p{color:var(--muted);margin:0}.closing{background:radial-gradient(circle at 80% 30%,#4b2961,transparent 25rem),#1b1228;border-block:1px solid var(--line)}.closing-inner{padding:5rem 0;max-width:770px}.closing p{max-width:620px}.text-link{color:var(--gold);font-weight:750;text-underline-offset:5px}.site-footer{padding:2rem 0;color:var(--muted);font-size:.84rem}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.story-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(4rem,7vw,7rem)}.story-top h1{font-size:clamp(3rem,5vw,5rem)}.story-top .lead{margin:0}.story-top img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:22px}.story-body{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:2rem 0 7rem;border-top:1px solid var(--line)}.story-label{text-transform:uppercase;color:var(--gold);letter-spacing:.18em;font-size:.72rem;font-weight:750;padding-top:1rem}.prose{max-width:680px}.prose p{margin-bottom:1.5rem}.prose .button{margin-top:1rem}
@media(max-width:700px){.header-inner{align-items:flex-start;flex-direction:column;padding:1rem 0}.site-header nav{justify-content:flex-start;gap:1.2rem}.intro{padding-block:4rem 3rem}.hero-art{height:330px;background-position:69% center}.image-caption{padding-bottom:1rem}.cards,.story-top,.story-body{grid-template-columns:1fr}.card{min-height:0}.card-num{margin-bottom:1.2rem}.story-top{padding-block:3.5rem}.story-top img{max-height:470px;object-fit:cover;object-position:69% center}.story-body{padding-bottom:5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.essay{max-width:840px;padding-block:clamp(4rem,8vw,7rem) clamp(5rem,9vw,8rem)}.essay-header{margin-bottom:3.5rem}.essay-header h1{font-size:clamp(3.1rem,7vw,5.7rem)}.essay-header .lead{margin:1.4rem 0 0}.essay-byline{color:var(--gold);font-size:.9rem;font-weight:700}.essay-copy{margin-inline:auto}.essay-copy h2{font-size:clamp(2rem,4vw,3rem);margin-top:3rem}.essay-copy blockquote{margin:2.5rem 0;padding:1rem 0 1rem 1.5rem;border-left:3px solid var(--gold);color:var(--ink);font:italic clamp(1.5rem,3vw,2rem)/1.35 Georgia,serif}.essay-copy .button{margin-top:1.5rem}