:root{--navy:#031a31;--navy2:#082b4b;--gold:#c58a24;--cream:#f7f4ee;--ink:#10243b;--muted:#667383;--line:#e3e6e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}h1,h2,h3,.brand strong{font-family:Georgia,serif}img{max-width:100%}.site-header{height:96px;display:flex;align-items:center;padding:0 4vw;gap:30px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 15px #00182d12}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand>span:last-child{display:grid;text-align:center}.brand strong{font-size:20px}.brand small,.brand b{font-family:Georgia,serif}.brand b{font-size:10px;letter-spacing:2px;margin-top:5px;text-transform:uppercase}.seal{width:55px;height:62px;border:2px solid currentColor;border-radius:45% 45% 18% 18%;display:grid;place-items:center;font:700 16px Georgia,serif}.main-nav{display:flex;justify-content:center;gap:26px;flex:1}.main-nav a{font-size:11px;font-weight:800;text-transform:uppercase;padding:38px 0 10px;position:relative}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--gold)}.header-actions,.hero-buttons{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:4px;border:0;text-transform:uppercase;font-size:11px;font-weight:800;cursor:pointer}.btn.dark{background:var(--navy);color:#fff}.btn.gold{background:linear-gradient(135deg,#dea941,var(--gold));color:#fff}.btn.line{border:1px solid #8290a0}.btn.ghost{border:1px solid #fff;color:#fff}.menu-toggle,.bottom-nav{display:none}.home-hero,.page-hero{background-position:center;background-size:cover;color:#fff}.home-hero{min-height:520px;padding:80px 6vw;display:flex;align-items:center}.home-hero>div{max-width:630px}.home-hero h1{font-size:clamp(48px,6vw,78px);line-height:1;margin:12px 0}.home-hero i,.page-hero i{display:block;width:44px;height:3px;background:var(--gold);margin:22px 0}.home-hero p,.page-hero p{font-size:17px;line-height:1.7}.home-hero strong{display:block;margin:22px 0}.eyebrow,.section-title>span,.donation span{color:var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.welcome{padding:70px 8vw}.big-seal{display:grid;justify-items:center}.big-seal .seal{width:105px;height:120px;font-size:25px}.big-seal strong{font:700 36px Georgia,serif;margin:10px}.welcome h2,.feature h2,.section-title h2{font-size:clamp(30px,4vw,44px);margin:10px 0 15px}.welcome p,.feature p,.section-title p{color:var(--muted);line-height:1.7}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 6vw 65px}.values article{text-align:center;padding:20px;border-right:1px solid var(--line)}.values article:last-child{border:0}.values span,.info-cards span,.resource-grid span,.visit-grid span{font-size:43px;color:var(--gold)}.values p,.info-cards p,.resource-grid p{font-size:13px;color:var(--muted);line-height:1.6}.section{padding:68px 5vw}.soft{background:var(--cream)}.section-title{text-align:center;max-width:760px;margin:0 auto 38px}.cards,.info-cards,.event-grid,.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cards article,.info-cards article,.event-grid article,.resource-grid article{border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px #071e330c;padding-bottom:20px;text-align:center}.card-image{height:155px;background-size:cover;background-position:center}.worship{background-image:linear-gradient(135deg,#0c2a46,#9b772f)}.round-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;margin:-24px auto 8px;position:relative}.cards h3,.cards p{margin:8px 15px}.cards p{color:var(--muted);font-size:13px}.centered{display:flex;width:max-content;margin:28px auto}.event-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.event-list article{display:flex;gap:15px}.event-list time,.event-grid time{background:var(--navy);color:#fff;width:68px;height:72px;display:grid;place-content:center;text-align:center;text-transform:uppercase}.event-list time b,.event-grid time b{font:700 27px Georgia,serif}.event-list h3{margin:4px 0}.event-list p,.event-list small{font-size:12px;color:var(--muted)}.donation,.callout{background:linear-gradient(120deg,var(--navy),#001020);color:#fff;margin:0 3vw;padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;gap:25px}.donation h2,.callout h2{font-size:32px;margin:8px 0}.donation p,.callout p{color:#cbd4dd}.site-footer{background:var(--navy);color:#fff;padding:48px 5vw 20px;display:grid;grid-template-columns:1.3fr .7fr 1fr 1fr;gap:40px}.site-footer section{display:grid;align-content:start;gap:8px}.site-footer p,.site-footer a{font-size:12px;color:#d1d9e1;line-height:1.5;margin:0}.copyright{grid-column:1/-1;text-align:center;border-top:1px solid #ffffff18;padding-top:18px}.footer-brand{color:#fff}.page-hero{min-height:330px;display:flex;align-items:center;padding:65px 6vw}.page-hero>div{max-width:520px}.page-hero h1{font-size:58px;margin:0}.feature{padding-bottom:70px}.feature-photo{min-height:330px;background-position:center;background-size:cover;border-radius:8px}.values.compact{padding:10px 0 20px}.info-cards article,.resource-grid article{padding:28px 20px}.service-cards article{padding-top:0;overflow:hidden}.service-image{height:150px;margin:0 -20px 22px;background-position:center;background-size:cover}.info-cards strong,.info-cards b{display:block;margin:8px}.event-grid article{position:relative;text-align:left}.event-grid time{position:absolute;top:135px;left:12px}.event-grid h3,.event-grid p,.event-grid small{display:block;margin:18px}.resource-grid{grid-template-columns:repeat(3,1fr)}.visit-grid{display:grid;grid-template-columns:repeat(3,1fr)}.visit-grid article{text-align:center;padding:30px;border-right:1px solid var(--line)}.visit-grid p{color:var(--muted);font-size:13px}.map-card{margin-top:35px;background:var(--cream);padding:45px;text-align:center}.map-card>span{font-size:50px;color:var(--gold)}.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;border:1px solid var(--line)}.contact-form h2,.contact-form .wide{grid-column:1/-1}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.contact-form input,.contact-form textarea{padding:13px;border:1px solid #d9dfe5}.contact-form textarea{min-height:130px}.contact-aside{background:var(--navy);color:#fff;padding:35px}.notice{background:#e9f7ed;color:#267044;padding:12px;grid-column:1/-1}.empty{text-align:center;color:var(--muted)}@media(max-width:1000px){.main-nav{position:fixed;inset:96px 0 auto;background:#fff;display:none;padding:22px;flex-wrap:wrap;box-shadow:0 10px 20px #0002}.main-nav.open{display:flex}.main-nav a{padding:10px}.menu-toggle{display:block;border:0;background:none;font-size:24px;margin-left:auto}.header-actions{display:none}.cards,.info-cards,.event-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{padding-bottom:67px}.site-header{height:84px;padding:0 18px}.brand{min-width:0}.brand strong{font-size:16px}.brand .seal{width:44px;height:52px}.main-nav{inset:84px 0 auto}.home-hero{min-height:560px;padding:60px 24px}.home-hero h1{font-size:45px}.hero-buttons{display:grid}.split{grid-template-columns:1fr}.welcome{padding:50px 24px}.big-seal{display:none}.values,.values.compact{grid-template-columns:repeat(2,1fr);padding:25px 10px}.values article:nth-child(2){border-right:0}.section{padding:50px 22px}.cards,.info-cards,.event-grid,.resource-grid{grid-template-columns:1fr}.event-list{grid-template-columns:1fr}.donation,.callout{margin:0;padding:30px 22px;display:grid;text-align:center}.site-footer{grid-template-columns:1fr;padding:40px 24px}.footer-brand{display:none}.copyright{grid-column:auto}.bottom-nav{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;height:67px;background:#fff;justify-content:space-around;align-items:center;box-shadow:0 -5px 20px #00182d20}.bottom-nav a{display:grid;text-align:center;gap:3px;font-size:18px}.bottom-nav small{font-size:8px;text-transform:uppercase}.bottom-nav .donate{width:58px;height:58px;border-radius:50%;background:var(--gold);color:#fff;margin-top:-20px;place-content:center}.page-hero{min-height:280px;padding:45px 24px}.page-hero h1{font-size:42px}.feature-photo{grid-row:1}.visit-grid{grid-template-columns:1fr}.visit-grid article{border-right:0;border-bottom:1px solid var(--line)}.contact-layout{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr;padding:22px}.contact-form h2,.contact-form .wide{grid-column:auto}}


.home-hero,.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#001426,#063d43);isolation:isolate}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center right;z-index:-2;filter:saturate(.95)}
.hero-shade{position:absolute;inset:0;max-width:none!important;background:linear-gradient(90deg,rgba(1,18,35,.98) 0%,rgba(1,18,35,.72) 38%,rgba(1,18,35,.28) 70%,rgba(1,18,35,.52) 100%);z-index:-1}
.home-hero>.hero-content,.page-hero>.hero-content{position:relative;max-width:630px}
.page-hero>.hero-content{max-width:520px}
@media(max-width:900px){.hero-bg{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(1,18,35,.96),rgba(1,18,35,.68))}}
@media(max-width:680px){.hero-bg{opacity:.58}.home-hero>.hero-content,.page-hero>.hero-content{max-width:100%}}

