/* 
   ATN — Altar of the Truth Network
   Global Design System
   Palette: Navy · Teal · Orange · Gold
   Type:    Playfair Display + DM Sans
 */

@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=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

:root {
  --navy:        #080D1A;
  --navy-mid:    #0B1220;
  --navy-light:  #101C33;
  --navy-card:   #0E1828;
  --teal:        #00B4A6;
  --teal-light:  #00D4C4;
  --teal-dim:    rgba(0,180,166,0.10);
  --teal-border: rgba(0,180,166,0.22);
  --orange:      #E8631A;
  --orange-lt:   #FF7A30;
  --gold:        #D4A84B;
  --gold-dim:    rgba(212,168,75,0.12);
  --white:       #FFFFFF;
  --off-white:   #EEF0F5;
  --grey:        #7A8FA8;
  --grey-light:  #B0C2D8;
  --border:      rgba(0,180,166,0.15);
  --shadow-lg:   0 20px 80px rgba(0,0,0,0.6);
  --shadow-teal: 0 8px 40px rgba(0,180,166,0.18);
  --radius:      16px;
  --radius-sm:   10px;
}

/*  RESET  */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  background:var(--navy); color:var(--off-white);
  font-family:'DM Sans',sans-serif; line-height:1.65;
  overflow-x:hidden;
}
img { max-width:100%; display:block; height:auto; }
a { color:inherit; text-decoration:none; }
button { cursor:pointer; border:none; background:none; font-family:inherit; }

/*  TYPOGRAPHY  */
h1,h2,h3,h4 { font-family:'Playfair Display',serif; line-height:1.15; }
h1 { font-size:clamp(2.6rem,6vw,5.8rem); font-weight:900; }
h2 { font-size:clamp(1.9rem,4vw,3.1rem); font-weight:700; }
h3 { font-size:clamp(1.15rem,2.5vw,1.55rem); font-weight:600; }
p  { color:var(--grey-light); font-size:1.02rem; }

.eyebrow {
  display:inline-block;
  font-size:0.70rem; font-weight:700;
  letter-spacing:0.22em; text-transform:uppercase;
  color:var(--teal); margin-bottom:0.9rem;
}
.eyebrow--orange { color:var(--orange); }
.eyebrow--gold   { color:var(--gold); }

/*  LAYOUT  */
.container { max-width:1440px; margin:0 auto; padding:0 3rem; }
.container--narrow { max-width:880px; margin:0 auto; padding:0 2rem; }
.container--wide { max-width:1600px; margin:0 auto; padding:0 3rem; }
.section    { padding:6rem 0; }
.section--lg{ padding:8rem 0; }

/*  NAV  */
.nav {
  position:fixed; inset:0 0 auto;
  z-index:1000; padding:.7rem 0;
  background:rgba(8,13,26,0.80);
  backdrop-filter:blur(24px) saturate(1.4);
  border-bottom:1px solid var(--border);
  transition:all .3s ease;
}
@media (min-width: 768px) {
  .nav { padding: 1rem 0; }
}
.nav.scrolled { padding:.5rem 0; background:rgba(8,13,26,0.97); }
.nav__inner {
  display:flex; align-items:center; justify-content:space-between;
  width:100%; max-width:none; margin:0; padding:0 2rem 0 1.5rem;
}
@media (min-width:1280px) {
  .nav__inner { padding: 0 3rem 0 2rem; }
}
.nav__brand { display:flex; align-items:center; gap:.75rem; max-width:65%; }
.nav__brand img,
.nav__logo-img {
  /* Mobile-first: SMALL logo */
  height: 32px !important;
  width: auto !important;
  display: block !important;
  max-width: 200px !important;
  object-fit: contain !important;
}
@media (min-width: 768px) {
  .nav__brand img,
  .nav__logo-img { height: 42px !important; max-width: 260px !important; }
}
@media (min-width: 1280px) {
  .nav__brand img,
  .nav__logo-img { height: 50px !important; max-width: 320px !important; }
}
@media (min-width: 1600px) {
  .nav__brand img,
  .nav__logo-img { height: 56px !important; }
}
.nav__logo-text {
  font-family:'Playfair Display',serif;
  font-size:1.05rem; font-weight:700;
  line-height:1.2; color:var(--white);
}
.nav__logo-text em { font-style:normal; color:var(--teal); }
.nav__links {
  display:flex; align-items:center; gap:2.5rem;
  list-style:none;
}
.nav__links > li { position:relative; }
.nav__links a {
  font-size:.78rem; font-weight:600; color:var(--white);
  letter-spacing:.18em; text-transform:uppercase;
  position:relative; padding:6px 0; transition:color .2s;
  display:inline-flex; align-items:center; gap:.35rem;
}
.nav__links a::after {
  content:''; position:absolute; bottom:0; left:0;
  width:0; height:2px; background:var(--teal); transition:width .3s;
}
.nav__links a:hover  { color:var(--teal); }
.nav__links a:hover::after,
.nav__links a.active::after { width:100%; }
.nav__links a.active { color:var(--teal); }

