@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Permanent+Marker&display=swap');
:root{color-scheme:dark;--ink:#222320;--paper:#f6f6ed;--acid:#e3ff24;--muted:#b7b9ad;--line:#494b40;font-family:'DM Sans',system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);border-top:8px solid var(--acid);font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--acid)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--acid);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.08;letter-spacing:-.045em}p+p{margin-top:20px}button,input{font:inherit}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-90px;left:20px;padding:12px;background:var(--acid);color:var(--ink);z-index:10}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:32px;border-bottom:1px solid var(--line);gap:24px}.brand{flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav a{text-decoration:none}.nav-subscribe{border:1px solid var(--line);border-radius:30px;padding:10px 18px}.eyebrow{font-size:13px;font-weight:400;letter-spacing:0;color:var(--acid);line-height:1.5}.hero{padding-block:76px 64px}.hero h1{font-size:clamp(46px,7.7vw,98px);margin-block:22px 40px;max-width:1100px;font-weight:500;letter-spacing:-.065em}.hero h1 em{font-family:'Permanent Marker',cursive;font-weight:400;color:var(--acid);font-size:.82em;letter-spacing:-.045em}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{max-width:540px;font-size:18px;color:var(--muted)}.text-link{display:inline-block;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;line-height:1.6}.feature{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.feature-image{background:#191a16;display:flex;align-items:center}.feature-image img{width:100%}.feature-copy{padding:38px;display:flex;flex-direction:column;align-items:start;gap:22px}.feature-copy h2{font-size:clamp(28px,3.3vw,43px)}.feature-copy h2 a{text-decoration:none}.feature-copy>p:not(.eyebrow){color:var(--muted);font-size:15px}.feature-copy time{color:var(--muted);font-size:12px}.button{background:var(--acid);border:0;border-radius:5px;padding:13px 20px;display:inline-block;color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}.button:hover{background:var(--paper);color:var(--ink)}.editions{padding-block:80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.section-heading h2{font-size:clamp(30px,4vw,44px);margin-top:12px}.section-note{font-size:15px;color:var(--muted);margin-bottom:36px;max-width:680px}.issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px}.issue-card{min-width:0}.card-image{display:block;border-radius:8px;overflow:hidden;background:#191a16}.card-image img{width:100%;aspect-ratio:1.85;object-fit:cover;transition:transform .25s}.card-image:hover img{transform:scale(1.02)}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);letter-spacing:0;margin-block:18px 12px}.issue-card h3{font-size:30px;margin-bottom:12px}.issue-card h3 a{text-decoration:none}.issue-card>p{font-size:15px;color:var(--muted);margin-bottom:18px;max-width:470px}.manifesto{padding-block:65px 85px;border-top:1px solid var(--line)}.manifesto h2{font-size:clamp(38px,5vw,60px);margin-block:20px 28px}.manifesto>p:not(.eyebrow){color:var(--muted);max-width:650px;margin-bottom:24px}.subscribe{background:var(--acid);color:var(--ink);padding-block:48px}.subscribe-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.subscribe .eyebrow{color:var(--ink)}.subscribe h2{font-size:32px;margin-block:12px}.subscribe p:not(.eyebrow){max-width:620px;font-size:15px}.subscribe .button{background:var(--ink);color:var(--acid);white-space:nowrap}.subscribe a:focus-visible,.subscribe input:focus-visible,.subscribe button:focus-visible{outline-color:var(--ink)}.subscribe form{flex:1;min-width:300px}.subscribe label{font-size:13px;font-weight:700}.form-row{display:flex;gap:8px;margin-top:8px}.form-row input{min-width:0;width:100%;padding:12px;background:transparent;border:1px solid var(--ink);border-radius:5px;color:var(--ink)}.subscribe small{display:block;font-size:11px;max-width:360px;margin-top:10px}.honeypot{position:absolute;left:-5000px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-block:30px;gap:25px;font-size:12px}.site-footer p{font-weight:700}.site-footer p span{color:var(--muted);font-weight:400;display:block}.site-footer nav{display:flex;gap:24px}.site-footer a{text-decoration:none}.page-head{padding-block:75px 48px}.page-head h1{font-size:clamp(48px,7vw,82px);margin-block:20px 28px}.page-head>p:not(.eyebrow){max-width:650px;color:var(--muted)}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:24px 64px}.info-grid h2{font-size:30px;margin-block:16px}.info-grid article>p:not(.eyebrow){font-size:15px;color:var(--muted)}.policy{max-width:760px;padding-bottom:80px}.prose{overflow-wrap:anywhere}.prose p{margin-block:0 20px}.prose a{color:var(--acid)}.prose h2{font-size:28px;margin-block:32px 16px}.issue{max-width:800px;padding-bottom:65px}.issue-head{padding-block:40px}.issue-head>.eyebrow{margin-top:40px}.issue-head h1{font-size:clamp(50px,8vw,86px);margin-block:15px 25px}.issue-deck{font-size:20px;color:var(--muted)}.archive-note{border-left:3px solid var(--acid);padding-left:18px;color:var(--muted);font-size:13px;margin-top:24px}.issue>img{width:100%;border-radius:10px}.intro{margin-block:40px 48px;font-size:18px}.pick{border-top:1px solid var(--line);padding-block:40px}.pick h2{font-size:clamp(28px,4vw,40px);line-height:1.15;margin-block:14px 24px;overflow-wrap:anywhere}.pick h2 a{text-decoration:none}.pick-image{display:block;margin-bottom:24px}.pick-image img{width:100%;border-radius:8px}.pick .prose{font-size:17px;color:#daddce}.paid{background:#2b2e20;border:1px solid #767e42;border-radius:8px;padding:30px;margin-bottom:40px}.disclosure{color:var(--paper);font-size:14px;font-weight:500;border-left:2px solid var(--acid);padding-left:12px;margin-top:12px}.animation-link{font-size:12px;color:var(--muted);margin-bottom:24px}.section-title{font-size:36px;margin:30px 0}.issue-pagination{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:28px;font-size:14px}.preview-banner{background:var(--acid);color:var(--ink);text-align:center;padding:10px;font-size:12px;font-weight:700}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:22px}.brand img{width:76px;height:76px}.site-header nav{gap:18px;font-size:12px}.nav-subscribe{display:none}.hero{padding-block:48px}.hero-bottom{align-items:start;flex-direction:column;gap:24px}.hero h1{margin-bottom:28px}.feature{grid-template-columns:1fr}.feature-copy{padding:28px}.feature-image img{aspect-ratio:1.85;object-fit:cover}.subscribe-inner{flex-direction:column;align-items:start;gap:24px}.subscribe form{min-width:0;width:100%}.info-grid{grid-template-columns:1fr;gap:30px}.site-footer{align-items:start;flex-direction:column;gap:18px}.site-footer nav{flex-wrap:wrap}.section-heading{align-items:start;flex-direction:column;gap:18px}.editions{padding-block:50px}.issue-head{padding-top:28px}.pick{padding-block:30px}.paid{padding:22px}.page-head{padding-top:44px}}
@media(max-width:540px){.issue-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:45px}.hero-bottom p{font-size:16px}.feature-copy h2{font-size:32px}.form-row{flex-direction:column}.section-heading h2{font-size:34px}.issue-head h1{font-size:54px}.issue-deck{font-size:17px}.subscribe h2{font-size:29px}.site-header nav{gap:16px}.site-header nav a{max-width:100px}.manifesto{padding-block:44px 54px}.intro{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* The splash reads like an introduction to the newsletter. */
.splash-page {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  border-top: 0;
}
.splash-page main {
  flex: 1;
  display: flex;
  align-items: center;
  padding-block: 55px 65px;
}
.splash {
  max-width: 680px;
}
.splash-logo {
  display: inline-block;
  margin-bottom: 30px;
}
.splash-logo img {
  width: 150px;
  height: 150px;
}
.splash h1 {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(38px, 5vw, 57px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.1;
  margin-bottom: 27px;
}
.splash-letter {
  max-width: 560px;
  font-size: 19px;
  line-height: 1.65;
}
.splash-letter p + p {
  margin-top: 17px;
  color: var(--muted);
}
.splash-letter a {
  color: inherit;
}
.splash-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 30px;
  margin-block: 34px 24px;
  font-size: 18px;
}
.splash-links a {
  color: var(--acid);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}
.splash-links a:hover {
  color: var(--paper);
}
.splash-status {
  max-width: 480px;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.7;
}
.splash-page .site-footer {
  width: min(680px, calc(100% - 64px));
  border-top: 1px solid var(--line);
  padding-block: 22px;
  font-size: 11px;
  color: var(--muted);
}
.splash-page .site-footer > p {
  display: none;
}
.splash-page .site-footer nav {
  flex-wrap: wrap;
  gap: 15px 25px;
}
.signup-head { padding-bottom: 72px; }
.signup-head p + p { margin-top: 18px; }
.info-grid {
  grid-template-columns: 1fr;
  max-width: 760px;
  margin-inline: auto;
}
.info-grid article {
  padding-block: 24px;
  border-top: 1px solid var(--line);
}
.info-grid h2 { margin-block: 10px 16px; }
@media (max-width: 600px) {
  .splash-page main { padding-block: 35px 45px; }
  .splash { width: calc(100% - 48px); }
  .splash-logo { margin-bottom: 28px; }
  .splash-logo img { width: 120px; height: 120px; }
  .splash h1 { font-size: 38px; margin-bottom: 23px; }
  .splash-letter { font-size: 17px; }
  .splash-links { font-size: 16px; gap: 20px; margin-top: 29px; }
  .splash-status { font-size: 12px; }
  .splash-page .site-footer { width: calc(100% - 48px); }
}
.splash-letter a { white-space: nowrap; }
.signup-head { max-width: 680px; }
.signup-head h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(38px, 5vw, 57px); font-weight: 400; }
.signup-head .button { margin-top: 12px; }
