/* J.A. Taylor — literary editorial design, 2026 */
:root{--paper:#f5f1e8;--paper2:#f5f1e8;--ink:#2e2c28;--body:#2e2c28;--secondary:#2e2c28;--line:#2e2c28;--subline:#2e2c28;--display:'Libre Baskerville',Georgia,'Times New Roman',serif;--text:'Source Serif 4',Georgia,serif;--label:'DM Sans',Arial,sans-serif;--width:1500px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:18px;line-height:1.58;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}img{max-width:100%}h1,h2,h3,p{margin-top:0}::selection{background:var(--ink);color:var(--paper)}.page{max-width:var(--width);margin:auto;padding:0 clamp(20px,3.4vw,64px);background:var(--paper);min-height:100vh}.wrap{border-bottom:1px solid var(--line)}.skip{position:absolute;top:-100px;left:24px;background:var(--ink);color:var(--paper);padding:12px;z-index:10}.skip:focus{top:8px}
.masthead{height:178px;display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;position:relative;padding:2px 12px 21px}.mast-name{font-family:var(--display);font-size:clamp(65px,8.9vw,139px);line-height:.94;white-space:nowrap;letter-spacing:-.045em;font-weight:700;text-align:center;grid-column:2;padding-right:.07em}.mast-subtitle{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:500 10px/1.3 var(--label);letter-spacing:.39em}.mast-side{font:500 10px/1.8 var(--label);letter-spacing:.15em;align-self:center}.mast-side.right{text-align:right}.short-rule{display:block;width:28px;height:1px;background:var(--secondary);margin-top:12px}.mast-side.right .short-rule{margin-left:auto}.nav-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:49px;display:flex;gap:clamp(38px,6.5vw,105px);justify-content:center;align-items:center;position:relative;padding:14px 195px 14px 20px}.nav-bar>a{font:600 12px/1.3 var(--label);letter-spacing:.2em}.nav-bar>a:hover,.nav-bar>a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.nav-note{position:absolute;right:8px;display:flex;align-items:center;gap:17px;font:500 8px/1.55 var(--label);letter-spacing:.15em;white-space:nowrap}.moon{font:40px/.7 var(--display)}
.hero{display:grid;grid-template-columns:30% minmax(0,49%) 21%;gap:0;align-items:stretch;padding:34px 0 29px;min-height:338px}.hero-intro{z-index:1;padding:8px 13px 0 9px}.eyebrow,.section-label{display:block;font:600 11px/1.4 var(--label);letter-spacing:.26em;text-transform:uppercase}.hero-intro h1{font:700 clamp(48px,5.6vw,85px)/1.04 var(--display);letter-spacing:-.055em;margin:10px 0 18px}.little-rule{display:block;width:30px;height:1px;background:var(--secondary);margin:12px 0 14px}.hero-intro p{font-size:clamp(16px,1.45vw,19px);line-height:1.38;color:var(--body);max-width:380px;margin-bottom:17px}.dark-button{display:inline-flex;gap:16px;align-items:center;justify-content:center;background:var(--ink);color:var(--paper2);padding:11px 18px;border:1px solid var(--ink);font:600 11px/1.3 var(--label);letter-spacing:.16em;max-width:100%;text-align:center}.dark-button:hover{background:transparent;color:var(--ink)}.hero-art{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin-left:-26px}.hero-art img{width:120%;max-width:none;height:auto;max-height:340px;object-fit:contain;object-position:center bottom;}.hero-remark{border-left:1px solid var(--line);padding:36px 6px 8px 35px;display:flex;flex-direction:column;justify-content:center;gap:5px}.hero-remark p{font:italic 500 clamp(21px,2vw,29px)/1.28 var(--display);letter-spacing:-.015em;margin:0}.hero-remark .little-rule{margin:17px 0}.remark-caption{font:500 10px/1.8 var(--label);letter-spacing:.13em;color:var(--body);max-width:180px}
.columns{display:grid;grid-template-columns:29% 44% 27%;padding:21px 0 23px}.column{padding:0 28px 0 24px;min-width:0}.column:first-child{padding-left:7px}.column:last-child{padding-right:7px}.column + .column{border-left:1px solid var(--line)}.column h2,.section-heading h2,.about-section h2,.newsletter h2{font:700 clamp(39px,3.6vw,54px)/1.08 var(--display);letter-spacing:-.057em;margin:4px 0 10px}.section-label{letter-spacing:.18em}.section-deck{font-size:17px;line-height:1.39;color:var(--body);min-height:72px;margin-bottom:14px}.story-list{border-top:1px solid var(--subline)}.story-row{display:grid;grid-template-columns:45px 1fr 17px;gap:9px;border-bottom:1px solid var(--subline);padding:13px 0 15px;align-items:start;min-width:0}.story-row:hover .row-body strong{text-decoration:underline;text-underline-offset:3px}.row-date,.row-no{font:600 10px/1.7 var(--label);letter-spacing:.1em;color:var(--secondary);padding-top:3px}.row-body{display:block;min-width:0}.row-body strong{display:block;font:500 18px/1.28 var(--display);letter-spacing:-.025em}.row-body small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 14px/1.42 var(--text);color:var(--body);margin-top:4px}.row-arrow{font:20px/1 var(--text);text-align:right;margin-top:3px}.underline-link,.text-action{font:600 10px/1.5 var(--label);letter-spacing:.16em;text-transform:uppercase}.underline-link{display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid var(--ink);margin-top:20px;padding-bottom:4px}.underline-link span{font-size:17px}.cover-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start;margin:21px 3px 0}.cover-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-width:0}.cover-frame{width:100%;max-width:165px;display:block;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--ink);background:var(--paper);transition:transform .2s}.cover-card:hover .cover-frame{transform:translateY(-4px)}.cover-frame img{height:100%;width:100%;object-fit:cover;display:block;image-rendering:auto}.cover-title{display:block;line-height:1.25;font:700 clamp(14px,1.25vw,17px)/1.25 var(--display);min-height:40px}.cover-descriptor{font:italic 12px/1.4 var(--text);color:var(--secondary);min-height:30px}.cover-card .text-action{border-bottom:1px solid var(--line);font-size:9px;padding-bottom:3px}.cover-note{font:500 9px/1.6 var(--label);letter-spacing:.14em;text-align:center;margin:20px 0 0;color:var(--secondary)}.empty-note{padding:22px 0 28px;font-size:17px}.empty-note em{font:italic 25px var(--display)}.empty-note p{font-size:15px;color:var(--secondary);margin:8px 0 0}
.all-writing{padding:44px 7px 49px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:24px}.section-heading p{max-width:490px;font-size:16px;color:var(--body);line-height:1.4;margin:0 0 4px}.writing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.archive-item{padding:23px 24px 24px 0;display:flex;flex-direction:column;border-bottom:1px solid var(--subline);min-height:205px}.archive-item:not(:nth-child(3n+1)){border-left:1px solid var(--subline);padding-left:24px}.archive-meta{font:600 10px/1.5 var(--label);letter-spacing:.14em;color:var(--secondary);margin-bottom:10px}.archive-item strong{font:700 23px/1.16 var(--display);letter-spacing:-.02em}.archive-snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--body);font-size:15px;line-height:1.48;margin:11px 0 12px}.archive-item .text-action{margin-top:auto;font-size:10px;text-decoration:underline;text-underline-offset:3px}.about-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:43px 8px}.about-section h2{font-size:clamp(42px,4.6vw,70px)}.about-prose p{font-size:18px;max-width:820px;margin-bottom:15px}.about-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:20px}.about-links a{font:600 11px var(--label);letter-spacing:.11em;text-decoration:underline;text-underline-offset:4px}.newsletter{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:37px 8px 38px}.newsletter h2{font-size:clamp(36px,3.8vw,53px);margin:9px 0}.newsletter p{color:var(--body);margin:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 8px 35px;color:var(--secondary);font:600 9px/1.7 var(--label);letter-spacing:.18em}.footer a:hover{text-decoration:underline}
/* Independent pages */
.subpage-hero{padding:82px 4px 35px}.subpage-hero h1{font:700 clamp(70px,10vw,142px)/1.04 var(--display);letter-spacing:-.06em;margin:14px 0 13px}.punct{color:var(--ink)}.subpage-hero p{font-size:22px;max-width:670px;color:var(--body)}.archive-contents{padding:20px 5px 80px;max-width:1030px;margin:0 auto}.archive-contents .story-row{grid-template-columns:120px 1fr 35px;padding:24px 0}.archive-contents .row-body strong{font-size:32px}.archive-contents .row-body small{font-size:18px;-webkit-line-clamp:3}.archive-contents .row-date{font-size:12px}.empty-note.big{padding:45px}.empty-note.big em{font-size:37px}.empty-note.big a{text-decoration:underline}.back-link{display:inline-block;font:600 12px var(--label);letter-spacing:.15em;margin:0 0 44px;text-decoration:underline;text-underline-offset:4px}.detail-page{padding:60px 8px 85px}.detail-grid{display:grid;grid-template-columns:35% 1fr;align-items:start;gap:min(9vw,140px)}.detail-art img{max-width:310px;width:100%;}.detail-copy h1,.article-page h1{font:700 clamp(58px,7.5vw,112px)/1.06 var(--display);letter-spacing:-.05em;margin:20px 0 26px}.detail-intro{font:400 29px/1.45 var(--text);max-width:620px}.detail-copy>p:not(.detail-intro){max-width:600px}.detail-copy .dark-button{margin-top:25px}.detail-footnote{font:500 10px/1.7 var(--label);letter-spacing:.11em;color:var(--secondary);margin-top:50px;max-width:480px}.article-page{padding:62px max(5px,calc((100% - 830px)/2)) 85px}.article-page h1{font-size:clamp(58px,6.6vw,103px)}.article-standfirst{font:italic 27px/1.4 var(--display);max-width:780px;color:var(--body)}.article-rule{width:100%;height:1px;background:var(--line);margin:35px 0}.article-content{font:400 clamp(19px,1.8vw,23px)/1.72 var(--text);color:var(--body);max-width:790px}.article-content p{margin:0 0 1.15em;white-space:pre-line}.article-content h2{font:500 39px/1.2 var(--display);margin:1.5em 0 .5em}.article-content blockquote{border-left:2px solid var(--line);padding-left:25px;font-style:italic}.article-content a{text-decoration:underline;text-underline-offset:4px}.article-content ul{padding-left:30px}.article-page .dark-button{margin-top:25px}.article-end{border-top:1px solid var(--line);margin-top:70px;padding-top:19px;margin-bottom:40px;font:600 12px var(--label);letter-spacing:.2em}.article-end span{float:right;font-size:24px}
@media(max-width:1200px){.nav-note{display:none}.nav-bar{padding-right:20px}.masthead{height:145px}.mast-name{font-size:clamp(60px,9.2vw,112px)}.hero{grid-template-columns:31% 48% 21%}.hero-remark{padding-left:21px}.hero-remark p{font-size:22px}.column{padding-right:19px;padding-left:19px}.cover-gallery{gap:10px}.hero-intro h1{font-size:clamp(50px,6vw,75px)}}
@media(max-width:860px){.mast-side{display:none}.masthead{height:130px;display:flex;justify-content:center;padding-bottom:23px}.mast-name{font-size:clamp(57px,12vw,98px)}.mast-subtitle{font-size:8px;letter-spacing:.23em}.nav-bar{justify-content:space-around;gap:15px}.hero{grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:34px 0}.hero-intro{padding-left:0}.hero-intro h1{font-size:clamp(52px,8.4vw,82px)}.hero-art{margin-left:-10px}.hero-art img{width:132%}.hero-remark{grid-column:1/-1;flex-direction:row;gap:20px;border-left:0;border-top:1px solid var(--subline);padding:15px 0 0;align-items:center;justify-content:space-between}.hero-remark p{font-size:20px}.hero-remark .little-rule{display:none}.columns{grid-template-columns:1fr 1fr}.column{padding:25px!important;border-left:0!important}.column:first-child{padding-left:0!important}.column:nth-child(2){border-left:1px solid var(--line)!important;padding-right:0!important}.column:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding:28px 0 5px!important}.column:last-child .story-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.column:last-child .story-row{grid-template-columns:50px 1fr 14px;border-bottom:0;min-width:0}.section-deck{min-height:0}.writing-grid{grid-template-columns:repeat(2,1fr)}.archive-item:not(:nth-child(3n+1)){border-left:0;padding-left:0}.archive-item:nth-child(2n){border-left:1px solid var(--subline);padding-left:20px}.archive-item{padding-right:18px}.about-section{gap:30px}.newsletter{align-items:start;flex-direction:column}}
@media(max-width:570px){body{font-size:18px}.page{padding:0 19px}.masthead{height:107px}.mast-name{font-size:clamp(46px,11vw,69px);letter-spacing:-.082em}.mast-subtitle{font-size:7px;letter-spacing:.12em;bottom:13px}.nav-bar{min-height:45px;padding:12px 0;gap:10px}.nav-bar>a{font-size:10px;letter-spacing:.11em}.hero{display:flex;flex-direction:column;padding:35px 0 26px;gap:0}.hero-intro h1{font-size:clamp(58px,13vw,82px);max-width:365px;margin-bottom:19px}.hero-intro p{font-size:19px;max-width:450px;line-height:1.5}.hero-art{margin:6px -20px -2px;max-height:250px;overflow:hidden}.hero-art img{width:120%;max-height:250px}.hero-remark{border-top:0;padding:7px 0 0}.hero-remark p{font-size:22px}.remark-caption{display:none}.columns{display:flex;flex-direction:column;padding:0}.column,.column:first-child,.column:nth-child(2),.column:last-child{padding:27px 0 28px!important;border-left:0!important;border-top:1px solid var(--line)!important}.column:first-child{border-top:0!important}.column:last-child .story-list{display:block}.column:last-child .story-row{grid-template-columns:60px 1fr 20px;border-bottom:1px solid var(--subline)}.column h2{font-size:49px}.section-deck{font-size:18px}.story-row{grid-template-columns:42px 1fr 19px}.row-body strong{font-size:23px}.row-body small{font-size:16px}.cover-gallery{gap:12px}.cover-title{font-size:17px;min-height:43px}.cover-descriptor{font-size:12px}.cover-card .text-action{font-size:9px}.cover-note{margin-top:25px}.all-writing{padding:30px 0}.section-heading{display:block}.section-heading h2{font-size:48px}.section-heading p{font-size:17px;margin-top:14px}.writing-grid{grid-template-columns:1fr}.archive-item,.archive-item:nth-child(2n),.archive-item:not(:nth-child(3n+1)){border-left:0;padding:19px 0;min-height:0}.archive-item strong{font-size:29px}.archive-snippet{font-size:18px}.about-section{display:block;padding:36px 0}.about-section h2{font-size:55px;margin-bottom:26px}.about-prose p{font-size:19px}.newsletter{padding:35px 0}.newsletter h2{font-size:44px}.footer{flex-wrap:wrap;gap:12px 20px;padding:20px 0}.footer span:nth-child(2){display:none}.subpage-hero{padding:55px 0 28px}.subpage-hero h1{font-size:88px}.subpage-hero p{font-size:20px}.archive-contents .story-row{grid-template-columns:60px 1fr 18px;gap:7px}.archive-contents .row-body strong{font-size:25px}.archive-contents .row-body small{font-size:16px}.detail-page,.article-page{padding:45px 0 60px}.detail-grid{display:block}.detail-art{max-width:225px;margin:auto auto 28px}.detail-copy h1,.article-page h1{font-size:clamp(55px,12vw,80px)}.detail-intro{font-size:23px}.article-content{font-size:20px}.back-link{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Single-ink illustrations across article pages */
.article-illustration{margin:0 auto 35px;max-width:790px;text-align:center}.article-illustration img{width:auto;max-width:100%;max-height:510px;object-fit:contain;border:1px solid var(--ink)}