/* Inkwell Press 2026 — inner pages: each has its own composition. */
.pg-i .ph picture{aspect-ratio:4/3}
/* books: a catalogue */
.bk-toc{margin-block-end:var(--s6);border-block:1px solid var(--ink)}
.bk-toc ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--s5)}
.bk-toc a{display:inline-flex;align-items:baseline;gap:var(--s2);min-block-size:48px;padding-block:var(--s3);font-family:var(--f-display);font-size:1.125rem;text-decoration:none;color:var(--ink)}
.bk-toc a span{font-family:var(--f-body);font-size:var(--t-label);color:var(--muted)}
.bk-toc a:hover{color:var(--red);text-decoration:underline}
.bk-list{display:grid;gap:var(--s7)}
.bk{display:grid;gap:var(--s5);align-items:center;padding-block-start:var(--s6);border-block-start:1px solid var(--line)}
.bk:focus{outline:none}
.bk-i{max-inline-size:18rem;border:1px solid var(--line);background:var(--surface-2)}
.bk-i img{aspect-ratio:2/3;object-fit:cover;inline-size:100%}
.bk-t h2{margin-block:var(--s2) var(--s2)}
.bk-log{font-family:var(--f-display);font-style:italic;font-size:1.375rem;color:var(--ink);margin-block-end:var(--s3)}
.bk-t .tlink{margin-block-start:var(--s3)}
@media (min-width:860px){.bk{grid-template-columns:18rem minmax(0,1fr);gap:var(--s8)}.bk--r{grid-template-columns:minmax(0,1fr) 18rem}.bk--r .bk-i{order:2}}
.band{display:grid;gap:var(--s6);align-items:center}
.band-i picture{aspect-ratio:3/2}
.band-i--tall picture{aspect-ratio:4/5}
.band-q{font-family:var(--f-display);font-style:italic;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.3;color:var(--ink);margin-block-end:var(--s4)}
.band-t h2{margin-block-end:var(--s5)}
.band-t .ev-list{margin-block-end:var(--s4)}
@media (min-width:900px){.band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
/* sample: a reading page */
.read-h{padding-block:var(--s4) var(--s6);text-align:center}
.read-h .crumbs{justify-content:center}
.read-h h1{margin-inline:auto}
.read-sub{font-family:var(--f-display);font-style:italic;font-size:1.375rem;color:var(--muted);margin:var(--s3) auto 0;max-inline-size:none}
.read-fig{max-inline-size:calc(1000px + var(--gutter)*2)}
.read-fig picture{aspect-ratio:2/1}
.read-body{padding-block:var(--s7) var(--sec)}
.read-body p{font-size:1.1875rem;line-height:1.75;max-inline-size:62ch}
.read-body p+p{text-indent:1.5em;margin-block-start:var(--s1)}
.read-body p.drop::first-letter{float:left;font-family:var(--f-display);font-size:4.5rem;line-height:.85;padding:6px 10px 0 0;color:var(--red)}
.read-body p.read-end{text-indent:0;margin-block-start:var(--s6);padding-block-start:var(--s4);border-block-start:1px solid var(--line);font-style:italic;color:var(--muted);font-size:1rem}
/* events */
.ev-wrap{display:grid;gap:var(--s7)}
.ev-side{display:grid;gap:var(--s5);align-content:start}
.ev-side picture{aspect-ratio:3/2}
@media (min-width:1000px){.ev-wrap{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.pg-head .ph--fade picture{background:transparent}
/* about: portrait split */
.ab-grid{display:grid;gap:var(--s6);align-items:start}
.ab-i picture{aspect-ratio:2/3}
.ab-t h1{margin-block-end:var(--s4)}
.ab-t p+p{margin-block-start:var(--s3)}
@media (min-width:900px){.ab-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--s8)}.ab-i{max-inline-size:420px}}
.ab-pair{display:grid;gap:var(--s5);align-items:start}
.ab-pair .ph:first-child picture{aspect-ratio:1/1}
.ab-pair .ph:nth-child(2) picture{aspect-ratio:4/3}
@media (min-width:800px){.ab-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.ab-shelf{grid-column:1/-1}}
@media (min-width:1100px){.ab-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,.9fr)}.ab-shelf{grid-column:auto}}
.shelf-l{list-style:none;padding:0;border-block-start:1px solid var(--ink);margin-block-end:var(--s3)}
.shelf-l li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--s3);align-items:center;border-block-end:1px solid var(--line)}
.shelf-l a{display:inline-flex;align-items:center;min-block-size:48px;font-family:var(--f-display);font-size:1.1875rem;color:var(--ink);text-decoration:none}
.shelf-l a:hover{color:var(--red);text-decoration:underline}
.shelf-l span{font-size:var(--t-label);color:var(--muted)}
/* newsletter: a letter card */
.nl-grid{display:grid;gap:var(--s6);align-items:center}
.nl-card{background:var(--surface);border:1px solid var(--ink);padding:clamp(24px,4vw,56px)}
.nl-mark{inline-size:28px;block-size:42px;margin-block-end:var(--s4)}
.nl-card h1{font-size:clamp(2.375rem,1.6rem + 2.6vw,4rem);margin-block-end:var(--s4)}
.nl-i picture{aspect-ratio:4/3}
@media (min-width:1000px){.nl-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s7)}}
.nl-more{display:grid;gap:var(--s6);align-items:center}
.nl-more picture{aspect-ratio:3/2}
@media (min-width:900px){.nl-more{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* contact */
.ct-grid{display:grid;gap:var(--s6);align-items:start}
.ct-mail a{font-family:var(--f-display);font-size:clamp(1.125rem,.9rem + .6vw,1.375rem);color:var(--red);overflow-wrap:anywhere;min-block-size:44px;display:inline-flex;align-items:center}
.ct-side .hint{margin-block-end:var(--s5)}
.ct-side picture{aspect-ratio:4/5}
.ct-ink picture{aspect-ratio:4/5}
@media (min-width:900px){.ct-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.ct-ink{display:none}}
@media (min-width:1200px){.ct-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.7fr)}.ct-ink{display:block}}
/* journal */
.j-lead a{display:grid;gap:var(--s5);text-decoration:none;color:var(--fg);padding-block-end:var(--s7);margin-block-end:var(--s7);border-block-end:1px solid var(--ink)}
.j-lead .j-ph{aspect-ratio:3/2;overflow:hidden;background:var(--surface-2)}
.j-lead .j-ph img{inline-size:100%;block-size:100%;object-fit:cover}
.j-lt{display:grid;gap:var(--s3);align-content:center}
.j-lt h2{font-size:clamp(2rem,1.5rem + 1.6vw,3rem)}
.j-p{font-size:1.1875rem;line-height:1.6;max-inline-size:44ch}
.j-lead a:hover h2{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
@media (min-width:900px){.j-lead a{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s7)}}
.j-card h2{font-size:1.75rem}
/* journal note */
.note-h{padding-block:var(--s4) var(--s6)}
.note-h .lead{margin-block-start:var(--s4)}
.note-fig{max-inline-size:calc(1000px + var(--gutter)*2)}
.note-fig picture{aspect-ratio:2/1}
.note-body{padding-block:var(--s6) var(--sec)}
.note-body p{font-size:1.1875rem;line-height:1.75}
.note-body p+p{margin-block-start:var(--s4)}
.note-sig{font-style:italic;color:var(--muted)}
.note-next{display:grid;gap:var(--s3);justify-items:start}
.next-l{display:grid;gap:var(--s1);text-decoration:none;color:var(--fg)}
.next-l b{font-family:var(--f-display);font-weight:500;font-size:clamp(1.5rem,1.2rem + 1vw,2.25rem);color:var(--ink)}
.next-l span{color:var(--muted)}
.next-l:hover b{color:var(--red);text-decoration:underline;text-decoration-thickness:1px}
/* press */
.pr-grid{display:grid;gap:var(--s7);align-items:start}
.pr-t p+p{margin-block-start:var(--s4)}
.pr-t a{color:var(--red);overflow-wrap:anywhere}
.kit{list-style:none;padding:0;margin-block-start:var(--s6);border-block-start:1px solid var(--ink)}
.kit li{padding-block:var(--s3);border-block-end:1px solid var(--line)}
.kit b{font-family:var(--f-display);font-weight:500;font-size:1.1875rem}
.pr-kit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.pr-por{grid-column:1/-1}
.pr-por picture{aspect-ratio:4/5}
.pr-cv picture{aspect-ratio:2/3}
@media (min-width:900px){.pr-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s8)}}
/* studio */
.redesign-n{display:block;margin-block-start:var(--s3);font-size:1rem;color:var(--muted)}
.blocks{list-style:none;padding:0;display:grid;gap:0;border-block-start:1px solid var(--ink)}
.blocks li{padding:var(--s5) 0;border-block-end:1px solid var(--line)}
.blocks .meta{color:var(--red)}
@media (min-width:700px){.blocks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}}
@media (min-width:1100px){.blocks{grid-template-columns:repeat(4,minmax(0,1fr))}}
.st-pair{display:grid;gap:var(--s5)}
.st-pair picture{aspect-ratio:3/2}
@media (min-width:800px){.st-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* credits */
table.credits td:first-child{inline-size:112px}
table.credits img{inline-size:96px;block-size:64px;object-fit:cover}
table.credits td a{color:var(--red)}
.cr-h{margin-block-start:var(--s6)}
/* 404 */
.nf{padding-block:var(--sec)}
.nf-grid{display:grid;gap:var(--s6);align-items:center}
.nf-art{display:grid;place-items:center;color:var(--ink)}
.nf-mark{inline-size:120px;block-size:180px}
@media (min-width:900px){.nf-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}}

/* no motion, anywhere (also the final rule of this sheet) */
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
