:root{
  /* Two Color System: Logo Blue and White */
  --primary-blue:#222d63;
  --primary-blue-dark:#1a2350;
  --primary-blue-light:#2d3a75;

  /* Legacy colors mapped to blue */
  --secondary-green:#222d63;
  --secondary-green-dark:#1a2350;
  --secondary-green-light:#2d3a75;

  /* All colors use blue and white */
  --indigo-950:#222d63;
  --indigo-900:#222d63;
  --indigo-800:#1a2350;
  --indigo-700:#2d3a75;
  --indigo-600:#3a4788;
  --marigold:#222d63;
  --marigold-deep:#222d63;
  --marigold-pale:rgba(34,45,99,0.1);
  --sage:#222d63;
  --sage-deep:#1a2350;
  --terracotta:#222d63;
  --cream:#FFFFFF;
  --cream-2:rgba(34,45,99,0.05);
  --paper:#FFFFFF;
  --ink:#222d63;
  --ink-soft:rgba(34,45,99,0.7);
  --line: rgba(34,45,99,0.12);
  --shadow: 0 20px 50px -20px rgba(34,45,99,0.25);
  --ease: cubic-bezier(.22,.68,.32,1);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
}

body{
  margin:0;
  font-family:'Karla', sans-serif;
  font-size:19px;
  color:var(--ink);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

h1,h2,h4{
  font-family:'Fraunces', serif;
  font-weight:600;
  letter-spacing:-0.01em;
  margin:0;
  color:var(--indigo-900);
}
h3{
    
}
p{ margin:0; line-height:1.8; font-size:1.08em; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
button{ font-family:inherit; cursor:pointer; }

.eyebrow{
  font-family:'Space Mono', monospace;
  font-size:0.72rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--marigold-deep);
  display:flex;
  align-items:center;
  gap:10px;
  transition:transform .3s var(--ease);
}
.eyebrow:hover{ transform:translateX(4px); }
.eyebrow::before{
  content:"";
  width:22px; height:1px;
  background:var(--marigold-deep);
  display:inline-block;
  transition:width .3s var(--ease);
}
.eyebrow:hover::before{ width:32px; }
.eyebrow.on-dark{ color:var(--marigold); }
.eyebrow.on-dark::before{ background:var(--marigold); }

.wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 32px;
}

/* ---------- Focus visibility ---------- */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible{
  outline: 2px solid var(--marigold);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---------- NAV ---------- */
header#site-nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:16px 0;
  background:rgba(255,255,255,0.98);
  backdrop-filter:blur(10px);
  box-shadow:0 2px 16px -4px rgba(0,0,0,0.08);
  border-bottom:1px solid rgba(0,0,0,0.06);
  transition:all var(--ease) .35s;
}
header#site-nav.solid{
  background:rgba(255,255,255,1);
  padding:12px 0;
  box-shadow:0 4px 24px -8px rgba(0,0,0,0.12);
  border-bottom:1px solid rgba(0,0,0,0.08);
}
.nav-inner{
  display:flex; align-items:center; justify-content:space-between;
  max-width:1180px; margin:0 auto; padding:0 32px;
}
.brand{ display:flex; align-items:center; }
.brand img{
  height:80px; width:auto; object-fit:contain;
  transition:transform .35s var(--ease);
}
.brand:hover img{ transform:scale(1.05); }

nav.links{ display:flex; align-items:center; gap:28px; }
nav.links a{
  font-size:0.95rem; font-weight:500; color:var(--ink);
  position:relative; padding:6px 8px; transition:color .3s var(--ease);
}
nav.links a:hover{ color:var(--primary-blue); }
nav.links a.active{ color:var(--primary-blue); font-weight:600; }
nav.links a::after{
  content:""; position:absolute; left:0; right:100%; bottom:0; height:2px;
  background:var(--primary-blue); transition:right .3s var(--ease);
}
nav.links a:hover::after, nav.links a.active::after{ right:0; }

/* Dropdown Navigation */
.nav-dropdown{ position:relative; }
.nav-dropdown > a{ display:flex; align-items:center; gap:4px; cursor:pointer; }
.dropdown-arrow{ transition:transform .3s var(--ease); }
.nav-dropdown:hover .dropdown-arrow{ transform:rotate(180deg); }
.dropdown-menu{
  position:absolute; top:100%; left:0; min-width:180px;
  background:white; border-radius:12px; padding:8px;
  box-shadow:0 8px 24px rgba(0,0,0,0.12);
  opacity:0; visibility:hidden; transform:translateY(-10px);
  transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
  z-index:1000;
  margin-top:8px;
}
.nav-dropdown:hover .dropdown-menu{
  opacity:1; visibility:visible; transform:translateY(0);
}
.dropdown-menu a{
  display:block; padding:10px 16px; border-radius:8px;
  font-size:0.9rem; color:var(--ink); font-weight:500;
  transition:background .2s var(--ease), color .2s var(--ease);
}
.dropdown-menu a:hover{
  background:var(--cream-2); color:var(--primary-blue);
}
.dropdown-menu a::after{ display:none; }

