:root {
  --ink:#0f172a;--text:#2d3748;--muted:#64748b;--light:#94a3b8;
  --paper:#FAF8F4;--tint:#f6f3ec;--warm:#ede9e1;--rule:#e8e4d8;
  --gold:#B8860B;--gold-l:#FAF6E8;--orange:#E8640A;--navy:#1E3264;
  --fh:'Instrument Serif',Georgia,serif;
  --fb:'DM Sans',system-ui,sans-serif;
  --fm:'JetBrains Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--paper);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-weight:300}
#prog{position:fixed;top:0;left:0;z-index:999;height:1px;width:0%;background:var(--gold)}

nav{
    background: #15203b;
}

@media (max-width: 768px){
  nav{
    background: #ffffff;
  }
}

@media (min-width: 992px){
  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* MASTHEAD */
.masthead{max-width:1100px;margin:0 auto;padding:140px 32px 56px;border-bottom:1px solid var(--rule)}
.mast-top{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:8px;flex-wrap:wrap}
.mast-left{flex:1;min-width:300px}
.mast-tag{font-family:var(--fm);font-size:.66rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.mast-tag::before{content:'§';font-family:var(--fh);font-style:italic;font-size:.9rem;text-transform:none}
.mast-h{font-family:var(--fh);font-size:clamp(2.6rem,5vw,4.4rem);font-weight:400;line-height:1.05;letter-spacing:-.022em;color:var(--ink);margin-bottom:20px}
.mast-h em{font-style:italic;color:var(--gold)}
.mast-deck{font-family:var(--fh);font-size:1.15rem;font-style:italic;color:var(--muted);line-height:1.6;max-width:580px}

/* FILTER */
.filter-bar{max-width:1100px;margin:0 auto;padding:24px 32px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.filter-label{font-family:var(--fm);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.filter-pills{display:flex;gap:6px;flex-wrap:wrap}
.fp{font-family:var(--fb);font-size:.76rem;color:var(--muted);background:transparent;border:1px solid var(--rule);padding:7px 14px;border-radius:50px;cursor:pointer;transition:all .2s}
.fp:hover{color:var(--ink);border-color:var(--ink)}
.fp.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.filter-meta{font-family:var(--fm);font-size:.7rem;color:var(--light)}

/* FEATURED POST — full width hero card */
.featured-section{max-width:1100px;margin:0 auto;padding:64px 32px;border-bottom:1px solid var(--rule)}
.featured-label{font-family:var(--fm);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.featured-card{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;text-decoration:none;color:inherit;transition:opacity .25s}
.featured-card:hover{opacity:.85}
.featured-card:hover .featured-arrow{transform:translateX(6px);color:var(--gold)}
.featured-meta{display:flex;gap:20px;margin-bottom:16px;font-family:var(--fm);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.featured-meta-cat{color:var(--gold)}
.featured-h{font-family:var(--fh);font-size:clamp(2rem,3.5vw,3.2rem);font-weight:400;line-height:1.15;letter-spacing:-.015em;color:var(--ink);margin-bottom:20px}
.featured-h em{font-style:italic;color:var(--gold)}
.featured-deck{font-family:var(--fh);font-size:1.15rem;font-style:italic;color:var(--muted);line-height:1.6;margin-bottom:24px}
.featured-arrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--fm);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:transform .25s,color .25s}
.featured-visual{aspect-ratio:4/3;background:linear-gradient(135deg,var(--gold-l),var(--tint));border-radius:8px;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.featured-visual::before{content:'';position:absolute;top:-40%;right:-40%;width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,rgba(184,134,11,.18),transparent 60%);pointer-events:none}
.featured-visual-mark{font-family:var(--fh);font-style:italic;font-size:8rem;color:rgba(184,134,11,.25);line-height:1;position:relative;z-index:2}

/* POSTS GRID */
.posts-section{max-width:1100px;margin:0 auto;padding:0 32px}
.posts-label{font-family:var(--fm);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:48px 0 24px;border-bottom:1px solid var(--rule);margin-bottom:0}

/* Each post card — list style */
.post{display:grid;grid-template-columns:120px 1fr 200px;gap:48px;padding:36px 0;border-bottom:1px solid var(--rule);align-items:start;text-decoration:none;color:inherit;transition:padding-left .25s}
.post:hover{padding-left:8px}
.post:hover .post-arrow{transform:translateX(6px);color:var(--gold)}

.post-meta{font-family:var(--fm);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.post-cat{color:var(--gold);margin-bottom:8px;display:block}
.post-date{display:block;color:var(--ink);margin-bottom:8px}
.post-read{color:var(--light);font-size:.62rem}

.post-body{}
.post-h{font-family:var(--fh);font-size:1.5rem;font-weight:400;line-height:1.3;color:var(--ink);margin-bottom:10px;letter-spacing:-.012em}
.post-h em{font-style:italic;color:var(--gold)}
.post-excerpt{font-size:.92rem;color:var(--muted);line-height:1.7;font-weight:300}

.post-right{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.post-author{font-family:var(--fh);font-size:.85rem;font-style:italic;color:var(--muted)}
.post-arrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:transform .25s,color .25s}

/* PAGINATION */
.pagination{max-width:1100px;margin:0 auto;padding:64px 32px 96px;display:flex;justify-content:center;gap:8px}
.pg-btn{font-family:var(--fm);font-size:.74rem;color:var(--muted);background:transparent;border:1px solid var(--rule);padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none}
.pg-btn:hover{color:var(--ink);border-color:var(--ink)}
.pg-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.pg-btn.disabled{opacity:.4;cursor:not-allowed}

/* SUBSCRIBE BAND */
.sub-band{max-width:1100px;margin:0 auto 96px;padding:48px;background:var(--tint);border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.sub-h{font-family:var(--fh);font-size:1.5rem;font-style:italic;color:var(--ink);line-height:1.3;margin-bottom:6px}
.sub-h em{color:var(--gold)}
.sub-deck{font-size:.88rem;color:var(--muted);line-height:1.6;font-weight:300}
.sub-form{display:flex;gap:8px;flex-shrink:0}
.sub-input{font-family:var(--fb);font-size:.85rem;padding:11px 16px;border:1px solid var(--rule);border-radius:6px;background:#fff;min-width:240px}
.sub-input:focus{outline:none;border-color:var(--gold)}
.sub-btn{font-family:var(--fb);font-size:.78rem;font-weight:500;color:#fff;background:var(--ink);border:none;padding:11px 20px;border-radius:6px;cursor:pointer;transition:background .2s}
.sub-btn:hover{background:var(--gold)}

/* RESPONSIVE */
@media(max-width:1024px){
  .featured-card{grid-template-columns:1fr;gap:32px}
  .featured-visual{order:-1}
  .post{grid-template-columns:120px 1fr;gap:32px}
  .post-right{grid-column:1/-1;flex-direction:row;justify-content:space-between;width:100%}
  .sub-band{grid-template-columns:1fr;gap:24px;padding:36px}
}
@media(max-width:760px){
  nav{padding:18px 32px}
  .nav-links{display:none}.hbg{display:flex}
  .masthead{padding:120px 24px 48px}
  .filter-bar{padding:20px 24px;gap:16px}
  .featured-section{padding:48px 24px}
  .posts-section{padding:0 24px}
  .post{grid-template-columns:1fr;gap:14px;padding:32px 0}
  .post-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
  .post-cat,.post-date,.post-read{margin-bottom:0}
  .post-right{flex-direction:row;justify-content:space-between}
  .pagination{padding:48px 24px 80px}
  .sub-band{margin:0 24px 80px;padding:32px 24px}
  .sub-form{flex-direction:column;width:100%}
  .sub-input{min-width:0;width:100%}
  footer{padding:56px 32px 36px}
  .ft-top{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:540px){
  .featured-h{font-size:1.8rem}
  .featured-visual-mark{font-size:5rem}
  footer{padding:48px 24px 32px}
  .ft-top{grid-template-columns:1fr;gap:28px}
  .ft-bot{flex-direction:column;align-items:flex-start}
}
.formsubcribe .wpcf7-spinner{
    display: none !important;
}
    
}