/* Dropdown for "What We Do" */
.nav__dropdown {
  position:absolute; top:calc(100% + 14px); left:50%; transform:translateX(-50%) translateY(-6px);
  background:var(--navy-card); border:1px solid var(--border);
  border-radius:8px; padding:.5rem; min-width:200px;
  opacity:0; pointer-events:none; transition:all .2s;
  z-index:50;
}
.nav__links li:hover .nav__dropdown { opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0); }
.nav__dropdown a {
  display:block; padding:.7rem 1rem; border-radius:6px;
  font-size:.74rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--grey-light); transition:all .2s; font-weight:600;
}
.nav__dropdown a::after { display:none; }
.nav__dropdown a:hover { background:var(--teal-dim); color:var(--teal); }

.nav__right { display:flex; align-items:center; gap:1rem; }

/* Language */
.lang-btn {
  display:flex; align-items:center; gap:.4rem;
  font-size:.75rem; color:var(--white); font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
  padding:.42rem .85rem;
  border:1px solid rgba(255,255,255,.18); border-radius:50px;
  transition:all .2s; position:relative;
  background:rgba(255,255,255,.04); backdrop-filter:blur(8px);
}
.lang-btn:hover { border-color:var(--teal); color:var(--teal); }
.lang-drop {
  display:none; position:absolute; top:calc(100% + 8px); right:0;
  background:var(--navy-card); border:1px solid var(--border);
  border-radius:8px; padding:.4rem; min-width:185px; z-index:50;
}
.lang-btn:hover .lang-drop { display:block; }
.lang-drop a {
  display:flex; align-items:center; gap:.5rem;
  padding:.5rem .75rem; border-radius:6px;
  font-size:.78rem; color:var(--grey-light);
  letter-spacing:.05em; text-transform:none; font-weight:500;
  transition:all .2s;
}
.lang-drop a:hover { background:var(--teal-dim); color:var(--teal); }

/* Hamburger — bigger tap target, animates to × when open */
.nav__ham {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 8px;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1100;
}
.nav__ham span {
  display: block;
  width: 24px;
  height: 2.5px;
  background: var(--white);
  border-radius: 2px;
  transition: all 0.3s;
}
.nav__ham.active span:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.nav__ham.active span:nth-child(2) {
  opacity: 0;
}
.nav__ham.active span:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}

/* Mobile menu — covers full screen, on top of nav */
.mob-menu {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--navy);
  z-index: 1050;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 2rem;
}
.mob-menu.open { display: flex; }
.mob-menu__close { position:absolute; top:1.6rem; right:2rem; font-size:2rem; color:var(--grey); cursor:pointer; }
.mob-menu a {
  font-family: 'Playfair Display', serif;
  font-size: 1.85rem;
  font-weight: 700;
  color: var(--white);
  transition: color 0.2s;
  text-decoration: none;
}
.mob-menu a:hover { color: var(--teal); }
.mob-menu .btn {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.95rem;
  margin-top: 0.5rem;
}
@media (max-width: 380px) {
  .mob-menu a { font-size: 1.55rem; }
  .mob-menu { gap: 1.6rem; }
}