.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:700; font-size:1rem;
  padding:14px 28px; border-radius:100px;
  border:1px solid transparent;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease), color .35s, border-color .35s;
  white-space:nowrap;
  position:relative;
  overflow:hidden;
}
.btn::before{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,0.15), transparent); opacity:0; transition:opacity .35s var(--ease); }
.btn:hover::before{ opacity:1; }
.btn-primary{ background:var(--primary-blue); color:#fff; }
.btn-primary:hover{ transform:translateY(-2px) scale(1.02); box-shadow:0 14px 26px -12px rgba(34,45,99,0.4); background:var(--primary-blue-dark); }
.btn-ghost{ background:transparent; border-color:currentColor; color:inherit; }
.btn-ghost:hover{ transform:translateY(-2px) scale(1.02); background:rgba(34,45,99,0.08); }
.btn-dark{ background:var(--primary-blue); color:#fff; }
.btn-dark:hover{ transform:translateY(-2px) scale(1.02); box-shadow:0 14px 26px -12px rgba(34,45,99,0.4); background:var(--primary-blue-dark); }

.hamburger{ display:none; flex-direction:column; gap:5px; background:none; border:none; padding:6px; }
.hamburger span{ width:24px; height:2px; background:var(--ink); transition:.3s; }

/* ---------- PAGE HERO (inner pages) ---------- */
.page-hero{
  position:relative;
  min-height:56vh;
  background:var(--primary-blue);
  display:flex; align-items:flex-end;
  overflow:hidden;
  padding:150px 0 84px;
}
.page-hero .sunrise-arc{
  position:absolute; left:8%; top:-30%; transform:translateX(-50%);
  width:70vw; height:70vw; max-width:900px; max-height:900px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 30%, rgba(232,163,61,0.22), rgba(232,163,61,0.06) 40%, transparent 65%);
  z-index:0; pointer-events:none;
}
.page-hero-inner{ position:relative; z-index:2; max-width:760px; }
.page-hero .eyebrow{ margin-bottom:18px; }
.page-hero h1{
  font-size:clamp(2.2rem, 4.4vw, 3.4rem);
  line-height:1.06; color:var(--paper); font-weight:600;
}
.page-hero h1 em{ font-style:italic; font-weight:500; color:#ffffff; }
.page-hero p.lead{ margin-top:20px; font-size:1.08rem; line-height:1.7; color:#ffffff; max-width:56ch; font-weight:500; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); }
.breadcrumb{ position:relative; z-index:2; display:flex; gap:8px; align-items:center; font-family:'Space Mono',monospace; font-size:0.72rem; color:rgba(255,255,255,0.45); margin-bottom:22px; text-transform:uppercase; letter-spacing:0.06em; }
.breadcrumb a{ color:rgba(255,255,255,0.65); transition:color .3s var(--ease), transform .3s var(--ease); display:inline-block; }
.breadcrumb a:hover{ color:#ffffff; transform:translateX(3px); }

/* ---------- HOME HERO SLIDER ---------- */
.hero-slider{ position:relative; min-height:100vh; overflow:hidden; }
.slider-container{ position:relative; width:100%; height:100vh; }
.slide{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity 1s ease-in-out; display:flex; align-items:center; justify-content:center; }
.slide.active{ opacity:1; z-index:1; }
.slide-overlay{ position:absolute; inset:0; background:linear-gradient(135deg, rgba(34,45,99,0.85) 0%, rgba(34,45,99,0.65) 50%, rgba(34,45,99,0.75) 100%); }
.slide-content{ position:relative; z-index:2; max-width:1180px; padding:0 32px; text-align:center; }
.slide-content h1{ font-size:clamp(2.8rem, 5.5vw, 4.8rem); line-height:1.1; color:var(--paper); font-weight:600; margin-bottom:24px; font-family:'Fraunces',serif; }
.slide-content h1 em{ font-style:italic; font-weight:500; color:#ffffff; display:block; }
.slide-content p{ font-size:1.25rem; line-height:1.7; color:#ffffff; max-width:700px; margin:0 auto 40px; font-weight:500; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); }
.slider-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:10; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); width:60px; height:60px; border-radius:50%; color:white; font-size:1.8rem; cursor:pointer; backdrop-filter:blur(10px); transition:all .3s var(--ease); display:flex; align-items:center; justify-content:center; }
.slider-arrow:hover{ background:var(--primary-blue); border-color:var(--primary-blue); transform:translateY(-50%) scale(1.1); }
.slider-arrow.prev{ left:40px; }
.slider-arrow.next{ right:40px; }
.slider-dots{ position:absolute; bottom:60px; left:50%; transform:translateX(-50%); z-index:10; display:flex; gap:12px; }
.slider-dot{ width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.4); border:none; cursor:pointer; transition:all .3s var(--ease); }
.slider-dot.active{ background:var(--primary-blue); width:36px; border-radius:6px; }

/* ---------- HOME HERO ---------- */
.hero{
  position:relative; min-height:100vh;
  background:var(--primary-blue);
  display:flex; align-items:center; overflow:hidden; padding:140px 0 100px;
}
#stars{ position:absolute; inset:0; z-index:0; }
.sunrise-arc{
  position:absolute; left:50%; bottom:-38vw; transform:translateX(-50%);
  width:120vw; height:120vw; max-width:1500px; max-height:1500px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 30%, rgba(232,163,61,0.28), rgba(232,163,61,0.08) 40%, transparent 65%);
  z-index:0; pointer-events:none;
}
.hero-inner{
  position:relative; z-index:2; max-width:1180px; margin:0 auto; padding:0 32px;
  display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center;
}
.hero-copy .eyebrow{ margin-bottom:22px; }
.hero h1{ font-size:clamp(2.6rem, 5.2vw, 4.4rem); line-height:1.04; color:var(--paper); font-weight:600; }
.hero h1 em{ font-style:italic; font-weight:500; color:#ffffff; display:block; }
.hero-copy p.lead{ margin-top:26px; font-size:1.12rem; line-height:1.7; color:#ffffff; max-width:46ch; font-weight:500; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); }
.hero-ctas{ display:flex; gap:16px; margin-top:38px; flex-wrap:wrap; }
.hero-meta{ margin-top:56px; display:flex; gap:34px; flex-wrap:wrap; padding-top:28px; border-top:1px solid rgba(255,255,255,0.14); }
.hero-meta div{ min-width:120px; transition:transform .3s var(--ease); }
.hero-meta div:hover{ transform:translateY(-4px); }
.hero-meta .num{ font-family:'Space Mono', monospace; font-size:1.5rem; color:var(--marigold); font-weight:700; transition:color .3s, transform .3s var(--ease); }
.hero-meta div:hover .num{ color:var(--marigold-pale); transform:scale(1.08); }
.hero-meta .lbl{ font-size:0.78rem; color:rgba(255,255,255,0.6); margin-top:4px; letter-spacing:0.02em; }
.hero-figure{ position:relative; display:flex; align-items:center; justify-content:center; }
.hero-figure .halo{ position:absolute; width:120%; height:120%; border-radius:50%; border:1px dashed rgba(232,163,61,0.35); animation:spin 60s linear infinite; }
.hero-figure .halo.small{ width:88%; height:88%; border-color:rgba(255,255,255,0.14); animation-duration:44s; animation-direction:reverse; }
@keyframes spin{ to{ transform:rotate(360deg); } }
.hero-figure img{ width:min(320px, 58vw); filter:brightness(0) invert(1) drop-shadow(0 30px 60px rgba(0,0,0,0.5)); animation:float 6s ease-in-out infinite; }
@keyframes float{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-16px);} }
.scroll-cue{ position:absolute; left:50%; bottom:34px; transform:translateX(-50%); z-index:2; display:flex; flex-direction:column; align-items:center; gap:8px; color:rgba(255,255,255,0.55); font-family:'Space Mono',monospace; font-size:0.68rem; letter-spacing:0.14em; }
.scroll-cue .line{ width:1px; height:34px; background:linear-gradient(var(--marigold), transparent); animation:cue 2s ease-in-out infinite; }
@keyframes cue{ 0%{ opacity:0.2; transform:scaleY(0.5); transform-origin:top;} 50%{ opacity:1; transform:scaleY(1); transform-origin:top;} 100%{ opacity:0.2; transform:scaleY(0.5); transform-origin:top;} }

/* ---------- swoosh divider ---------- */
.swoosh{ display:block; width:100%; height:auto; margin-bottom:-2px; }

/* ---------- reveal ---------- */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.in{ opacity:1; transform:translateY(0); }
.stagger > *{ transition-delay:calc(var(--i, 0) * 90ms); }
.reveal.stagger.in > *{ animation:slideInUp .6s var(--ease) backwards; animation-delay:calc(var(--i, 0) * 90ms); }
@keyframes slideInUp{ from{ opacity:0; transform:translateY(20px);} to{ opacity:1; transform:translateY(0);} }

/* ---------- SECTION generic ---------- */
section{ position:relative; }
.section-pad{ padding:15px 0; }
.section-pad.tight{ padding:80px 0; }
.section-head{ max-width:640px; margin-bottom:56px; }
.section-head h2{ font-size:clamp(2.1rem, 3.6vw, 3rem); margin-top:16px; }
.section-head p{ margin-top:18px; font-size:1.15rem; color:var(--ink-soft); line-height:1.75; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.section-head.center .eyebrow{ justify-content:center; }
.section-head.center .eyebrow::before{ display:none; }

/* ---------- ABOUT ---------- */
.about-grid{ display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.about-text p{ font-size:1.15rem; color:var(--ink-soft); line-height:1.8; }
.about-text p + p{ margin-top:20px; }
.reg-card{ margin-top:30px; background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:22px 26px; font-family:'Space Mono', monospace; font-size:0.9rem; color:var(--ink-soft); display:grid; gap:10px; transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s; line-height:1.6; }
.reg-card:hover{ transform:translateY(-3px); box-shadow:0 14px 28px -10px rgba(34,45,99,0.2); border-color:var(--marigold-pale); }
.reg-card b{ color:var(--indigo-900); }
.about-stats{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.stat-card{ background:var(--indigo-900); color:var(--paper); border-radius:20px; padding:30px 26px; position:relative; overflow:hidden; transition:transform .35s var(--ease), box-shadow .35s var(--ease); }
.stat-card:hover{ transform:translateY(-5px) scale(1.02); box-shadow:0 20px 40px -15px rgba(34,45,99,0.45); }
.stat-card:nth-child(2){ background:#FFFFFF; color:var(--primary-blue); border:1px solid var(--line); }
.stat-card:nth-child(3){ background:var(--primary-blue); color:#FFFFFF; }
.stat-card:nth-child(4){ background:#FFFFFF; color:var(--primary-blue); border:1px solid var(--line); }
.stat-card .num{ font-family:'Fraunces', serif; font-size:2.6rem; font-weight:600; transition:transform .3s var(--ease); }
.stat-card:hover .num{ transform:scale(1.08); }
.stat-card .cap{ margin-top:8px; font-size:0.88rem; opacity:0.85; }

/* ---------- VISION / MISSION ---------- */
.vm-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:rgba(255,255,255,0.1); border-radius:24px; overflow:hidden; }
.vm-card{ background:var(--indigo-900); padding:52px 46px; transition:background .35s var(--ease); }
.vm-card:hover{ background:var(--indigo-800); }
.vm-card .icon{ width:52px; height:52px; margin-bottom:26px; transition:transform .3s var(--ease); }
.vm-card:hover .icon{ transform:scale(1.1) rotate(5deg); }
.vm-card h3{ color:var(--paper); font-size:1.9rem; font-style:italic; font-weight:500; transition:color .3s; }
.vm-card:hover h3{ color:#ffffff; }
.vm-card p{ margin-top:18px; color:#ffffff; font-size:1.15rem; line-height:1.75; }
.vm-tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.vm-tags span{ font-family:'Space Mono',monospace; font-size:0.7rem; letter-spacing:0.05em; border:1px solid rgba(255,255,255,0.4); border-radius:100px; padding:7px 14px; color:#ffffff; transition:background .3s, border-color .3s, transform .3s var(--ease); }
.vm-tags span:hover{ background:rgba(255,255,255,0.1); border-color:#ffffff; transform:translateY(-2px); }

.pillars-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:60px; }
.pillar-card{ background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:26px 22px; transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease); }
.pillar-card:hover{ transform:translateY(-6px) scale(1.02); box-shadow:var(--shadow); border-color:var(--marigold-pale); }
.pillar-card .pnum{ font-family:'Space Mono',monospace; font-size:0.75rem; color:var(--marigold-deep); transition:color .3s; }
.pillar-card:hover .pnum{ color:var(--marigold); }
.pillar-card h4{ margin-top:12px; font-family:'Karla'; font-weight:700; font-size:1.1rem; color:var(--indigo-900); transition:color .3s; }
.pillar-card:hover h4{ color:var(--indigo-950); }
.pillar-card p{ margin-top:8px; font-size:0.95rem; color:var(--ink-soft); line-height:1.6; }

/* ---------- FOCUS WHEEL ---------- */
.focus-layout{ display:grid; grid-template-columns:460px 1fr; gap:70px; align-items:center; }
.wheel-wrap{ position:relative; width:100%; max-width:460px; aspect-ratio:1/1; margin:0 auto; }
.wheel-svg{ width:100%; height:100%; }
.wheel-wedge{ cursor:pointer; transition:opacity .35s var(--ease), filter .35s var(--ease), transform .35s var(--ease); transform-origin:230px 230px; }
.wheel-wedge:hover, .wheel-wedge.active{ filter:brightness(1.12); transform:scale(1.02); }
.wheel-wedge:not(.active){ opacity:0.92; }
.wheel-center{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:37%; height:37%; border-radius:50%; background:var(--cream-2); display:flex; align-items:center; justify-content:center; flex-direction:column; box-shadow:0 0 0 10px var(--cream-2), inset 0 0 0 1px var(--line); text-align:center; padding:8px; }
.wheel-center img{ width:56%; filter:none; }
.wheel-label{ position:absolute; font-family:'Space Mono',monospace; font-size:0.62rem; letter-spacing:0.05em; fill:var(--paper); pointer-events:none; text-transform:uppercase; }
.focus-detail{ background:var(--paper); border-radius:22px; padding:44px; border:1px solid var(--line); box-shadow:var(--shadow); min-height:300px; }
.focus-detail .fd-icon{ width:46px; height:46px; }
.focus-detail h3{ margin-top:20px; font-size:1.8rem; }
.focus-detail p{ margin-top:14px; color:var(--ink-soft); font-size:1.1rem; line-height:1.75; }
.focus-nav-hint{ margin-top:26px; font-family:'Space Mono',monospace; font-size:0.72rem; color:var(--ink-soft); opacity:0.7; }
.focus-detail-fade{ animation:fadein .45s var(--ease); }
@keyframes fadein{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:translateY(0);} }
.focus-list-mobile{ display:none; }

/* ---------- PROGRAMS ---------- */
.prog-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; }
.prog-card{ background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:30px 26px; transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .35s; }
.prog-card:hover{ transform:translateY(-8px) scale(1.02); box-shadow:var(--shadow); border-color:transparent; }
.prog-card .icon-badge{ width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--cream-2); margin-bottom:20px; transition:background .3s, transform .3s var(--ease); }
.prog-card:hover .icon-badge{ background:var(--marigold-pale); transform:scale(1.08); }
.prog-card .icon-badge svg{ width:24px; height:24px; }
.prog-card h4{ font-size:1.15rem; font-family:'Karla',sans-serif; font-weight:700; color:var(--indigo-900); transition:color .3s; }
.prog-card:hover h4{ color:var(--indigo-950); }
.prog-card p{ margin-top:10px; font-size:1rem; color:var(--ink-soft); line-height:1.65; }

/* ---------- VALUES ---------- */
.values-strip{ display:flex; flex-wrap:wrap; gap:0; border-top:1px solid rgba(255,255,255,0.14); }
.value-item{ flex:1 1 180px; padding:34px 22px; border-right:1px solid rgba(255,255,255,0.14); border-bottom:1px solid rgba(255,255,255,0.14); transition:background .35s var(--ease), transform .35s var(--ease); }
.value-item:hover{ background:rgba(255,255,255,0.05); transform:translateY(-3px); }
.value-item .vnum{ font-family:'Space Mono',monospace; font-size:0.75rem; transition:transform .3s var(--ease); }
.value-item:hover .vnum{ transform:scale(1.1); }
.value-item h4{ margin-top:14px; color:var(--paper); font-size:1.25rem; font-family:'Fraunces',serif; font-weight:500; font-style:italic; transition:color .3s; }
/*.value-item:hover h4{ color:var(--marigold-pale); }*/
.value-item p{ margin-top:10px; font-size:0.95rem; color:rgba(255,255,255,0.62); line-height:1.6; }

/* ---------- GET INVOLVED ---------- */
.involved-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.inv-card{ border-radius:22px; padding:38px 32px; position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:280px; transition:transform .4s var(--ease), box-shadow .4s var(--ease); }
.inv-card:hover{ transform:translateY(-5px); box-shadow:0 24px 50px -20px rgba(34,45,99,0.4); }
.inv-card.a{ background:var(--primary-blue); color:#FFFFFF; }
.inv-card.b{ background:#FFFFFF; color:var(--primary-blue); border:1px solid var(--line); }
.inv-card.c{ background:var(--primary-blue); border:none; color:#FFFFFF; }
.inv-card h3{ font-size:1.65rem; font-family:'Fraunces',serif; font-style:italic; font-weight:500; transition:transform .3s var(--ease); }
.inv-card:hover h3{ transform:translateX(4px); }
.inv-card.a h3, .inv-card.b h3{ color:inherit; }
.inv-card p{ margin-top:14px; font-size:1.05rem; flex:1; opacity:0.85; line-height:1.7; }
.inv-card svg{ transition:transform .3s var(--ease); }
.inv-card:hover svg{ transform:scale(1.08); }
.inv-card .btn{ margin-top:24px; align-self:flex-start; }

.steps-list{ display:grid; gap:18px; margin-top:20px; }
.step-item{ display:flex; gap:20px; align-items:flex-start; background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:22px 26px; transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s; }
.step-item:hover{ transform:translateX(8px); box-shadow:0 14px 30px -12px rgba(34,45,99,0.25); border-color:var(--marigold-pale); }
.step-item .snum{ font-family:'Fraunces',serif; font-style:italic; font-size:1.6rem; color:var(--marigold-deep); flex-shrink:0; width:40px; transition:transform .3s var(--ease), color .3s; }
.step-item:hover .snum{ transform:scale(1.12); color:var(--marigold); }
.step-item h4{ font-family:'Karla'; font-weight:700; font-size:1.15rem; color:var(--indigo-900); transition:color .3s; }
.step-item:hover h4{ color:var(--indigo-950); }
.step-item p{ margin-top:6px; font-size:1rem; color:var(--ink-soft); line-height:1.65; }

/* ---------- TEAM ---------- */
.team-intro{ max-width:720px; margin:0 auto 60px; text-align:center; }
.team-intro p{ font-size:1.2rem; line-height:1.85; color:var(--ink-soft); margin-top:20px; }
.directors-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:40px; margin-bottom:80px; }
.director-card{ background:var(--paper); border:1px solid var(--line); border-radius:24px; padding:44px 40px; text-align:center; transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s; }
.director-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow); border-color:var(--marigold-pale); }
.director-photo{ width:160px; height:160px; margin:0 auto 24px; border-radius:50%; background:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:3.5rem; color:#FFFFFF; font-family:'Fraunces',serif; font-weight:600; border:4px solid var(--cream-2); transition:transform .3s var(--ease); }
.director-photo-img{ width:160px; height:160px; margin:0 auto 24px; border-radius:50%; overflow:hidden; border:4px solid var(--cream-2); transition:transform .3s var(--ease); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
.director-photo-img img{ width:100%; height:14rem; object-fit:cover; display:block; }
.director-card:hover .director-photo{ transform:scale(1.08); }
.director-card:hover .director-photo-img{ transform:scale(1.08); }
.director-card h3{ font-size:1.9rem; margin-top:0; color:var(--indigo-900); }
.director-card .role{ font-family:'Space Mono',monospace; font-size:0.85rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--marigold-deep); margin-top:8px; }
.director-card p{ margin-top:20px; font-size:1.1rem; line-height:1.85; color:var(--ink-soft); }
.members-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; }
.member-card{ background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:36px 30px; text-align:center; transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s; }
.member-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px -18px rgba(34,45,99,0.35); border-color:var(--marigold-pale); }
.member-photo{ width:120px; height:120px; margin:0 auto 20px; border-radius:50%; background:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-size:2.5rem; color:#FFFFFF; font-family:'Fraunces',serif; font-weight:600; border:3px solid var(--cream-2); transition:transform .3s var(--ease); }
.member-card:hover .member-photo{ transform:scale(1.08); }
.member-card h4{ font-size:1.35rem; font-family:'Karla',sans-serif; font-weight:700; color:var(--indigo-900); margin-top:0; }
.member-card .role{ font-family:'Space Mono',monospace; font-size:0.8rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--marigold-deep); margin-top:6px; }
.member-card p{ margin-top:16px; font-size:1.05rem; line-height:1.75; color:var(--ink-soft); }

/* ---------- CONTACT ---------- */
.contact-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:70px; }
.contact-info .item{ display:flex; gap:16px; margin-top:26px; align-items:flex-start; transition:transform .3s var(--ease); }
.contact-info .item:hover{ transform:translateX(6px); }
.contact-info .item svg{ width:20px; height:20px; flex-shrink:0; margin-top:3px; color:var(--marigold); transition:transform .3s var(--ease), color .3s; }
.contact-info .item:hover svg{ transform:scale(1.15); color:var(--marigold-pale); }
.contact-info .item .l{ font-family:'Space Mono',monospace; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.5); }
.contact-info .item .v{ font-size:1.1rem; margin-top:4px; color:var(--paper); }
.form-card{ background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.14); border-radius:22px; padding:38px; transition:border-color .3s var(--ease), background .3s var(--ease); }
.form-card:hover{ border-color:rgba(232,163,61,0.3); background:rgba(255,255,255,0.06); }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field{ margin-top:18px; }
.form-row .field{ margin-top:0; }
.field label{ font-family:'Space Mono',monospace; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.55); transition:color .3s; }
.field:focus-within label{ color:var(--marigold); }
.field input, .field select, .field textarea{ width:100%; margin-top:8px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18); border-radius:10px; padding:14px 16px; color:var(--paper); font-family:'Karla',sans-serif; font-size:1rem; transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease); }
.field input::placeholder, .field textarea::placeholder{ color:rgba(255,255,255,0.35); }
.field input:focus, .field select:focus, .field textarea:focus{ outline:none; border-color:var(--primary-blue); background:rgba(255,255,255,0.09); transform:translateY(-2px); box-shadow:0 8px 20px -8px rgba(34,45,99,0.35); }
.field textarea{ resize:vertical; min-height:100px; }
.form-card .btn{ margin-top:24px; width:100%; justify-content:center; }
.form-note{ margin-top:14px; font-size:0.78rem; color:rgba(255,255,255,0.45); }
.form-card select option{ color:#111; }

.map-note{ margin-top:40px; border:1px solid rgba(255,255,255,0.14); border-radius:18px; padding:26px; background:rgba(255,255,255,0.03); transition:border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease); }
.map-note:hover{ border-color:rgba(34,45,99,0.3); background:rgba(255,255,255,0.06); transform:translateY(-3px); }
.map-note h5{ font-family:'Space Mono',monospace; font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.5); margin-bottom:10px; transition:color .3s; }
.map-note:hover h5{ color:var(--primary-blue); }

