/* ===== EVIE vs HISTORY — site styles ===== */
:root{
  color-scheme: only light;
  --ink:#1a1410;
  --parchment:#f4ecd8;
  --parchment-deep:#e8dcc0;
  --gold:#b8893a;
  --gold-bright:#d4a14e;
  --crimson:#7a2018;
  --crimson-deep:#5a160f;
  --shadow:rgba(40,28,15,.22);
  --maxw:1140px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:Georgia,'Times New Roman',serif;
  background:var(--parchment);
  color:var(--ink);
  line-height:1.7;
  background-image:
    radial-gradient(circle at 18% 8%, rgba(184,137,58,.07), transparent 42%),
    radial-gradient(circle at 82% 92%, rgba(122,32,24,.05), transparent 45%);
}
a{color:var(--crimson);}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* ---- NAV ---- */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(244,236,216,.94);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--parchment-deep);
  box-shadow:0 2px 12px rgba(40,28,15,.08);
}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-brand img{height:46px;width:auto;}
.nav-brand b{font-size:1.05rem;letter-spacing:.04em;color:var(--crimson);font-weight:900;display:none;}
.nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.nav-links a{
  text-decoration:none;color:var(--ink);font-size:.92rem;letter-spacing:.04em;
  padding:8px 14px;border-radius:2px;transition:.18s;
}
.nav-links a:hover,.nav-links a.active{background:var(--parchment-deep);color:var(--crimson);}
.nav-sub{
  background:var(--crimson);color:#fff!important;font-weight:bold;
}
.nav-sub:hover{background:var(--crimson-deep)!important;color:#fff!important;}
.nav-support{background:var(--gold);color:#fff!important;font-weight:bold;}
.nav-support:hover{background:var(--gold-bright)!important;color:#fff!important;}
.nav-honour{background:var(--crimson-deep);color:var(--gold)!important;font-weight:bold;border:1px solid var(--gold);}
.nav-honour:hover{background:var(--gold)!important;color:#fff!important;}
.nav-toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--crimson);cursor:pointer;}

/* ---- HERO / BANNER ---- */
.hero{position:relative;border-bottom:3px double var(--gold);}
.hero img{width:100%;height:auto;display:block;}
.hero-overlay{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
  align-items:flex-end;text-align:right;padding:0 6% 0 0;
}
.hero-overlay .inner{max-width:54%;}
.hero h1{font-size:clamp(1.6rem,3.4vw,3rem);line-height:1.08;color:var(--ink);font-weight:900;text-shadow:0 1px 10px rgba(244,236,216,.7);}
.hero h1 span{color:var(--crimson);font-style:italic;}
.hero p{margin-top:12px;font-size:clamp(.9rem,1.5vw,1.2rem);font-style:italic;color:var(--crimson-deep);}
.hero .cta-row{justify-content:flex-end;}

/* ---- BUTTONS ---- */
.cta-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:22px;}
.btn{display:inline-block;padding:12px 24px;border-radius:2px;font-family:Georgia,serif;font-size:.92rem;font-weight:bold;letter-spacing:.05em;text-decoration:none;transition:.2s;box-shadow:0 4px 14px var(--shadow);cursor:pointer;}
.btn-main{background:var(--crimson);color:var(--parchment);}
.btn-main:hover{background:var(--crimson-deep);transform:translateY(-2px);}
.btn-alt{background:transparent;color:var(--ink);border:2px solid var(--gold);}
.btn-alt:hover{background:var(--gold);color:#fff;}

/* ---- SECTIONS ---- */
section{padding:54px 0;}
.kicker{font-size:.76rem;letter-spacing:.4em;text-transform:uppercase;color:var(--crimson);font-weight:bold;margin-bottom:12px;}
h2.sec{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--crimson-deep);margin-bottom:18px;}
.sec-head{text-align:center;margin-bottom:36px;}
.lead p{font-size:1.08rem;margin-bottom:18px;}
.lead strong{color:var(--crimson);}
h2.bar{border-left:5px solid var(--gold);padding-left:16px;color:var(--crimson-deep);font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:20px;}

/* ---- VIDEO GRID ---- */
.vid-grid{display:grid;gap:24px;}
.grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
.grid-short{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
.vid-card{background:#fff;border:1px solid var(--parchment-deep);border-radius:4px;overflow:hidden;box-shadow:0 6px 18px var(--shadow);transition:.25s;}
.vid-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px var(--shadow);}
.vid-embed{position:relative;width:100%;background:var(--ink);}
.vid-embed.ar169{aspect-ratio:16/9;}
.vid-embed.ar916{aspect-ratio:9/16;}
.vid-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vid-body{padding:15px 17px 18px;}
.vid-body h3{font-size:1.02rem;line-height:1.35;color:var(--crimson-deep);}
.vid-body .views{display:block;margin-top:7px;font-size:.78rem;letter-spacing:.06em;color:var(--gold);text-transform:uppercase;}

/* ---- ABOUT ---- */
.about-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:44px;align-items:center;}
.about-grid img{border-radius:4px;box-shadow:0 10px 30px var(--shadow);border:1px solid var(--parchment-deep);}
.about-grid p{margin-bottom:16px;font-size:1.06rem;}

/* ---- CONTACT ---- */
.contact-box{background:#fff;border:1px solid var(--parchment-deep);border-radius:4px;padding:34px;box-shadow:0 8px 24px var(--shadow);max-width:640px;margin:0 auto;text-align:center;}
.contact-box a{font-weight:bold;}
.social-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:22px;}
.social-row a{text-decoration:none;font-weight:bold;letter-spacing:.04em;padding:9px 16px;border:1px solid var(--gold);border-radius:2px;transition:.18s;color:var(--crimson);}
.social-row a:hover{background:var(--gold);color:#fff;}

/* ---- SCHEDULE BADGES ---- */
.sched{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:8px;}
.sched span{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);}
.sched b{display:block;color:var(--crimson);font-size:1.05rem;}

/* ---- FOOTER ---- */
footer{border-top:3px double var(--gold);padding:40px 24px;text-align:center;background:var(--parchment-deep);margin-top:20px;}
footer .social-row{margin-top:0;margin-bottom:16px;}
footer .social-row a{border:0;padding:4px 8px;}
.fine{font-size:.8rem;color:#6a5a44;max-width:680px;margin:0 auto;font-style:italic;}
.foot-nav{margin-bottom:16px;}
.foot-nav a{margin:0 10px;text-decoration:none;color:var(--crimson);font-size:.9rem;}

/* ---- COMMUNITY SECTION ---- */
.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.fb-page-wrap{background:#fff;border:1px solid var(--parchment-deep);border-radius:4px;padding:20px;box-shadow:0 6px 18px var(--shadow);overflow:hidden;}
.community-cta{padding:10px 0;}
.community-cta h3{font-size:1.5rem;color:var(--crimson-deep);margin:10px 0 16px;line-height:1.3;}
.community-cta p{font-size:1rem;margin-bottom:16px;color:var(--ink);}
.community-list{list-style:none;padding:0;margin:0;}
.community-list li{padding:8px 0;border-bottom:1px solid var(--parchment-deep);font-size:.96rem;color:var(--ink);}
.community-list li:last-child{border-bottom:0;}
@media(max-width:760px){.community-grid{grid-template-columns:1fr;gap:28px;}}
@media(max-width:760px){
  .nav-links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--parchment);padding:10px 24px 18px;border-bottom:1px solid var(--parchment-deep);}
  .nav-links.open{display:flex;}
  .nav-links a{width:100%;}
  .nav-toggle{display:block;}
  .hero-overlay{position:static;background:var(--parchment-deep);align-items:center;text-align:center;padding:26px 24px;}
  .hero-overlay .inner{max-width:100%;}
  .hero .cta-row{justify-content:center;}
  .about-grid{grid-template-columns:1fr;gap:26px;}
}

/* ===== FORCE LIGHT THEME (prevent browser/OS dark-mode from inverting colors) ===== */
@media (prefers-color-scheme: dark){
  :root{
    --ink:#1a1410;
    --parchment:#f4ecd8;
    --parchment-deep:#e8dcc0;
    --gold:#b8893a;
    --gold-bright:#d4a14e;
    --crimson:#7a2018;
    --crimson-deep:#5a160f;
  }
  body{background:#f4ecd8 !important;color:#1a1410 !important;}
  .nav{background:rgba(244,236,216,.94) !important;}
  .vid-card{background:#fff !important;}
  .contact-box{background:#fff !important;}
}