:root { --essay-paper: #f2efdf; --essay-ink: #11110f; --essay-acid: #c8ff35; --essay-orange: #ff5938; --essay-muted: #57564e; --essay-rule: rgba(17,17,15,.26); }
.essay-body { width: 100%; min-width: 280px; min-height: 100svh; margin: 0; overflow-x: clip; color: var(--essay-ink); background: var(--essay-paper); }
.essay-skip { position: fixed; z-index: 10; top: 8px; left: 8px; padding: 10px 14px; color: var(--essay-paper); background: var(--essay-ink); transform: translateY(-160%); }
.essay-skip:focus { transform: translateY(0); }
.essay-shell { width: 100%; max-width: none; min-height: 100svh; margin: 0; padding: clamp(20px,4vw,58px); display: block; background: var(--essay-paper); }
.essay-masthead { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 15px; border-bottom: 3px solid var(--essay-ink); }
.essay-masthead nav { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.essay-masthead nav a { font-size: .7rem; font-weight: 900; letter-spacing: .09em; text-underline-offset: 4px; text-transform: uppercase; }
.essay-heading { padding: clamp(62px,10vw,130px) 0 clamp(46px,8vw,92px); }
.essay-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: clamp(36px,6vw,68px); }
.essay-meta span,.essay-meta time { padding: 7px 10px; border: 1px solid var(--essay-ink); font-size: .65rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.essay-meta span:first-child { color: var(--essay-paper); background: var(--essay-ink); }
.essay-kicker { margin: 0 0 22px; color: var(--essay-muted); font-size: .72rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.essay-heading h1 { max-width: 11ch; margin: 0; font-size: clamp(3.2rem,9.8vw,8.5rem); line-height: .82; letter-spacing: -.078em; text-transform: uppercase; }
.essay-heading h1 span { color: var(--essay-orange); -webkit-text-stroke: 2px var(--essay-ink); paint-order: stroke fill; }
.essay-deck { max-width: 49ch; margin: clamp(34px,6vw,68px) 0 0 auto; color: #32322d; font: clamp(1.2rem,2.25vw,1.8rem)/1.35 Georgia,'Times New Roman',serif; }
.essay-byline { max-width: 49rem; margin: 30px 0 0 auto; padding-top: 18px; display: flex; align-items: end; justify-content: space-between; gap: 24px; border-top: 1px solid var(--essay-rule); }
.essay-byline div { display: grid; gap: 4px; }
.essay-byline strong { font-size: .88rem; }
.essay-byline span,.essay-byline p { margin: 0; color: var(--essay-muted); font-size: .69rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.essay-note { width: min(100%,780px); margin: 0 auto clamp(50px,8vw,90px); padding: 18px 20px; display: grid; gap: 8px; border: 2px solid var(--essay-ink); box-shadow: 5px 5px 0 var(--essay-ink); background: var(--essay-acid); }
.essay-note strong { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.essay-note span { font: .94rem/1.55 Georgia,'Times New Roman',serif; }
.essay-copy { width: min(100%,760px); margin-inline: auto; font: clamp(1.08rem,1.7vw,1.31rem)/1.78 Georgia,'Times New Roman',serif; }
.essay-copy p { margin: 0 0 1.55em; }
.essay-opening { font-size: 1.16em; }
.essay-opening::first-letter { float: left; margin: .09em .12em 0 0; color: var(--essay-orange); font: 900 4.8em/.72 Arial,Helvetica,sans-serif; }
.essay-copy h2 { margin: clamp(52px,9vw,94px) 0 24px; font: 950 clamp(2rem,5vw,4.1rem)/.92 Arial,Helvetica,sans-serif; letter-spacing: -.06em; text-transform: uppercase; }
.essay-copy a { font-weight: 700; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.essay-copy a:hover,.essay-copy a:focus-visible { color: #9d2916; }
.essay-copy blockquote { margin: clamp(48px,8vw,84px) calc(clamp(0px,5vw,60px) * -1); padding: clamp(24px,5vw,50px); border: 0; color: var(--essay-paper); background: var(--essay-ink); transform: rotate(-.5deg); }
.essay-copy blockquote p { margin: 0; color: var(--essay-acid); font: 900 clamp(1.6rem,4vw,3rem)/1.05 Arial,Helvetica,sans-serif; letter-spacing: -.04em; }
.reform-list { margin: 34px 0 0; padding: 0; list-style: none; counter-reset: reform; }
.reform-list li { counter-increment: reform; padding: 24px 0 26px; display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 4px 18px; border-top: 1px solid var(--essay-rule); }
.reform-list li::before { grid-row: 1 / span 2; content: counter(reform,decimal-leading-zero); color: var(--essay-orange); font: 900 1rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.reform-list strong { font-family: Arial,Helvetica,sans-serif; font-size: 1.02em; }
.reform-list span { grid-column: 2; color: #41413b; }
.essay-closing { margin-top: clamp(58px,10vw,110px)!important; padding: 28px 0; border-top: 3px solid var(--essay-ink); border-bottom: 1px solid var(--essay-rule); font-size: 1.2em; font-style: italic; }
.essay-footer { width: min(100%,760px); margin: clamp(60px,10vw,110px) auto 0; padding-top: 24px; display: flex; align-items: end; justify-content: space-between; gap: 24px; border-top: 2px solid var(--essay-ink); }
.essay-footer div { display: grid; gap: 5px; }
.essay-footer span,.essay-footer a { font-size: .68rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.essay-footer a { text-underline-offset: 4px; }
@media (max-width:640px) {
  .essay-masthead { align-items: flex-start; }
  .essay-heading h1 { font-size: clamp(3rem,16vw,5.4rem); }
  .essay-deck { margin-left: 0; }
  .essay-byline,.essay-footer { align-items: flex-start; flex-direction: column; }
  .essay-copy blockquote { margin-inline: 0; transform: none; }
  .reform-list li { grid-template-columns: 34px minmax(0,1fr); gap: 5px 11px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior: auto!important; } }
@media print { .essay-body,.essay-shell { color:#000; background:#fff; } .essay-skip,.essay-masthead nav { display:none; } .essay-shell { width:100%; padding:0; } .essay-copy blockquote { color:#000; background:#fff; border:2px solid #000; transform:none; } .essay-copy blockquote p { color:#000; } }