@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap');


:root {
  --blue:#1C3557;--blue-dk:#0F1F33;--blue-lt:#2A4F7A;--blue-mid:#162C47;
  --crimson:#3D0504;--crimson-dk:#3D0608;--crimson-lt:#5C1010;--crimson-pale:#F5EDED;
  --velvet-mid:#7B1113;--velvet-light:#A03228;--velvet-dark:#2A0608;--velvet-fold:#1A0406;
  --gold:#B5962A;--gold-dk:#8F7420;--gold-lt:#D4B84A;
  --bg:#F2F0EB;--bg-card:#FAFAF7;
  --ink:#0A0907;--ink-light:#1E1A17;--ink-muted:#2E2A26;
  --rule:#C8C0B0;--rule-lt:#DDD8CE;
  --fd:'Playfair Display',Georgia,serif;
  --fb:'EB Garamond',Georgia,serif;
  --fc:'Cormorant Garamond',Georgia,serif;
  --mw:1240px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:20px;scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);line-height:1.75;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:var(--crimson);text-decoration:none;transition:color .2s;}
a:hover{color:var(--crimson-dk);}
a:visited{color:#1C3557;}
#nt{display:none;}
body::before{
  content:'';
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url('/images/bg-texture.png');
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  opacity:0.50;
}
#w{position:relative;z-index:1;}
.snav{position:sticky;top:0;z-index:200;background:rgba(242,240,235,.97);backdrop-filter:blur(8px);border-bottom:2px solid var(--gold);
  box-shadow:0 2px 10px rgba(74,10,12,.15),0 1px 0 rgba(160,50,40,.3);
}
.ni{max-width:var(--mw);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:58px;}
.wm{font-family:var(--fd);font-size:.95rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);text-decoration:none;}
.wm span{color:var(--crimson);}
.nl{display:flex;gap:0;list-style:none;}
.nl a{font-family:var(--fb);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);padding:.3rem .7rem;border-bottom:2px solid transparent;display:block;transition:all .2s;}
.nl a:hover{color:var(--crimson);border-bottom-color:var(--gold);}
.nl .sc a{color:var(--gold-dk);font-weight:600;}
.sb{border-bottom:3px solid var(--gold);border:4px solid #1C3557;box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);border-radius:10px;overflow:hidden;margin:1rem 0;}
.sb img{width:100%;max-height:230px;object-fit:cover;object-position:center top;}
.bsub{
  background:
    linear-gradient(135deg,
      #1e0303 0%,
      #3d0504 9%,
      #2a0403 18%,
      #3d0504 26%,
      #180202 34%,
      #3d0504 42%,
      #2a0403 50%,
      #3d0504 58%,
      #1e0303 66%,
      #3d0504 74%,
      #2a0403 82%,
      #1e0303 90%,
      #3d0504 100%
    );
  position:relative;
  padding:1.2rem 1.5rem;
}
.bsub::before{
  content:'';
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(73deg,
      rgba(0,0,0,0.18) 0%,
      rgba(0,0,0,0.04) 18%,
      rgba(0,0,0,0.14) 32%,
      rgba(0,0,0,0.06) 48%,
      rgba(0,0,0,0.16) 62%,
      rgba(0,0,0,0.04) 76%,
      rgba(0,0,0,0.12) 100%
    );
}
.bsub::after{
  content:'';
  position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 0.35' numOctaves='5' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23v)' opacity='1'/%3E%3C/svg%3E");
  opacity:0.11;
  mix-blend-mode:multiply;
}
.bsi{position:relative;z-index:1;}
.bsi{max-width:var(--mw);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;}
.bst{font-family:var(--fc);font-style:italic;font-size:clamp(.85rem,1.6vw,1.05rem);color:rgba(255,255,255,.85);line-height:1.6;max-width:680px;text-align:center;}
.bca{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;}
.btn{display:inline-block;font-family:var(--fb);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;padding:.55rem 1.3rem;border:1.5px solid transparent;cursor:pointer;transition:all .2s;text-decoration:none;}
.bg{background:var(--gold);color:var(--ink);border-color:var(--gold);}
.bg:hover{background:var(--gold-dk);color:#fff;}
.bgh{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.bgh:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff;}
.bc{background:var(--crimson);color:#fff;border-color:var(--crimson);}
.bc:hover{background:var(--crimson-dk);color:#fff;}
.pw{max-width:var(--mw);margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:1fr 285px;gap:2.2rem;align-items:start;}
.main{min-width:0;}
.sd{display:flex;align-items:center;gap:10px;margin:1.6rem 0 1.2rem;}
.sd h2{font-family:var(--fb);font-size:.78rem;color:var(--ink);text-transform:uppercase;letter-spacing:1.8px;font-weight:700;white-space:nowrap;}
.sd .gr{flex:1;height:2px;background:linear-gradient(90deg,var(--gold) 0%,transparent 100%);}
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px;}
.pc{position:relative;overflow:hidden;border-radius:10px;height:165px;cursor:pointer;transition:transform .3s;border:4px solid #1C3557;box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);text-decoration:none;display:block;}
.pc:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(28,53,87,.35);}
.pc::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(73deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.04) 18%,rgba(0,0,0,.15) 32%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.18) 62%,rgba(0,0,0,.04) 76%,rgba(0,0,0,.12) 100%);
}
.pc::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 0.35' numOctaves='5' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23v)' opacity='1'/%3E%3C/svg%3E");
  opacity:0.07;mix-blend-mode:multiply;
}
.pco{z-index:3;}
.pc img{width:100%;height:100%;object-fit:cover;filter:grayscale(55%) sepia(35%);}
.po{position:absolute;inset:0;
  background:
    linear-gradient(160deg,
      rgba(160,50,40,.4) 0%,
      rgba(123,17,19,.6) 20%,
      rgba(42,6,8,.75) 50%,
      rgba(20,3,4,.92) 100%
    );
}
.pc:hover .po{background:linear-gradient(135deg,#0f1f33 0%,#243f65 12%,#1c3557 25%,#0f1f33 40%,#1c3557 55%,#243f65 70%,#1c3557 85%,#0f1f33 100%);}
.pco{position:absolute;bottom:0;left:0;right:0;padding:12px;}
.pc h4{font-family:var(--fd);font-size:.88rem;color:var(--gold-lt);font-weight:700;margin-bottom:4px;line-height:1.2;}
.pc p{font-size:.85rem;color:rgba(255,255,255,.75);line-height:1.3;font-family:var(--fc);font-style:italic;}
.rw{display:grid;grid-template-columns:190px 1fr;gap:0;border:4px solid #1C3557;background:var(--bg-card);margin-bottom:1.5rem;border-radius:10px;overflow:hidden;box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);}
.rts{display:flex;flex-direction:column;}
.rt{cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent;border-bottom:1px solid #B0ACA6;transition:all .25s;flex:1;}
.rt:hover{border-color:rgba(44,79,122,.5);}
.rt.active{border-color:var(--gold);}
.rt img{width:100%;height:105px;object-fit:cover;filter:grayscale(85%) sepia(20%);transition:filter .25s;}
.rt.active img,.rt:hover img{filter:grayscale(50%) sepia(25%);}
.rtl{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(74,10,12,.88));color:#fff;padding:16px 7px 5px;font-family:var(--fb);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;}
.rm{position:relative;overflow:hidden;}
.rm img{width:100%;height:420px;object-fit:cover;filter:grayscale(70%) sepia(20%);display:block;}
.ro{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(20,8,8,.94));padding:4rem 1.4rem 1.4rem;}
.ro h2{font-family:var(--fd);color:var(--gold-lt);font-size:clamp(1rem,2.5vw,1.6rem);margin-bottom:.5rem;}
.ror{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;}
.ro p{font-family:var(--fc);font-style:italic;font-size:1rem;line-height:1.5;color:rgba(255,255,255,.82);flex:1;}
.ag{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.8rem;}
.ac{background:var(--bg-card);border:4px solid #1C3557;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .25s;text-decoration:none;display:block;color:inherit;box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);}
.ac:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,.1);}
.ac img{width:100%;height:150px;object-fit:cover;filter:grayscale(75%) sepia(20%);}
.acat{display:inline-block;background:var(--crimson);color:#fff;padding:2px 7px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:9px 0 5px 9px;font-family:var(--fb);}
.ac h3{font-family:var(--fd);font-size:.95rem;line-height:1.3;padding:0 9px;margin-bottom:5px;color:var(--ink);}
.ac p{font-size:1rem;color:var(--ink-muted);line-height:1.4;padding:0 9px 9px;font-family:var(--fc);font-style:italic;}
.ac:hover h3{color:var(--crimson);}
.fa{background:var(--bg-card);border:4px solid #1C3557;border-radius:10px;box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);padding:20px;display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center;margin-bottom:1.8rem;}
.fa img{width:100%;height:180px;object-fit:cover;filter:grayscale(75%) sepia(20%);}
.fa h2{font-family:var(--fd);font-size:1.3rem;color:var(--ink);margin-bottom:8px;}
.fa .bl{font-style:italic;color:var(--ink-muted);font-size:.95rem;margin-bottom:8px;font-family:var(--fb);}
.fa p{font-size:1rem;line-height:1.6;color:var(--ink-light);margin-bottom:12px;}
.pq{
  padding:2.8rem 1.5rem;margin:1.8rem 0;
  border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);
  background:
    linear-gradient(120deg,
      #fdf5f5 0%,#f9eded 30%,#fdf5f5 50%,#f5e8e8 70%,#fdf5f5 100%
    );
  position:relative;
}
.pq::after{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  opacity:.12;pointer-events:none;
}
.pq blockquote{position:relative;z-index:1;}
.pq blockquote{font-family:var(--fd);font-size:clamp(1.1rem,2vw,1.55rem);font-style:italic;color:var(--crimson-dk);max-width:680px;margin:0 auto;padding:0 1rem;position:relative;line-height:1.45;}
.pq blockquote::before{content:'\201C';font-size:4.5rem;color:var(--gold);opacity:.35;position:absolute;top:-1.4rem;left:-.2rem;font-style:normal;line-height:1;}
.pq cite{display:block;margin-top:.9rem;font-family:var(--fb);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dk);font-style:normal;}
.rs{border-top:2px solid var(--crimson);padding-top:1.2rem;margin-bottom:1.8rem;}
.rs>h2{font-family:var(--fb);font-size:.78rem;text-transform:uppercase;letter-spacing:1.8px;color:var(--crimson);margin-bottom:1rem;}
.rg{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.ri{text-align:center;background:var(--bg-card);padding:9px;border:4px solid #1C3557;border-radius:10px;cursor:pointer;transition:transform .25s;text-decoration:none;display:block;color:inherit;box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);}
.ri:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.08);}
.ri img{width:100%;height:120px;object-fit:cover;border-radius:3px;margin-bottom:5px;filter:grayscale(90%) sepia(20%);}
.ri h4{font-family:var(--fd);font-size:.75rem;color:var(--ink);margin-bottom:2px;line-height:1.2;}
.ri p{font-size:.82rem;color:var(--ink-muted);}
.sbar{position:sticky;top:68px;}
.sw{background:var(--bg-card);border-left:3px solid var(--crimson);padding:1.1rem;margin-bottom:1.3rem;box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:6px;}
.sw h3{font-family:var(--fb);font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--crimson);margin-bottom:.85rem;padding-bottom:.4rem;border-bottom:1px solid var(--rule-lt);}
.sw input[type=search]{width:100%;padding:.45rem .7rem;border:1px solid var(--rule);background:var(--bg);font-family:var(--fb);font-size:.88rem;color:var(--ink);outline:none;}
.sw input[type=search]:focus{border-color:var(--crimson);}
.swl{list-style:none;display:flex;flex-direction:column;gap:.3rem;}
.swl a{font-family:var(--fc);font-style:italic;font-size:1rem;color:var(--ink-light);padding:.25rem 0;border-bottom:1px solid var(--rule-lt);display:block;transition:color .2s;}
.swl a:hover{color:var(--crimson);}
.sm{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.8rem;cursor:pointer;text-decoration:none;color:inherit;}
.sm:last-child{margin-bottom:0;}
.smt{width:50px;height:65px;object-fit:cover;flex-shrink:0;filter:grayscale(100%) sepia(15%);}
.sm h4{font-family:var(--fd);font-size:.78rem;font-weight:700;line-height:1.3;color:var(--ink);margin-bottom:.15rem;}
.sm p{font-size:.82rem;color:var(--ink-muted);}
.sm:hover h4{color:var(--crimson);}
.swp{
  background:linear-gradient(135deg,#0f1f33 0%,#1c3557 9%,#0f1f33 18%,#1c3557 26%,#091526 34%,#1c3557 42%,#0f1f33 50%,#1c3557 58%,#0f1f33 66%,#1c3557 74%,#0f1f33 82%,#091526 90%,#1c3557 100%);
  border-left-color:var(--gold);
  position:relative;overflow:hidden;border-radius:6px;
}
.swp::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(73deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.04) 18%,rgba(0,0,0,.14) 32%,rgba(0,0,0,.06) 48%,rgba(0,0,0,.16) 62%,rgba(0,0,0,.04) 76%,rgba(0,0,0,.12) 100%);
}
.swp::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 0.35' numOctaves='5' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23v)' opacity='1'/%3E%3C/svg%3E");
  opacity:0.08;mix-blend-mode:multiply;
}
.swp h3,.swp p,.swp a,.swp input{position:relative;z-index:1;}
.swp h3{color:var(--gold);}
.swp p{font-family:var(--fc);font-style:italic;font-size:.85rem;color:rgba(255,255,255,.7);line-height:1.55;margin-bottom:.8rem;}
footer{
  background:
    linear-gradient(170deg,
      #1a0406 0%,
      #2e0709 18%,
      #1a0406 35%,
      #3a0a0d 50%,
      #150304 65%,
      #2e0709 80%,
      #1a0406 100%
    );
  position:relative;
  color:#fff;padding:2.5rem 1.5rem 1.5rem;margin-top:2rem;
}
footer::before{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");
  opacity:.14;pointer-events:none;
}
footer .fi,.footer .fbot{position:relative;z-index:1;}
.fi{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;}
.fb2{font-family:var(--fd);font-size:.95rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:.5rem;}
.fd{font-family:var(--fc);font-size:.85rem;font-style:italic;color:rgba(255,255,255,.5);line-height:1.6;max-width:230px;}
.fct{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;font-family:var(--fb);}
.fl{list-style:none;display:flex;flex-direction:column;gap:.35rem;}
.fl a{font-family:var(--fc);font-style:italic;font-size:.88rem;color:rgba(255,255,255,.55);transition:color .2s;}
.fl a:hover{color:var(--gold-lt);}
.fbot{max-width:var(--mw);margin:0 auto;padding-top:1rem;border-top:1px solid rgba(181,150,42,.2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;}
.fbot p{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);}
@media(max-width:960px){.pw{grid-template-columns:1fr;}.sbar{position:static;}}
@media(max-width:680px){.pg{grid-template-columns:1fr 1fr;}.ag{grid-template-columns:1fr;}.fa{grid-template-columns:1fr;}.rg{grid-template-columns:repeat(3,1fr);}.fi{grid-template-columns:1fr 1fr;}.rw{grid-template-columns:1fr;}.rts{flex-direction:row;}.rt img{height:70px;}}