.brand-logo{width:58px;height:58px;border-radius:14px;object-fit:cover;box-shadow:0 8px 18px rgba(1,18,35,.16)}
.footer-brand .brand-logo{box-shadow:none}
.welcome-logo{width:150px;height:150px;border-radius:30px;object-fit:cover;box-shadow:0 18px 40px rgba(1,18,35,.16)}
.big-seal .welcome-logo+strong{margin-top:18px}
@media(max-width:680px){.brand-logo{width:48px;height:48px;border-radius:12px}.welcome-logo{width:120px;height:120px}}

.event-grid article{
  display:grid;
  grid-template-columns:68px 1fr;
  align-items:start;
  column-gap:16px;
}
.event-grid .card-image{
  grid-column:1/-1;
  width:100%;
}
.event-grid time{
  position:static;
  grid-column:1;
  grid-row:2 / span 3;
  margin:18px 0 0 12px;
}
.event-grid h3,
.event-grid p,
.event-grid small{
  grid-column:2;
  min-width:0;
}
.event-grid h3{margin:18px 18px 8px 0}
.event-grid p{margin:8px 18px 8px 0}
.event-grid small{margin:8px 18px 0 0}
.event-meta{
  display:flex!important;
  flex-wrap:wrap;
  gap:4px 8px;
  white-space:normal;
  overflow:visible;
  line-height:1.45;
}
.event-meta span:not(:last-child)::after{
  content:"·";
  margin-left:8px;
  color:var(--muted);
}

