/* An editorial companion: a typographic opening, quiet reading, and an optional film. */
.manifesto-hero{padding-top:56px;padding-bottom:112px}
.essay-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px 32px;flex-wrap:wrap}
.essay-meta time{font-size:.875rem;color:var(--muted)}
.manifesto-hero h1{font-size:clamp(3.5rem,9vw,9rem);line-height:1.03;letter-spacing:-.06em;margin:64px 0 44px;animation-delay:.07s}
.manifesto-hero h1 em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.065em}
.essay-lede{font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.5;max-width:32ch;letter-spacing:-.025em;animation-delay:.14s;text-wrap:balance}
.essay-section{display:grid;grid-template-columns:var(--copy-columns);gap:var(--gap);padding-bottom:var(--section-space)}
.essay-label{font-size:.875rem;color:var(--muted);padding-top:8px;line-height:1.6;text-wrap:wrap}
.essay-copy{min-width:0}.essay-copy>p{font-size:1.0625rem;line-height:1.9;color:var(--muted);max-width:66ch}.essay-copy>p+p{margin-top:24px}
.essay-copy>.link-group{margin-top:32px}
.essay-principles{list-style:none;margin:0;padding:0;counter-reset:principle}
.essay-principles li{counter-increment:principle;padding:32px 0 36px;border-top:1px solid var(--line);display:grid;grid-template-columns:24px 1fr;column-gap:24px}
.essay-principles li:before{content:'0' counter(principle);font-size:.8125rem;color:var(--muted);grid-row:span 2;padding-top:5px}
.essay-principles h3{font-size:clamp(1.375rem,2.2vw,2rem);line-height:1.4;letter-spacing:-.03em}
.essay-principles p{font-size:1rem;line-height:1.85;color:var(--muted);margin-top:16px;max-width:60ch}
.essay-demonstration .demo-introduction{margin-bottom:36px}
.essay-application .essay-copy{border-top:1px solid var(--line);padding-top:40px}
.essay-application h3{font-size:clamp(2rem,3.65vw,3.5rem);line-height:1.15;letter-spacing:-.04em;margin-bottom:28px}
.essay-application .button{margin-top:28px}
@media(max-width:60em){.manifesto-hero{padding-top:40px;padding-bottom:96px}.manifesto-hero h1{margin-top:48px}.essay-section{grid-template-columns:1fr 2.4fr}}
@media(max-width:40em){
  .manifesto-hero{padding-top:32px;padding-bottom:72px}.manifesto-hero h1{font-size:clamp(1.5rem,calc(1.2rem + 5.4vw),4.5rem);margin:44px 0 32px}.essay-lede{font-size:1.375rem}
  .essay-section{grid-template-columns:1fr;gap:28px;padding-bottom:88px}.essay-label{padding:0}.essay-copy>p{font-size:1rem}
  .essay-principles li{grid-template-columns:20px 1fr;column-gap:16px;padding:24px 0 32px}.essay-principles h3{font-size:1.5rem}
  .essay-application .essay-copy{padding-top:28px}
}