/* Sidebar period spans */
.swl a{display:flex;flex-direction:column;gap:1px;}
.sw-period-label{font-family:var(--fc);font-style:italic;font-size:1rem;color:var(--ink-light);}
.sw-period-span{font-family:var(--fb);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dk);font-style:normal;}

/* Subscribe bar */
.subscribe-bar{
  background:linear-gradient(135deg,#1c3557 0%,#2a4f7a 9%,#1c3557 18%,#2a4f7a 26%,#162c47 34%,#2a4f7a 42%,#1c3557 50%,#2a4f7a 58%,#1c3557 66%,#2a4f7a 74%,#1c3557 82%,#162c47 90%,#2a4f7a 100%);
  border-radius:10px;padding:1.4rem 1.8rem;margin-bottom:1.8rem;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  flex-wrap:wrap;position:relative;overflow:hidden;
  border:1px solid rgba(212,184,74,.25);
}
.subscribe-bar::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(73deg,rgba(0,0,0,.1) 0%,rgba(255,255,255,.04) 18%,rgba(0,0,0,.08) 32%,rgba(255,255,255,.03) 48%,rgba(0,0,0,.1) 62%,rgba(255,255,255,.03) 76%,rgba(0,0,0,.08) 100%);
}
.subscribe-bar::after{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 0.35' numOctaves='5' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23v)' opacity='1'/%3E%3C/svg%3E");
  opacity:0.07;mix-blend-mode:multiply;
}
.subscribe-bar>*{position:relative;z-index:1;}
.subscribe-bar h3{font-family:var(--fd);font-size:1.15rem;color:var(--gold-lt);margin-bottom:.2rem;}
.subscribe-bar p{font-family:var(--fc);font-style:italic;font-size:.95rem;color:rgba(255,255,255,.75);margin-top:.2rem;}
.subscribe-bar-text{flex:1;min-width:200px;}
.subscribe-bar-form{display:flex;gap:.6rem;flex-wrap:wrap;flex-shrink:0;}
.subscribe-bar-form input{padding:.55rem .9rem;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-family:var(--fb);font-size:.9rem;border-radius:4px;outline:none;width:220px;}
.subscribe-bar-form input::placeholder{color:rgba(255,255,255,.5);}

