@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#f0ece2;--ink:#12110f;--red:#8d211b;--grey:#d8d3c9}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--paper);color:var(--ink)}.poster-body{font-family:"Courier New",monospace;background-color:var(--paper);background-image:radial-gradient(#201b1510 .7px,transparent .8px),linear-gradient(90deg,#fff3,transparent 20%,#00000005 70%,#fff2);background-size:5px 5px,100% 100%}.poster-nav{height:62px;margin:0 4.5%;border-bottom:1px solid #49443d;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.14em}.poster-nav a{color:inherit;text-decoration:none}.poster-nav>a{font-family:"Bodoni 72","Bodoni 72 Smallcaps","Didot","Bodoni MT","Times New Roman",serif;font-weight:700;font-size:16px}.poster-nav nav{display:flex;gap:34px;align-items:center}.poster{max-width:1600px;margin:auto}.mast{padding:48px 4.5% 26px;position:relative}.dossier{font-size:12px;line-height:1.45}.aside-note{position:absolute;right:4.5%;top:62px;text-align:right;font-size:8px;line-height:1.35;letter-spacing:.08em}.mast h1{font-family:"Bodoni 72","Didot","Bodoni MT","Times New Roman",serif;font-size:clamp(130px,18vw,285px);font-weight:700;line-height:.76;letter-spacing:-.075em;margin:58px 0 18px;white-space:nowrap}.series{text-align:center;font-size:11px;letter-spacing:.45em;margin:0}.feature{min-height:430px;display:grid;grid-template-columns:1fr 1px 1.1fr;gap:6vw;padding:38px 7.5% 52px;align-items:center}.feature-left{align-self:center}.placeholder-note{font:17px/1.45 "Courier New",monospace}.red-stroke{width:230px;height:28px;background:var(--red);margin-top:26px;clip-path:polygon(1% 15%,96% 0,100% 78%,4% 100%,0 72%);filter:contrast(.9)}.feature-rule{height:250px;background:#7d786f}.feature-right h2{font:700 clamp(70px,8vw,126px)/.78 Georgia,serif;letter-spacing:-.055em;margin:0}.part-label{font-size:22px;letter-spacing:.25em;margin:24px 0}.read-btn{display:inline-block;background:#171715;color:#f3efe5;text-decoration:none;padding:20px 34px;font-size:12px;letter-spacing:.18em}.withheld{font-size:9px;letter-spacing:.12em;line-height:1.45}.quote-band{background:var(--grey);padding:65px 5.5%;display:grid;grid-template-columns:2.3fr 1fr;align-items:center;gap:8vw;position:relative}.quote-band:before{content:"";position:absolute;inset:0;background:radial-gradient(#00000012 .6px,transparent .7px);background-size:4px 4px;opacity:.5}.quote-band>*{position:relative}.quote-band blockquote{font:48px/1.03 Georgia,serif;margin:0}.quote-band p{font-size:10px;line-height:1.55;letter-spacing:.1em}.parts-strip{display:grid;grid-template-columns:1fr 1px 1fr;gap:7vw;padding:48px 13% 62px}.parts-strip .split{background:#777168}.parts-strip article span{font-size:10px;letter-spacing:.15em}.parts-strip h3{font:700 22px/1 Georgia,serif;margin:12px 0 24px}.parts-strip p{font-size:10px}.parts-strip i{display:block;width:32px;border-top:1px solid;margin-top:20px}.torn-footer{min-height:145px;background:#151513;color:#eee9df;padding:62px 4.5% 25px;display:flex;justify-content:space-between;align-items:end;position:relative;margin-top:20px}.torn-footer:before{content:"";position:absolute;left:-2%;right:-2%;top:-28px;height:55px;background:var(--paper);clip-path:polygon(0 0,4% 22%,8% 8%,13% 36%,18% 15%,23% 40%,29% 20%,35% 48%,41% 18%,47% 44%,53% 12%,59% 36%,65% 16%,71% 45%,77% 20%,83% 42%,89% 10%,94% 35%,100% 5%,100% 0)}.torn-footer span,.torn-footer p{font-size:9px;letter-spacing:.12em}.torn-footer p{line-height:1.4;margin:0}@media(max-width:720px){.poster-nav{height:54px;margin:0 16px;font-size:8px}.poster-nav>a{font-size:13px}.poster-nav nav{gap:14px}.mast{padding:30px 20px 18px}.dossier{font-size:9px}.aside-note{top:34px;right:20px;font-size:6px}.mast h1{font-size:21.8vw;line-height:.78;margin:62px 0 14px;letter-spacing:-.07em;transform:scaleX(.94);transform-origin:left center;width:106%}.series{font-size:6.5px;letter-spacing:.3em}.feature{min-height:380px;grid-template-columns:.75fr 1px 1.4fr;gap:20px;padding:28px 24px 42px}.placeholder-note{font-size:9px}.red-stroke{width:105px;height:16px;margin-top:18px}.feature-rule{height:190px}.feature-right h2{font-size:12.2vw;line-height:.8}.part-label{font-size:13px;margin:17px 0}.read-btn{padding:13px 14px;font-size:8px}.withheld{font-size:6px}.quote-band{padding:45px 22px;grid-template-columns:2fr .8fr;gap:20px}.quote-band blockquote{font-size:9.4vw}.quote-band p{font-size:6.5px}.parts-strip{gap:20px;padding:34px 28px 52px}.parts-strip h3{font-size:14px}.parts-strip article span,.parts-strip p{font-size:7px}.torn-footer{min-height:110px;padding:48px 20px 20px}.torn-footer span,.torn-footer p{font-size:6.5px}}
/* iPhone-safe containment */
@media(max-width:720px){
  .poster,.mast,.feature,.quote-band,.parts-strip,.torn-footer{max-width:100%;overflow:hidden}
  .mast h1{
    display:block;
    width:100%;
    max-width:100%;
    font-size:20.5vw;
    line-height:.8;
    letter-spacing:-.075em;
    white-space:nowrap;
    transform:none;
    overflow:visible;
  }
  .feature-right{min-width:0}
  .feature-right h2{
    font-size:11.4vw;
    max-width:100%;
    overflow-wrap:normal;
    word-break:normal;
  }
  .feature-left,.feature-right{overflow:hidden}
  .quote-band blockquote{font-size:8.7vw;overflow-wrap:break-word}
  .parts-strip article{min-width:0}
  .parts-strip h3{overflow-wrap:break-word}
}