@media(max-width:520px){
  .event-grid article{grid-template-columns:1fr}
  .event-grid time{
    grid-column:1;
    grid-row:auto;
    margin:16px 0 4px 16px;
    position:static;
  }
  .event-grid h3,
  .event-grid p,
  .event-grid small{
    grid-column:1;
    margin-left:16px;
    margin-right:16px;
  }
  .event-meta{gap:3px 6px}
  .event-meta span{display:inline-block}
}

.card-image,
.service-image{
  background-size:contain!important;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#fff;
}
.feature-photo{
  background-size:contain!important;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#fff;
}
.event-grid .card-image,
.service-image{
  height:auto;
  min-height:210px;
  aspect-ratio:1200/880;
}
.cards .card-image{
  height:auto;
  min-height:210px;
  aspect-ratio:1200/880;
}
.feature-photo{
  min-height:auto;
  aspect-ratio:1200/880;
}
.service-cards article,
.event-grid article,
.cards article{
  overflow:hidden;
}
.service-cards article{
  padding:0 0 20px;
}
.service-image,
.event-grid .card-image,
.cards .card-image{
  margin:0;
  border-bottom:1px solid var(--line);
  box-shadow:inset 0 0 0 1px rgba(3,26,49,.03);
}

@media(max-width:520px){
  .event-grid .card-image,
  .service-image,
  .cards .card-image{
    min-height:auto;
    aspect-ratio:1200/880;
  }
  .service-cards article,
  .event-grid article,
  .cards article{
    max-width:360px;
    margin-inline:auto;
    width:100%;
  }
}

.feature-photo{
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--line);
  box-shadow:0 8px 24px #071e330c;
  overflow:hidden;
  background:#f6f8fa;
}
.feature-photo img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  border-radius:0;
}

@media(max-width:680px){
  .feature-photo{
    min-height:240px;
  }
  .feature-photo img{
    max-height:none;
  }
}

