*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--cream:#F2EAE0;--cream-d:#E6DDD0;--cream-l:#FAF6F1;--noir:#14100C;--charbon:#3C3835;--bdx:#6E1828;--bdx-d:#521220;--or:#C4A44A;--gris:#8A8278;--gris-l:#C0BBB5;--fd:'Cormorant Garamond',Georgia,serif;--fb:'DM Sans',system-ui,sans-serif;--e:.3s ease}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--cream-l);color:var(--noir);line-height:1.7}
nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:1rem 4rem;background:rgba(250,246,241,.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(196,164,74,.2)}
.nl{display:flex;align-items:center;gap:.9rem;text-decoration:none}
.nl-name{font-family:var(--fd);font-size:1.1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--or);display:block}
.nl-sub{font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:var(--bdx);display:block;margin-top:.1rem}
.nlinks{display:flex;align-items:center;gap:2.5rem;list-style:none}
.nlinks a{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--charbon);text-decoration:none;transition:color var(--e)}
.nlinks a:hover{color:var(--bdx)}
.back-link{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:color var(--e)}
.back-link:hover{color:var(--charbon)}
.page-header{background:var(--cream);padding:9rem 4rem 4rem;text-align:center;border-bottom:1px solid var(--cream-d)}
.page-header h1{font-family:var(--fd);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;color:var(--charbon);margin-bottom:.8rem}
.page-header h1 em{font-style:italic;color:var(--bdx)}
.page-header p{font-size:.9rem;color:var(--gris);max-width:480px;margin:0 auto}
.cats-bar{background:var(--cream-l);padding:1.5rem 4rem;display:flex;gap:.6rem;flex-wrap:wrap;border-bottom:1px solid var(--cream-d);position:sticky;top:62px;z-index:100}
.cat-btn{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;background:none;border:1px solid var(--cream-d);color:var(--gris);transition:all var(--e)}
.cat-btn.active,.cat-btn:hover{background:var(--bdx);border-color:var(--bdx);color:#fff}
.chron-body{max-width:1160px;margin:0 auto;padding:4.5rem 4rem}
.chron-featured{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;margin-bottom:4rem}
.ccard{text-decoration:none;color:inherit;display:block;cursor:pointer}
.ccard-feat{border-bottom:1px solid var(--cream-d);padding-bottom:2.5rem;margin-bottom:2.5rem}
.cimg{aspect-ratio:16/9;background:var(--cream-d);overflow:hidden;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;position:relative}
.cimg-ph{font-family:var(--fd);font-style:italic;font-size:3.5rem;color:var(--gris-l);transition:transform .5s ease}
.cimg.feature .cimg-ph{font-size:5rem}
.ccard:hover .cimg-ph{transform:scale(1.05)}
.ccat{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bdx);margin-bottom:.4rem}
.ctit{font-family:var(--fd);font-size:1.1rem;line-height:1.3;color:var(--charbon);margin-bottom:.5rem}
.cfeat .ctit{font-size:1.6rem}
.cres{font-size:.8rem;line-height:1.75;color:var(--gris)}
.cdat{font-size:.58rem;color:var(--gris-l);margin-top:.8rem}
.clire{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bdx);display:inline-flex;align-items:center;gap:.3rem;margin-top:.8rem;transition:gap var(--e)}
.ccard:hover .clire{gap:.6rem}
.chron-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.sidebar{display:flex;flex-direction:column;gap:0}
.sidebar .ccard{padding:1.2rem 0;border-bottom:1px solid var(--cream-d)}
.sidebar .ccard:last-child{border-bottom:none}
.sidebar .cimg{margin-bottom:.8rem}

/* ARTICLE MODAL */
.art-ov{display:none;position:fixed;inset:0;z-index:800;background:rgba(20,16,12,.75);backdrop-filter:blur(6px);align-items:flex-start;justify-content:center;padding:5.5rem 1.5rem 1.5rem;overflow-y:auto}
.art-ov.open{display:flex}
.art-box{background:var(--cream-l);max-width:760px;width:100%;padding:3.5rem;position:relative;margin:auto}
.art-cl{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;cursor:pointer;font-size:1.3rem;color:var(--gris);transition:color var(--e)}
.art-cl:hover{color:var(--noir)}
.art-cat{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bdx);margin-bottom:.6rem}
.art-title{font-family:var(--fd);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;font-style:italic;color:var(--charbon);line-height:1.2;margin-bottom:.8rem}
.art-meta{font-size:.65rem;color:var(--gris);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--cream-d)}
.art-body{font-size:.92rem;line-height:1.95;color:var(--gris)}
.art-body p{margin-bottom:1.2rem}
.art-body strong{color:var(--charbon);font-weight:500}
.art-body em{font-style:italic;color:var(--bdx)}
.art-body h3{font-family:var(--fd);font-size:1.4rem;font-style:italic;color:var(--charbon);margin:2rem 0 .8rem}
.empty-chron{text-align:center;padding:5rem;font-family:var(--fd);font-style:italic;color:var(--gris-l);font-size:1.3rem;grid-column:1/-1}
@media(max-width:960px){
  nav{padding:1rem 1.5rem}.nlinks{display:none}
  .page-header,.chron-body,.cats-bar{padding-left:1.5rem;padding-right:1.5rem}
  .chron-featured{grid-template-columns:1fr}
  .chron-grid{grid-template-columns:1fr 1fr}
  .art-box{padding:2rem}
}
@media(max-width:600px){.chron-grid{grid-template-columns:1fr}}



/* ── NAV LOGO IMAGES ── */
.nav-logo-img{height:42px;width:auto;display:block;flex-shrink:0}
.nav-text-img{height:26px;width:auto;display:block}