/* Scripture & Story page */
.intro-essay{background:var(--bg-card);border:4px solid #1C3557;border-radius:10px;padding:1.8rem 2rem;margin-bottom:1.8rem;box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);}
.intro-essay h1{font-family:var(--fd);font-size:clamp(1.6rem,3vw,2.2rem);color:var(--ink);margin-bottom:1rem;line-height:1.2;}
.intro-essay p{font-size:1rem;line-height:1.8;color:var(--ink-light);margin-bottom:.9rem;}
.intro-essay p:last-child{margin-bottom:0;}

.genre-block{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;
  background:var(--bg-card);border:4px solid #1C3557;border-radius:10px;
  overflow:hidden;margin-bottom:1.8rem;box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);}
.genre-img{position:relative;overflow:hidden;}
.genre-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(70%) sepia(20%);display:block;}
.genre-img-label{position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(20,8,8,.88));
  color:var(--gold-lt);padding:1.5rem .8rem .6rem;
  font-family:var(--fc);font-style:italic;font-size:.78rem;line-height:1.3;}
.genre-content{padding:1.4rem 1.4rem 1.4rem 0;}
.genre-desc{font-size:1rem;line-height:1.8;color:var(--ink-light);margin-bottom:1rem;}
.genre-books{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem;}
.genre-books span{font-family:var(--fb);font-size:.75rem;letter-spacing:.08em;
  background:var(--crimson);color:#fff;padding:.2rem .6rem;border-radius:3px;}
.genre-essays h4{font-family:var(--fb);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-dk);margin-bottom:.5rem;}
.genre-essays .swl a{font-size:.92rem;}
@media(max-width:680px){.genre-block{grid-template-columns:1fr;}.genre-img img{height:180px;}}