.reaction-panel{
  position:absolute;
  left:6vw;
  bottom:24px;
  z-index:2;
  width:auto;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  background:transparent;
  color:#fff;
  padding:0;
  border:0;
  box-shadow:none;
}
.reaction-actions{
  display:flex;
  gap:8px;
  flex-wrap:nowrap;
  justify-content:flex-start;
}
.reaction-button{
  min-width:128px;
  border:1px solid #ffffff28;
  background:rgba(3,26,49,.78);
  color:#fff;
  border-radius:6px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.reaction-button span{
  font-size:16px;
  color:var(--gold);
  letter-spacing:0;
  text-transform:none;
}
.reaction-button b{
  font-size:11px;
  text-transform:uppercase;
  text-align:left;
}
.reaction-button small{
  background:#fff;
  color:var(--navy);
  border-radius:999px;
  min-width:28px;
  padding:4px 7px;
  font-weight:800;
}
.reaction-button:hover,
.reaction-button.selected{
  border-color:var(--gold);
  background:rgba(3,26,49,.9);
}
.reaction-button:disabled{
  cursor:not-allowed;
  opacity:.72;
}
.reaction-button.selected:disabled{
  opacity:1;
}

@media(max-width:680px){
  .home-hero,
  .page-hero{
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
  }
  .reaction-panel{
    position:relative;
    left:auto;
    bottom:auto;
    width:100%;
    margin-top:18px;
    display:flex!important;
    padding:0;
  }
  .reaction-actions{
    width:100%;
    justify-content:flex-start;
    gap:10px;
  }
  .reaction-actions form{
    flex:0 1 132px;
    min-width:0;
  }
  .reaction-button{
    min-width:0;
    width:100%;
    min-height:42px;
    padding:9px 8px;
    gap:6px;
    grid-template-columns:auto minmax(0,1fr) auto;
  }
  .reaction-button b{
    font-size:9px;
    white-space:nowrap;
  }
  .reaction-button small{
    min-width:24px;
    padding:4px 6px;
  }
  .reaction-button span{
    font-size:13px;
  }
}

.event-album{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 18px 0;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.event-album strong{
  grid-column:1/-1;
  color:var(--navy);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.event-album a{
  display:block;
  overflow:hidden;
  border:1px solid var(--line);
  background:#fff;
  aspect-ratio:1;
}
.event-album img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.event-grid .card-image{
  position:relative;
}
.event-state{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  color:#fff;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 8px 18px rgba(3,26,49,.18);
}
.event-state.upcoming{
  background:var(--gold);
}
.event-state.past{
  background:#5d6b78;
}
.event-grid article.past-event{
  background:#f8fafc;
}
.event-grid article.past-event .card-image{
  filter:saturate(.82);
}
.event-grid article.past-event time{
  background:#5d6b78;
}
.event-grid article.past-event h3{
  color:#34495d;
}
.event-list article.past-event{
  opacity:.82;
}
.event-list article.past-event time{
  background:#5d6b78;
}
.event-state.inline{
  position:static;
  width:max-content;
  min-height:0;
  padding:4px 8px;
  margin-bottom:6px;
  box-shadow:none;
  font-size:9px;
}
.album-open{
  grid-column:2;
  width:max-content;
  margin:10px 18px 0 0;
  border:1px solid var(--gold);
  background:#fff;
  color:var(--navy);
  border-radius:4px;
  padding:10px 14px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.album-open:hover{
  background:var(--gold);
  color:#fff;
}
.home-album-open{
  margin:10px 0 0;
}
.album-modal{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(3,14,27,.72);
}
.album-modal[hidden]{
  display:none;
}
.album-dialog{
  position:relative;
  width:min(1040px,100%);
  max-height:92vh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:14px;
  background:#fff;
  color:var(--ink);
  border-radius:8px;
  padding:22px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}
.album-dialog h2{
  margin:0;
  padding-right:46px;
  font-size:28px;
}
.album-close{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.album-view{
  min-height:260px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#f2f5f8;
  border:1px solid var(--line);
}
.album-view img{
  width:100%;
  height:100%;
  max-height:62vh;
  object-fit:contain;
  display:block;
}
.album-strip{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:4px 0 8px;
  scrollbar-width:thin;
}
.album-thumb{
  flex:0 0 96px;
  width:96px;
  height:72px;
  border:2px solid transparent;
  background:#fff;
  padding:0;
  cursor:pointer;
}
.album-thumb.active{
  border-color:var(--gold);
}
.album-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body.album-opened{
  overflow:hidden;
}

.project-section{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.project-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  max-width:1180px;
  margin:0 auto;
}
.project-grid article{
  position:relative;
  display:grid;
  align-content:start;
  min-height:310px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  box-shadow:0 14px 34px rgba(7,30,51,.13);
  overflow:visible;
}
.project-image{
  height:128px;
  background-size:cover;
  background-position:center;
  border-radius:6px 6px 0 0;
  background-color:#eaf0f6;
}
.project-image.empty{
  background:linear-gradient(135deg,#07233d,#0f4a54);
}
.project-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin:-27px auto 0;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  border:4px solid #fff;
  font-size:22px;
  box-shadow:0 12px 24px rgba(3,26,49,.22);
}
.project-icon.small{
  width:48px;
  height:48px;
  margin:0;
  border-width:0;
  font-size:20px;
  flex:0 0 auto;
}
.project-grid h3{
  margin:18px 20px 8px;
  font-size:17px;
  text-transform:uppercase;
}
.project-grid p{
  margin:0 20px 14px;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.project-open{
  align-self:end;
  justify-self:start;
  margin:0 20px 22px;
  border:0;
  background:transparent;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.project-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.58);
}
.project-modal[hidden]{
  display:none;
}
.project-dialog{
  position:relative;
  width:min(980px,100%);
  max-height:92vh;
  overflow:auto;
  background:#fff;
  border-radius:10px;
  padding:26px;
  box-shadow:0 34px 100px rgba(0,0,0,.34);
}
.project-close{
  position:absolute;
  top:18px;
  right:18px;
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:var(--navy);
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.project-detail{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:28px;
}
.project-detail-head{
  display:flex;
  align-items:center;
  gap:16px;
  padding-right:44px;
}
.project-detail h2{
  margin:0;
  font-size:28px;
}
.project-detail h3{
  margin:18px 0 8px;
  font-size:18px;
}
.project-detail p{
  color:var(--muted);
  line-height:1.65;
  font-size:13px;
}
.project-large{
  min-height:330px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#eef3f8;
}
.project-large img{
  width:100%;
  height:100%;
  max-height:380px;
  object-fit:cover;
  display:block;
}
.project-large.empty span{
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-size:42px;
}
.project-album{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.project-album img{
  width:100%;
  aspect-ratio:1.25;
  object-fit:cover;
  border-radius:6px;
  border:1px solid var(--line);
}
.project-donation{
  display:grid;
  align-content:start;
  gap:12px;
  padding:18px;
  border-radius:8px;
  background:#f6f8fb;
}
.project-donation h3{
  margin:0;
  font-size:18px;
}
.project-donation>p{
  margin:0 0 4px;
  font-size:12px;
}
.donation-box{
  display:grid;
  gap:8px;
  padding:15px;
  border-radius:8px;
  border:1px solid #dbe6ef;
  background:#fff;
}
.donation-box strong{
  color:var(--navy);
  font-size:13px;
  text-transform:none;
}
.donation-box small{
  color:#516273;
  font-size:12px;
  line-height:1.45;
}
.donation-box.bank{background:#f1fbef;border-color:#cbe9c7}
.donation-box.link{background:#f2f7ff;border-color:#cbdcf8}
.donation-box.whatsapp{background:#f0fbf3;border-color:#c9edcf}
.donation-box.note{background:#fff8e8;border-color:#f2d899}
.donation-box .btn{
  width:100%;
  margin-top:4px;
}
.whatsapp-btn{
  background:#2c9b43;
  color:#fff;
}
body.project-opened{
  overflow:hidden;
}

@media(max-width:520px){
  .album-open{
    grid-column:1;
    margin-left:16px;
  }
  .album-dialog{
    padding:16px;
  }
  .album-dialog h2{
    font-size:22px;
  }
  .album-view{
    min-height:210px;
  }
  .album-thumb{
    flex-basis:82px;
    width:82px;
    height:62px;
  }
  .event-album{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-left:16px;
    margin-right:16px;
  }
}

@media(max-width:1000px){
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-detail{grid-template-columns:1fr}
}

@media(max-width:680px){
  .project-grid{grid-template-columns:1fr}
  .project-grid article{
    max-width:360px;
    width:100%;
    margin-inline:auto;
  }
  .project-dialog{
    padding:18px;
  }
  .project-detail h2{
    font-size:23px;
  }
  .project-large{
    min-height:220px;
  }
  .project-album{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}