:root{--cream:#f7f3e9;--white:#fffdf8;--dark:#344033;--deep:#233127;--sage:#a7af97;--lake:#dde5e2;--brass:#b88d44;--ink:#262824;--muted:#67695f;--border:rgba(38,40,36,.16);--display:"Cormorant Garamond",Georgia,serif;--body:"Bricolage Grotesque",system-ui,sans-serif;--page:1180px;--pad:clamp(20px,4vw,60px)}*{box-sizing:border-box}body{margin:0;background:var(--white);font-family:var(--body);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}.shell{width:min(var(--page),calc(100% - var(--pad)*2));margin:auto}.display{font-family:var(--display);font-weight:500;letter-spacing:-.035em;line-height:.94}.eyebrow{font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:#5f6b4c}.wordmark{font-family:var(--display);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;line-height:.9}.wordmark strong{display:block;font-weight:500;font-size:1.3rem}header{height:78px;background:var(--cream);border-bottom:1px solid var(--border)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.navlinks{display:flex;gap:24px;align-items:center;font-size:.67rem;text-transform:uppercase;letter-spacing:.11em}.new{background:var(--brass);color:white;border-radius:999px;padding:3px 6px;font-size:.48rem}.category-hero{background:var(--cream);padding:64px 0 58px}.crumb{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);margin-bottom:34px}.category-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.category-head h1{font-size:clamp(4.3rem,7.2vw,6.8rem);margin:8px 0 0}.category-head p{font-size:1.08rem;color:var(--muted);max-width:520px}.count{display:inline-block;margin-top:18px;border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-size:.68rem}.posts{padding:95px 0 125px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:55px;margin-bottom:55px;border-bottom:1px solid var(--border)}.feature-img{min-height:440px;border-radius:24px;overflow:hidden}.feature-copy{align-self:center}.feature h2{font-size:clamp(3rem,5vw,4.7rem);margin:10px 0 16px}.feature p{color:var(--muted)}.meta{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#5f6b4c}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 32px}.card{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:start}.thumb{aspect-ratio:1;border-radius:17px;overflow:hidden;background:var(--lake)}.card h3{font-family:var(--display);font-size:2rem;line-height:1.02;font-weight:500;margin:8px 0 8px}.card p{font-size:.82rem;color:var(--muted);margin:0}.pagination{display:flex;justify-content:center;gap:8px;margin-top:75px}.page{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;font-size:.75rem}.page.active{background:var(--dark);color:var(--cream)}footer{background:var(--deep);color:var(--cream);padding:55px 0}.foot{display:flex;justify-content:space-between;align-items:end}.foot p{color:rgba(247,243,233,.55);font-size:.76rem}.footlinks{display:flex;gap:20px;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(247,243,233,.72)}@media(max-width:850px){.category-head,.feature{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.navlinks a:not(:last-child){display:none}}@media(max-width:560px){.foot{display:block}.footlinks{margin-top:24px;flex-wrap:wrap}}
html,body{max-width:100%;overflow-x:hidden}.category-head>*{min-width:0}.feature>*{min-width:0}.card>*{min-width:0}
@media(max-width:850px){
  header{height:72px}.navlinks a{display:none!important}.navlinks a:first-child{display:inline-flex!important}
  .category-hero{padding:54px 0 50px}.crumb{margin-bottom:26px}.category-head{gap:24px}.category-head h1{font-size:clamp(3.8rem,10vw,5.7rem)}
  .posts{padding:78px 0 100px}.feature{gap:28px}.feature-img{min-height:380px}.grid{gap:38px}
}
@media(max-width:560px){
  :root{--pad:20px}header{height:68px}.wordmark{font-size:.7rem}.wordmark strong{font-size:1.1rem}.navlinks{font-size:.6rem}
  .category-hero{padding:40px 0 38px}.crumb{margin-bottom:20px}.category-head h1{font-size:clamp(3.15rem,15vw,4.25rem)}.category-head p{font-size:.98rem}.count{margin-top:12px}
  .posts{padding:62px 0 78px}.feature{gap:22px;padding-bottom:42px;margin-bottom:42px}.feature-img{min-height:270px;border-radius:12px}.feature h2{font-size:clamp(2.55rem,12vw,3.65rem)}
  .grid{gap:30px}.card{grid-template-columns:105px minmax(0,1fr);gap:16px}.thumb{border-radius:10px}.card h3{font-size:1.55rem}.card p{font-size:.78rem}.pagination{margin-top:58px}
  footer{padding:48px 0}.foot{gap:22px}
}
@media(max-width:360px){.card{grid-template-columns:92px minmax(0,1fr);gap:14px}.card h3{font-size:1.42rem}.page{width:38px;height:38px}}
.skip-link{position:fixed;z-index:1000;left:16px;top:12px;padding:10px 14px;background:#233127;color:#f7f3e9;border-radius:4px;transform:translateY(-160%);transition:transform .18s ease}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:3px solid #b88d44;outline-offset:4px}
@media(forced-colors:active){a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:2px solid CanvasText}}
.display,.feature h2,.card h3{text-wrap:balance}.category-head p,.feature p,.card p{text-wrap:pretty}
.crumb ol{list-style:none;display:flex;gap:8px;align-items:center;padding:0;margin:0}.crumb li+li::before{content:"/";margin-right:8px;color:rgba(103,105,95,.55)}
.feature h2 a,.card h3 a{text-decoration-thickness:1px;text-underline-offset:4px}
.feature h2 a:hover,.feature h2 a:focus-visible,.card h3 a:hover,.card h3 a:focus-visible{text-decoration:underline;text-decoration-color:var(--brass)}
.page{transition:background-color .18s ease,border-color .18s ease}.page[href]:hover,.page[href]:focus-visible{border-color:var(--dark);background:var(--cream)}
@media(prefers-reduced-motion:reduce){.page{transition:none!important}}
.feature-img img{object-position:center 52%}
.card:nth-child(1) .thumb img{object-position:center 68%}
.card:nth-child(2) .thumb img{object-position:center 42%}
.card:nth-child(3) .thumb img{object-position:center 36%}
.card:nth-child(4) .thumb img{object-position:center 53%}
.card:nth-child(5) .thumb img{object-position:center 56%}
.card:nth-child(6) .thumb img{object-position:center 40%}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* M3 archive + search compatibility. */
.journal-search{display:flex;gap:10px;max-width:620px;margin-top:32px}.journal-search input{flex:1;min-width:0;min-height:48px;padding:0 15px;border:1px solid var(--border);background:var(--white);color:var(--ink);font:inherit}.journal-search button{min-height:48px;padding:0 18px;border:0;border-radius:999px;background:var(--dark);color:var(--cream);font:600 .68rem var(--body);text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.search-grid{padding-top:0}.empty-search{padding:30px 0 90px}.empty-search h2{font-size:clamp(3rem,6vw,5.5rem);margin:0 0 10px}.empty-search p{color:var(--muted);margin:0 0 22px}@media(max-width:560px){.journal-search{display:grid;grid-template-columns:1fr}.journal-search button{width:max-content}}
