@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&family=Libre+Baskerville:wght@700&family=Manrope:wght@400;600;700&family=DM+Mono:wght@400;500&display=swap');
:root{--paper:#f3f0e8;--ink:#191a17;--muted:#64645b;--red:#aa3c28;--line:#c9c7bd;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}a{transition:color .18s ease}p,h1,h2,h3{margin:0}img{display:block;width:100%;height:auto}.shell{width:min(1280px,calc(100% - 100px));margin:auto}.red,.slash{color:var(--red)}.masthead{background:var(--ink);color:var(--paper)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:15px;font-weight:700;font-size:35px;letter-spacing:-1.6px;white-space:nowrap}.slash{font-size:35px;font-weight:400}.concept{font-size:12px;letter-spacing:1.5px;font-weight:500;align-self:center}.masthead nav{display:flex;gap:35px;font-size:14px}.masthead nav a{padding:16px 0;border-bottom:1px solid transparent}.masthead nav a:hover{border-color:#d96952;color:#fff}.edition{display:flex;justify-content:space-between;gap:25px;padding:17px 0;border-bottom:1px solid var(--ink);font-size:12px;letter-spacing:1.4px}.edition .red{padding:0 8px}.hero{padding:57px 0 53px;display:grid;grid-template-columns:3fr 1fr;gap:40px;align-items:end}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;line-height:1.5}.hero .eyebrow{margin-bottom:22px}h1{font:700 clamp(42px,5.65vw,82px)/.98 var(--display);letter-spacing:-.8px}h1 em{font-style:normal;color:var(--red)}.hero-note{border-left:1px solid var(--line);padding-left:27px;position:relative}.note-number{display:block;font-family:var(--serif);font-size:26px;color:var(--red);margin-bottom:20px}.hero-note .eyebrow{margin-bottom:12px}.hero-note p:not(.eyebrow){font-size:15px;line-height:1.7;color:#4f5048}.text-link{font-size:14px;display:inline-flex;gap:26px;align-items:center;font-weight:600}.text-link:hover,.title-link:hover,.index-row:hover h3{color:var(--red)}.hero-note .text-link{margin-top:20px}.section-heading{border-top:3px solid var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;font-size:12px;letter-spacing:1.5px}.section-heading h2{font-size:12px;font-weight:700}.section-heading>span{color:var(--muted);font-size:12px}.featured{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;padding:34px 0 44px}.meta{display:flex;gap:20px;font-size:12px;font-weight:600;letter-spacing:1.1px;flex-wrap:wrap;line-height:1.7}.meta>span+span{color:var(--muted)}.feature-copy h3{font:400 clamp(64px,6.2vw,92px)/.91 var(--serif);letter-spacing:-2px;margin:28px 0 22px}.feature-copy h3 em{font-weight:400}.feature-deck{font:400 24px/1.35 var(--serif);margin-bottom:15px}.summary{font-size:16px;line-height:1.8;color:#5b5d53;max-width:470px}.read-link{display:inline-flex;align-items:center;gap:48px;padding:13px 0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:600;margin-top:14px}.read-link:hover{color:var(--red);border-color:var(--red)}.feature-bottom{font-size:11px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;margin-top:30px}.feature-image{background:#dedbd2;position:relative;overflow:hidden;display:flex;align-items:stretch;min-height:440px}.feature-image img{height:100%;object-fit:cover;object-position:35% center;filter:grayscale(1);transition:transform .6s ease;position:absolute;inset:0}.feature-image:hover img{transform:scale(1.025)}.image-label{position:absolute;top:22px;left:22px;right:22px;font-size:12px;letter-spacing:2px;display:flex;justify-content:space-between;color:var(--ink)}.image-label>span{font-family:var(--serif);font-size:25px}.image-caption{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:#dddcd4;padding:14px 18px;font-size:10px;letter-spacing:1.1px}.choices-heading{border-top-width:1px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;margin-bottom:65px}.reading-card{padding:2px 44px 0 0}.reading-card+article{border-left:1px solid var(--line);padding:2px 0 0 44px}.reading-card h3{font:400 64px/.98 var(--serif);letter-spacing:-1px;margin:25px 0 20px}.card-kicker{font-size:16px;font-weight:600;margin-bottom:9px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.card-bottom>span{font-size:11px;letter-spacing:1px;color:var(--muted)}.index{margin-bottom:75px}.index-row{display:grid;grid-template-columns:65px 1fr 235px 20px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.index-number{font:400 24px var(--serif);color:var(--red)}.index-row h3{font:400 29px var(--serif);transition:color .18s ease}.index-topic{font-size:12px;letter-spacing:1px;color:var(--muted)}.index-row>span:last-child{font-size:24px}footer{background:var(--ink);color:var(--paper);padding:50px 0 22px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:44px}.footer-slogan{font:400 24px var(--serif);color:#bdbdb1;margin-top:15px}.about{max-width:460px}.about .eyebrow{color:#bdbdb1;margin-bottom:12px}.about p:not(.eyebrow){font-size:15px;line-height:1.8}.project-note{display:block;font-size:10px;letter-spacing:1.4px;color:#aaa99d;margin-top:22px}.footer-bottom{border-top:1px solid #494a41;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#bdbdb1}.skip{position:fixed;top:10px;left:15px;background:var(--paper);padding:16px;z-index:10;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}
@media(min-width:1600px){h1{font-size:87px}}
@media(max-width:1000px){.shell{width:calc(100% - 56px)}.hero{grid-template-columns:2.3fr 1fr;gap:25px}.hero-note{padding-left:20px}h1{font-size:6.8vw}.featured{gap:30px;grid-template-columns:1fr 1fr}.feature-copy h3{font-size:70px}.feature-bottom{flex-direction:column;gap:8px}.reading-card h3{font-size:58px}.index-row{grid-template-columns:45px 1fr 175px 20px}.index-topic{font-size:10px}.header-inner{min-height:84px}.masthead nav{gap:22px}.brand{font-size:30px;gap:10px}.concept{font-size:10px}}
@media(max-width:680px){.shell{width:calc(100% - 36px)}.header-inner{padding:20px 0 15px;display:block}.brand{font-size:30px}.masthead nav{margin-top:14px;gap:26px;font-size:13px}.masthead nav a{padding:4px 0}.edition{font-size:10px;letter-spacing:.5px;padding:13px 0}.edition>span:last-child{white-space:nowrap}.hero{padding:35px 0;grid-template-columns:1fr;gap:28px}.hero .eyebrow{font-size:11px;margin-bottom:20px}h1{font-size:clamp(40px,9.9vw,66px);line-height:1.03;letter-spacing:-.3px}.hero-note{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.note-number{display:none}.hero-note .eyebrow{margin-bottom:9px}.hero-note p:not(.eyebrow){max-width:440px;font-size:15px}.hero-note .text-link{margin-top:14px}.section-heading{letter-spacing:1px;padding:13px 0}.section-heading>span,.section-heading h2{font-size:10px}.featured{grid-template-columns:1fr;gap:25px;padding-top:24px}.feature-copy h3{font-size:76px;margin-top:20px}.feature-deck{font-size:25px}.meta{font-size:11px;gap:15px}.feature-bottom{flex-direction:row;font-size:10px}.feature-image{min-height:320px}.feature-image img{object-position:center}.reading-grid{grid-template-columns:1fr;margin-top:26px;margin-bottom:40px;gap:30px}.reading-card,.reading-card+article{padding:0;border-left:0}.reading-card+article{border-top:1px solid var(--ink);padding-top:26px}.reading-card h3{font-size:60px;margin-top:20px}.card-bottom{margin-top:18px;padding-top:20px}.index{margin-bottom:40px}.index-row{grid-template-columns:32px 1fr 18px;gap:12px;padding:20px 0}.index-row h3{font-size:26px}.index-topic{display:none}.index-number{font-size:20px}footer{padding-top:34px}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.footer-bottom{font-size:10px}.summary{font-size:16px}.image-caption{font-size:10px}.card-bottom>span{font-size:10px}.text-link{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* Editorial principles: typography shared with The Sudden Exit. */
.principles {
  --editorial-accent: #e18a72;
  background: var(--ink);
  color: var(--paper);
  border-top: 4px solid var(--red);
  padding: 36px 44px 40px;
  margin-bottom: 65px;
  font-family: 'Manrope', Arial, sans-serif;
}
.principles-intro .eyebrow {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
  color: #d2d0c7;
  font: 500 12px/1.6 'DM Mono', monospace;
  letter-spacing: .1em;
}
.principles-intro .eyebrow::after {
  content: '';
  width: 56px;
  height: 1px;
  background: var(--editorial-accent);
}
.principles h2 {
  max-width: 100%;
  font: 700 clamp(26px, 3.2vw, 44px)/1.3 'Libre Baskerville', Georgia, serif;
  letter-spacing: -.035em;
  text-transform: uppercase;
}
.principles h2 span { display: block; }
.principles h2 em {
  display: block;
  color: var(--editorial-accent);
  font-style: normal;
  margin-top: 4px;
}
.principle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  border-top: 1px solid #4b4c43;
  margin-top: 36px;
  padding-top: 28px;
}
.principle-grid > div { min-width: 0; }
.principle-grid > div + div {
  border-left: 1px solid #4b4c43;
  padding-left: 28px;
}
.principle-number {
  display: block;
  color: var(--editorial-accent);
  font: 500 13px/1.5 'DM Mono', monospace;
  letter-spacing: .05em;
  margin-bottom: 14px;
}
.principle-grid h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -.025em;
  margin-bottom: 10px;
}
.principle-grid p {
  max-width: 38ch;
  color: #cecec3;
  font-size: 16px;
  line-height: 1.75;
}
@media (max-width: 900px) {
  .principles { padding: 30px 28px 32px; }
  .principle-grid { grid-template-columns: 1fr; gap: 22px; }
  .principle-grid > div,
  .principle-grid > div + div {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 18px;
    border-left: 0;
    padding-left: 0;
  }
  .principle-grid > div + div {
    border-top: 1px solid #4b4c43;
    padding-top: 22px;
  }
  .principle-number { grid-row: 1 / 3; margin: 4px 0 0; }
  .principle-grid h3 { grid-column: 2; }
  .principle-grid p { grid-column: 2; max-width: 58ch; }
}
@media (max-width: 680px) {
  .principles { padding: 26px 20px 28px; margin-bottom: 40px; }
  .principles-intro .eyebrow { margin-bottom: 22px; }
  .principles h2 { font-size: clamp(23px, 5.8vw, 36px); line-height: 1.35; }
  .principles h2 em { margin-top: 10px; }
  .principle-grid { margin-top: 26px; padding-top: 24px; }
}
