@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,600&family=Noto+Serif+Hebrew:wght@300;400;600&display=swap');

:root {
  --gold:       #C9A84C;
  --gold-light: #E8C97A;
  --gold-dark:  #8B6914;
  --gold-dim:   rgba(201,168,76,0.12);
  --deep:       #070608;
  --dark:       #0E0C0F;
  --dark-mid:   #161318;
  --border:     #2A2530;
  --text:       #E2D8CC;
  --muted:      #9A8E80;
  --dim:        #5A5250;
  --cream:      #F0E8D8;
  --red:        #8B2020;

  --f-display: 'Cinzel Decorative', serif;
  --f-head:    'Cinzel', serif;
  --f-body:    'Cormorant Garamond', serif;
  --f-heb:     'Noto Serif Hebrew', serif;
  --nav-h:     68px;
  --max:       1100px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--f-body);background:var(--deep);color:var(--text);line-height:1.8;overflow-x:hidden}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--gold-dark)}
a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-light)}
strong{color:var(--gold-light);font-weight:600}em{font-style:italic;color:var(--cream)}
h1,h2,h3,h4,h5{font-family:var(--f-head);color:var(--gold);letter-spacing:.05em;line-height:1.25}
h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700}
h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:600}
h3{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}
p{font-size:1.15rem;margin-bottom:1.3em;color:var(--text)}p:last-child{margin-bottom:0}

/* GRAIN */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.02;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px}

/* NAV */
#navbar{position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h);background:rgba(7,6,8,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);transition:border-color .3s}
#navbar.scrolled{border-bottom-color:var(--gold-dark);box-shadow:0 4px 40px rgba(0,0,0,.5)}
.nav-inner{max-width:var(--max);margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.nav-brand{display:flex;flex-direction:column;gap:2px;text-decoration:none;flex-shrink:0}
.nav-brand-heb{font-family:var(--f-heb);font-size:1.1rem;color:var(--gold);direction:rtl;line-height:1}
.nav-brand-en{font-family:var(--f-head);font-size:.6rem;letter-spacing:.2em;color:var(--dim);text-transform:uppercase}
.nav-links{display:flex;list-style:none;gap:0;align-items:center}
.nav-links>li{position:relative}
.nav-links>li>a{display:block;padding:.45rem .75rem;font-family:var(--f-head);font-size:.63rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;transition:color .2s;white-space:nowrap}
.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--gold)}
.has-dd .dd{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--dark-mid);border:1px solid var(--border);border-top:2px solid var(--gold);list-style:none;z-index:100;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.has-dd:hover .dd{display:block}
.dd li a{display:block;padding:.6rem 1rem;font-family:var(--f-body);font-size:.9rem;color:var(--muted);border-bottom:1px solid var(--border);transition:all .2s}
.dd li:last-child a{border-bottom:none}
.dd li a:hover{color:var(--gold);background:var(--gold-dim);padding-left:1.3rem}
.nav-cta{font-family:var(--f-head);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-dark);padding:.4rem 1rem;transition:all .2s;white-space:nowrap;flex-shrink:0}
.nav-cta:hover{background:var(--gold-dim);border-color:var(--gold)}
.nav-tog{display:none;background:none;border:1px solid var(--border);color:var(--gold);padding:.35rem .6rem;cursor:pointer;font-size:1.1rem}
@media(max-width:1000px){.nav-links,.nav-cta{display:none}.nav-tog{display:block}
#navbar.open .nav-links{display:flex;flex-direction:column;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--dark);border-bottom:1px solid var(--border);padding:1rem 0 1.5rem;gap:0;max-height:calc(100vh - var(--nav-h));overflow-y:auto}
#navbar.open .nav-links>li>a{padding:.75rem 1.5rem;font-size:.78rem}
#navbar.open .nav-cta{display:block;padding:.75rem 1.5rem;border:none;border-top:1px solid var(--border)}
.has-dd .dd{display:none!important}}

/* PAGE HERO */
.page-hero{padding:calc(var(--nav-h) + 3.5rem) 2rem 3rem;text-align:center;
  background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(201,168,76,.07) 0%,transparent 70%),var(--deep);
  border-bottom:1px solid var(--border)}
.page-hero .eyebrow{font-family:var(--f-head);font-size:.65rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;margin-bottom:.75rem}
.page-hero h1{margin-bottom:.75rem}
.page-hero .lead{font-size:1.1rem;color:var(--muted);max-width:600px;margin:0 auto;font-style:italic}

/* SECTIONS */
section{padding:5rem 0}
.inner{max-width:var(--max);margin:0 auto;padding:0 2rem}
.inner-narrow{max-width:780px;margin:0 auto;padding:0 2rem}
.sec-head{text-align:center;margin-bottom:3.5rem}
.eyebrow{font-family:var(--f-head);font-size:.65rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;margin-bottom:.75rem}
.gold-rule{width:48px;height:1px;background:var(--gold);margin:1rem auto 0}

