:root{
--bg:#f6f1e7;
--paper:#fffaf1;
--paper2:#ece2d2;
--ink:#171512;
--muted:#686259;
--line:#d4c7b5;
--accent:#8f372c;
--accent2:#284f3d;
--gold:#a97d31;
--radius:8px;
--shadow:0 14px 30px rgba(23,21,18,.07);
--wrap:min(1140px,calc(100vw - 44px));
}
body{
background:var(--bg);
font-size:17px;
line-height:1.66;
}
body::before{
opacity:.55;
background:linear-gradient(90deg,rgba(23,21,18,.022) 1px,transparent 1px),linear-gradient(0deg,rgba(23,21,18,.016) 1px,transparent 1px);
background-size:64px 64px;
}
.promo-bar{
background:#17140f;
font-size:.7rem;
letter-spacing:.12em;
border-bottom:1px solid rgba(255,250,241,.12);
}
.promo-inner{
padding:.5rem 0;
display:flex;
justify-content:center;
}
.site-header{
background:rgba(246,241,231,.98);
border-bottom:1px solid var(--line);
box-shadow:none;
}
.header-wrap{
min-height:76px;
grid-template-columns:auto 1px minmax(0,1fr) minmax(160px,230px) auto auto;
gap:clamp(.75rem,1.6vw,1.1rem);
}
.brand{
gap:.7rem;
padding-right:.2rem;
}
.brand img{
width:44px;
height:44px;
}
.brand strong{
font-family:Georgia,"Times New Roman",serif;
font-size:1.12rem;
text-transform:none;
letter-spacing:-.01em;
}
.brand small{
font-size:.75rem;
color:var(--muted);
max-width:17rem;
}
.header-rule{
display:block;
width:1px;
height:42px;
background:var(--line);
}
.desktop-nav{
gap:.1rem;
justify-content:center;
}
.desktop-nav a,.mobile-nav a{
border:0;
border-bottom:1px solid transparent;
padding:.48rem .62rem;
font-size:.72rem;
letter-spacing:.1em;
color:#534d44;
}
.desktop-nav a[aria-current="page"],.desktop-nav a:hover,.mobile-nav a[aria-current="page"],.mobile-nav a:hover{
background:transparent;
border-color:var(--accent);
color:var(--ink);
}
.header-search label,.mobile-search label,.newsletter-form label{
border:1px solid var(--line);
border-radius:0;
background:var(--paper);
}
.header-search button,.menu-button{
border:1px solid var(--line);
border-radius:0;
background:var(--paper);
color:var(--ink);
}
.header-search button:hover,.menu-button:hover{
border-color:var(--ink);
}
.header-search input,.mobile-search input,.newsletter-form input{
font-size:.82rem;
}
.header-contact{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
border:1px solid var(--line);
border-radius:0;
padding:.55rem .85rem;
font-size:.7rem;
font-weight:900;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--ink);
background:transparent;
}
.header-contact:hover{
text-decoration:none;
background:var(--ink);
border-color:var(--ink);
color:var(--paper);
}
.mobile-panel[hidden]{
display:none;
}
.mobile-panel{
border-top:1px solid var(--line);
box-shadow:0 18px 28px rgba(23,21,18,.07);
}
.mobile-nav{
padding-bottom:1rem;
}
.mobile-nav a{
display:flex;
align-items:center;
justify-content:space-between;
min-height:44px;
border-bottom:1px solid var(--line);
font-size:.78rem;
}
.hero-section{
padding:clamp(2rem,4.8vw,4.2rem) 0 clamp(1.2rem,2.4vw,2rem);
}
.home-hero-section{
position:relative;
border-bottom:1px solid var(--line);
}
.home-hero-section::before{
content:"";
position:absolute;
inset:0 auto 0 50%;
width:1px;
background:linear-gradient(180deg,transparent,var(--line),transparent);
opacity:.75;
}
.feature-panel{
border:0;
box-shadow:none;
background:transparent;
padding:0;
grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);
gap:clamp(1.6rem,4vw,4rem);
align-items:center;
}
.feature-copy{
padding:0;
}
.feature-copy h1,.page-hero h1,.publisher-intro h1{
font-family:Georgia,"Times New Roman",serif;
font-weight:500;
font-size:clamp(2.85rem,6.2vw,5.35rem);
line-height:1;
letter-spacing:-.035em;
margin:.05rem 0 1.1rem;
max-width:900px;
}
.feature-copy h2,.section-heading h2,.split-card h2,.cta-inner h2,.guide-card h2,.author-panel h2,.contact-card h2,.legal-copy h2,.newsletter-inner h2,.story-stack article h2{
font-family:Georgia,"Times New Roman",serif;
font-weight:500;
letter-spacing:-.025em;
}
.feature-copy p,.page-hero p,.section-heading p,.newsletter-inner p{
font-size:1.03rem;
line-height:1.72;
color:var(--muted);
}
.feature-image{
min-height:clamp(360px,42vw,530px);
border:1px solid var(--line);
border-radius:8px;
background:var(--paper);
box-shadow:none;
}
.feature-image img{
object-fit:cover;
}
.eyebrow{
color:var(--accent);
font-size:.66rem;
letter-spacing:.18em;
font-weight:900;
}
.button{
border:1px solid var(--ink);
border-radius:0;
box-shadow:none;
padding:.82rem 1.02rem;
font-size:.74rem;
letter-spacing:.1em;
}
.button:hover{
transform:none;
box-shadow:none;
background:var(--accent);
border-color:var(--accent);
}
.button-quiet{
background:transparent;
color:var(--ink);
border-color:var(--line);
box-shadow:none;
}
.button-quiet:hover{
background:var(--paper2);
border-color:var(--line);
color:var(--ink);
}
.section{
padding:clamp(2.6rem,5.8vw,4.8rem) 0;
}
.section-heading{
border-top:1px solid var(--line);
padding-top:1.15rem;
margin-bottom:1.35rem;
}
.section-heading h2,.split-card h2,.cta-inner h2,.feature-copy h2,.newsletter-inner h2{
font-size:clamp(2rem,4.4vw,3.7rem);
line-height:1.04;
}
.shelf-tabs{
gap:.45rem;
margin-bottom:1.25rem;
}
.shelf-tab{
border:1px solid var(--line);
border-radius:999px;
background:transparent;
padding:.55rem .86rem;
font-size:.72rem;
letter-spacing:.1em;
}
.shelf-tab.is-active{
background:var(--ink);
color:var(--paper);
border-color:var(--ink);
}
.book-grid{
gap:1.05rem;
}
.book-card{
grid-template-columns:136px minmax(0,1fr);
gap:1.1rem;
padding:1rem;
border:1px solid var(--line);
border-radius:8px;
box-shadow:none;
background:var(--paper);
transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.book-card::after{
display:none;
}
.book-card:hover{
border-color:#b8ac9d;
transform:translateY(-2px);
box-shadow:0 16px 30px rgba(23,21,18,.065);
}
.book-cover{
min-height:205px;
border:1px solid var(--line);
border-radius:5px;
background:var(--paper2);
}
.book-copy h3{
font-family:Georgia,"Times New Roman",serif;
font-weight:500;
font-size:1.5rem;
letter-spacing:-.018em;
}
.book-copy h3 a:hover{
color:var(--accent);
}
.book-copy p{
font-size:.94rem;
}
.format-line{
font-size:.7rem;
letter-spacing:.11em;
color:var(--accent2);
}
.tag-row{
gap:.32rem;
}
.tag-row span{
border:1px solid var(--line);
border-radius:999px;
background:transparent;
font-size:.6rem;
letter-spacing:.11em;
padding:.2rem .46rem;
}
.text-link{
font-size:.72rem;
letter-spacing:.09em;
color:var(--accent);
}
.guide-card,.author-panel,.contact-form,.contact-card,.book-card,.not-found-panel,.search-panel,.story-stack article,.split-card{
border:1px solid var(--line);
border-radius:8px;
box-shadow:none;
background:var(--paper);
}
.guide-card{
padding:1.2rem;
transition:border-color .18s ease,transform .18s ease;
}
.guide-card:hover{
border-color:#b8ac9d;
transform:translateY(-2px);
text-decoration:none;
}
.guide-card h2,.author-panel h2,.contact-card h2,.story-stack article h2{
line-height:1.08;
}
.split-card{
padding:clamp(1.25rem,3.2vw,2.2rem);
align-items:center;
}
.check-list li{
border:1px solid var(--line);
border-radius:6px;
background:#f6f0e6;
padding:.75rem .88rem;
}
.newsletter-band{
background:linear-gradient(120deg,rgba(23,21,18,.92),rgba(47,90,69,.88)),url('/assets/img/press/newsletter-field.svg') center/cover;
border-block:0;
}
.newsletter-form{
border:1px solid rgba(255,253,248,.7);
border-radius:8px;
box-shadow:none;
padding:.75rem;
}
.newsletter-form .button{
background:var(--accent);
border-color:var(--accent);
color:var(--paper);
}
.browse-grid{
gap:.72rem;
}
.browse-grid a{
border:1px solid var(--line);
border-radius:8px;
box-shadow:none;
background:var(--paper);
font-size:.74rem;
letter-spacing:.1em;
}
.browse-grid a:hover{
background:var(--ink);
color:var(--paper);
box-shadow:none;
}
.page-hero{
padding:clamp(3.1rem,7vw,6rem) 0 1rem;
}
.page-hero h1{
max-width:920px;
}
.page-hero p{
max-width:760px;
}
.author-panel{
grid-template-columns:150px minmax(0,1fr);
padding:1.25rem;
}
.portrait-mark{
width:150px;
border:1px solid var(--line);
border-radius:8px;
}
.contact-grid{
gap:1.2rem;
}
.contact-form input,.contact-form textarea,.contact-form select,.search-form input{
border:1px solid var(--line);
border-radius:6px;
background:var(--paper);
}
.search-form label,.contact-form label{
font-size:.76rem;
letter-spacing:.1em;
}
.legal-copy{
font-size:1rem;
}
.site-footer{
background:#15130f;
border-top:0;
padding:3.2rem 0 1.2rem;
}
.footer-grid{
grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(140px,.55fr));
gap:clamp(1.4rem,4vw,2.4rem);
padding-bottom:2rem;
border-bottom:1px solid rgba(255,253,248,.14);
}
.footer-brand img{
border:1px solid var(--gold);
border-radius:8px;
}
.footer-brand h2{
font-family:Georgia,"Times New Roman",serif;
font-weight:500;
}
.footer-brand p,.footer-contact p{
color:#d9cdbd;
}
.footer-nav h3{
color:#d8aa55;
letter-spacing:.14em;
}
.footer-nav a{
color:#fff7e8;
font-size:.92rem;
}
.copyright{
color:#c6b69f;
}
.footer-bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
padding-top:1.1rem;
}
.footer-utility{
display:flex;
flex-wrap:wrap;
gap:.35rem .9rem;
}
.footer-utility a{
color:#e7dac8;
font-size:.78rem;
letter-spacing:.08em;
text-transform:uppercase;
}
.footer-utility a:hover{
color:#fff7e8;
}
.footer-colophon{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
border-bottom:1px solid rgba(255,253,248,.14);
}
.footer-colophon p{
margin:0;
padding:.9rem 1rem;
border-left:1px solid rgba(255,253,248,.14);
font-size:.62rem;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#d8aa55;
}
.footer-colophon p:last-child{
border-right:1px solid rgba(255,253,248,.14);
}
.home-hero-panel{
position:relative;
grid-template-columns:minmax(0,.88fr) minmax(360px,.76fr);
align-items:center;
gap:clamp(2.2rem,5vw,5.4rem);
}
.home-hero-copy{
padding-top:0;
max-width:640px;
min-height:420px;
display:grid;
align-items:center;
}
.home-carousel-copy{
display:block;
}
.home-carousel-copy[hidden]{
display:none;
}
.home-carousel-copy .byline{
color:var(--ink);
font-size:1rem;
margin:.2rem 0 .65rem;
}
.home-edition-mark{
display:flex;
align-items:center;
gap:.7rem;
margin-bottom:1.1rem;
font-size:.62rem;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--accent);
}
.home-edition-mark i{
display:block;
width:64px;
height:1px;
background:var(--line);
}
.home-hero-aside{
display:grid;
gap:1rem;
}
.home-carousel{
display:grid;
gap:.9rem;
position:relative;
}
.home-cover-stack{
position:relative;
min-height:clamp(330px,36vw,470px);
overflow:hidden;
}
.home-cover-stack::before{
content:"";
position:absolute;
left:10%;
right:10%;
bottom:7%;
height:1px;
background:var(--line);
}
.home-cover{
position:absolute;
top:50%;
left:50%;
display:block;
width:40%;
height:76%;
background:transparent;
border:0;
border-radius:0;
padding:0;
box-shadow:none;
opacity:0;
pointer-events:none;
transform:translate(-50%,-50%) scale(.72);
transition:transform .45s ease,opacity .45s ease,left .45s ease,z-index .45s ease;
}
.home-cover img{
width:100%;
height:100%;
object-fit:contain;
filter:drop-shadow(0 18px 22px rgba(23,21,18,.13));
}
.home-cover.is-active{
left:50%;
width:43%;
height:94%;
opacity:1;
z-index:3;
pointer-events:auto;
transform:translate(-50%,-50%) scale(1);
}
.home-cover.is-prev{
left:16%;
width:31%;
height:68%;
opacity:.76;
z-index:2;
pointer-events:auto;
transform:translate(-50%,-50%) scale(.9);
}
.home-cover.is-next{
left:84%;
width:31%;
height:68%;
opacity:.76;
z-index:2;
pointer-events:auto;
transform:translate(-50%,-50%) scale(.9);
}
.home-carousel-controls{
display:flex;
justify-content:center;
gap:.5rem;
}
.home-carousel-controls button{
display:grid;
place-items:center;
width:38px;
height:38px;
border:1px solid var(--line);
border-radius:0;
background:var(--paper);
color:var(--ink);
font:inherit;
font-size:1.35rem;
line-height:1;
cursor:pointer;
}
.home-carousel-controls button:hover{
border-color:var(--ink);
background:var(--ink);
color:var(--paper);
}
.home-ledger,.catalog-ledger{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:.55rem;
margin:0;
}
.home-ledger div,.catalog-ledger div{
border:1px solid var(--line);
border-radius:0;
background:rgba(255,253,248,.72);
padding:.72rem .8rem;
}
.home-ledger dt,.catalog-ledger dt{
margin:0 0 .15rem;
font-size:.62rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--muted);
}
.home-ledger dd,.catalog-ledger dd{
margin:0;
font-family:Georgia,"Times New Roman",serif;
font-size:1.65rem;
line-height:1;
color:var(--ink);
}
.catalog-ledger{
max-width:560px;
margin-top:1.4rem;
}
.home-index-band{
border-block:1px solid var(--line);
background:#eee5d6;
}
.home-index-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
}
.home-index-grid a{
display:grid;
grid-template-rows:auto auto 1fr;
gap:.35rem;
min-height:136px;
padding:1.05rem 1.05rem 1.15rem;
border-right:1px solid var(--line);
color:var(--ink);
}
.home-index-grid a:first-child{
border-left:1px solid var(--line);
}
.home-index-grid a:hover{
background:#fff8ed;
text-decoration:none;
}
.home-index-grid span{
font-size:.62rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--accent);
}
.home-index-grid strong{
font-family:Georgia,"Times New Roman",serif;
font-size:1.35rem;
font-weight:500;
line-height:1.05;
}
.home-index-grid em{
align-self:end;
font-style:normal;
font-size:.84rem;
line-height:1.45;
color:var(--muted);
}
.home-colophon-band{
background:#15130f;
color:#fff7e8;
border-bottom:1px solid var(--line);
}
.home-colophon-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
min-height:58px;
align-items:center;
}
.home-colophon-grid p{
margin:0;
padding:.9rem 1rem;
border-left:1px solid rgba(255,250,241,.16);
font-size:.64rem;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#e6d8c3;
}
.home-colophon-grid p:last-child{
border-right:1px solid rgba(255,250,241,.16);
}
.home-paths-section{
padding-top:clamp(2.8rem,5vw,4.4rem);
}
.home-house-section{
padding:clamp(2.8rem,5vw,4.6rem) 0;
background:#201b15;
color:#fff7e8;
max-width:none;
width:100%;
}
.home-house-section > *{
width:var(--wrap);
margin-inline:auto;
}
.home-house-section .section-heading{
border-color:rgba(255,250,241,.2);
}
.home-house-section .section-heading p{
color:#d8cbb9;
}
.house-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1rem;
}
.house-card{
min-height:250px;
display:flex;
flex-direction:column;
justify-content:space-between;
border:1px solid rgba(255,250,241,.2);
border-radius:0;
background:transparent;
padding:1.2rem;
}
.house-card h3{
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(1.7rem,3vw,2.45rem);
font-weight:500;
line-height:1.02;
letter-spacing:-.025em;
margin:.4rem 0 auto;
}
.house-card p:last-child{
color:#d8cbb9;
margin:1.2rem 0 0;
}
.home-newsletter-band{
margin-top:clamp(1rem,2vw,1.6rem);
}
.books .book-grid-wide{
grid-template-columns:1fr;
max-width:980px;
margin-inline:auto;
}
.catalog-toolbar{
max-width:980px;
margin:0 auto 1rem;
display:grid;
gap:.75rem;
padding:1rem;
border:1px solid var(--line);
border-radius:8px;
background:rgba(255,253,248,.62);
}
.catalog-filter-group{
display:flex;
flex-wrap:wrap;
gap:.45rem;
}
.catalog-filter-group a{
display:inline-flex;
align-items:center;
min-height:34px;
border:1px solid var(--line);
border-radius:999px;
padding:.42rem .72rem;
font-size:.68rem;
font-weight:900;
letter-spacing:.09em;
text-transform:uppercase;
color:var(--muted);
background:var(--paper);
}
.catalog-filter-group a:hover,.catalog-filter-group a[aria-current="page"]{
text-decoration:none;
border-color:var(--ink);
background:var(--ink);
color:var(--paper);
}
.books .book-grid-wide .book-card{
grid-template-columns:170px minmax(0,1fr);
padding:1.1rem;
}
.books .book-grid-wide .book-cover{
min-height:255px;
}
.catalog-empty{
max-width:980px;
margin:1rem auto 0;
padding:1.2rem;
border:1px solid var(--line);
border-radius:8px;
background:var(--paper);
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
}
.catalog-empty p{
margin:0;
color:var(--muted);
}
.book-detail .page-hero{
border-bottom:1px solid var(--line);
padding-bottom:clamp(1.6rem,3vw,2.4rem);
}
.book-detail .feature-panel{
grid-template-columns:minmax(250px,390px) minmax(0,1fr);
align-items:start;
max-width:1040px;
}
.book-detail .feature-image{
order:-1;
justify-self:center;
width:min(100%,390px);
min-height:0;
aspect-ratio:2/3;
padding:clamp(.75rem,2vw,1.1rem);
background:linear-gradient(180deg,#f7f1e6,#ebe2d3);
border-color:#c8bcac;
}
.book-detail .feature-image img{
width:100%;
height:100%;
object-fit:contain;
filter:drop-shadow(0 18px 24px rgba(23,21,18,.16));
}
.book-detail .feature-copy{
padding-top:.25rem;
}
.book-detail .feature-copy h2{
font-size:clamp(2rem,4vw,3.2rem);
}
.book-detail .feature-copy .byline{
font-size:1rem;
color:var(--ink);
}
.book-detail .check-list{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:.6rem;
}
.book-detail .check-list li{
font-size:.88rem;
}
.book-detail .tag-row{
margin-top:1.1rem;
}
.book-detail .story-stack{
max-width:900px;
}
.book-detail .story-stack article{
display:grid;
grid-template-columns:minmax(160px,.32fr) minmax(0,1fr);
gap:1.2rem;
align-items:start;
}
.book-detail .story-stack .eyebrow{
margin:0;
}
.book-detail .split-card{
max-width:980px;
}
.book-dossier{
display:grid;
grid-template-columns:minmax(240px,360px) minmax(0,1fr);
gap:clamp(1.4rem,4vw,4rem);
align-items:center;
border-bottom:1px solid var(--line);
padding-top:clamp(2.2rem,5vw,4.2rem);
padding-bottom:clamp(2.2rem,5vw,4.2rem);
}
.book-dossier-cover{
display:grid;
gap:1rem;
}
.book-dossier-frame{
position:relative;
display:grid;
place-items:center;
min-height:0;
height:clamp(360px,44vw,520px);
border:1px solid var(--line);
background:linear-gradient(180deg,#fff9ee,#ede3d4);
padding:clamp(.8rem,2vw,1.4rem);
}
.book-dossier-frame::before{
content:"";
position:absolute;
inset:clamp(.7rem,2vw,1.1rem);
border:1px solid rgba(23,21,18,.14);
pointer-events:none;
}
.book-dossier-frame img{
width:100%;
height:100%;
object-fit:contain;
filter:drop-shadow(0 22px 28px rgba(23,21,18,.18));
}
.book-dossier-main{
display:grid;
gap:.75rem;
max-width:760px;
}
.book-dossier-main h1{
font-family:Georgia,"Times New Roman",serif;
font-weight:500;
font-size:clamp(3rem,6vw,5.6rem);
line-height:.98;
letter-spacing:-.035em;
margin:.1rem 0 .15rem;
}
.book-dossier-main > p:not(.eyebrow):not(.byline){
max-width:64ch;
color:var(--muted);
}
.book-dossier-main .format-line{
margin:.1rem 0 .35rem;
font-size:.74rem;
}
.book-meta-ledger{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
margin:.35rem 0 0;
border-top:1px solid var(--line);
border-left:1px solid var(--line);
}
.book-meta-ledger div{
display:grid;
gap:.2rem;
min-height:76px;
padding:.68rem .75rem;
border-right:1px solid var(--line);
border-bottom:1px solid var(--line);
background:rgba(255,250,241,.58);
}
.book-meta-ledger dt{
font-size:.62rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--accent);
}
.book-meta-ledger dd{
margin:0;
font-family:Georgia,"Times New Roman",serif;
font-size:1rem;
line-height:1.15;
color:var(--ink);
}
.book-notes{
counter-reset:note;
max-width:1120px;
border-top:1px solid var(--line);
}
.book-notes article{
counter-increment:note;
display:grid;
grid-template-columns:72px minmax(170px,.3fr) minmax(0,1fr);
gap:1rem;
align-items:start;
border-width:0 0 1px;
border-radius:0;
background:transparent;
padding:1.15rem 0;
}
.book-notes article::before{
content:counter(note,decimal-leading-zero);
align-self:stretch;
display:grid;
place-items:start center;
padding-top:.15rem;
border-right:1px solid var(--line);
font-size:.64rem;
font-weight:900;
letter-spacing:.12em;
color:var(--accent);
}
.book-notes article .eyebrow{
margin:.05rem 0 0;
}
.book-notes article p:last-child{
margin:0;
max-width:68ch;
}
.related-catalog{
padding-top:clamp(2rem,4vw,3.4rem);
}
.related-catalog-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:0;
border:1px solid var(--line);
background:var(--paper);
}
.related-catalog-grid a{
display:grid;
grid-template-rows:260px auto auto;
gap:.35rem;
padding:1rem;
border-right:1px solid var(--line);
color:var(--ink);
}
.related-catalog-grid a:last-child{
border-right:0;
}
.related-catalog-grid a:hover{
text-decoration:none;
background:#fff8ed;
}
.related-catalog-grid img{
width:100%;
height:100%;
object-fit:contain;
filter:drop-shadow(0 14px 18px rgba(23,21,18,.12));
}
.related-catalog-grid span{
font-size:.62rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--accent);
}
.related-catalog-grid strong{
font-family:Georgia,"Times New Roman",serif;
font-size:1.35rem;
font-weight:500;
line-height:1.05;
}
.contact-form,.search-panel{
max-width:100%;
}
.contact-form input,.contact-form textarea,.contact-form select,.search-form input{
transition:border-color .16s ease,box-shadow .16s ease;
}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus,.search-form input:focus{
outline:0;
border-color:var(--accent);
box-shadow:0 0 0 3px rgba(143,55,44,.12);
}
.search-results .guide-card h3{
font-family:Georgia,"Times New Roman",serif;
font-weight:500;
font-size:1.45rem;
line-height:1.12;
margin:.2rem 0 .4rem;
}
.journal-stack article{
min-height:260px;
display:flex;
flex-direction:column;
}
.journal-stack article .text-link{
margin-top:auto;
}
.legal-copy{
max-width:760px;
}
.office-file-stack{
display:grid;
max-width:1120px;
border-top:1px solid var(--line);
}
.office-file-stack article{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:1rem;
border-bottom:1px solid var(--line);
padding:1.15rem 0;
}
.office-file-stack span{
align-self:stretch;
display:grid;
place-items:start center;
padding-top:.2rem;
border-right:1px solid var(--line);
font-size:.64rem;
font-weight:900;
letter-spacing:.12em;
color:var(--accent);
}
.office-file-stack h2{
font-family:Georgia,"Times New Roman",serif;
font-weight:500;
font-size:clamp(1.7rem,3.2vw,2.55rem);
line-height:1.05;
letter-spacing:-.025em;
margin:0 0 .45rem;
}
.office-file-stack p{
max-width:72ch;
margin:0;
color:var(--muted);
}
.office-ledger{
display:grid;
margin:1rem 0 0;
border-top:1px solid var(--line);
border-left:1px solid var(--line);
}
.office-ledger div{
display:grid;
gap:.2rem;
padding:.75rem;
border-right:1px solid var(--line);
border-bottom:1px solid var(--line);
background:rgba(255,250,241,.58);
}
.office-ledger dt{
font-size:.62rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--accent);
}
.office-ledger dd{
margin:0;
font-family:Georgia,"Times New Roman",serif;
font-size:1.05rem;
line-height:1.15;
word-break:break-word;
}
.contact .contact-grid{
grid-template-columns:minmax(0,1fr) minmax(300px,380px);
max-width:1120px;
align-items:start;
}
.contact .contact-form,.newsletter .contact-form,.search-panel{
border-radius:0;
background:var(--paper);
border:1px solid var(--line);
box-shadow:inset 0 1px 0 rgba(255,250,241,.7);
}
.contact .contact-card{
border-radius:0;
background:#eee5d6;
}
.contact-card h2{
margin-top:.15rem;
}
.contact-form input,.contact-form textarea,.contact-form select,.search-form input{
border-radius:0;
}
.search-panel{
max-width:1120px;
padding:1rem;
}
.search-form{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:.7rem;
align-items:end;
}
.search-results{
border-top:1px solid var(--line);
margin-top:1.2rem;
padding-top:1rem;
}
.search-results h2{
font-family:Georgia,"Times New Roman",serif;
font-weight:500;
font-size:clamp(1.6rem,3vw,2.2rem);
margin:.1rem 0 1rem;
}
.search-results .guide-card{
border-width:0 0 1px;
border-radius:0;
background:transparent;
padding:1rem 0;
}
.legal-copy{
position:relative;
}
.privacy .legal-copy:not(.page-hero),.terms .legal-copy:not(.page-hero){
display:grid;
gap:0;
max-width:900px;
border-top:1px solid var(--line);
}
.privacy .legal-copy:not(.page-hero) h2,.terms .legal-copy:not(.page-hero) h2{
margin:0;
padding:1rem 0 .35rem;
border-top:1px solid var(--line);
}
.privacy .legal-copy:not(.page-hero) h2:first-child,.terms .legal-copy:not(.page-hero) h2:first-child{
border-top:0;
}
.privacy .legal-copy:not(.page-hero) p,.terms .legal-copy:not(.page-hero) p{
margin:0;
padding:0 0 1rem;
}
.submissions .split-card:first-of-type{
max-width:980px;
grid-template-columns:minmax(0,1fr) auto;
border-color:#c6baaa;
background:linear-gradient(180deg,#fffdf8,#f7f1e7);
}
.submissions .guide-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:start;
}
.submissions .guide-card{
min-height:100%;
}
.submissions .guide-card h2{
font-size:clamp(1.45rem,2.4vw,2rem);
padding-bottom:.75rem;
border-bottom:1px solid var(--line);
}
.submissions .check-list{
gap:.5rem;
}
.submissions .check-list li{
background:transparent;
border:0;
border-bottom:1px solid var(--line);
border-radius:0;
padding:.65rem 0;
}
.submissions .story-stack{
counter-reset:process;
max-width:900px;
}
.submissions .story-stack article{
position:relative;
padding-left:clamp(1.2rem,4vw,3.6rem);
}
.submissions .story-stack article::before{
counter-increment:process;
content:counter(process);
position:absolute;
left:1.1rem;
top:1.2rem;
font-family:Georgia,"Times New Roman",serif;
font-size:1.7rem;
line-height:1;
color:var(--accent);
}
.contact .contact-grid{
grid-template-columns:minmax(0,1fr) minmax(260px,340px);
max-width:1040px;
}
.contact .contact-form{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1rem;
}
.contact .contact-form .message-field,.contact .contact-form button,.contact .form-status{
grid-column:1/-1;
}
.contact .contact-card{
position:sticky;
top:104px;
}
.contact-card h2{
font-size:clamp(1.5rem,2.6vw,2.1rem);
}
.newsletter .feature-panel{
grid-template-columns:minmax(0,1fr) minmax(300px,420px);
align-items:start;
max-width:1040px;
}
.newsletter .contact-form{
margin-top:.2rem;
}
.newsletter .guide-grid,.shop .guide-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.newsletter .guide-card,.shop .guide-card{
display:grid;
align-content:start;
min-height:220px;
}
.shop .split-card{
max-width:980px;
background:linear-gradient(180deg,#fffdf8,#f5eee3);
}
.authors .author-panel{
max-width:980px;
grid-template-columns:132px minmax(0,1fr);
margin-top:0;
margin-bottom:1rem;
}
.authors .author-panel + .author-panel{
margin-top:0;
}
.authors .portrait-mark{
width:132px;
}
.authors .author-panel h2{
font-size:clamp(1.8rem,3.5vw,2.8rem);
}
.authors .split-card{
max-width:980px;
}
.journal .journal-stack{
grid-template-columns:repeat(2,minmax(0,1fr));
max-width:980px;
}
.journal .journal-stack article{
min-height:300px;
}
.journal .split-card{
max-width:980px;
}
.page-hero{
position:relative;
border-bottom:1px solid var(--line);
padding-bottom:clamp(1.25rem,3vw,2rem);
}
.page-hero .catalog-ledger{
max-width:620px;
}
.authors .page-hero,.journal .page-hero,.submissions .page-hero,.shop .page-hero{
padding-top:clamp(3rem,6vw,5.4rem);
}
.books .page-hero{
padding-top:clamp(2rem,4vw,3.4rem);
padding-bottom:clamp(1rem,2vw,1.6rem);
}
.books .page-hero h1{
font-size:clamp(2.8rem,5.4vw,4.8rem);
max-width:820px;
}
.catalog-section{
padding-top:clamp(1.6rem,3vw,2.4rem);
}
.catalog-shell{
display:grid;
grid-template-columns:minmax(210px,260px) minmax(0,1fr);
gap:clamp(1.2rem,3vw,2rem);
align-items:start;
}
.catalog-results{
display:grid;
gap:1rem;
}
.catalog-results-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
min-height:44px;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
}
.catalog-results-heading p{
margin:0;
}
.books .book-grid-wide{
counter-reset:catalog;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
max-width:none;
gap:1rem;
border:0;
}
.books .book-grid-wide .book-card{
counter-increment:catalog;
display:grid;
grid-template-columns:150px minmax(0,1fr);
grid-template-rows:auto 1fr;
align-items:stretch;
gap:1rem;
position:relative;
border:1px solid var(--line);
border-radius:0;
background:rgba(255,250,241,.68);
padding:1rem;
}
.books .book-grid-wide .book-card::before{
content:counter(catalog,decimal-leading-zero);
position:absolute;
top:.85rem;
right:.9rem;
display:grid;
place-items:center;
width:2.4rem;
height:2.4rem;
border:1px solid var(--line);
background:var(--paper);
font-size:.64rem;
font-weight:900;
letter-spacing:.12em;
color:var(--accent);
}
.books .book-grid-wide .book-card:hover{
transform:translateY(-2px);
box-shadow:none;
background:var(--paper);
}
.books .book-grid-wide .book-cover{
min-height:0;
height:235px;
grid-row:1/3;
border:1px solid var(--line);
background:#f3eadc;
padding:.5rem;
}
.books .book-grid-wide .book-cover img{
object-fit:contain;
filter:drop-shadow(0 14px 16px rgba(23,21,18,.12));
}
.books .book-grid-wide .book-copy{
display:grid;
grid-template-columns:1fr;
gap:.38rem;
align-items:start;
padding-right:2.6rem;
}
.books .book-grid-wide .book-copy .eyebrow,.books .book-grid-wide .book-copy h3,.books .book-grid-wide .book-copy .byline,.books .book-grid-wide .book-copy .format-line{
grid-column:1;
}
.books .book-grid-wide .book-copy > p:not(.eyebrow):not(.byline):not(.format-line){
grid-column:1;
max-width:52ch;
}
.books .book-grid-wide .book-copy .tag-row{
grid-column:1;
grid-row:auto;
align-content:start;
margin:.25rem 0 0;
padding-left:0;
border-left:0;
}
.books .book-grid-wide .book-copy .text-link{
grid-column:1;
align-self:end;
padding-left:0;
margin-top:.35rem;
}
.catalog-toolbar{
position:sticky;
top:104px;
max-width:none;
display:grid;
grid-template-columns:1fr;
align-self:start;
border-radius:0;
background:#eee5d6;
box-shadow:inset 0 1px 0 rgba(255,250,241,.7);
margin:0;
}
.catalog-toolbar-heading{
display:grid;
gap:.25rem;
padding:.25rem 0 .7rem;
border-bottom:1px solid rgba(23,21,18,.12);
}
.catalog-toolbar-heading p{
margin:0;
color:var(--muted);
font-size:.9rem;
line-height:1.45;
}
.catalog-filter-group{
display:grid;
gap:.35rem;
padding:.25rem 0;
border-bottom:1px solid rgba(23,21,18,.08);
}
.catalog-filter-group:last-child{
border-bottom:0;
}
.catalog-filter-group a{
justify-content:space-between;
border-radius:0;
background:transparent;
}
.catalog-empty{
max-width:1120px;
border-radius:0;
}
.authors .author-panel{
position:relative;
max-width:1120px;
grid-template-columns:88px 126px minmax(0,1fr) auto;
align-items:center;
gap:1rem;
counter-increment:author;
border-radius:0;
padding:1rem 0;
background:transparent;
border-width:0 0 1px;
}
.authors{
counter-reset:author;
}
.authors .author-panel::before{
content:counter(author,decimal-leading-zero);
align-self:stretch;
display:grid;
place-items:start center;
padding-top:.35rem;
border-right:1px solid var(--line);
font-size:.64rem;
font-weight:900;
letter-spacing:.12em;
color:var(--accent);
}
.authors .portrait-mark{
width:126px;
border-radius:0;
background:transparent;
border-color:var(--line);
}
.authors .author-panel > div:last-child{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:.25rem 1rem;
align-items:center;
}
.authors .author-panel .eyebrow,.authors .author-panel h2,.authors .author-panel p{
grid-column:1;
}
.authors .author-panel .text-link{
grid-column:2;
grid-row:1/4;
align-self:center;
padding-left:1rem;
border-left:1px solid var(--line);
}
.journal .journal-stack{
counter-reset:journal;
max-width:1120px;
gap:0;
border-top:1px solid var(--line);
}
.journal .journal-stack article{
counter-increment:journal;
display:grid;
grid-template-columns:72px minmax(0,1fr) auto;
gap:1rem;
min-height:0;
border-width:0 0 1px;
border-radius:0;
background:transparent;
padding:1.2rem 0;
}
.journal .journal-stack article::before{
content:counter(journal,decimal-leading-zero);
grid-row:1/4;
display:grid;
place-items:start center;
padding-top:.2rem;
border-right:1px solid var(--line);
font-size:.64rem;
font-weight:900;
letter-spacing:.12em;
color:var(--accent);
}
.journal .journal-stack article h2{
font-size:clamp(1.8rem,3.3vw,2.75rem);
margin:0;
}
.journal .journal-stack article p:not(.eyebrow){
max-width:66ch;
}
.journal .journal-stack article .text-link{
grid-column:3;
grid-row:1/4;
align-self:center;
padding-left:1rem;
border-left:1px solid var(--line);
}
.submissions .guide-grid{
max-width:1120px;
gap:0;
border:1px solid var(--line);
background:var(--paper);
}
.submissions .guide-card{
border-width:0 1px 0 0;
border-radius:0;
background:transparent;
padding:1.25rem;
}
.submissions .guide-card:last-child{
border-right:0;
}
.submissions .story-stack{
max-width:1120px;
border-top:1px solid var(--line);
}
.submissions .story-stack article{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:1rem;
border-width:0 0 1px;
border-radius:0;
background:transparent;
padding:1.15rem 0;
}
.submissions .story-stack article::before{
position:static;
grid-row:1/3;
display:grid;
place-items:start center;
padding-top:.15rem;
border-right:1px solid var(--line);
font-size:.78rem;
font-family:inherit;
font-weight:900;
letter-spacing:.12em;
color:var(--accent);
}
.submissions .story-stack article .eyebrow{
margin:.1rem 0 0;
}
.shop .guide-grid,.newsletter .guide-grid{
max-width:1120px;
gap:0;
border:1px solid var(--line);
background:var(--paper);
}
.shop .guide-card,.newsletter .guide-card{
border-width:0 1px 0 0;
border-radius:0;
background:transparent;
}
.shop .guide-card:last-child,.newsletter .guide-card:last-child{
border-right:0;
}
.privacy .legal-copy,.terms .legal-copy{
border-top:1px solid var(--line);
padding-top:1.5rem;
}
.privacy .legal-copy h2,.terms .legal-copy h2{
font-size:clamp(1.35rem,2.2vw,1.8rem);
}
@media (max-width:900px){
.feature-panel,.split-card,.contact-grid,.footer-grid,.newsletter-inner{
grid-template-columns:1fr;
}
.feature-image{
min-height:320px;
}
.book-grid,.book-grid-wide,.guide-grid,.journal-stack{
grid-template-columns:1fr;
}
.book-card{
grid-template-columns:122px minmax(0,1fr);
}
.book-cover{
min-height:184px;
}
.section-heading{
display:grid;
}
.desktop-nav,.header-search{
display:none;
}
.header-rule{
display:none;
}
.header-contact{
display:none;
}
.menu-button{
display:grid;
}
.header-wrap{
grid-template-columns:1fr auto;
min-height:70px;
}
.site-header.is-open .mobile-panel{
display:block;
}
.home-hero-panel{
grid-template-columns:1fr;
}
.home-hero-copy{
min-height:0;
}
.home-cover-stack{
min-height:390px;
}
.home-ledger,.catalog-ledger{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-index-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-colophon-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.house-grid{
grid-template-columns:1fr;
}
.home-index-grid a:nth-child(odd){
border-left:1px solid var(--line);
}
.books .book-grid-wide .book-card{
grid-template-columns:140px minmax(0,1fr);
}
.books .book-grid-wide .book-cover{
height:220px;
}
.catalog-shell{
grid-template-columns:1fr;
}
.catalog-toolbar{
position:static;
}
.catalog-filter-group{
display:flex;
}
.catalog-empty{
display:grid;
}
.book-detail .feature-panel{
grid-template-columns:1fr;
max-width:720px;
}
.book-detail .feature-image{
width:min(100%,340px);
}
.book-detail .check-list{
grid-template-columns:1fr;
}
.book-detail .story-stack article{
grid-template-columns:1fr;
gap:.35rem;
}
.book-dossier{
grid-template-columns:1fr;
max-width:820px;
padding-top:clamp(1.8rem,4vw,3rem);
}
.book-dossier-cover{
position:static;
max-width:340px;
}
.book-dossier-frame{
height:clamp(360px,58vw,500px);
}
.book-meta-ledger{
grid-template-columns:1fr 1fr;
}
.book-notes article{
grid-template-columns:52px minmax(140px,.3fr) minmax(0,1fr);
}
.related-catalog-grid{
grid-template-columns:1fr;
}
.related-catalog-grid a{
grid-template-rows:220px auto auto;
border-right:0;
border-bottom:1px solid var(--line);
}
.related-catalog-grid a:last-child{
border-bottom:0;
}
.submissions .guide-grid,.newsletter .guide-grid,.shop .guide-grid,.journal .journal-stack{
grid-template-columns:1fr;
}
.submissions .split-card:first-of-type,.contact .contact-grid,.newsletter .feature-panel{
grid-template-columns:1fr;
}
.contact .contact-form{
grid-template-columns:1fr;
}
.contact .contact-form .message-field,.contact .contact-form button,.contact .form-status{
grid-column:auto;
}
.contact .contact-card{
position:static;
}
.search-form{
grid-template-columns:1fr;
}
.footer-colophon{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.authors .author-panel{
grid-template-columns:1fr;
}
.books .book-grid-wide .book-card{
grid-template-columns:140px minmax(0,1fr);
padding:1rem;
}
.books .book-grid-wide .book-copy{
grid-template-columns:1fr;
}
.books .book-grid-wide .book-copy .eyebrow,.books .book-grid-wide .book-copy h3,.books .book-grid-wide .book-copy .byline,.books .book-grid-wide .book-copy .format-line,.books .book-grid-wide .book-copy > p:not(.eyebrow):not(.byline):not(.format-line),.books .book-grid-wide .book-copy .tag-row,.books .book-grid-wide .book-copy .text-link{
grid-column:1;
}
.books .book-grid-wide .book-copy .tag-row{
grid-row:auto;
padding-left:0;
border-left:0;
}
.books .book-grid-wide .book-copy .text-link{
padding-left:0;
}
.books .book-grid-wide .book-cover{
height:220px;
}
.authors .author-panel{
grid-template-columns:46px 112px minmax(0,1fr);
}
.authors .author-panel > div:last-child{
grid-template-columns:1fr;
}
.authors .author-panel .text-link{
grid-column:1;
grid-row:auto;
padding-left:0;
border-left:0;
}
.authors .portrait-mark{
width:112px;
}
.journal .journal-stack article{
grid-template-columns:48px minmax(0,1fr);
}
.journal .journal-stack article .text-link{
grid-column:2;
grid-row:auto;
align-self:start;
padding-left:0;
border-left:0;
}
.submissions .guide-grid,.shop .guide-grid,.newsletter .guide-grid{
grid-template-columns:1fr;
}
.submissions .guide-card,.shop .guide-card,.newsletter .guide-card{
border-width:0 0 1px;
}
.submissions .guide-card:last-child,.shop .guide-card:last-child,.newsletter .guide-card:last-child{
border-bottom:0;
}
}
@media (max-width:560px){
:root{
--wrap:min(100vw - 28px,1140px);
}
.feature-copy h1,.page-hero h1,.publisher-intro h1{
font-size:2.75rem;
}
.feature-copy p,.page-hero p,.section-heading p,.newsletter-inner p{
font-size:1rem;
}
.book-card{
grid-template-columns:1fr;
}
.books .book-grid-wide .book-card{
grid-template-columns:1fr;
gap:.65rem;
padding:1rem;
}
.books .book-grid-wide .book-card::before{
top:.8rem;
right:.8rem;
border-bottom:1px solid var(--line);
padding:0;
}
.books .book-grid-wide .book-cover{
min-height:0;
height:260px;
grid-row:auto;
}
.books .book-grid-wide .book-copy{
padding-right:0;
}
.catalog-results-heading{
display:grid;
align-items:start;
padding:.55rem 0;
}
.authors .author-panel{
grid-template-columns:1fr;
gap:.65rem;
padding:1rem 0;
}
.authors .author-panel::before{
place-items:start;
border-right:0;
border-bottom:1px solid var(--line);
padding:0 0 .5rem;
}
.journal .journal-stack article,.submissions .story-stack article{
grid-template-columns:1fr;
gap:.55rem;
}
.book-dossier-frame{
height:390px;
padding:1rem;
}
.book-dossier-main h1{
font-size:2.75rem;
}
.book-meta-ledger{
grid-template-columns:1fr;
}
.book-notes article{
grid-template-columns:1fr;
gap:.55rem;
}
.book-notes article::before{
place-items:start;
border-right:0;
border-bottom:1px solid var(--line);
padding:0 0 .5rem;
}
.related-catalog-grid a{
grid-template-rows:260px auto auto;
}
.office-file-stack article{
grid-template-columns:1fr;
gap:.55rem;
}
.office-file-stack span{
place-items:start;
border-right:0;
border-bottom:1px solid var(--line);
padding:0 0 .5rem;
}
.footer-colophon{
grid-template-columns:1fr;
}
.footer-colophon p,.footer-colophon p:last-child{
border-right:1px solid rgba(255,253,248,.14);
}
.journal .journal-stack article::before,.submissions .story-stack article::before{
place-items:start;
border-right:0;
border-bottom:1px solid var(--line);
padding:0 0 .5rem;
}
.book-cover{
min-height:285px;
}
.button{
width:100%;
}
.browse-grid{
grid-template-columns:1fr;
}
.author-panel{
grid-template-columns:1fr;
}
.portrait-mark{
width:128px;
}
.newsletter-form{
grid-template-columns:1fr;
}
.brand strong{
font-size:1.02rem;
}
.footer-bottom{
display:grid;
justify-items:start;
}
.footer-utility{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
width:100%;
gap:.45rem .8rem;
}
.home-ledger,.catalog-ledger{
grid-template-columns:1fr;
}
.home-cover-stack{
min-height:330px;
}
.home-cover.is-active{
width:58%;
}
.home-cover.is-prev{
left:18%;
width:42%;
}
.home-cover.is-next{
left:82%;
width:42%;
}
.home-index-grid{
grid-template-columns:1fr;
}
.home-colophon-grid{
grid-template-columns:1fr;
}
.home-colophon-grid p,.home-colophon-grid p:last-child{
border-right:1px solid rgba(255,250,241,.16);
}
.home-index-grid a,.home-index-grid a:first-child,.home-index-grid a:nth-child(odd){
border-left:1px solid var(--line);
border-right:1px solid var(--line);
}
}

@media (max-width:760px){
body{
font-size:16px;
line-height:1.58;
}
.promo-inner{
justify-content:center;
text-align:center;
font-size:.62rem;
line-height:1.35;
}
.site-header{
position:sticky;
top:0;
}
.header-wrap{
min-height:64px;
gap:.6rem;
}
.brand{
min-width:0;
}
.brand img{
width:38px;
height:38px;
flex:0 0 auto;
}
.brand span{
min-width:0;
}
.brand strong{
font-size:.98rem;
line-height:1;
white-space:nowrap;
}
.brand small{
display:block;
font-size:.68rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:180px;
}
.menu-button{
width:42px;
height:42px;
flex:0 0 auto;
}
.mobile-panel{
background:rgba(246,241,231,.99);
max-height:calc(100vh - 64px);
overflow:auto;
}
.mobile-nav{
gap:0;
padding-block:.55rem;
}
.mobile-nav a{
min-height:48px;
padding:.7rem 0;
border-bottom:1px solid var(--line);
font-size:.78rem;
letter-spacing:.12em;
}
.mobile-search{
grid-template-columns:1fr;
gap:.55rem;
padding-top:.7rem;
padding-bottom:1rem;
}
.mobile-search .button{
min-height:44px;
}
.site-main{
overflow:hidden;
}
.section{
padding:2.6rem 0;
}
.page-hero{
padding:2rem 0 1.25rem;
}
.page-hero h1,.feature-copy h1,.publisher-intro h1{
font-size:clamp(2.35rem,12vw,3.2rem);
line-height:1.02;
letter-spacing:-.025em;
}
.section-heading{
gap:.45rem;
margin-bottom:1rem;
}
.section-heading h2,.split-card h2,.cta-inner h2,.feature-copy h2,.newsletter-inner h2{
font-size:clamp(1.75rem,9vw,2.35rem);
line-height:1.06;
}
.hero-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:.55rem;
margin-top:1rem;
}
.button{
width:auto;
min-height:44px;
padding:.72rem .8rem;
font-size:.68rem;
}
.hero-actions .button{
width:100%;
}
.home-hero-section{
border-bottom:0;
padding-top:1.5rem;
}
.home-hero-section::before{
display:none;
}
.home-hero-panel{
display:flex;
flex-direction:column;
gap:1rem;
}
.home-hero-copy{
order:2;
min-height:0;
max-width:none;
}
.home-hero-aside{
order:1;
gap:.7rem;
}
.home-edition-mark{
margin-bottom:.65rem;
font-size:.58rem;
}
.home-edition-mark i{
width:44px;
}
.home-carousel-copy h1{
font-size:clamp(2.45rem,13vw,3.35rem);
}
.home-cover-stack{
min-height:clamp(260px,74vw,360px);
}
.home-cover.is-active{
width:50%;
height:92%;
}
.home-cover.is-prev{
left:15%;
width:35%;
height:66%;
opacity:.6;
}
.home-cover.is-next{
left:85%;
width:35%;
height:66%;
opacity:.6;
}
.home-carousel-controls{
justify-content:flex-end;
}
.home-carousel-controls button{
width:42px;
height:42px;
}
.home-ledger,.catalog-ledger{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:.4rem;
}
.home-ledger div,.catalog-ledger div{
padding:.55rem;
}
.home-ledger dt,.catalog-ledger dt{
font-size:.54rem;
letter-spacing:.1em;
}
.home-ledger dd,.catalog-ledger dd{
font-size:1.35rem;
}
.home-index-grid a{
min-height:112px;
padding:.9rem;
}
.home-colophon-grid{
grid-template-columns:1fr 1fr;
}
.home-colophon-grid p{
padding:.72rem .8rem;
font-size:.55rem;
}
.shelf-tabs{
display:flex;
overflow-x:auto;
flex-wrap:nowrap;
padding-bottom:.3rem;
scroll-snap-type:x proximity;
}
.shelf-tab{
flex:0 0 auto;
scroll-snap-align:start;
min-height:40px;
}
.book-grid{
gap:.8rem;
}
.book-card{
grid-template-columns:96px minmax(0,1fr);
gap:.8rem;
padding:.8rem;
border-radius:0;
}
.book-cover{
min-height:150px;
}
.book-copy h3{
font-size:1.25rem;
}
.book-copy p{
font-size:.88rem;
line-height:1.5;
}
.tag-row{
gap:.25rem;
}
.tag-row span{
font-size:.54rem;
padding:.18rem .38rem;
}
.text-link{
font-size:.66rem;
}
.catalog-section{
padding-top:1.2rem;
}
.catalog-shell{
grid-template-columns:1fr;
gap:1rem;
}
.catalog-toolbar{
position:static;
padding:.75rem;
}
.catalog-toolbar-heading{
padding-bottom:.55rem;
}
.catalog-filter-group{
display:flex;
overflow-x:auto;
flex-wrap:nowrap;
gap:.4rem;
padding:.55rem 0;
scroll-snap-type:x proximity;
}
.catalog-filter-group a{
flex:0 0 auto;
min-height:36px;
scroll-snap-align:start;
}
.catalog-results-heading{
display:flex;
min-height:42px;
padding:.35rem 0;
}
.books .book-grid-wide{
grid-template-columns:1fr;
gap:.8rem;
}
.books .book-grid-wide .book-card{
grid-template-columns:112px minmax(0,1fr);
padding:.8rem;
gap:.8rem;
}
.books .book-grid-wide .book-card::before{
top:.6rem;
right:.6rem;
width:2rem;
height:2rem;
font-size:.56rem;
}
.books .book-grid-wide .book-cover{
height:172px;
min-height:0;
grid-row:auto;
padding:.35rem;
}
.books .book-grid-wide .book-copy{
padding-right:1.85rem;
gap:.25rem;
}
.books .book-grid-wide .book-copy .tag-row{
display:none;
}
.book-dossier{
display:flex;
flex-direction:column;
gap:1rem;
padding-top:1.5rem;
padding-bottom:2rem;
}
.book-dossier-cover{
order:1;
max-width:none;
width:100%;
}
.book-dossier-frame{
height:clamp(300px,82vw,430px);
padding:.75rem;
}
.book-dossier-main{
order:2;
gap:.55rem;
}
.book-dossier-main h1{
font-size:clamp(2.35rem,12vw,3.15rem);
line-height:1.02;
}
.book-dossier-main > p:not(.eyebrow):not(.byline){
font-size:.95rem;
line-height:1.58;
}
.book-meta-ledger{
grid-template-columns:1fr;
margin-top:.25rem;
}
.book-meta-ledger div{
min-height:0;
padding:.65rem;
}
.book-notes{
padding-top:1.8rem;
}
.book-notes article,.journal .journal-stack article,.submissions .story-stack article,.office-file-stack article{
grid-template-columns:1fr;
gap:.45rem;
padding:.95rem 0;
}
.book-notes article::before,.journal .journal-stack article::before,.submissions .story-stack article::before{
place-items:start;
border-right:0;
border-bottom:1px solid var(--line);
padding:0 0 .45rem;
}
.related-catalog-grid a{
grid-template-rows:190px auto auto;
}
.authors .author-panel{
grid-template-columns:72px minmax(0,1fr);
gap:.75rem;
padding:.9rem 0;
}
.authors .author-panel::before{
grid-row:1/3;
border-right:1px solid var(--line);
border-bottom:0;
place-items:start center;
padding-top:.2rem;
}
.authors .portrait-mark{
width:72px;
grid-column:1;
grid-row:1;
}
.authors .author-panel > div:last-child{
grid-column:2;
grid-row:1/3;
}
.journal .journal-stack article h2{
font-size:1.55rem;
}
.submissions .guide-grid,.shop .guide-grid,.newsletter .guide-grid{
border:0;
background:transparent;
gap:.75rem;
}
.submissions .guide-card,.shop .guide-card,.newsletter .guide-card{
border:1px solid var(--line);
padding:1rem;
background:var(--paper);
}
.contact .contact-grid,.newsletter .feature-panel{
gap:1rem;
}
.contact .contact-form,.newsletter .contact-form,.search-panel{
padding:1rem;
}
.contact-form input,.contact-form textarea,.contact-form select,.search-form input{
min-height:44px;
font-size:16px;
}
.search-form{
grid-template-columns:1fr;
}
.newsletter-inner{
gap:1rem;
}
.newsletter-form{
gap:.55rem;
padding:.65rem;
}
.footer-grid{
gap:1.35rem;
padding-bottom:1.4rem;
}
.footer-brand img{
width:54px;
height:54px;
}
.footer-colophon{
grid-template-columns:1fr 1fr;
}
.footer-colophon p{
padding:.75rem .8rem;
font-size:.55rem;
}
.footer-bottom{
display:grid;
justify-items:start;
gap:.8rem;
}
.footer-utility{
grid-template-columns:1fr 1fr;
gap:.45rem .7rem;
}
}

@media (max-width:420px){
:root{
--wrap:min(100vw - 24px,1140px);
}
.brand small{
max-width:142px;
}
.hero-actions{
grid-template-columns:1fr;
}
.home-ledger,.catalog-ledger{
grid-template-columns:1fr;
}
.home-colophon-grid,.footer-colophon{
grid-template-columns:1fr;
}
.books .book-grid-wide .book-card,.book-card{
grid-template-columns:1fr;
}
.books .book-grid-wide .book-copy{
padding-right:0;
}
.books .book-grid-wide .book-cover{
height:240px;
}
.book-cover{
min-height:245px;
}
.authors .author-panel{
grid-template-columns:1fr;
}
.authors .author-panel::before{
grid-row:auto;
border-right:0;
border-bottom:1px solid var(--line);
place-items:start;
padding:0 0 .45rem;
}
.authors .portrait-mark,.authors .author-panel > div:last-child{
grid-column:auto;
grid-row:auto;
}
.footer-utility{
grid-template-columns:1fr;
}
}

@media (max-width:760px){
:root{
--wrap:min(100vw - 24px,1140px);
}
.home-hero-section{
width:100%;
padding:0 0 1.6rem;
}
.home-hero-panel{
width:100%;
gap:0;
}
.home-hero-aside{
display:contents;
}
.home-carousel{
order:1;
width:100%;
gap:.65rem;
}
.home-cover-stack{
width:100vw;
margin-left:calc(50% - 50vw);
min-height:clamp(360px,105vw,520px);
border-bottom:1px solid var(--line);
background:linear-gradient(180deg,rgba(255,250,241,.35),rgba(238,229,214,.5));
}
.home-cover-stack::before{
left:6%;
right:6%;
bottom:8%;
}
.home-cover.is-active{
width:58%;
height:88%;
}
.home-cover.is-prev{
left:10%;
width:42%;
height:65%;
opacity:.52;
}
.home-cover.is-next{
left:90%;
width:42%;
height:65%;
opacity:.52;
}
.home-carousel-controls{
width:var(--wrap);
margin-inline:auto;
justify-content:center;
}
.home-carousel-controls button{
width:44px;
height:44px;
background:var(--paper);
}
.home-ledger{
order:3;
width:var(--wrap);
margin:.25rem auto 0;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:.5rem;
text-align:center;
}
.home-ledger div{
padding:.7rem .58rem;
background:var(--paper);
}
.home-ledger dt{
font-size:.55rem;
line-height:1.1;
}
.home-ledger dd{
font-size:1.55rem;
}
.home-hero-copy{
order:2;
width:var(--wrap);
margin:.95rem auto .7rem;
text-align:center;
}
.home-carousel-copy h1{
font-size:clamp(2rem,10.5vw,3.35rem);
line-height:.98;
margin:0;
white-space:nowrap;
text-align:center;
}
.home-carousel-copy .eyebrow,.home-carousel-copy .byline,.home-carousel-copy > p:not(.eyebrow):not(.byline),.home-carousel-copy .hero-actions{
display:none;
}
.home-edition-mark{
display:none;
}
.home-index-band,.home-colophon-band{
width:100%;
}
.home-index-grid{
width:100%;
grid-template-columns:1fr;
}
.home-index-grid a,.home-index-grid a:first-child,.home-index-grid a:nth-child(odd){
border-left:0;
border-right:0;
min-height:0;
padding:1rem var(--wrap-gutter,12px);
}
.home-index-grid a{
padding-left:12px;
padding-right:12px;
}
.home-colophon-grid{
width:100%;
grid-template-columns:1fr 1fr;
}
.home-colophon-grid p{
padding:.78rem 12px;
text-align:center;
}
.site-footer{
padding:2.1rem 0 1rem;
}
.footer-grid{
display:grid;
grid-template-columns:1fr;
gap:0;
padding-bottom:1rem;
border-bottom:0;
}
.footer-brand{
padding-bottom:1.1rem;
border-bottom:1px solid rgba(255,253,248,.14);
}
.footer-brand img{
width:50px;
height:50px;
}
.footer-brand h2{
font-size:1.45rem;
margin:.45rem 0 .35rem;
}
.footer-brand p{
font-size:.95rem;
line-height:1.55;
}
.footer-newsletter{
min-height:44px;
align-items:center;
}
.footer-nav{
padding:.85rem 0;
border-bottom:1px solid rgba(255,253,248,.14);
}
.footer-nav h3{
margin:0 0 .5rem;
font-size:.66rem;
}
.footer-nav a{
display:block;
padding:.28rem 0;
font-size:1rem;
line-height:1.35;
}
.footer-colophon{
grid-template-columns:1fr 1fr;
border-bottom:1px solid rgba(255,253,248,.14);
}
.footer-colophon p{
border-left:0;
padding:.78rem 0;
font-size:.56rem;
text-align:center;
}
.footer-colophon p:nth-child(even){
padding-left:.7rem;
border-left:1px solid rgba(255,253,248,.14);
}
.footer-colophon p:last-child{
border-right:0;
}
.footer-bottom{
padding-top:.95rem;
}
.footer-utility{
display:grid;
grid-template-columns:1fr 1fr;
gap:.2rem .8rem;
}
.footer-utility a{
display:block;
padding:.25rem 0;
font-size:.68rem;
line-height:1.35;
}
.copyright{
text-align:left;
font-size:.82rem;
margin:0;
}
}

@media (max-width:420px){
.home-cover-stack{
min-height:clamp(330px,112vw,470px);
}
.home-cover.is-active{
width:66%;
}
.home-cover.is-prev{
left:4%;
width:46%;
}
.home-cover.is-next{
left:96%;
width:46%;
}
.home-ledger{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:.35rem;
}
.home-ledger div{
padding:.62rem .4rem;
}
.home-ledger dt{
font-size:.5rem;
letter-spacing:.08em;
}
.home-ledger dd{
font-size:1.35rem;
}
.home-carousel-copy h1{
font-size:clamp(1.75rem,9.6vw,2.65rem);
white-space:nowrap;
}
.footer-colophon,.footer-utility{
grid-template-columns:1fr;
}
.footer-colophon p:nth-child(even){
padding-left:0;
border-left:0;
}
}