/* Scroll to top */
#scroll-top{position:fixed;bottom:2rem;right:2rem;z-index:500;
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,#0f1f33 0%,#1c3557 50%,#0f1f33 100%);
  border:2px solid var(--gold);color:var(--gold-lt);
  font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 12px rgba(28,53,87,.6);opacity:0;pointer-events:none;
  transition:opacity .3s;}
#scroll-top.visible{opacity:1;pointer-events:all;}
#scroll-top:hover{background:linear-gradient(135deg,#1c3557 0%,#2a4f7a 50%,#1c3557 100%);}

/* Genre quick-nav */
.genre-quicknav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 .5rem;}
.genre-quicknav a{font-family:var(--fb);font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;padding:.35rem .9rem;border-radius:20px;
  background:transparent;border:1.5px solid #1C3557;color:#1C3557;
  transition:all .2s;text-decoration:none;}
.genre-quicknav a:hover{background:#1C3557;color:var(--gold-lt);}

/* The Tradition page */
.period-note{font-family:var(--fb);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-dk);margin:-1rem 0 1.2rem;}

.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem;}

.author-card{border:4px solid #1C3557;border-radius:10px;overflow:hidden;cursor:pointer;
  background:var(--bg-card);box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);
  transition:transform .2s;}
.author-card:hover{transform:translateY(-3px);}
.author-card.open{grid-column:1/-1;cursor:default;transform:none;}

