:root{
  --navy:#070942; --navy-2:#0a0f55; --navy-3:#121266; --blue:#2582e6; --blue-2:#1b63ca;
  --pink:#df1f70; --pink-2:#f03485; --white:#fff; --text:#10142d; --muted:#6f7285;
  --soft:#f8f8fb; --line:#d9dbe8; --shadow:0 22px 60px rgba(0,0,0,.22); --radius:26px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55} img{max-width:100%;display:block} a{color:inherit;text-decoration:none}.container{width:min(1120px,92vw);margin-inline:auto}.center{text-align:center;display:flex;justify-content:center}.section-dark{background:radial-gradient(circle at 30% 0%,#17186b 0%,var(--navy) 45%,#030526 100%);color:#fff}
.site-header{height:84px;background:#fff;display:flex;align-items:center;gap:28px;padding:0 38px;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px rgba(6,9,49,.08)}.brand img{width:285px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{font-size:13px;font-weight:800;text-transform:uppercase;color:#0c1230;position:relative;padding:30px 0}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:var(--pink);border-radius:3px}.header-actions{display:flex;align-items:center;gap:14px}.socials{display:flex;gap:15px;font-weight:900;color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;border:0;min-height:48px;padding:0 28px;font-size:14px;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.16)}.btn-primary,.btn-small{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff}.btn-donate,.btn-pink{background:linear-gradient(135deg,var(--pink-2),var(--pink));color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.75);color:#fff;background:transparent}.btn-outline.bright{background:#1d74db;border-color:#1d74db;color:#fff}.btn-small{min-height:38px;font-size:12px;padding:0 20px}.nav-toggle{display:none;background:transparent;border:0;width:44px;height:44px}.nav-toggle span{display:block;height:3px;background:var(--navy);margin:6px;border-radius:4px}
.hero{position:relative;overflow:hidden;border-bottom-left-radius:0;border-bottom-right-radius:0;min-height:470px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,45,.96) 0%,rgba(8,10,55,.92) 43%,rgba(8,10,55,.92) 100%),url('../img/hero-bg.png') center/cover no-repeat;opacity:1}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:end;min-height:470px}.hero-copy{padding:52px 0 54px}.eyebrow,.section-kicker{margin:0 0 9px;color:var(--pink);text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:17px}.hero h1{margin:0;font-size:clamp(48px,7vw,80px);line-height:.98;font-weight:900;letter-spacing:-.05em}.hero-lead{font-size:21px;font-weight:900;margin:12px 0 4px}.accent-line{width:80px;height:3px;background:var(--pink);margin:12px 0}.hero-text{max-width:480px;margin:12px 0;font-size:16px}.hero-buttons{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}.video-link{display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;color:#fff;font-weight:900;text-transform:uppercase;cursor:pointer}.video-link span,.video-card button{width:48px;height:48px;border-radius:999px;background:var(--pink);display:inline-grid;place-items:center;color:#fff;border:0}.hero-portrait{align-self:end}.hero-portrait img{width:100%;object-fit:cover;object-position:top;border-radius:18px 18px 0 0;mix-blend-mode:normal;}
.mission{background:#fff;border-radius:28px 28px 0 0;margin-top:0;padding:48px 0}.mission-grid{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center}.mission-copy p:not(.section-kicker){font-weight:500}.mission-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.pillar{padding:20px;text-align:center;border-left:1px solid var(--line)}.icon,.give-icon,.outline-icon{display:grid;place-items:center;margin:0 auto 14px;color:var(--pink);font-size:32px}.pillar h3,.give-card h3,.involved-card h3{text-transform:uppercase;line-height:1.08;font-size:16px;margin:0 0 12px;font-weight:900}.pillar p,.give-card p,.involved-card p{font-size:14px;margin:0;color:#3d4056}
.videos{position:relative;padding:42px 0 54px;overflow:hidden}.videos:before,.videos:after{content:"";position:absolute;width:230px;height:230px;background:radial-gradient(var(--pink) 1px, transparent 1px);background-size:10px 10px;opacity:.45}.videos:before{left:-70px;top:90px}.videos:after{right:-70px;top:10px}.section-heading{text-align:center}.section-heading h2,.support h2,.leader-copy h2{margin:0 0 20px;text-transform:uppercase;font-size:30px;line-height:1;font-weight:900;letter-spacing:.02em}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,390px));gap:34px;justify-content:center;position:relative}.video-card{position:relative;text-align:center}.video-card img{width:100%;height:150px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.35)}.video-card button{position:absolute;left:50%;top:55px;transform:translateX(-50%);font-size:20px;cursor:pointer}.video-card p{font-size:14px;font-weight:800;margin:9px 0 24px}.photos{padding:20px 0 34px;background:#fff;border-radius:0 0 28px 28px}.photos .section-heading h2{color:var(--navy);font-size:25px}.photo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0 16px}.photo-strip img{height:100px;width:100%;object-fit:cover;border-radius:6px}
.support{padding:44px 0 20px}.support-grid{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center}.support-copy h2{font-size:30px}.support-copy p{font-size:15px}.script{font-family:cursive;color:var(--pink);font-size:21px!important;line-height:1.25}.giving-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.give-card{background:#fff;color:var(--text);border-radius:7px;padding:24px 16px;text-align:center;min-height:180px;box-shadow:0 10px 26px rgba(0,0,0,.12)}.give-card .give-icon{border:0;background:transparent;color:var(--pink);font-size:42px;width:auto;height:auto;margin-bottom:6px}.give-card .btn{min-height:38px;font-size:12px;margin-top:8px;padding:0 18px}.give-card a:not(.btn){color:var(--pink);font-weight:900;font-size:14px}
.leadership{padding:0 0 28px;border-top:1px solid rgba(255,255,255,.18)}.leadership-grid{display:grid;grid-template-columns:230px 1fr 360px;gap:34px;align-items:center}.bishop-small{align-self:end}.leader-copy p{font-size:13px;color:#f3f4ff}.leader-copy h2{font-size:25px;margin-bottom:10px}.quote{border-left:1px solid rgba(255,255,255,.35);padding-left:32px;font-weight:900;font-size:20px;line-height:1.35;margin:0}.quote:before{content:'“';display:block;font-size:86px;line-height:.5;color:var(--pink)}.quote cite{display:block;color:var(--pink);font-style:normal;font-size:14px;margin-top:10px}.get-involved {
  padding: 34px 0;
  background: #fff;
  text-align: center;
}

.get-involved h2 {
  font-size: 23px;
  color: var(--navy);
  margin-bottom: 26px;
}

.involved-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.involved-card {
  display: grid;
  grid-template-columns: 72px 1fr 130px;
  gap: 18px;
  align-items: center;
  text-align: left;
  padding: 0 34px;
  border-right: 1px solid var(--line);
}

.involved-card:last-child {
  border-right: 0;
}

.outline-icon {
  width: 54px;
  height: 54px;
  margin: 0;
  color: var(--pink);
  font-size: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.involved-card h3 {
  margin: 0 0 8px;
  color: var(--navy);
  font-size: 18px;
  font-weight: 900;
}

.involved-card p {
  margin: 0;
  line-height: 1.45;
  font-size: 14px;
}

.involved-card a {
  color: var(--pink);
  font-weight: 900;
  font-size: 13px;
  white-space: nowrap;
}

.site-footer{padding:30px 0 16px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1.4fr;gap:38px;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:20px}.footer-logo{width:210px}.site-footer h3{color:var(--pink);text-transform:uppercase;font-size:13px}.site-footer a,.site-footer p{display:block;color:#fff;font-size:13px;margin:4px 0}.copyright{text-align:center;font-size:12px;color:#d9dcff;margin:14px 0 0}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;z-index:40;padding:20px}.modal.is-open{display:flex}.modal-panel{background:#fff;border-radius:16px;max-width:760px;width:100%;position:relative;padding:20px}.modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:32px;cursor:pointer}.video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;display:grid;place-items:center;text-align:center;border-radius:10px;padding:20px}.video-placeholder span{font-size:54px;color:var(--pink)}.video-placeholder h2{margin:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}
.partners-section {
  padding: 100px 0;
  background: #faf7fc;
  overflow: hidden;
}

.partners-slider {
  margin-top: 3rem;
  overflow: hidden;
  position: relative;
}

.partners-track {
  display: flex;
  gap: 2rem;
  width: max-content;

  animation: scrollPartners 30s linear infinite;
}

.partner-card {
  width: 260px;
  height: 160px;

  background: #fff;

  border-radius: 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  /*padding: 2rem;

  box-shadow: 0 10px 30px rgba(0,0,0,.08);*/

  transition: .3s ease;
}

.partner-card:hover {
  transform: translateY(-6px);
}

.partner-card img {
  max-width: 100%;

  object-fit: contain;

  filter: grayscale(100%);
  opacity: .85;

  transition: .3s ease;
}

.partner-card:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

.partners-track:hover {
  animation-play-state: paused;
}

@keyframes scrollPartners {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }

}
@media (max-width: 900px) {
  .involved-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .involved-card {
    grid-template-columns: 60px 1fr;
    padding: 0;
    border-right: 0;
    text-align: left;
  }

  .involved-card a {
    grid-column: 2;
  }
}

.event-promo {
  padding: 70px 0;
  background: linear-gradient(135deg, #090b3f, #17145d);
  color: #fff;
}

.event-promo-wrap {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 42px;
  align-items: center;
}

.event-promo-image img {
  width: 100%;
  border-radius: 22px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
}

.event-promo-content .section-tag {
  color: var(--pink);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.event-promo-content h2 {
  font-size: clamp(32px, 4vw, 52px);
  margin: 10px 0 18px;
}

.event-promo-content p {
  max-width: 760px;
  line-height: 1.7;
  opacity: .92;
}

.event-promo .btn {
  margin-top: 16px;
}
@media (max-width: 800px) {
  .event-promo-wrap {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .event-promo-image {
    max-width: 320px;
    margin: 0 auto;
  }

  .event-promo-content p {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 980px){.site-header{padding:0 18px}.brand img{width:230px}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;box-shadow:0 18px 24px rgba(0,0,0,.1);padding:18px;flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.header-actions{display:none}.hero-grid,.mission-grid,.support-grid,.leadership-grid{grid-template-columns:1fr}.hero-portrait{display:none}.mission-pillars,.giving-cards{grid-template-columns:repeat(2,1fr)}.involved-grid{grid-template-columns:1fr}.involved-card{border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.photo-strip{grid-template-columns:repeat(2,1fr)}.photo-strip img{height:140px}}
@media (max-width: 620px){.brand img{width:190px}.hero h1{font-size:44px}.hero-buttons{align-items:stretch;flex-direction:column}.video-grid,.mission-pillars,.giving-cards,.footer-grid{grid-template-columns:1fr}.support-grid{gap:20px}.photo-strip{grid-template-columns:1fr}.leadership-grid{gap:12px}.quote{font-size:17px}.site-header{height:76px}.main-nav{top:76px}}