/*  BUTTONS  */
.btn {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.85rem 1.85rem; border-radius:50px;
  font-weight:600; font-size:.9rem; letter-spacing:.02em;
  transition:all .28s ease; white-space:nowrap;
}
.btn--teal  { background:var(--teal); color:var(--navy); }
.btn--teal:hover  { background:var(--teal-light); transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,180,166,.35); }
.btn--orange { background:var(--orange); color:var(--white); }
.btn--orange:hover{ background:var(--orange-lt); transform:translateY(-2px); box-shadow:0 8px 28px rgba(232,99,26,.35); }
.btn--gold   { background:var(--gold); color:var(--navy); font-weight:700; }
.btn--gold:hover  { background:#e0b355; transform:translateY(-2px); box-shadow:0 8px 28px rgba(212,168,75,.35); }
.btn--outline{ border:1.5px solid var(--teal); color:var(--teal); background:transparent; }
.btn--outline:hover{ background:var(--teal-dim); transform:translateY(-2px); }
.btn--outline-white{ border:1.5px solid rgba(255,255,255,.28); color:var(--white); background:transparent; }
.btn--outline-white:hover{ border-color:var(--white); background:rgba(255,255,255,.08); }
.btn--sm { padding:.58rem 1.2rem; font-size:.82rem; }
.btn--lg { padding:1.1rem 2.4rem; font-size:1rem; }
.btn--full { width:100%; justify-content:center; }

/*  CARD  */
.card {
  background:var(--navy-card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:2rem; transition:all .3s ease;
}
.card:hover { border-color:var(--teal-border); transform:translateY(-4px); box-shadow:var(--shadow-teal); }
.card--gold:hover { border-color:var(--gold); box-shadow:0 8px 40px rgba(212,168,75,.18); }

/*  DIVIDER  */
.divider {
  width:56px; height:3px;
  background:linear-gradient(90deg,var(--teal),var(--orange));
  border-radius:2px; margin:1.4rem 0;
}
.divider--c { margin-left:auto; margin-right:auto; }

/*  TICKER  */
.ticker { overflow:hidden; background:var(--teal); border-top:none; border-bottom:none; padding:1.6rem 0; }
.ticker__track { display:flex; gap:0; width:max-content; animation:tick 60s linear infinite; align-items:center; }
.ticker__item { font-family:'Playfair Display',serif; font-size:clamp(2rem,4vw,3.4rem); font-weight:700; font-style:normal; letter-spacing:0; text-transform:none; color:var(--navy); white-space:nowrap; padding:0 2.5rem; line-height:1; }
.ticker__item::before { content:''; margin:0; }
.ticker__sep {
  display:inline-block;
  width:8px; height:8px;
  background:var(--navy);
  border-radius:50%;
  margin:0 1.5rem;
  flex-shrink:0;
}
@keyframes tick { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/*  STATS BAR  */
.stats-bar { background:var(--navy-light); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:2.5rem 0; }
.stats-bar__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.stat { text-align:center; padding:1rem 1.5rem; border-right:1px solid var(--border); }
.stat:last-child { border-right:none; }
.stat__n { font-family:'Playfair Display',serif; font-size:2.8rem; font-weight:900; color:var(--teal); line-height:1; margin-bottom:.3rem; }
.stat__l { font-size:.75rem; color:var(--grey); font-weight:600; letter-spacing:.1em; text-transform:uppercase; }

/*  FOOTER  */
.footer { background:#000; border-top:none; padding:6rem 0 2rem; }
.footer__grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.4fr; gap:4rem; margin-bottom:4rem; }
.footer__brand-name { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:700; color:var(--white); }
.footer__brand-name em { font-style:normal; color:var(--teal); }
.footer__brand p { color:rgba(255,255,255,.55); font-size:.95rem; line-height:1.7; margin:1.2rem 0 2rem; max-width:340px; }
.footer h4 { font-family:'DM Sans',sans-serif; font-size:.74rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--white); margin-bottom:1.6rem; }
.footer__list { list-style:none; display:flex; flex-direction:column; gap:1rem; }
.footer__list a { font-size:1rem; color:rgba(255,255,255,.65); transition:color .2s; }
.footer__list a:hover { color:var(--teal); }
.footer__contact-label { font-size:.7rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:.4rem; }
.footer__contact-row { margin-bottom:1.4rem; }
.footer__contact-row a, .footer__contact-row span { font-size:1rem; color:rgba(255,255,255,.85); display:block; }
.footer__contact-row a:hover { color:var(--teal); }
.footer__email-row { display:flex; gap:0; margin-top:.75rem; max-width:380px; }
.footer__input { flex:1; padding:.85rem 1.1rem; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-right:none; border-radius:8px 0 0 8px; color:var(--white); font-size:.92rem; font-family:inherit; }
.footer__input:focus { outline:none; border-color:var(--teal); }
.footer__input::placeholder { color:rgba(255,255,255,.4); }
.footer__email-row .btn { border-radius:0 8px 8px 0; padding:.85rem 1.5rem; }
.footer__bottom { border-top:1px solid rgba(255,255,255,.08); padding-top:2rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.footer__copy { font-size:.85rem; color:rgba(255,255,255,.45); }
.footer__copy a { color:rgba(255,255,255,.65); }
.footer__copy a:hover { color:var(--teal); }
.footer__legal { display:flex; gap:1.5rem; }
.footer__legal a { font-size:.85rem; color:rgba(255,255,255,.45); transition:color .2s; }
.footer__legal a:hover { color:var(--teal); }
.footer__social { display:flex; gap:.65rem; }
.footer__social a { width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; font-size:1rem; color:rgba(255,255,255,.7); transition:all .2s; }
.footer__social a:hover { border-color:var(--teal); color:var(--teal); background:var(--teal-dim); }

/*  PAGE HERO  */
.page-hero {
  padding:10rem 0 5rem;
  background:radial-gradient(ellipse 70% 60% at 65% 30%, rgba(0,180,166,.07) 0%,transparent 70%),var(--navy);
  border-bottom:1px solid var(--border);
  position:relative; overflow:hidden;
}
.page-hero__bg {
  position:absolute; right:-1rem; top:50%; transform:translateY(-50%);
  font-family:'Playfair Display',serif; font-size:14rem; font-weight:900;
  color:rgba(255,255,255,.018); line-height:1;
  pointer-events:none; user-select:none;
}

/*  VIDEO CARD  */
.video-card { border-radius:12px; overflow:hidden; background:var(--navy-card); border:1px solid var(--border); transition:all .3s; cursor:pointer; }
.video-card:hover { border-color:var(--teal-border); transform:translateY(-3px); box-shadow:var(--shadow-teal); }
.video-card__thumb { aspect-ratio:16/9; position:relative; overflow:hidden; }
.video-card__thumb img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.video-card:hover .video-card__thumb img { transform:scale(1.05); }
.video-card__play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.3); }
.video-card__play-btn { width:52px; height:52px; border-radius:50%; background:var(--teal); display:flex; align-items:center; justify-content:center; font-size:1.3rem; color:var(--navy); transition:transform .2s; }
.video-card:hover .video-card__play-btn { transform:scale(1.1); }
.video-card__tag { position:absolute; top:.7rem; left:.7rem; background:var(--orange); color:var(--white); font-size:.66rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:.2rem .6rem; border-radius:4px; }
.video-card__body { padding:1.2rem; }
.video-card__speaker { font-size:.76rem; color:var(--teal); font-weight:600; margin-top:.25rem; }

/*  FAQ  */
.faq-item { border-bottom:1px solid var(--border); }
.faq-q { display:flex; justify-content:space-between; align-items:center; padding:1.4rem 0; cursor:pointer; font-weight:600; color:var(--white); transition:color .2s; }
.faq-q:hover { color:var(--teal); }
.faq-icon { font-size:1.3rem; color:var(--teal); transition:transform .3s; flex-shrink:0; }
.faq-item.open .faq-icon { transform:rotate(45deg); }
.faq-a { display:none; padding-bottom:1.4rem; }
.faq-item.open .faq-a { display:block; }

/*  PARTNERSHIP TIER  */
.tier {
  background:var(--navy-card); border:1px solid var(--border);
  border-radius:var(--radius); padding:2.2rem; position:relative;
  transition:all .3s; display:flex; flex-direction:column;
}
.tier:hover { transform:translateY(-4px); }
.tier--featured { border-color:var(--gold); box-shadow:0 0 0 1px var(--gold); }
.tier__badge { position:absolute; top:-1px; left:50%; transform:translateX(-50%); background:var(--gold); color:var(--navy); font-size:.68rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; padding:.3rem 1.1rem; border-radius:0 0 10px 10px; white-space:nowrap; }
.tier__amount { font-family:'Playfair Display',serif; font-size:2.4rem; font-weight:900; color:var(--white); margin:.75rem 0 .25rem; }
.tier__period { font-size:.8rem; color:var(--grey); }
.tier__features { list-style:none; display:flex; flex-direction:column; gap:.7rem; margin:1.5rem 0; flex:1; }
.tier__features li { display:flex; gap:.7rem; font-size:.9rem; color:var(--grey-light); }
.tier__features li::before { content:''; color:var(--teal); font-weight:700; flex-shrink:0; }

/*  SCROLL REVEAL  */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

/*  RESPONSIVE  */
@media(max-width:1024px) {
  .footer__grid { grid-template-columns:1fr 1fr; gap:2.5rem; }
}
@media(max-width:768px) {
  .nav__links,.nav__right { display:none !important; }
  .nav__ham { display:flex !important; }
  .stats-bar__grid { grid-template-columns:repeat(2,1fr); }
  .stat { border-right:none; border-bottom:1px solid var(--border); }
  .stat:last-child { border-bottom:none; }
  .footer__grid { grid-template-columns:1fr; gap:2rem; }
  .footer__bottom { flex-direction:column; text-align:center; align-items:center; }
  .footer__legal { justify-content:center; }
  .footer__social { justify-content:center; }
  .section,.section--lg { padding:4rem 0; }
  /* Page hero on inner pages */
  .page-hero { padding:8rem 0 3.5rem; }
  .page-hero__bg { font-size:8rem; }
  /* Video card grids */
  .video-card__thumb { aspect-ratio:16/9; }
  /* Tier grids */
  .tiers-grid { grid-template-columns:1fr !important; }
  /* Contact form */
  .contact-grid { grid-template-columns:1fr !important; }
  /* Impact row */
  .impact-row { grid-template-columns:repeat(2,1fr) !important; }
  /* Worship hero */
  .worship-hero__inner { grid-template-columns:1fr !important; }
  /* Elements grid */
  .elements-grid { grid-template-columns:1fr 1fr !important; }
  /* Who grid */
  .who-grid { grid-template-columns:1fr 1fr !important; }
  /* Outcome grid */
  .outcome-grid { grid-template-columns:1fr 1fr !important; }
  /* Team grid */
  .team-grid { grid-template-columns:1fr 1fr !important; }
  /* Mission grid */
  .mission-grid { grid-template-columns:1fr !important; }
  /* About split */
  .about-split { grid-template-columns:1fr !important; }
  /* Why grid */
  .why-grid { grid-template-columns:1fr !important; }
  /* Give grid */
  .give-grid { grid-template-columns:1fr !important; }
  /* Involve grid */
  .involve-grid { grid-template-columns:1fr !important; }
  /* Speaker grid */
  .speaker-grid { grid-template-columns:repeat(2,1fr) !important; }
  /* Artist grid */
  .artist-grid { grid-template-columns:1fr 1fr !important; max-width:100% !important; }
}

@media(max-width:540px) {
  /* Nav */
  .nav__inner { padding:0 1rem; }
  /* Container padding */
  .container, .container--narrow { padding:0 1rem; }
  /* Section padding */
  .section, .section--lg { padding:3rem 0; }
  /* Buttons */
  .btn--lg { padding:.9rem 1.5rem; font-size:.88rem; }
  /* Footer */
  .footer__email-row { flex-direction:column; }
  .footer__email-row .btn { width:100%; }
  /* Tier cards */
  .tier__amount { font-size:2rem; }
  /* Elements grid single col */
  .elements-grid { grid-template-columns:1fr !important; }
  /* Who grid single col */
  .who-grid { grid-template-columns:1fr !important; }
  /* Outcome grid single col */
  .outcome-grid { grid-template-columns:1fr !important; }
  /* Team grid single col */
  .team-grid { grid-template-columns:1fr !important; }
  /* Speaker grid single col */
  .speaker-grid { grid-template-columns:1fr !important; }
  /* Map labels */
  .map-label { font-size:.78rem; }
  /* Stats bar */
  .stats-bar__grid { grid-template-columns:1fr 1fr; }
  /* Form two-col collapses */
  .contact-form > div[style*="grid-template-columns"] { grid-template-columns:1fr !important; }
  /* Worship sessions */
  .worship-sessions { grid-template-columns:1fr !important; }
  /* Teachings grid */
  .teachings-grid { grid-template-columns:1fr !important; }
  /* Artist grid */
  .artist-grid { grid-template-columns:1fr !important; max-width:320px !important; }
  /* Summit hero btns */
  .summit-hero__inner > div:first-child > div[style*="display:flex"] { flex-direction:column; }
  .summit-hero__inner > div:first-child > div[style*="display:flex"] .btn { width:100%; justify-content:center; }
  /* History timeline */
  .history-line { padding-left:1.5rem; }
  /* About page split images */
  .about-split > div:first-child { display:none; }
}

@media(max-width:380px) {
  .nav__logo-text { font-size:.9rem; }
  .nav__inner img[alt="Altar of the Truth Network"] { height:34px !important; }
  .btn { padding:.7rem 1.1rem; font-size:.82rem; }
  h2 { font-size:1.6rem; }
  .impact-row { grid-template-columns:1fr !important; }
  .donation-amounts { justify-content:flex-start; }
  .amt-btn { padding:.55rem 1rem; font-size:.82rem; }
}

/*  UTILITIES  */
.text-teal   { color:var(--teal); }
.text-orange { color:var(--orange); }
.text-gold   { color:var(--gold); }
.text-white  { color:var(--white) !important; }
.text-grey   { color:var(--grey); }
.text-center { text-align:center; }
.italic      { font-style:italic; }
.mt-05{margin-top:.5rem} .mt-1{margin-top:1rem} .mt-2{margin-top:2rem} .mt-3{margin-top:3rem}
.mb-05{margin-bottom:.5rem} .mb-1{margin-bottom:1rem} .mb-2{margin-bottom:2rem} .mb-3{margin-bottom:3rem}

/*  REUSABLE SESSIONS SLIDER (used on Teachings, Worship, Faith Summit)  */
.sessions-slider-wrap { position:relative; }
.sessions-slider {
  display:flex; gap:1.5rem;
  overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding-bottom:1rem;
  scrollbar-width:none; -ms-overflow-style:none;
}
.sessions-slider::-webkit-scrollbar { display:none; }
.session-card {
  flex:0 0 calc(25% - 1.125rem); min-width:300px;
  scroll-snap-align:start;
  display:flex; flex-direction:column;
  text-decoration:none; color:inherit;
  transition:transform .3s ease;
}
.session-card:hover { transform:translateY(-4px); }
.session-card__thumb {
  aspect-ratio:4/3; overflow:hidden;
  background:#0a0a0a; position:relative;
  filter:grayscale(100%); transition:filter .4s ease;
}
.session-card:hover .session-card__thumb { filter:grayscale(0%); }
.session-card__thumb img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.session-card:hover .session-card__thumb img { transform:scale(1.05); }
.session-card__play {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.15); transition:background .3s;
}
.session-card:hover .session-card__play { background:rgba(0,0,0,.05); }
.session-card__play-btn {
  width:64px; height:64px; border-radius:50%;
  background:var(--teal); color:var(--navy);
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; padding-left:4px;
  transition:transform .25s ease;
  box-shadow:0 6px 30px rgba(0,180,166,.35);
}
.session-card:hover .session-card__play-btn { transform:scale(1.1); }
.session-card__body { padding:1.4rem 0 0; }
.session-card__tag {
  font-size:.7rem; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:var(--teal);
  margin-bottom:.6rem;
}
.session-card__title {
  font-family:'DM Sans',sans-serif;
  font-size:1.05rem; font-weight:700; color:var(--white);
  line-height:1.35; margin-bottom:.4rem;
}
.session-card__speaker { font-size:.92rem; color:rgba(255,255,255,.55); }
.slider-arrow {
  position:absolute; top:35%; transform:translateY(-50%);
  width:48px; height:48px; border-radius:50%;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
  color:var(--white); font-size:1.2rem;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:all .2s;
  z-index:5; backdrop-filter:blur(8px);
}
.slider-arrow:hover { background:var(--teal); color:var(--navy); border-color:var(--teal); }
.slider-arrow--prev { left:-24px; }
.slider-arrow--next { right:-24px; }
@media(max-width:900px) {
  .session-card { flex:0 0 calc(50% - .75rem); min-width:260px; }
  .slider-arrow { display:none; }
}
@media(max-width:600px) {
  .session-card { flex:0 0 calc(85% - .75rem); min-width:0; }
}