/* ---------- DONATE ---------- */
.donate-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.donate-info h2{ font-size:2.2rem; color:var(--indigo-900); margin-bottom:24px; }
.donate-info h3{ font-size:1.7rem; color:var(--indigo-900); margin-top:40px; margin-bottom:20px; }
.bank-details-card{ background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:32px; transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s; }
.bank-details-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--marigold-pale); }
.detail-row{ display:flex; justify-content:space-between; align-items:baseline; padding:16px 0; border-bottom:1px solid var(--cream-2); transition:background .3s var(--ease); }
.detail-row:last-child{ border-bottom:none; }
.detail-row:hover{ background:rgba(232,163,61,0.04); }
.detail-row .label{ font-family:'Space Mono',monospace; font-size:0.8rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-soft); }
.detail-row .value{ font-family:'Karla',sans-serif; font-size:1.1rem; font-weight:600; color:var(--indigo-900); }
.upi-section{ margin-top:20px; }
.qr-code-box{ background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:30px; text-align:center; transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s; }
.qr-code-box:hover{ transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--marigold-pale); }
.qr-placeholder{ display:inline-block; }
.donation-note{ margin-top:36px; background:rgba(34,45,99,0.1); border:1px solid var(--primary-blue); border-radius:18px; padding:26px; transition:transform .3s var(--ease), box-shadow .3s var(--ease); }
.donation-note:hover{ transform:translateY(-3px); box-shadow:0 12px 28px -10px rgba(34,45,99,0.4); }
.donation-note h4{ font-size:1.25rem; color:var(--indigo-900); margin-top:0; margin-bottom:12px; }
.donation-note p{ font-size:1.05rem; line-height:1.75; color:var(--ink); margin-bottom:0; }
.donate-form-section h2{ font-size:2.2rem; color:var(--indigo-900); margin-bottom:16px; }
.donation-form{ background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:36px; transition:border-color .3s var(--ease), box-shadow .3s var(--ease); }
.donation-form:hover{ border-color:var(--marigold-pale); box-shadow:0 8px 24px -8px rgba(34,45,99,0.15); }
.donation-form .field{ margin-top:20px; }
.donation-form .field:first-child{ margin-top:0; }
.donation-form label{ display:block; font-family:'Space Mono',monospace; font-size:0.8rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:8px; transition:color .3s; }
.donation-form .field:focus-within label{ color:var(--marigold-deep); }
.donation-form input, .donation-form select, .donation-form textarea{ width:100%; background:var(--cream); border:1px solid var(--line); border-radius:12px; padding:14px 18px; color:var(--ink); font-family:'Karla',sans-serif; font-size:1.05rem; transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease); }
.donation-form input::placeholder, .donation-form textarea::placeholder{ color:rgba(34,45,99,0.35); }
.donation-form input:focus, .donation-form select:focus, .donation-form textarea:focus{ outline:none; border-color:var(--primary-blue); background:var(--paper); transform:translateY(-2px); box-shadow:0 8px 20px -8px rgba(34,45,99,0.25); }
.donation-form textarea{ resize:vertical; min-height:90px; }
.donation-form select option{ color:#111; }
.donation-form .form-note{ margin-top:16px; font-size:0.85rem; color:var(--ink-soft); text-align:center; }
.impact-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; margin-top:40px; }
.impact-card{ background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:32px 26px; text-align:center; transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s; }
.impact-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); border-color:var(--marigold-pale); }
.impact-icon{ font-size:2.5rem; margin-bottom:16px; transition:transform .3s var(--ease); }
.impact-card:hover .impact-icon{ transform:scale(1.12) rotate(5deg); }
.impact-card h4{ font-size:1.6rem; color:var(--marigold-deep); font-family:'Fraunces',serif; margin:0; }
.impact-card p{ margin-top:14px; font-size:1.05rem; line-height:1.7; color:var(--ink-soft); }

