@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Source+Serif+4:ital,wght@0,400;0,500;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#fbfbf7;--ink:#19211e;--muted:#58605b;--line:#d5d9d0;--yellow:#e9f343;--red:#a82b24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(36px,4.6vw,62px);letter-spacing:-1.5px}h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.6px}h3{font-size:29px}em{font-weight:400}p+p{margin-top:16px}.wrap{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}.skip{position:absolute;left:12px;top:-100px;background:var(--yellow);padding:12px;z-index:10}.skip:focus{top:10px}.preview{background:#19211e;color:#fff;padding:9px 28px;display:flex;gap:18px;justify-content:center;align-items:center;font-size:12px;letter-spacing:.7px}.preview span{color:#c7cdc8;letter-spacing:0}.preview a{color:var(--yellow);letter-spacing:0}.masthead{display:flex;align-items:center;justify-content:space-between;padding:30px 0 24px}.brand{font-family:'DM Serif Display',Georgia,serif;font-size:42px;line-height:1.1;letter-spacing:-1px}.brand span{display:block;font:12px/1.8 'DM Sans',sans-serif;letter-spacing:3.2px;margin-top:8px}.byline{font-size:14px;line-height:1.6;text-align:right;color:var(--muted)}.byline strong{color:var(--ink)}nav{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:13px 0;display:flex;justify-content:space-between;gap:22px;font-size:14px;font-weight:600}nav>div{display:flex;gap:30px}.nav-sub{color:var(--red)}.intro{display:grid;grid-template-columns:1fr 200px;gap:50px;align-items:center;padding-top:40px;padding-bottom:38px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;margin-bottom:18px;color:var(--muted)}.deck{max-width:710px;font-size:18px;line-height:1.65;margin-top:20px;color:#414b45}.intro h1 em{background:linear-gradient(transparent 69%,var(--yellow) 69%,var(--yellow) 92%,transparent 92%)}.actions{display:flex;gap:24px;align-items:center;margin:24px 0 10px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-size:15px;font-weight:600;padding:13px 23px;min-height:48px;border:1px solid var(--ink)}.button:hover{background:#35453b;text-decoration:none}.read{font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.fine{font-size:12px;color:var(--muted)}.accent{transform:rotate(3deg);width:180px;justify-self:center}.accent img{width:180px;border:5px solid white;box-shadow:4px 5px 0 var(--ink)}.accent figcaption{font-size:12px;letter-spacing:.5px;margin-top:14px;text-align:center}.feature{display:grid;grid-template-columns:200px 1fr;gap:48px;padding-top:34px;padding-bottom:36px;position:relative}.feature:before{content:'';position:absolute;left:32px;right:32px;top:0;border-top:4px solid var(--ink)}.feature-info{border-right:1px solid var(--line)}.feature .eyebrow{color:var(--red)}.number{font:80px/1.2 'DM Serif Display',serif;color:#c7cdc2}.genre{font-size:13px;color:var(--muted);margin-top:16px}.feature h2{font-size:clamp(36px,4.5vw,57px)}.standfirst{font-size:18px;margin:18px 0;color:#414b45}blockquote{margin:20px 0 24px;padding:4px 0 4px 22px;border-left:3px solid var(--yellow);max-width:700px;font:21px/1.6 Georgia,serif;color:#38423b}.section{padding-top:36px;padding-bottom:38px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px}.section-title h2{font-size:32px}.pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.pair article{padding:28px 32px 0 0}.pair article+article{padding-left:32px;border-left:1px solid var(--line)}.pair p:not(.eyebrow){margin:18px 0 24px;color:var(--muted)}.latest{border-top:1px solid var(--ink)}.post-row{display:grid;grid-template-columns:145px 1fr 22px;gap:20px;align-items:baseline;border-top:1px solid var(--line);padding:23px 0}.post-row time{font-size:12px;color:var(--muted)}.post-row h3{font-size:26px}.trio{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.trio a{padding:25px 22px 28px 0}.trio a+a{border-left:1px solid var(--line);padding-left:22px}.trio span{font-size:12px;letter-spacing:.6px;font-weight:600}.trio h3{margin:16px 0 12px;font-size:29px}.trio p{font-size:15px;color:var(--muted)}.about{display:grid;grid-template-columns:140px 1fr;gap:40px;max-width:900px;padding-top:48px;padding-bottom:60px}.about img{width:140px;height:150px;object-fit:cover;filter:grayscale(1)}.about p:not(.eyebrow){margin:20px 0}.about h2{font-size:36px}.endcap{padding:50px 24px;background:var(--yellow);text-align:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.endcap h2{font-size:clamp(40px,5vw,60px)}.endcap>p:not(.eyebrow){margin:18px auto;max-width:560px}.endcap .fine{margin:10px auto 0!important}footer{padding-top:35px!important;padding-bottom:35px!important;display:flex;gap:30px;justify-content:space-between;align-items:center}.small-brand{font-size:26px}.small-brand span{font-size:12px;letter-spacing:2px}footer>div{text-align:right;font-size:13px}footer>div a+a{margin-left:22px}footer p{color:var(--muted);margin-top:8px;font-size:12px}.page-intro{padding-top:55px;padding-bottom:35px}.page-intro h1{font-size:clamp(42px,6vw,76px)}.guide{max-width:900px;border-top:1px solid var(--line)}.guide p:not(.eyebrow){margin:20px 0;max-width:730px}.guide h2{max-width:800px}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.book-grid article{border-top:4px solid var(--ink);padding-top:25px}.book-grid h2{font-size:60px}.book-deck{font-family:Georgia,serif;font-size:26px;line-height:1.3;margin:25px 0}.contact{max-width:900px}.contact>p:not(.eyebrow){margin:22px 0}.concept-note{background:#edf0e9;border-left:3px solid #697568;font-size:13px;line-height:1.6;padding:16px 20px;margin-top:25px;color:#49534c}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.preview{flex-wrap:wrap;gap:4px 16px;padding:8px 16px;font-size:12px}.preview span{display:none}.masthead{padding:24px 0 20px}.brand{font-size:33px}.brand span{font-size:12px;letter-spacing:2px}.byline{display:none}nav{gap:14px;align-items:center}nav>div{gap:14px;flex-wrap:wrap}nav a{font-size:13px}.intro{grid-template-columns:1fr;gap:0;padding-top:30px;padding-bottom:30px}.accent{display:none}.deck{font-size:17px}.actions{gap:20px;flex-wrap:wrap}.feature{grid-template-columns:1fr;gap:14px;padding-top:25px}.feature:before{left:22px;right:22px}.feature-info{border:0}.feature-info .eyebrow{margin:0}.number,.genre{display:none}.feature h2{font-size:39px}.standfirst{font-size:17px}blockquote{font-size:19px}.pair,.trio,.book-grid{grid-template-columns:1fr}.pair article,.pair article+article{padding:24px 0;border-left:0}.pair article+article{border-top:1px solid var(--line)}.trio a,.trio a+a{padding:24px 0;border-left:0}.trio a+a{border-top:1px solid var(--line)}.section-title{align-items:flex-start;gap:15px}.section-title h2{font-size:29px}.post-row{grid-template-columns:1fr 20px;gap:8px}.post-row time{grid-column:1/-1}.post-row h3{font-size:25px}.about{grid-template-columns:1fr;gap:25px}.about img{width:90px;height:95px}footer{align-items:flex-start;flex-direction:column}footer>div{text-align:left}.page-intro{padding-top:35px}.book-grid{gap:35px}.section{padding-top:28px;padding-bottom:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Concept three: independent literary journal, punk roots. */