/*  CTA BAND override (used on all pages)  */
.cta-band {
  background:var(--teal) !important;
  border-top:none !important; border-bottom:none !important;
  padding:7rem 0 !important; text-align:center; position:relative; overflow:hidden;
}
.cta-band::before { display:none !important; }
.cta-band__inner { position:relative; }
.cta-band .eyebrow { color:var(--navy) !important; opacity:.7; }
.cta-band h2 {
  color:var(--navy) !important;
  font-family:'Playfair Display',serif;
  font-size:clamp(2.4rem,5vw,4.4rem) !important;
  font-weight:900; line-height:1.1; margin-bottom:1.2rem;
}
.cta-band p { font-size:1.05rem !important; color:rgba(8,13,26,.78) !important; max-width:680px; margin:0 auto 2.5rem; }
.cta-band__btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.cta-band .btn--teal { background:var(--navy) !important; color:var(--white) !important; }
.cta-band .btn--teal:hover { background:#000 !important; box-shadow:0 8px 28px rgba(0,0,0,.3); }
.cta-band .btn--outline,
.cta-band .btn--outline-white { border-color:var(--navy) !important; color:var(--navy) !important; background:transparent !important; }
.cta-band .btn--outline:hover,
.cta-band .btn--outline-white:hover { background:var(--navy) !important; color:var(--white) !important; }
.cta-band .btn--gold { background:var(--navy) !important; color:var(--gold) !important; }
.cta-band .btn--gold:hover { background:#000 !important; }
.cta-band .btn--orange { background:var(--orange) !important; color:var(--white) !important; }
@media(max-width:768px) {
  .cta-band { padding:4.5rem 0 !important; }
  .cta-band__btns { flex-direction:column; align-items:center; }
  .cta-band__btns .btn { width:100%; max-width:280px; justify-content:center; }
}

/* "What We Do" dropdown — show on click via .open class */
.nav__links li.open .nav__dropdown {
  opacity:1; pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}


/* ─── Hide leftover icon/emoji containers from sections that no longer use icons ─── */
.pillar__icon,
.involve-card__icon,
.value-card__icon,
.clarity-icon,
.element-card__icon,
.give-card__icon,
.outcome-box__icon,
.who-card__icon,
.element-card .element-card__icon,
.card > div[style*="font-size:2rem"]:first-child,
.card > div[style*="font-size:2.4rem"]:first-child,
.card > div[style*="font-size:2.5rem"]:first-child,
.involve-icon-sim {
  display: none !important;
}
/* Way-card icons (contact page) — keep visible */
.way-card__icon {
  font-size:1.6rem;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  background:var(--teal-dim);
  border-radius:50%;
}
/* Remove emoji bullet pseudo-elements from tickers, ::before content */
.ticker__item::before,
.t-item::before { content: '' !important; margin: 0 !important; }
/* Remove the floating quote mark in why-box */
.why-box::before { display: none !important; }
/* Hide footer contact icons (📧 📞 etc that may remain as <span>) */
.footer__contact-row > span:first-child:empty,
.footer__contact-row > span:first-child[class=""] { display: none; }
/* Tier features bullet */
.tier__features li::before { content: '—' !important; color: var(--teal); }

/* CSS-rendered dropdown arrow (no emoji) */
.nav-arrow {
  display: inline-block;
  width: 0; height: 0;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  vertical-align: middle;
  opacity: 0.7;
}

/* ─── Footer social icons (SVG, brand colors) ─── */
.footer__social {
  display: flex;
  gap: 0.65rem;
}
.footer__social .social {
  width: 42px; height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.18);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.75);
  transition: all 0.25s ease;
  text-decoration: none;
}
.footer__social .social svg { display: block; }
/* YouTube — red always (per request) */
.footer__social .social--yt {
  background: #FF0000;
  border-color: #FF0000;
  color: #FFFFFF;
}
.footer__social .social--yt:hover {
  background: #CC0000;
  border-color: #CC0000;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(255,0,0,0.35);
}
/* Facebook — teal hover */
.footer__social .social--fb:hover {
  background: #1877F2;
  border-color: #1877F2;
  color: #FFFFFF;
  transform: translateY(-2px);
}
/* Instagram — gradient hover */
.footer__social .social--ig:hover {
  background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF);
  border-color: transparent;
  color: #FFFFFF;
  transform: translateY(-2px);
}
/* TikTok — black hover */
.footer__social .social--tt:hover {
  background: #000000;
  border-color: #25F4EE;
  color: #25F4EE;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(37,244,238,0.25);
}