/* ---------- MODERN HERO SECTION ---------- */
.modern-hero{ background:var(--cream); padding:140px 0 80px; min-height:90vh; display:flex; align-items:center; }
.modern-hero-inner{ display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.hero-content{ max-width:600px; }
.hero-eyebrow{ font-family:'Space Mono',monospace; font-size:0.75rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--primary-blue); font-weight:700; margin-bottom:12px; }
.hero-subtitle{ font-size:1rem; color:var(--ink-soft); margin-bottom:24px; line-height:1.6; }
.hero-title{ font-size:3.5rem; line-height:1.15; color:var(--ink); font-weight:600; margin-bottom:24px; letter-spacing:-0.02em; }
.hero-description{ font-size:1.15rem; line-height:1.8; color:var(--ink-soft); margin-bottom:20px; }
.hero-experience{ font-size:1rem; line-height:1.7; color:var(--primary-blue); background:var(--marigold-pale); padding:16px 20px; border-radius:12px; border-left:4px solid var(--primary-blue); margin-bottom:32px; }
.hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; }
.btn-hero{ display:inline-flex; align-items:center; gap:12px; padding:16px 32px; border-radius:12px; font-size:1.05rem; font-weight:600; transition:all .3s var(--ease); text-decoration:none; border:2px solid transparent; }
.btn-hero-primary{ background:var(--primary-blue); color:#fff; }
.btn-hero-primary:hover{ background:var(--primary-blue-dark); transform:translateY(-3px); box-shadow:0 12px 30px -8px rgba(34,45,99,0.4); }
.btn-hero-secondary{ background:var(--secondary-green); color:#fff; }
.btn-hero-secondary:hover{ background:var(--secondary-green-dark); transform:translateY(-3px); box-shadow:0 12px 30px -8px rgba(34,45,99,0.4); }
.hero-image{ position:relative; border-radius:20px; overflow:hidden; box-shadow:0 20px 60px -20px rgba(0,0,0,0.3); }
.hero-image img{ width:100%; height:auto; display:block; transition:transform .5s var(--ease); }
.hero-image:hover img{ transform:scale(1.05); }
.hero-image-caption{ position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top, rgba(0,0,0,0.8), transparent); color:#fff; padding:20px 24px; font-size:0.95rem; line-height:1.5; }

/* ---------- FAQ PAGE ---------- */
.faq-container{ max-width:900px; margin:0 auto; }
.faq-section{ margin-bottom:48px; }
.faq-section h2{ font-size:2rem; color:var(--primary-blue); margin-bottom:24px; padding-bottom:12px; border-bottom:2px solid var(--marigold-pale); }
.faq-item{ background:var(--paper); border:1px solid var(--line); border-radius:12px; margin-bottom:12px; overflow:hidden; transition:all .3s var(--ease); }
.faq-item:hover{ box-shadow:0 4px 12px -4px rgba(0,0,0,0.1); }
.faq-question{ width:100%; background:none; border:none; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; text-align:left; font-size:1.1rem; font-weight:600; color:var(--ink); cursor:pointer; transition:all .3s var(--ease); }
.faq-question:hover{ color:var(--primary-blue); }
.faq-icon{ transition:transform .3s var(--ease); flex-shrink:0; color:var(--primary-blue); }
.faq-item.active .faq-icon{ transform:rotate(180deg); }
.faq-answer{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease), padding .4s var(--ease); }
.faq-item.active .faq-answer{ max-height:500px; padding:0 24px 24px; }
.faq-answer p{ line-height:1.8; color:var(--ink-soft); font-size:1.05rem; }
.faq-answer a{ color:var(--primary-blue); text-decoration:underline; }
.faq-answer a:hover{ color:var(--primary-blue-dark); }

/* ---------- FLOATING ACTION BUTTONS ---------- */
.floating-actions{ position:fixed; bottom:30px; right:30px; display:flex; flex-direction:column; gap:12px; z-index:999; }
.fab-btn{ display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; color:#fff; box-shadow:0 8px 24px -8px rgba(0,0,0,0.3); transition:all .3s var(--ease); cursor:pointer; text-decoration:none; border:none; }
.fab-btn svg{ width:28px; height:28px; }
.fab-whatsapp{ background:#25D366; }
.fab-whatsapp:hover{ background:#1DA851; transform:scale(1.1) translateY(-3px); box-shadow:0 12px 32px -8px rgba(37,211,102,0.5); }
.fab-help{ background:var(--primary-blue); }
.fab-help:hover{ background:var(--primary-blue-dark); transform:scale(1.1) translateY(-3px); box-shadow:0 12px 32px -8px rgba(34,45,99,0.5); }

/* ---------- FOOTER ---------- */
footer{ background:var(--primary-blue); color:rgba(255,255,255,0.6); padding:56px 0 30px; border-top:1px solid rgba(255,255,255,0.1); }
.footer-top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:40px; padding-bottom:40px; }
.footer-brand img{ height:100px; width:auto; filter:brightness(0) invert(1); transition:transform .35s var(--ease); }
.footer-brand:hover img{ transform:scale(1.05); }
.footer-tagline{ margin-top:14px; font-size:0.9rem; color:rgba(255,255,255,0.45); max-width:26ch; line-height:1.6; }
.social-links{ display:flex; gap:16px; margin-top:20px; }
.social-links a{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); color:rgba(255,255,255,0.65); transition:background .35s var(--ease), border-color .35s var(--ease), color .35s var(--ease), transform .35s var(--ease); }
.social-links a:hover{ background:#FFFFFF; border-color:#FFFFFF; color:var(--primary-blue); transform:translateY(-4px) scale(1.08); }
.social-links svg{ width:18px; height:18px; }
.footer-cols{ display:flex; gap:64px; flex-wrap:wrap; }
.footer-col h5{ font-family:'Space Mono',monospace; font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.4); margin-bottom:16px; }
.footer-col a{ display:block; font-size:0.95rem; margin-bottom:10px; color:rgba(255,255,255,0.65); transition:color .3s var(--ease), transform .3s var(--ease); }
.footer-col a:hover{ color:#FFFFFF; transform:translateX(4px); }
.footer-bottom{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-top:26px; border-top:1px solid rgba(255,255,255,0.1); font-size:0.78rem; }
.footer-bottom-left{ display:flex; flex-direction:column; gap:8px; }
.developer-credit{ font-size:0.75rem; color:rgba(255,255,255,0.4); }
.developer-credit a{ color:rgba(255,255,255,0.55); text-decoration:underline; text-underline-offset:2px; transition:color .3s var(--ease); }
.developer-credit a:hover{ color:#FFFFFF; }
.to-top{ display:flex; align-items:center; gap:8px; color:rgba(255,255,255,0.5); transition:color .3s var(--ease), transform .3s var(--ease); }
.to-top:hover{ color:#FFFFFF; transform:translateY(-3px); }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 980px){
  nav.links{ position:fixed; top:0; right:0; height:100vh; width:min(320px,80vw); background:var(--primary-blue); flex-direction:column; align-items:flex-start; justify-content:flex-start; padding:100px 32px 40px; gap:26px; transform:translateX(100%); transition:transform .4s var(--ease); z-index:99; }
  nav.links.open{ transform:translateX(0); }
  nav.links a{ color:rgba(255,255,255,0.85) !important; font-size:1.1rem; }
  .hamburger{ display:flex; }
  .nav-inner .btn-primary{ display:none; }
  nav.links .btn-primary{ display:inline-flex; margin-top:10px; }

  .hero-inner{ grid-template-columns:1fr; text-align:left; }
  .hero-figure{ display:none; }
  .modern-hero-inner{ grid-template-columns:1fr; gap:40px; }
  .hero-image{ margin-top:40px; }
  .hero-title{ font-size:2.5rem; }
  .floating-actions{ bottom:20px; right:20px; }
  .fab-btn{ width:50px; height:50px; }
  .fab-btn svg{ width:24px; height:24px; }
  .about-grid, .vm-grid, .focus-layout, .contact-grid, .donate-grid{ grid-template-columns:1fr; }
  .vm-grid{ gap:2px; }
  .prog-grid{ grid-template-columns:repeat(2,1fr); }
  .pillars-grid{ grid-template-columns:repeat(2,1fr); }
  .involved-grid{ grid-template-columns:1fr; }
  .about-stats{ margin-top:36px; }
  .form-row{ grid-template-columns:1fr; }
  .directors-grid{ grid-template-columns:1fr; }
  .members-grid{ grid-template-columns:repeat(2,1fr); }
  .impact-grid{ grid-template-columns:repeat(2,1fr); }

  .wheel-wrap{ display:none; }
  .focus-list-mobile{ display:grid; gap:14px; margin-bottom:34px; }
  .flm-item{ background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:20px 22px; transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s; }
  .flm-item:hover{ transform:translateY(-4px); box-shadow:0 12px 24px -10px rgba(34,45,99,0.25); border-color:var(--marigold-pale); }
  .flm-item h4{ font-family:'Karla'; font-weight:700; color:var(--indigo-900); font-size:1.15rem; transition:color .3s; }
  .flm-item:hover h4{ color:var(--indigo-950); }
  .flm-item p{ margin-top:8px; font-size:1rem; color:var(--ink-soft); line-height:1.65; }
}
@media (max-width: 640px){
  .wrap{ padding:0 20px; }
  .section-pad{ padding:5px 0; }
  .modern-hero{ padding:120px 0 60px; min-height:auto; }
  .hero-title{ font-size:2rem; }
  .hero-description{ font-size:1rem; }
  .hero-ctas{ flex-direction:column; }
  .btn-hero{ width:100%; justify-content:center; }
  .prog-grid{ grid-template-columns:1fr; }
  .pillars-grid{ grid-template-columns:1fr; }
  .hero-meta{ gap:24px; }
  .stat-card .num{ font-size:2.1rem; }
  .page-hero{ padding:130px 0 60px; min-height:auto; }
  .members-grid{ grid-template-columns:1fr; }
  .impact-grid{ grid-template-columns:1fr; }
}

a.btn.donate-btn:hover {
    color: #fff;
}

a.btn.donate-btn {
    background: var(--primary-blue);
    color: #fff;
}
.hero-banner{
  margin-top:112px;
}