.author-card-front{display:block;}
.author-card.open .author-card-front{display:none;}
.author-card-back{display:none;padding:1.4rem;}
.author-card.open .author-card-back{display:block;}

.author-portrait{width:100%;height:180px;overflow:hidden;}
.author-portrait img{width:100%;height:100%;object-fit:cover;
  filter:grayscale(80%) sepia(20%);transition:filter .3s;}
.author-card:hover .author-portrait img{filter:grayscale(50%) sepia(20%);}
.author-card-front h3{font-family:var(--fd);font-size:1rem;padding:.7rem .9rem .1rem;color:var(--ink);}
.author-dates{font-family:var(--fc);font-style:italic;font-size:.8rem;color:var(--ink-muted);
  padding:0 .9rem .4rem;}
.author-expand-hint{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-dk);padding:.4rem .9rem .8rem;font-family:var(--fb);}

.author-back-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start;}
.author-back-header img{width:90px;height:110px;object-fit:cover;border-radius:6px;
  filter:grayscale(70%) sepia(20%);flex-shrink:0;}
.author-back-header h3{font-family:var(--fd);font-size:1.2rem;color:var(--ink);margin-bottom:.2rem;}
.author-back-header .author-dates{padding:0;display:block;}
.author-works{font-size:.82rem;color:var(--ink-muted);margin-top:.4rem;line-height:1.5;}

.author-quote{border-left:3px solid var(--gold);padding:.5rem 1rem;margin:.8rem 0;
  font-family:var(--fc);font-style:italic;font-size:1rem;color:var(--crimson);line-height:1.6;}
.author-sig{font-size:.95rem;line-height:1.8;color:var(--ink-light);margin-bottom:.9rem;}
.author-essays{font-size:.82rem;color:var(--ink-muted);margin-bottom:1rem;}
.author-essays .swl{margin-top:.4rem;}

.author-close{background:#1C3557;color:var(--gold-lt);border:none;border-radius:4px;
  padding:.4rem 1rem;font-family:var(--fb);font-size:.75rem;letter-spacing:.1em;
  text-transform:uppercase;cursor:pointer;margin-top:.5rem;}
.author-close:hover{background:#2a4f7a;}

@media(max-width:780px){.author-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.author-grid{grid-template-columns:1fr;}}

/* Essays page */
.essay-featured{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:1.8rem;overflow:hidden;}
.ef-img{position:relative;min-height:320px;}
.ef-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(40%) sepia(15%);display:block;}
.ef-tag{position:absolute;top:.9rem;left:.9rem;background:var(--crimson);color:#fff;
  font-family:var(--fb);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;
  padding:.25rem .7rem;border-radius:3px;}
