@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--paper:#f5f0df;--ink:#202026;--pink:#ee347b;--yellow:#ffe341;--mint:#8cd1bb;--blue:#315cc5;--muted:#65645e;--line:#d5d0c1;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button{color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a{text-decoration:none}p{line-height:1.65}button{border:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;line-height:1.02}button[hidden]{display:none}.skip{position:fixed;left:15px;top:-100px;z-index:50;background:var(--yellow);padding:15px}.skip:focus{top:15px}.top-strip{padding:10px 4.5%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font:10px 'Space Mono',monospace;letter-spacing:1px}.top-strip b{color:var(--pink);padding-left:10px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 4.5%;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:8px;font:900 28px/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.7px;flex-shrink:0}.brand em{display:block;color:var(--pink);font-style:normal;margin-top:5px}.brand-bolt{font:bold 62px/.7 sans-serif;color:var(--pink);transform:rotate(8deg)}nav{display:flex;gap:25px}nav a{font-size:13px;font-weight:700}nav a:hover{color:var(--pink)}.collection-button{background:transparent;border:1px solid var(--ink);padding:11px 14px;font:11px 'Space Mono',monospace;white-space:nowrap}.collection-button span{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);width:20px;height:20px;border-radius:50%;margin-left:6px}.collection-button.selected{background:var(--yellow)}.hero{max-width:1500px;margin:auto;padding:60px 4.5% 40px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:15px;overflow:hidden}.eyebrow{font:700 10px/1.5 'Space Mono',monospace;letter-spacing:1.35px;margin-bottom:17px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--pink);margin-right:9px;border-radius:50%}h1{font-weight:900;font-size:clamp(70px,7.6vw,116px);letter-spacing:-2.8px;line-height:.87;margin:26px 0}h1 span{color:var(--pink);font-style:italic;display:inline-block;transform:rotate(-2deg);text-shadow:2px 2px 0 var(--paper),3px 3px 0 var(--ink)}.hero-description{font-size:14px;line-height:1.8;color:#595a55;max-width:440px;margin:30px 0 24px}.hero-buttons{display:flex;align-items:center;gap:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:1.5px solid var(--ink);padding:15px 20px;font:700 10px/1.5 'Space Mono',monospace;letter-spacing:.6px;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}.pink{background:var(--pink)}.button.pink{color:white}.ink{background:var(--ink);color:var(--paper)}.yellow{background:var(--yellow)}.outline{background:transparent}.text-button{background:transparent;font-weight:700;font-size:12px;padding:8px 0}.text-button span{font-size:21px;margin-left:5px}.hero-footnote{font:9px 'Space Mono',monospace;letter-spacing:1px;display:flex;align-items:center;gap:12px;margin-top:34px}.hero-footnote span{font-size:13px;letter-spacing:-3px;color:var(--blue)}.hero-art{position:relative}.hero-art>img{display:block;width:112%;margin-left:-5%;filter:drop-shadow(6px 10px 0 #24242d12)}.sticker{position:absolute;top:4%;right:1%;width:89px;height:89px;background:var(--mint);border:2px solid var(--ink);border-radius:50%;text-align:center;padding-top:15px;font:800 21px/.9 'Barlow Condensed',sans-serif;transform:rotate(12deg);box-shadow:3px 3px 0 var(--ink)}.sticker b{font-size:42px}.art-caption{position:absolute;bottom:1%;right:9%;font:9px 'Space Mono',monospace;letter-spacing:1px;transform:rotate(-3deg)}.ticker{background:var(--yellow);border-block:2px solid var(--ink);padding:15px 0;display:flex;gap:36px;align-items:center;justify-content:space-around;overflow:hidden;white-space:nowrap;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:1px}.ticker b{font-size:24px}.section-wrap{max-width:1440px;margin:auto;padding:54px 4.5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:9px}h2{font-size:46px;font-weight:800;letter-spacing:-.8px;margin:0}.hand-note{font:italic 600 17px 'Barlow Condensed',sans-serif;transform:rotate(-5deg);padding-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.story-card{min-width:0;border:1.5px solid var(--ink);background:#fcf9ef;display:flex;flex-direction:column;box-shadow:3px 3px 0 #202026;transition:transform .2s}.story-card:hover{transform:translateY(-4px)}.card-art{width:100%;position:relative;padding:0;overflow:hidden;display:block;border-bottom:1.5px solid var(--ink);aspect-ratio:480/280}.card-art svg{width:100%;height:100%;display:block;transition:transform .3s}.card-art:hover svg{transform:scale(1.035)}.blue{background:#2b3974;color:#eceadb}.purple{background:#9878b1}.orange{background:#f2a268}.mint{background:#92cdbb}.card-art.pink{background:#ed91af}.card-art.yellow{background:#eed56b}.year-stamp{position:absolute;bottom:12px;left:12px;background:var(--paper);padding:5px 9px;border:1px solid var(--ink);color:var(--ink);font:700 9px 'Space Mono',monospace;transform:rotate(-3deg)}.card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.card-copy .eyebrow{color:var(--pink);font-size:9px;margin-bottom:10px}.card-copy h3{font-size:29px;margin:0 0 10px}.card-copy h3 button{background:transparent;padding:0;text-align:left;font:inherit}.card-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.read-link{background:transparent;padding:0;font:700 9px 'Space Mono',monospace}.read-link span{font-size:17px;padding-left:4px}.save{font-size:25px;background:transparent;padding:0 5px}.save[aria-pressed=true]{color:var(--pink)}.comic-feature{margin:0 auto 15px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;border-block:1px solid var(--line);background:#e9e6d9}.comic-cover{width:310px;max-width:100%;justify-self:center;position:relative;background:#2b3974;border:7px solid #f7e8c6;outline:2px solid var(--ink);box-shadow:9px 9px 0 #26222b;transform:rotate(-5deg);padding:18px 20px;min-height:350px;overflow:hidden;background-image:radial-gradient(#ffffff20 1px,transparent 1px);background-size:6px 6px}.comic-cover>span{font:8px 'Space Mono',monospace;color:#f7e8c6}.comic-cover>strong{display:block;color:var(--yellow);font:900 69px/.82 'Barlow Condensed',sans-serif;letter-spacing:-1px;margin:30px 0 45px;text-shadow:3px 3px 0 #161c33}.comic-cover strong i{color:#f786af}.comic-cover>small{font:8px 'Space Mono',monospace;color:#f7e8c6;display:block;max-width:210px}.comic-burst{position:absolute;right:8px;bottom:24px;width:114px;height:114px;display:flex;justify-content:center;align-items:center;text-align:center;line-height:.92;background:var(--yellow);font:800 18px/.9 'Barlow Condensed',sans-serif;clip-path:polygon(50% 0,60% 16%,80% 4%,81% 27%,100% 29%,87% 47%,100% 66%,77% 69%,81% 95%,59% 84%,47% 100%,38% 81%,14% 94%,19% 71%,0 64%,15% 47%,1% 25%,25% 24%,25% 3%,43% 18%);transform:rotate(12deg)}.comic-copy h2{font-size:46px;max-width:560px}.comic-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:510px;margin:19px 0}.era-track{display:flex;gap:36px;border-top:1px solid #b9b6ad;padding-top:18px;margin:22px 0 28px;max-width:500px}.era-track span{font:800 23px 'Barlow Condensed',sans-serif}.era-track small{display:block;font:10px 'Space Mono',monospace;color:var(--muted);margin-top:5px}.vault .section-heading{align-items:center}.search-box{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);width:320px;padding:9px 0}.search-box>span{font-size:26px}.search-box input{background:transparent;border:none;min-width:0;width:100%;font-size:12px;padding:7px 0}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 18px}.filter-row button{background:transparent;border:1px solid #bbb7ac;padding:9px 18px;font-size:11px;font-weight:700;border-radius:2px}.filter-row button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.result-count{font:10px 'Space Mono',monospace;color:var(--muted);margin:17px 0 22px}.vault-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.vault-grid .card-copy{padding:16px}.vault-grid h3{font-size:26px}.vault-grid .card-copy>p:not(.eyebrow){font-size:11px}#more{display:flex;margin:32px auto 0}.empty-state{grid-column:1/-1;padding:35px;border:1px dashed var(--muted)}.empty-state h3{font-size:30px}.memory-strip{display:flex;align-items:center;gap:35px;background:var(--pink);color:#fff7e9;padding-top:35px;padding-bottom:35px;border-block:2px solid var(--ink)}.memory-strip h2{font-size:34px}.memory-strip .eyebrow{margin-bottom:9px}.memory-icon{font-size:90px;transform:rotate(-12deg);color:var(--yellow)}.memory-strip .button{margin-left:auto;color:var(--ink);flex-shrink:0}.archive-lab .section-heading>p{font-size:12px;color:var(--muted);margin:0}.source-form{display:grid;grid-template-columns:1fr 1.8fr auto;align-items:end;gap:16px}.source-form label{display:flex;flex-direction:column;gap:9px;font:10px 'Space Mono',monospace}.source-form input,.source-form select{padding:14px 12px;background:#fffaf0;border:1px solid var(--ink);border-radius:0;font:13px 'DM Sans',sans-serif;width:100%;height:49px}.source-form .button{height:49px}.source-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.source-results article{padding:20px;border:1px solid var(--line);min-width:0}.source-results h3{font-size:26px}.source-results p{font-size:12px}.source-results a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}.source-results .fine-print,.provider-credit{grid-column:1/-1}#source-status{font-size:12px;color:var(--muted);margin:20px 0}.provider-credit{display:flex;align-items:center;gap:20px;font-size:12px}.provider-credit img{max-width:120px;height:auto}footer{border-top:2px solid var(--ink);padding:32px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:22px}footer>p{font-size:11px;color:var(--muted);margin:0}.footer-note{font:9px 'Space Mono',monospace;letter-spacing:1px}dialog{border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:0;width:min(780px,94vw);max-height:90dvh;overflow-y:auto;box-shadow:10px 10px 0 #0005}dialog::backdrop{background:#121320b8;backdrop-filter:blur(4px)}.close{position:sticky;top:12px;margin:12px 12px -52px auto;display:block;z-index:2;background:var(--paper);border:2px solid var(--ink);width:40px;height:40px;font-size:26px}.reader-art{height:230px;border-bottom:2px solid var(--ink);overflow:hidden}.reader-art svg{width:100%;height:100%}.reader-body{padding:32px 40px}.reader-body h2{font-size:54px;margin-bottom:20px}.reader-body h3{font-size:29px;margin-top:28px;margin-bottom:12px}.reader-body p,.facts{font-size:14px;line-height:1.85}.reader-intro{font-size:18px!important}.facts{padding-left:20px}.facts li{margin:9px 0}.source-credit{font-size:11px!important}.reader-body a{text-decoration:underline;text-underline-offset:3px}.opinion-label{font:9px 'Space Mono',monospace;vertical-align:middle;color:var(--pink);margin-left:8px}.reader-actions{display:flex;gap:16px;flex-wrap:wrap;margin:25px 0}.fine-print{font-size:10px!important;color:var(--muted)}.credits ul{list-style:none;padding:0}.credits li{display:grid;grid-template-columns:1fr 1.5fr;gap:4px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.credits li small{grid-column:2;color:var(--muted);font-size:10px}.reading{overflow:hidden}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:100;background:var(--ink);color:var(--paper);padding:13px 23px;font-size:12px;transition:.2s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{padding-inline:65px}.masthead,.top-strip,footer{padding-inline:max(4.5%,calc((100vw - 1310px)/2))}}
@media(max-width:1050px){nav{gap:16px}nav a{font-size:11px}.hero{padding-top:40px}h1{font-size:83px}.hero-description{font-size:13px}.hero-buttons{gap:16px}.hero .button{font-size:9px;padding:13px}.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comic-feature{gap:35px}.comic-copy h2{font-size:39px}.footer-note{display:none}}
@media(max-width:760px){.masthead{flex-wrap:wrap;padding-top:20px;padding-bottom:14px}.brand{font-size:25px}.brand-bolt{font-size:51px}nav{order:3;width:100%;overflow:auto;gap:26px;padding-top:13px;white-space:nowrap}nav a{font-size:12px}.top-strip{font-size:8px}.top-strip>span:first-child{display:none}.top-strip{justify-content:center}.hero{grid-template-columns:1fr;padding-top:34px;gap:0}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(77px,13vw,102px)}.hero-description{font-size:14px}.hero-art{max-width:450px;width:100%;margin:-5px auto 0}.hero-art>img{width:100%;margin-left:0}.hero-footnote{margin-top:24px}.art-caption{right:15%;font-size:8px}.sticker{right:4%;top:9%;width:76px;height:76px;padding-top:12px}.sticker b{font-size:32px}.ticker{justify-content:flex-start;padding-left:20px;gap:25px;font-size:15px}.section-wrap{padding-block:35px}.section-heading{align-items:start}h2{font-size:38px}.hand-note{display:none}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-card{display:grid;grid-template-columns:1fr 1fr}.feature-card .card-art{height:100%;aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--ink)}.feature-card .card-art svg{min-height:190px}.feature-card .card-copy{padding:16px}.feature-card h3{font-size:28px}.comic-feature{grid-template-columns:1fr;gap:35px;padding-top:45px}.comic-cover{width:245px;min-height:295px}.comic-cover>strong{font-size:55px;margin-bottom:35px}.comic-burst{width:100px;height:100px;font-size:16px}.comic-copy{padding-inline:4px}.comic-copy h2{font-size:39px}.vault .section-heading{flex-direction:column;align-items:start}.search-box{width:100%}.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vault-grid h3{font-size:25px}.filter-row{gap:7px}.filter-row button{padding:9px 12px;font-size:10px}.memory-strip{flex-wrap:wrap;gap:18px}.memory-strip h2{font-size:30px}.memory-icon{display:none}.memory-strip .button{margin-left:0}.source-form{grid-template-columns:1fr}.source-form .button{justify-self:start}.archive-lab .section-heading{flex-direction:column;gap:13px}.source-results{grid-template-columns:1fr}footer{flex-wrap:wrap;gap:25px}.reader-body{padding:25px}.reader-body h2{font-size:44px}.reader-art{height:190px}.credits li{grid-template-columns:1fr}.credits li small{grid-column:1}}
@media(max-width:420px){.hero-buttons{gap:12px;flex-wrap:wrap}.hero-footnote{font-size:8px}.feature-card{display:flex}.feature-card .card-art{aspect-ratio:480/250;border-right:0;border-bottom:1px solid var(--ink)}.vault-grid{gap:12px}.vault-grid .card-copy{padding:12px}.vault-grid h3{font-size:23px}.vault-grid .card-copy>p:not(.eyebrow){font-size:10px}.card-copy .eyebrow{font-size:8px;letter-spacing:.8px}.year-stamp{font-size:8px;padding:4px 6px}.read-link{font-size:8px}.section-heading h2{font-size:36px}.era-track{gap:23px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.story-card:hover,.button:hover{transform:none}}
.story-connections{margin-top:32px;padding-top:28px;border-top:2px solid var(--ink)}
.connection-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.connection-tabs .button{padding:10px 14px;font-size:9px}
.connection-tabs [aria-pressed=true]{background:var(--yellow)}
.connection-status{font:10px/1.7 'Space Mono',monospace!important;color:var(--muted)}
.connection-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.connection-results article{border:1px solid var(--line);padding:16px;min-width:0}
.connection-results h4{font-size:25px;margin:8px 0}
.connection-results h4 a{overflow-wrap:anywhere}
.connection-results article p{font-size:12px;line-height:1.7}
.connection-results>.fine-print,.connection-results>.provider-credit{grid-column:1/-1}
.related-stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.related-stories button{background:#e9e6d9;border:1px solid var(--ink);text-align:left;padding:16px;display:flex;flex-direction:column;gap:9px}
.related-stories span{font:9px 'Space Mono',monospace;color:var(--muted)}
.related-stories strong{font:700 24px 'Barlow Condensed',sans-serif}
.related-stories small{font-size:11px;line-height:1.6}
@media(max-width:520px){.connection-results{grid-template-columns:1fr}.connection-tabs{gap:9px}}
.atlas-nav{color:#c91b58!important;font-weight:900!important}
.atlas-promo{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 5%;background:linear-gradient(115deg,#263579 0%,#263579 58%,#a22351 58%,#a22351 100%);color:#fff2ce;border-bottom:3px solid #202026}
.atlas-promo .eyebrow{display:block;color:#ffe341;margin-bottom:14px}
.atlas-promo strong{font:900 65px/.9 'Barlow Condensed';letter-spacing:-1px;display:block;text-shadow:3px 3px #151c3b}
.atlas-promo strong i{color:#ffe341;font-style:normal}
.atlas-promo p{font-size:12px;margin:12px 0 0}
.atlas-promo>b{font:700 11px 'Space Mono';background:#ffe341;color:#202026;padding:17px;border:2px solid #202026;box-shadow:4px 4px #202026}
.promo-seal{font:800 20px/.95 'Barlow Condensed';background:#ffe341;color:#202026;border:3px solid #202026;padding:20px;transform:rotate(9deg);text-align:center}
body:not(.atlas-page) .hero{background-image:radial-gradient(#26203012 1px,transparent 1px);background-size:8px 8px}
body:not(.atlas-page) .brand{transform:rotate(-3deg)}
@media(max-width:950px){.promo-seal{display:none}.masthead nav{gap:14px}.atlas-promo strong{font-size:52px}}
@media(max-width:600px){.atlas-promo{flex-direction:column;align-items:start;background:linear-gradient(145deg,#263579 0%,#263579 65%,#a22351 65%)}.atlas-promo strong{font-size:62px}}