/* ════════════════════════════════════════════
   INNER PAGE HERO — same full-screen photo + lower-left layout as homepage
   Use class: .inner-hero  (replaces old .page-hero)
═════════════════════════════════════════════ */
.inner-hero {
  position: relative;
  min-height: 75vh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding-top: 80px;
}
.inner-hero__bg {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;
  transform: scale(1.04);
  transition: transform 8s ease-out;
}
.inner-hero__bg.zoomed { transform: scale(1); }
.inner-hero__overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(to right, rgba(5,9,18,0.92) 0%, rgba(5,9,18,0.62) 55%, rgba(5,9,18,0.25) 100%),
    linear-gradient(to top, rgba(5,9,18,0.92) 0%, rgba(5,9,18,0.45) 45%, transparent 75%);
}
.inner-hero__content {
  position: relative; z-index: 2; width: 100%;
}
.inner-hero__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 8rem 3rem 5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 75vh;
}
.inner-hero__eyebrow {
  display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.2rem;
}
.inner-hero__eyebrow-line {
  width: 38px; height: 2px; background: var(--teal); border-radius: 2px;
}
.inner-hero__eyebrow-text {
  font-size: 0.7rem; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--teal);
}
.inner-hero__eyebrow-text--gold { color: var(--gold) !important; }
.inner-hero__eyebrow-line--gold { background: var(--gold) !important; }
.inner-hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.4rem, 5.5vw, 5rem);
  font-weight: 900;
  color: var(--white);
  line-height: 1.08;
  margin-bottom: 1.2rem;
  max-width: 1100px;
  letter-spacing: -0.01em;
}
.inner-hero h1 em {
  font-style: italic; color: var(--teal); display: block; font-weight: 700;
}
.inner-hero h1 em.gold { color: var(--gold) !important; }
.inner-hero__sub {
  font-size: clamp(0.98rem, 1.4vw, 1.1rem);
  color: rgba(255,255,255,0.78);
  line-height: 1.7;
  max-width: 620px;
  margin-bottom: 2rem;
}
.inner-hero__actions {
  display: flex; gap: 1rem; flex-wrap: wrap;
}
@media (max-width: 900px) {
  .inner-hero { min-height: 60vh; }
  .inner-hero__inner { padding: 6rem 2rem 4rem; min-height: 60vh; }
}
@media (max-width: 640px) {
  .inner-hero { min-height: 55vh; }
  .inner-hero__inner { padding: 5rem 1.5rem 3rem; min-height: 55vh; }
  .inner-hero h1 { font-size: clamp(2.2rem, 9vw, 3rem); }
  .inner-hero__actions { flex-direction: column; }
  .inner-hero__actions .btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════
   Mobile menu — visible × close button
═════════════════════════════════════════════ */
.mob-menu__close {
  position: absolute;
  top: 1.4rem;
  right: 1.4rem;
  width: 44px;
  height: 44px;
  font-size: 1.8rem;
  line-height: 1;
  color: var(--white);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
  font-weight: 300;
  padding: 0;
  transition: all 0.2s;
}
.mob-menu__close:hover { 
  background: rgba(0,180,166,0.15); 
  border-color: var(--teal); 
  color: var(--teal); 
}

/* ════════════════════════════════════════════
   Larger fonts on big screens (≥1280px)
═════════════════════════════════════════════ */
@media (min-width: 1280px) {
  body { font-size: 1.06rem; line-height: 1.75; }
  p { font-size: 1.06rem; line-height: 1.75; }
  h2 { font-size: clamp(2.2rem, 3.4vw, 3.4rem); }
  h3 { font-size: clamp(1.4rem, 2vw, 1.9rem); }
  .eyebrow { font-size: 0.78rem; }
  .nav__links a { font-size: 0.84rem; }
  .lang-btn { font-size: 0.82rem; }
  .btn { font-size: 0.92rem; padding: 0.95rem 1.85rem; }
  .btn--lg { font-size: 1rem; padding: 1.15rem 2.2rem; }
  .btn--sm { font-size: 0.82rem; padding: 0.55rem 1.25rem; }
}
@media (min-width: 1600px) {
  body, p { font-size: 1.12rem; line-height: 1.78; }
  .container, .container--wide { padding: 0 4rem; }
  .nav__links { gap: 3rem; }
  .nav__links a { font-size: 0.88rem; }
}

/* ════════════════════════════════════════════
   Scroll-to-top button (footer area, all pages)
═════════════════════════════════════════════ */
.scroll-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--teal);
  color: var(--navy);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 999;
  box-shadow: 0 8px 28px rgba(0,180,166,0.45);
}
.scroll-top.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.scroll-top:hover {
  background: var(--white);
  transform: translateY(-3px);
  box-shadow: 0 12px 34px rgba(0,180,166,0.55);
}
.scroll-top svg {
  width: 22px;
  height: 22px;
  stroke: var(--navy);
}
@media (max-width: 768px) {
  .scroll-top {
    bottom: 1.4rem;
    right: 1.4rem;
    width: 48px;
    height: 48px;
    /* Account for iOS Safari bottom toolbar */
    bottom: calc(1.4rem + env(safe-area-inset-bottom, 0px));
  }
  .scroll-top svg { width: 20px; height: 20px; }
}