.ef-body{padding:2rem 1.8rem;display:flex;flex-direction:column;justify-content:center;gap:.9rem;}
.ef-meta{font-family:var(--fb);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dk);}
.ef-title{font-family:var(--fd);font-size:clamp(1.4rem,2.5vw,2rem);color:var(--ink);line-height:1.2;}
.ef-deck{font-family:var(--fc);font-style:italic;font-size:1rem;color:var(--ink-muted);line-height:1.7;}

/* Filter tabs */
.essay-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;}
.ef-tab{font-family:var(--fb);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  padding:.38rem 1rem;border-radius:20px;border:1.5px solid #1C3557;
  background:transparent;color:#1C3557;cursor:pointer;transition:all .2s;}
.ef-tab:hover,.ef-tab.active{background:#1C3557;color:var(--gold-lt);}

/* Essay grid */
.essay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem;}
.essay-card{display:flex;flex-direction:column;background:var(--bg-card);
  border:4px solid #1C3557;border-radius:10px;overflow:hidden;
  box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);
  transition:transform .2s;}
.essay-card:hover{transform:translateY(-3px);}
.ec-img{position:relative;height:160px;overflow:hidden;}
.ec-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(60%) sepia(15%);
  transition:filter .3s;display:block;}
.essay-card:hover .ec-img img{filter:grayscale(30%) sepia(15%);}
.ec-tag{position:absolute;top:.6rem;left:.6rem;background:var(--crimson);color:#fff;
  font-family:var(--fb);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.2rem .55rem;border-radius:3px;}
.guest-tag{background:#1C3557;}
.ec-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;flex:1;gap:.4rem;}
.ec-meta{font-family:var(--fb);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk);}
.ec-body h3{font-family:var(--fd);font-size:.95rem;line-height:1.35;color:var(--ink);}
.ec-body h3 a{color:inherit;text-decoration:none;}
.ec-body h3 a:hover{color:var(--crimson);}
.ec-body p{font-size:.85rem;line-height:1.65;color:var(--ink-muted);flex:1;}
.ec-read{font-family:var(--fb);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--crimson);text-decoration:none;margin-top:.3rem;}
.ec-read:hover{color:var(--blue);}
.essay-card.guest{border-color:rgba(28,53,87,.5);opacity:.85;}

@media(max-width:860px){.essay-featured{grid-template-columns:1fr;}.ef-img{min-height:220px;}}
@media(max-width:680px){.essay-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.essay-grid{grid-template-columns:1fr;}}

/* Culture & Worldview page */
.issue-block{background:var(--bg-card);border:4px solid #1C3557;border-radius:10px;
  padding:1.6rem 1.8rem;margin-bottom:1.8rem;
  box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);}
.issue-header{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1rem;}
.issue-number{font-family:var(--fd);font-size:2.8rem;font-weight:700;
  color:rgba(28,53,87,.15);line-height:1;flex-shrink:0;width:3rem;}
.issue-header h2{font-family:var(--fd);font-size:1.4rem;color:var(--ink);margin-bottom:.25rem;}
.issue-question{font-family:var(--fc);font-style:italic;font-size:.95rem;color:var(--ink-muted);}
.issue-provocation{border-left:4px solid var(--crimson);padding:.6rem 1.1rem;
  margin:.2rem 0 1.1rem;font-family:var(--fc);font-style:italic;
  font-size:1rem;color:var(--crimson);line-height:1.6;}
.issue-provocation cite{display:block;font-size:.82rem;color:var(--ink-muted);
  margin-top:.4rem;font-style:normal;}
.issue-body{font-size:.97rem;line-height:1.85;color:var(--ink-light);margin-bottom:1.1rem;}
.issue-essays h4{font-family:var(--fb);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-dk);margin-bottom:.5rem;}

/* About page */
.about-block{display:grid;grid-template-columns:280px 1fr;gap:0;
  margin-bottom:1.8rem;overflow:hidden;}
.about-block-img{overflow:hidden;min-height:320px;}
.about-block-img img{width:100%;height:100%;object-fit:cover;
  filter:grayscale(60%) sepia(20%);display:block;}
.about-block-body{padding:1.8rem 2rem;}
.about-block-body h2{font-family:var(--fd);font-size:1.5rem;color:var(--ink);margin-bottom:.4rem;}
.about-sub{font-family:var(--fc);font-style:italic;font-size:.95rem;
  color:var(--gold-dk);margin-bottom:1rem;display:block;}
.about-block-body p{font-size:.97rem;line-height:1.85;color:var(--ink-light);margin-bottom:.9rem;}
.about-block-body p:last-child{margin-bottom:0;}

.portrait-block{display:flex;flex-direction:column;}
.portrait-block img{flex:1;min-height:260px;}
.portrait-caption{background:var(--crimson);color:rgba(255,255,255,.9);
  padding:.6rem .9rem;font-family:var(--fc);font-style:italic;font-size:.85rem;
  line-height:1.5;text-align:center;}