/* PROSE */
.prose p{font-size:1.15rem;line-height:1.85;margin-bottom:1.4em}
.prose h3{font-size:1rem;letter-spacing:.1em;color:var(--gold);text-transform:uppercase;margin:2.5rem 0 1rem;font-family:var(--f-head)}
.prose h4{font-size:.9rem;letter-spacing:.08em;color:var(--gold-light);margin:1.5rem 0 .75rem;font-family:var(--f-head)}
.prose ul{margin:1rem 0 1.4rem 1.5rem}
.prose ul li{font-size:1.1rem;color:var(--muted);margin-bottom:.6rem;line-height:1.7}

/* SCRIPTURE */
.scripture{background:rgba(201,168,76,.05);border-left:2px solid var(--gold);padding:1.25rem 1.75rem;margin:1.75rem 0;font-style:italic;font-size:1.15rem;color:var(--cream);line-height:1.8}
.scripture cite{display:block;font-style:normal;font-family:var(--f-head);font-size:.7rem;letter-spacing:.1em;color:var(--gold);margin-top:.6rem}

/* HISTORICAL BANNER */
.hist-banner{background:rgba(139,105,20,.1);border:1px solid rgba(139,105,20,.35);border-left:3px solid var(--gold-dark);padding:1rem 1.5rem;margin-bottom:2.5rem}
.hist-banner p{font-family:var(--f-head);font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin:0;text-transform:uppercase}
.hist-banner strong{color:var(--gold);font-size:.78rem}

/* UPDATE BOX */
.update-box{background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.25);border-top:3px solid var(--gold);padding:1.75rem 2rem;margin:3rem 0}
.update-box .update-label{font-family:var(--f-head);font-size:.65rem;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}
.update-box .update-label::after{content:'';flex:1;height:1px;background:rgba(201,168,76,.2)}
.update-box p{font-size:1.1rem;color:var(--text);margin-bottom:1em}
.update-box p:last-child{margin-bottom:0}
.update-box .scripture{background:rgba(201,168,76,.08);border-left-color:var(--gold-light)}

/* DISCLAIMER */
.disclaimer{background:rgba(139,32,32,.1);border:1px solid rgba(139,32,32,.35);border-left:3px solid var(--red);padding:1.1rem 1.5rem;margin:1.5rem 0}
.disclaimer p{font-size:.9rem;color:var(--muted);margin:0}
.disclaimer strong{color:#E87070}

/* DIVIDER */
.divider{display:flex;align-items:center;gap:1.5rem;margin:3rem 0;color:var(--gold-dark)}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,var(--gold-dark),transparent)}
.divider span{font-family:var(--f-heb);font-size:1.2rem;color:var(--gold);opacity:.6}

/* CARDS */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.card{background:var(--dark-mid);border:1px solid var(--border);border-bottom:2px solid var(--gold-dark);padding:1.5rem;transition:all .2s}
.card:hover{border-bottom-color:var(--gold);transform:translateY(-3px)}
.card h4{font-size:.85rem;letter-spacing:.08em;color:var(--gold);margin-bottom:.5rem}
.card p{font-size:.95rem;color:var(--muted);margin:0;line-height:1.6}

/* BUTTONS */
.btn{display:inline-block;padding:.8rem 2rem;font-family:var(--f-head);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;border:1px solid;transition:all .25s;cursor:pointer}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--deep)}.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light);color:var(--deep);transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,168,76,.25)}
.btn-outline{background:transparent;border-color:rgba(201,168,76,.4);color:var(--gold)}.btn-outline:hover{border-color:var(--gold);background:var(--gold-dim);transform:translateY(-2px)}

/* CTA BAND */
.cta-band{background:var(--dark-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 2rem;text-align:center}
.cta-band h2{margin-bottom:1rem;font-size:clamp(1.3rem,3vw,2rem)}
.cta-band p{color:var(--muted);font-style:italic;max-width:500px;margin:0 auto 2rem}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* FOOTER */
footer{background:var(--dark);border-top:1px solid var(--border);padding:3rem 2rem 2rem}
.footer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}
.footer-brand h3{font-size:1.2rem;margin-bottom:.25rem}
.footer-brand .f-heb{font-family:var(--f-heb);direction:rtl;color:var(--gold-dark);font-size:1.1rem;display:block;margin-bottom:.5rem}
.footer-brand p{font-size:.9rem;color:var(--dim);line-height:1.6;margin-top:.5rem}
.footer-col h4{font-family:var(--f-head);font-size:.65rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:.75rem}
.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.4rem}
.footer-col ul li a{font-size:.9rem;color:var(--dim)}.footer-col ul li a:hover{color:var(--gold)}
.footer-bottom{max-width:var(--max);margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.footer-bottom p{font-size:.75rem;color:var(--dim)}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.fade{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.fade.in{opacity:1;transform:translateY(0)}