/* Brand refinement v5 */
.poster-body{font-family:"IBM Plex Mono","Courier New",monospace;background-color:#f1ede3;background-image:radial-gradient(circle at 20% 30%,#3b31250b 0 1px,transparent 1.2px),radial-gradient(circle at 72% 62%,#00000008 0 .7px,transparent 1px),linear-gradient(96deg,#fff5 0%,transparent 17%,#00000005 49%,transparent 72%,#fff4 100%);background-size:9px 9px,5px 5px,100% 100%}
.poster-nav>a,.mast h1,.feature-right h2,.quote-band blockquote,.parts-strip h3{font-family:"DM Serif Display",Georgia,serif}
.mast h1{font-weight:400;letter-spacing:-.055em}
.feature-right h2{font-weight:400;letter-spacing:-.035em}
.quote-band blockquote{font-weight:400}
.parts-strip h3{font-weight:400}
.dossier,.aside-note,.series,.part-label,.withheld,.parts-strip span,.parts-strip p,.torn-footer span,.torn-footer p{font-family:"IBM Plex Mono","Courier New",monospace}
.red-stroke{background:linear-gradient(90deg,#8c201b 0%,#9d2b22 45%,#7b1815 100%);clip-path:polygon(0 22%,4% 9%,17% 16%,34% 4%,55% 10%,75% 0,97% 14%,100% 77%,90% 85%,68% 76%,48% 94%,26% 82%,5% 100%,1% 72%)}
.quote-band{background-color:#d8d3c9;background-image:radial-gradient(#251f1810 .8px,transparent .9px),linear-gradient(100deg,#fff2,transparent 30%,#00000008 70%,#fff2);background-size:6px 6px,100% 100%}
.torn-footer{background-image:radial-gradient(#ffffff0a .7px,transparent .8px),linear-gradient(#191816,#11110f);background-size:5px 5px,100% 100%}
@media(max-width:720px){
 .mast h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:19.7vw;letter-spacing:-.045em}
 .feature-right h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:11vw;letter-spacing:-.025em}
 .quote-band blockquote{font-family:"DM Serif Display",Georgia,serif;font-weight:400}
}

/* v6 unmistakable masthead + permanent story reader */
.mast h1{font-family:Didot,"Times New Roman",serif!important;font-stretch:condensed;font-weight:700!important;letter-spacing:-.07em!important}
.story-shell{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,760px);gap:8vw;padding:70px 5vw 140px}
.story-file{font:9px/1.55 "IBM Plex Mono","Courier New",monospace;letter-spacing:.06em;position:sticky;top:100px;align-self:start}
.story-sections{border-top:1px solid #8e887e;margin-top:35px;padding-top:25px;line-height:2}
.story{min-width:0}
.story-kicker,.section-no,.story-next span{font:9px/1 "IBM Plex Mono","Courier New",monospace;letter-spacing:.18em}
.story>h1{font:700 clamp(70px,9vw,130px)/.78 Didot,"Times New Roman",serif;letter-spacing:-.055em;margin:35px 0 24px}
.story-dek{font:11px/1.5 "IBM Plex Mono","Courier New",monospace;letter-spacing:.14em}
.story-rule{border-top:1px solid #8e887e;margin:50px 0 75px}
.story section h2{font:400 44px/1 "DM Serif Display",Georgia,serif;margin:14px 0 38px}
.placeholder-copy{font:20px/1.75 Georgia,serif;max-width:680px}
.story blockquote{font:italic 400 40px/1.12 "DM Serif Display",Georgia,serif;margin:70px -4vw;padding:45px 4vw;border-top:1px solid;border-bottom:1px solid}
.story-next{margin-top:130px;border-top:1px solid;padding-top:55px}
.story-next h2{font:400 72px/.84 "DM Serif Display",Georgia,serif;letter-spacing:-.04em;margin:28px 0}
.story-next p{font:9px/1 "IBM Plex Mono","Courier New",monospace;letter-spacing:.15em}
.story-footer{border-top:1px solid;padding:28px 5vw;display:flex;justify-content:space-between;font:8px/1 "IBM Plex Mono","Courier New",monospace;letter-spacing:.12em}
@media(max-width:720px){
 .mast h1{font-family:Didot,"Times New Roman",serif!important;font-size:18.7vw!important;letter-spacing:-.065em!important}
 .story-shell{display:block;padding:35px 20px 100px}
 .story-file{position:static;border-bottom:1px solid #8e887e;padding-bottom:25px;margin-bottom:55px}
 .story-sections{display:none}
 .story>h1{font-size:20vw;margin-top:28px}
 .story-dek{font-size:8px}
 .story-rule{margin:35px 0 55px}
 .story section h2{font-size:32px}
 .placeholder-copy{font-size:18px;line-height:1.7}
 .story blockquote{font-size:31px;margin:55px 0;padding:35px 0}
 .story-next{margin-top:90px}
 .story-next h2{font-size:15vw}
 .story-footer{padding:24px 20px;gap:16px;flex-direction:column}
}

/* v9 brand wordmark consistency */
.poster-nav>a{font-family:Didot,"Times New Roman",serif!important;font-weight:700;letter-spacing:-.035em}

/* v13 Life Lessons + About */
.lessons-page,.about-page{max-width:1180px;margin:0 auto;padding:80px 6vw 150px;min-height:calc(100vh - 130px)}
.lessons-meta,.about-meta{font:9px/1.6 "IBM Plex Mono","Courier New",monospace;letter-spacing:.12em}
.lessons-page h1,.about-page h1{font:400 clamp(90px,15vw,210px)/.75 "DM Serif Display",Georgia,serif;letter-spacing:-.045em;margin:70px 0 55px}
.lessons-tag{font:700 clamp(20px,3vw,38px)/1.15 "IBM Plex Mono","Courier New",monospace;max-width:850px}
.lessons-joke{font:italic 28px/1.4 Georgia,serif;max-width:700px;margin:40px 0 65px}
.lesson-rule,.about-rule{border-top:1px solid #6f6a61;margin:55px 0}
.lessons-soon{font:10px/1 "IBM Plex Mono","Courier New",monospace;letter-spacing:.18em}
.about-page{max-width:980px}
.about-page h1{margin-bottom:45px}
.about-lead{font:italic 34px/1.25 Georgia,serif!important}
.about-page>p{font:23px/1.6 Georgia,serif;max-width:760px}
@media(max-width:720px){
 .lessons-page,.about-page{padding:55px 22px 110px}
 .lessons-page h1,.about-page h1{font-size:24vw;margin:55px 0 42px}
 .lessons-tag{font-size:16px;line-height:1.35}
 .lessons-joke{font-size:22px;margin:32px 0 50px}
 .about-lead{font-size:27px!important}
 .about-page>p{font-size:19px;line-height:1.65}
}

/* v14 COVER UP archive */
.archive{max-width:1320px;margin:0 auto;padding:70px 5vw 130px;min-height:calc(100vh - 120px)}
.archive-meta{font:9px/1.55 "IBM Plex Mono","Courier New",monospace;letter-spacing:.12em}
.archive-head{display:grid;grid-template-columns:180px 1fr;align-items:end;margin:70px 0 65px}
.archive-head>p{font:10px/1 "IBM Plex Mono","Courier New",monospace;letter-spacing:.2em;padding-bottom:12px}
.archive-head h1{font:700 clamp(95px,14vw,210px)/.72 Didot,"Times New Roman",serif;letter-spacing:-.06em;margin:0}
.archive-list{border-top:1px solid #171613}
.archive-file{display:grid;grid-template-columns:180px 1fr;min-height:330px;border-bottom:1px solid #171613;padding:48px 0}
.file-number{font:400 clamp(55px,7vw,95px)/1 Didot,"Times New Roman",serif;color:#8a847a}
.file-copy span{font:8px/1 "IBM Plex Mono","Courier New",monospace;letter-spacing:.15em}
.file-copy h2{font:400 clamp(48px,7vw,100px)/.85 "DM Serif Display",Georgia,serif;letter-spacing:-.035em;margin:34px 0 20px}
.file-copy p,.file-copy b,.file-copy a{font:9px/1.5 "IBM Plex Mono","Courier New",monospace;letter-spacing:.15em}
.file-copy a{display:inline-block;color:inherit;text-decoration:none;border-bottom:1px solid;margin-top:32px;padding-bottom:5px}
.archive-file.next{opacity:.62}
.archive-note{margin:85px 0 0 auto;max-width:500px;border-left:1px solid;padding-left:28px;font:9px/1.6 "IBM Plex Mono","Courier New",monospace;letter-spacing:.1em}
.archive-note p{margin:0}
@media(max-width:720px){
 .archive{padding:50px 22px 100px}
 .archive-head{display:block;margin:55px 0 45px}
 .archive-head>p{margin-bottom:30px}
 .archive-head h1{font-size:23vw}
 .archive-file{grid-template-columns:65px 1fr;gap:18px;min-height:270px;padding:38px 0}
 .file-number{font-size:12vw}
 .file-copy h2{font-size:12.5vw;margin:28px 0 18px}
 .archive-note{margin-top:65px;font-size:7px;padding-left:18px}
}