.credentials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:1.8rem;}
.cred-card{background:var(--bg-card);border:4px solid #1C3557;border-radius:10px;
  padding:1.4rem 1.4rem 1.6rem;
  box-shadow:0 0 18px 4px rgba(28,53,87,.55),0 4px 16px rgba(0,0,0,.12);}
.cred-icon{font-size:1.3rem;color:var(--gold);margin-bottom:.6rem;}
.cred-card h3{font-family:var(--fd);font-size:1.05rem;color:var(--ink);margin-bottom:.8rem;}
.cred-list{padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;}
.cred-list li{font-size:.88rem;line-height:1.55;color:var(--ink-muted);}

@media(max-width:780px){
  .about-block{grid-template-columns:1fr;}
  .about-block-img{min-height:220px;}
  .credentials-grid{grid-template-columns:1fr;}
}

/* Contact box */
.contact-box{display:block;margin-bottom:2rem;}
.contact-box-body{padding:1.8rem 2rem;}
.contact-box-body h2{font-family:var(--fd);font-size:1.5rem;color:var(--ink);margin-bottom:.3rem;}
.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.2rem;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.cf-field{display:flex;flex-direction:column;gap:.35rem;}
.cf-field label{font-family:var(--fb);font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold-dk);}
.cf-field input,.cf-field select,.cf-field textarea{
  padding:.6rem .85rem;border:1px solid var(--rule);border-radius:4px;
  background:var(--bg);font-family:var(--fb);font-size:.92rem;color:var(--ink);
  outline:none;transition:border-color .2s;}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{
  border-color:#1C3557;}
.cf-field textarea{resize:vertical;line-height:1.6;}
@media(max-width:560px){.cf-row{grid-template-columns:1fr;}}

/* ============================================================
   THE LITERARY APOLOGETIC — Color System Update
   Paste this at the BOTTOM of your style.css, after all
   existing rules. These overrides will take effect immediately.
   ============================================================ */

/* ── Core color variables ── */
:root {
  /* Primary palette — steel blue family */
  --primary:        #2C5F7A;   /* deep steel blue — main interactive color */
  --primary-lt:     #4A89A8;   /* lighter steel blue — hover states */
  --primary-dk:     #1A3D52;   /* darkest steel — pressed states */

  /* Silver-gray family */
  --silver:         #8FA8B8;   /* mid silver-blue */
  --silver-lt:      #C8D8E4;   /* light silver — borders, rules */
  --silver-dk:      #5C7A8A;   /* darker silver — muted text */

  /* Accent — crimson reduced to whisper only */
  --crimson:        #8B2A2A;   /* kept as variable for compatibility */
  --crimson-dk:     #6B1F1F;
  --crimson-lt:     #C44;
  --crimson-accent: rgba(139,42,42,.15); /* very light tint only */

  /* Gold — kept, works with blue */
  --gold:           #C9A84C;
  --gold-dk:        #A07830;
  --gold-lt:        #E8CC88;

  /* Backgrounds */
  --bg:             #F4F7FA;   /* page background — light blue-white */
  --bg-card:        #FFFFFF;   /* card background */
  --bg-card-alt:    #EEF3F8;   /* alternate card — subtle blue tint */

  /* Text */
  --ink:            #1A2633;   /* primary text — dark navy */
  --ink-light:      #2E4057;   /* body text */
  --ink-muted:      #5C7A8A;   /* secondary/meta text */

  /* Rules and borders */
  --rule:           #C8D8E4;
  --rule-lt:        #DDE8F0;
  --navy:           #1C3557;   /* kept — card borders */
}

/* ── Background texture override ── */
body {
  background-color: var(--bg);
}

/* ── Navigation ── */
#site-nav,
nav,
.nav-inner {
  background: var(--navy) !important;
}

.nav-inner a,
#site-nav a {
  color: var(--silver-lt) !important;
}

.nav-inner a:hover,
#site-nav a:hover,
.nav-inner a.active,
#site-nav a.active {
  color: var(--gold) !important;
}

/* ── Banner / .bsub strip ── */
.bsub {
  background: linear-gradient(
    135deg,
    #1A3D52 0%, #2C5F7A 15%, #1E4A63 30%,
    #2C5F7A 45%, #163347 60%, #2C5F7A 75%,
    #1E4A63 88%, #2C5F7A 100%
  ) !important;
}

.bst, .bst-tagline, .bsi p {
  color: #EEF3F8 !important;
}

.bst-tagline {
  font-style: italic;
  font-weight: 700;
  letter-spacing: .04em;
  text-shadow: 0 1px 6px rgba(0,0,0,.35);
}

/* ── Filter dropdown labels in banner ── */
.bnf-label {
  color: rgba(238,243,248,.88) !important;
}