:root{--paper:#f7f7f2;--ink:#171717;--muted:#565656;--line:#c9c9c2;--yellow:#e8ed39;--red:#a62923}
body{font-family:'DM Sans',Arial,sans-serif}
h1,h2,h3,.brand,.number{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:0;line-height:1.02}
h1 em,h2 em{font-style:normal;font-weight:inherit}
.preview{background:var(--paper);color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:1px}
.preview span{color:var(--muted)}.preview a{color:var(--ink);text-decoration:underline}
.masthead{padding:23px 0 20px;align-items:flex-end}.brand{font-size:clamp(48px,7.2vw,88px);text-transform:uppercase;font-weight:800;letter-spacing:-1.4px}
.brand span{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:2.5px;margin-top:13px}
.byline{border-left:1px solid var(--ink);padding:0 0 0 24px;margin-bottom:3px}
nav{border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0}nav a{font-size:14px}.nav-sub{color:var(--ink);text-transform:uppercase;border-bottom:3px solid var(--yellow);line-height:1.5}
.intro{grid-template-columns:minmax(0,1fr) 215px;gap:55px;align-items:center;padding-top:35px;padding-bottom:40px}
.intro .eyebrow{color:var(--ink);margin-bottom:18px}
.intro h1{font-size:clamp(66px,8.4vw,106px);text-transform:uppercase;line-height:.94;letter-spacing:-1.5px}
.intro h1 em{background:var(--yellow);display:inline-block;padding:0 9px 10px 5px;margin-top:8px}
.deck{font-family:'Source Serif 4',Georgia,serif;font-size:20px;line-height:1.55;max-width:665px;color:#333;margin-top:23px}
.button{text-transform:uppercase;letter-spacing:.7px;font-size:14px;border:2px solid var(--ink);padding:12px 21px;box-shadow:3px 3px 0 var(--yellow)}.button:hover{background:var(--yellow);color:var(--ink)}
.accent{width:190px;transform:rotate(-3deg)}.accent img{width:190px;border:0;box-shadow:6px 6px 0 var(--ink)}.accent figcaption{font-weight:700;font-size:12px;margin-top:20px;letter-spacing:.5px}
.feature{background:var(--ink);color:var(--paper);padding-top:32px;padding-bottom:35px;grid-template-columns:180px minmax(0,1fr);gap:42px}
.feature:before{display:none}.feature-info{border-right:1px solid #5c5c58}.feature .eyebrow{color:var(--yellow)}.number{font-size:100px;font-weight:600;color:#85877d}.genre{color:#c3c3ba}
.feature h2{font-size:clamp(40px,4.8vw,60px);text-transform:uppercase}.standfirst{font-family:'Source Serif 4',Georgia,serif;color:#e0e0d7;font-size:20px;line-height:1.5}
blockquote{font-family:'Source Serif 4',Georgia,serif;color:#e0e0d7;font-size:21px;line-height:1.6;border-left:3px solid var(--yellow)}
.section{padding-top:38px;padding-bottom:38px}.section-title h2{font-size:36px;text-transform:uppercase}
.pair h3{font-size:36px}.pair p:not(.eyebrow),.guide>p:not(.eyebrow),.book-grid article>p:not(.eyebrow),.contact>p:not(.eyebrow),.about p:not(.eyebrow){font-family:'Source Serif 4',Georgia,serif;font-size:19px;line-height:1.65}
.post-row h3{font-size:31px}.post-row:hover{background:#eeeeE6}.trio h3{font-size:34px}.trio a:hover{background:#eeeeE6;text-decoration:none}.eyebrow{color:#555}
.about{border-top:1px solid var(--ink);max-width:1096px;padding-left:0;padding-right:0}.about img{filter:grayscale(1) contrast(1.12)}.about h2{font-size:44px;text-transform:uppercase}
.endcap{background:var(--paper);color:var(--ink);border-top:5px solid var(--ink);border-bottom:1px solid var(--ink);padding:42px 22px}.endcap h2{font-size:clamp(46px,6vw,76px);text-transform:uppercase}.endcap h2 em{border-bottom:8px solid var(--yellow)}.endcap>p:not(.eyebrow):not(.fine){font-family:'Source Serif 4',Georgia,serif;font-size:19px}
.small-brand{font-size:32px;letter-spacing:0}.small-brand span{font-size:12px;letter-spacing:1px}.page-intro h1{font-size:clamp(45px,6.5vw,80px);text-transform:uppercase}.page-intro h1 em{background:var(--yellow);padding:0 4px}.book-grid h2{font-size:70px;text-transform:uppercase}.book-deck{font-family:'Source Serif 4',Georgia,serif!important}.guide h2{font-size:42px}.contact h2{font-size:45px;text-transform:uppercase}.concept-note{background:#eaeae4}
@media(max-width:760px){.masthead{padding-top:20px}.brand{font-size:clamp(38px,9vw,64px);letter-spacing:-.5px}.brand span{font-size:12px;letter-spacing:1.3px}.intro{grid-template-columns:1fr;padding-top:28px;padding-bottom:30px}.intro h1{font-size:clamp(58px,13vw,94px);line-height:.98}.intro h1 em{padding-bottom:7px}.deck{font-size:19px}.feature{grid-template-columns:1fr;gap:18px;padding:28px 22px}.feature-info{border:0}.feature h2{font-size:43px}.feature .standfirst{font-size:19px}blockquote{font-size:19px}.section-title h2{font-size:32px}.pair h3{font-size:33px}.about{margin:0 22px;padding:30px 0}.post-row h3{font-size:29px}.page-intro h1{font-size:clamp(38px,8.6vw,64px)}.guide h2{font-size:36px}.endcap h2{font-size:clamp(40px,10vw,65px)}footer>div a{display:inline-block;margin-bottom:8px}.book-grid h2{font-size:60px}}
.project-entry{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.project-entry h3{font-size:32px;line-height:1.12;margin:12px 0 18px}.project-entry>p:not(.project-status){font:19px/1.65 'Source Serif 4',Georgia,serif}.project-status{font:700 12px/1.5 'DM Sans',sans-serif;letter-spacing:1.4px;display:inline-block;background:var(--yellow);padding:4px 8px}.project-entry+.project-entry .project-status{background:transparent;border:1px solid var(--ink)}

/* Charcoal palette: preserve the editorial layout and typography. */
:root{color-scheme:dark;--paper:#191919;--ink:#f2f0e8;--body:#dddcd5;--muted:#b6b6ae;--line:#51514d;--yellow:#e8ed39;--red:#e8ed39;--panel:#242424}
body{background:var(--paper);color:var(--body)}
h1,h2,h3,.brand,nav,.byline strong{color:var(--ink)}
.deck,.standfirst,blockquote,.pair p:not(.eyebrow),.trio p{color:var(--body)}
.eyebrow,.fine,.genre,.byline,.preview,.preview span,.post-row time,footer p{color:var(--muted)}
.intro .eyebrow{color:var(--muted)}
.intro h1 em,.page-intro h1 em,.project-status,.skip{color:#191919;background:var(--yellow)}
.button{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.button:hover{background:var(--yellow);color:#191919;border-color:var(--yellow)}
.feature{background:var(--panel);color:var(--body);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature .eyebrow{color:var(--yellow)}.feature-info{border-right-color:var(--line)}.number{color:var(--muted)}
.post-row:hover,.trio a:hover{background:var(--panel)}
.accent img{box-shadow:6px 6px 0 #080808}
.endcap{background:var(--paper);color:var(--body);border-top-color:var(--line);border-bottom-color:var(--line)}
.concept-note{background:var(--panel);color:var(--muted);border-left-color:var(--yellow)}
.project-entry+.project-entry .project-status{background:transparent;color:var(--muted);border-color:var(--line)}
::selection{background:var(--yellow);color:#191919}

/* A question and an invitation, with the poster carrying the rebellion. */
.intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:62px;padding-top:48px;padding-bottom:54px}
.intro h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;text-transform:none;font-size:clamp(56px,6.7vw,84px);line-height:1.08;letter-spacing:-1px}
.intro h1 em{display:inline;padding:0;margin:0;background:transparent;color:var(--yellow);font-style:italic;font-weight:400}
.intro .deck{font-family:'DM Sans',sans-serif;font-size:19px;line-height:1.7;max-width:530px}
.accent{display:block;width:100%;max-width:390px;transform:rotate(2deg)}
.accent img{width:100%;border:7px solid #f2f0e8;box-shadow:9px 10px 0 #101010}
.accent figcaption{font-size:12px;font-weight:500;letter-spacing:1px;margin-top:20px;line-height:1.6;color:var(--muted)}
.byline strong{font-family:'DM Serif Display',Georgia,serif;font-size:24px;font-weight:400}.byline span{font-size:13px}
.endcap{padding:44px 24px;border-top:1px solid var(--line)}
.endcap h2{font-family:'Source Serif 4',Georgia,serif;font-weight:400;text-transform:none;font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.5px}
.endcap .eyebrow{font-weight:500;letter-spacing:1px}.endcap .button{text-transform:none;letter-spacing:0;box-shadow:none;border:1px solid var(--muted)}
@media(max-width:760px){.masthead{align-items:flex-start;flex-direction:column;gap:16px}.byline{display:block;text-align:left;border:0;padding:0;line-height:1.5}.byline strong{font-size:22px}.byline span{font-size:13px}.intro{grid-template-columns:1fr;gap:32px;padding-top:30px;padding-bottom:36px}.intro h1{font-size:clamp(55px,12vw,78px);line-height:1.08}.intro .deck{font-size:18px}.accent{display:block;width:74%;max-width:300px;justify-self:center;transform:rotate(1.5deg)}.endcap h2{font-size:34px}}
/* Production refinements: readable links and comfortable small screens. */
.feature-context{margin:18px 0 26px;color:var(--muted)}
.reading-note{margin-top:20px}.guide-purpose{color:var(--muted)}
.contact-email{text-transform:none;letter-spacing:0;overflow-wrap:anywhere;max-width:100%}
.authorship-note{border-left:2px solid var(--yellow);padding-left:18px}
.guide p+h2{margin-top:38px}.guide p a{overflow-wrap:anywhere}
nav a{display:inline-block;padding:5px 0}.section-title{flex-wrap:wrap}
@media(max-width:380px){nav{flex-wrap:wrap}nav>div{gap:8px 16px}.intro h1{font-size:52px}.contact-email{font-size:13px;padding:12px}.book-grid h2{font-size:50px}}