/* ── Profile tags — steel blue replaces crimson ── */
.profile-tag {
  background: var(--primary) !important;
  color: #fff !important;
}

/* ── Profile tag rollovers (tooltip) ── */
.profile-tag {
  position: relative;
  cursor: pointer;
  transition: background .2s;
}
.profile-tag:hover {
  background: var(--primary-lt) !important;
}
.profile-tag .tag-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--navy);
  color: #EEF3F8;
  font-family: var(--fc);
  font-style: italic;
  font-size: .82rem;
  line-height: 1.55;
  padding: .65rem .9rem;
  border-radius: 6px;
  width: 220px;
  text-align: left;
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
  z-index: 100;
  pointer-events: none;
}
.profile-tag .tag-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--navy);
}
.profile-tag:hover .tag-tooltip,
.profile-tag:focus .tag-tooltip {
  display: block;
}

/* ── Quote band — steel blue replaces crimson gradient ── */
.profile-quote-top {
  background: linear-gradient(
    135deg,
    #1A3D52 0%, #2C5F7A 9%, #1E4A63 18%,
    #2C5F7A 26%, #163347 34%, #2C5F7A 42%,
    #1E4A63 50%, #2C5F7A 58%, #1A3D52 66%,
    #2C5F7A 74%, #1E4A63 82%, #1A3D52 90%,
    #2C5F7A 100%
  ) !important;
}

/* ── Section headers / era titles ── */
.profile-block h2,
.sw h3,
.era-title,
.issue-header h2 {
  color: var(--primary) !important;
}

/* ── Sidebar widget border ── */
.sw {
  border-left-color: var(--primary) !important;
}

/* ── Library era title ── */
.era-title {
  color: var(--primary) !important;
}

/* ── Filter section headings ── */
.filter-heading {
  border-bottom-color: var(--gold) !important;
}

/* ── Essay / result card tags ── */
.result-card-tag {
  background: var(--primary) !important;
}
.result-card-tag.podcast {
  background: var(--gold-dk) !important;
}
.result-card-tag.era {
  background: var(--navy) !important;
}

/* ── Nav cards on homepage ── */
.nav-card {
  border-color: var(--navy) !important;
}
.nav-card:hover {
  border-color: var(--primary) !important;
  box-shadow: 0 0 18px 4px rgba(44,95,122,.35), 0 4px 16px rgba(0,0,0,.12) !important;
}
.nav-card-label {
  color: var(--primary) !important;
}

/* ── Links ── */
a {
  color: var(--primary);
}
a:hover {
  color: var(--primary-lt);
}

/* ── Essays list links in sidebar ── */
.essays-list a,
.swl a {
  color: var(--ink-light) !important;
}
.essays-list a:hover,
.swl a:hover {
  color: var(--primary) !important;
}

/* ── Era grid links in library ── */
.era-grid a {
  color: var(--primary) !important;
}
.era-grid a:hover {
  color: var(--primary-lt) !important;
}

/* ── Scroll to top button ── */
#scroll-top {
  background: var(--primary) !important;
  color: #fff !important;
}
#scroll-top:hover {
  background: var(--primary-lt) !important;
}

/* ── Footer ── */
footer,
#site-footer {
  background: var(--navy) !important;
  color: var(--silver-lt) !important;
}

/* ── Crimson used sparingly — quote blockquote left border ── */
.profile-quote blockquote {
  border-left-color: var(--gold) !important;
  color: var(--primary-dk) !important;
}

/* ── Quick nav strip ── */
.genre-quicknav a,
.bca .btn {
  background: var(--primary) !important;
  color: #fff !important;
  border-color: var(--primary) !important;
}
.genre-quicknav a:hover,
.bca .btn:hover {
  background: var(--primary-lt) !important;
}

/* ── Inline image styles for author pages ── */
.author-img-left {
  float: left;
  width: 160px;
  margin: 0 1.4rem 1rem 0;
  border: 3px solid var(--silver-lt);
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  filter: grayscale(40%) sepia(15%);
}
.author-img-right {
  float: right;
  width: 160px;
  margin: 0 0 1rem 1.4rem;
  border: 3px solid var(--silver-lt);
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  filter: grayscale(40%) sepia(15%);
}
.author-img-center {
  display: block;
  width: 220px;
  margin: 1.2rem auto;
  border: 3px solid var(--silver-lt);
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  filter: grayscale(40%) sepia(15%);
}
.author-img-caption {
  display: block;
  text-align: center;
  font-family: var(--fb);
  font-size: .68rem;
  letter-spacing: .08em;
  color: var(--ink-muted);
  margin-top: .3rem;
  font-style: italic;
}
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

/* ── Name texture override — lighter blue tones ── */
#nt .s { color: rgba(44,95,122,.18); }
#nt .l { color: rgba(28,53,87,.12); }