/* projects.css — extracted from Step 40 without visual edits. */
/* ===== Project archive / future / success-story pages ===== */
.project-archive-hero,.stories-hero,.future-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f2f7f4 0%,#eef4f0 58%,#dfece5 100%);border-bottom:1px solid #e0e8e3}
.project-archive-hero::after,.stories-hero::after,.future-hero::after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-130px;top:-160px;background:rgba(0,97,62,.08);pointer-events:none}
.project-hero-inner,.stories-hero-inner,.future-hero-inner{min-height:370px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:70px 0;position:relative;z-index:1}
.project-hero-inner>div:first-child,.stories-hero-inner>div:first-child{max-width:780px}
.project-archive-hero h1,.stories-hero h1,.future-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.035em;color:#073f31;margin:12px 0 20px}
.project-archive-hero h1 em,.stories-hero h1 em,.future-hero h1 em{font-style:normal;color:#df2828}
.project-archive-hero p,.stories-hero p,.future-hero p{max-width:690px;font-size:16px;line-height:1.75;color:#486158;margin:0}
.project-hero-stat{width:190px;height:190px;flex:0 0 190px;border:1px solid #cbded3;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 35px rgba(12,65,46,.08)}
.project-hero-stat strong{font-family:Georgia,serif;font-size:58px;line-height:1;color:#00613e}.project-hero-stat span{font-size:11px;line-height:1.5;color:#50645c;margin-top:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.archive-head{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:32px}.archive-head h2{margin:7px 0 0;font-family:Georgia,serif;font-size:clamp(30px,3vw,42px);line-height:1.08;color:#073f31}.archive-head>p{margin:0;color:#5b6b64;font-size:13px;line-height:1.75;max-width:520px}
.project-archive{background:#fff}.project-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project-archive-card{background:#fff;border:1px solid #dce7e1;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:455px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.project-archive-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(8,67,47,.1);border-color:#b9d1c4}
.project-card-media{height:145px;position:relative;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:space-between;padding:16px;color:#fff}.project-card-media::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,55,42,.85),rgba(0,97,62,.28))}.project-card-media span,.project-card-media small{position:relative;z-index:1}.project-card-media span{font-family:Georgia,serif;font-size:44px;line-height:1}.project-card-media small{font-size:9px;letter-spacing:.14em;font-weight:900}.project-media-1{background-image:url('/assets/images/hero-slide-01.webp')}.project-media-2{background-image:url('/assets/images/hero-slide-02.webp')}.project-media-3{background-image:url('/assets/images/hero-slide-03.webp')}.project-media-4{background-image:url('/assets/images/hero-slide-04.webp')}.project-media-5{background-image:url('/assets/images/hero-slide-05.webp')}
.project-card-body{padding:22px 21px 20px;display:flex;flex-direction:column;flex:1}.project-meta{display:flex;justify-content:space-between;gap:12px;color:#687970;font-size:10px;line-height:1.4;margin-bottom:12px}.project-card-body h3{font-family:Georgia,serif;color:#0a4334;font-size:21px;line-height:1.18;margin:0 0 12px}.project-card-body p{font-size:12px;line-height:1.7;color:#5c6d65;margin:0 0 15px}.project-tags{margin-top:auto}.project-tags span{display:inline-flex;padding:6px 9px;border-radius:30px;background:#edf6f1;color:#00613e;font-size:9px;font-weight:800}.project-donor{font-size:10px;color:#4f625a;margin-top:13px;padding-top:12px;border-top:1px solid #e6ece8}.project-detail-btn,.story-read{border:0;background:none;padding:13px 0 0;text-align:left;color:#00613e;font:800 11px Arial,sans-serif;cursor:pointer}.project-detail-btn b,.story-read b{margin-left:7px}.project-detail-btn:hover,.story-read:hover{color:#df2828}
.project-modal,.story-modal{position:fixed;inset:0;z-index:1000;display:none}.project-modal.open,.story-modal.open{display:block}.project-modal-backdrop,.story-modal-backdrop{position:absolute;inset:0;background:rgba(4,27,20,.62);backdrop-filter:blur(4px)}.project-modal-dialog{position:relative;z-index:1;width:min(720px,calc(100% - 36px));margin:9vh auto;background:#fff;border-radius:18px;padding:38px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.project-modal-close,.story-modal-close{position:absolute;right:18px;top:15px;border:0;background:#edf5f0;color:#075f42;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.project-modal-dialog h2{font:700 34px/1.12 Georgia,serif;color:#073f31;margin:8px 40px 14px 0}.project-modal-dialog>p{color:#53665e;font-size:14px;line-height:1.75}.project-modal-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#dce8e1;margin-top:24px;border:1px solid #dce8e1}.project-modal-facts div{background:#f8fbf9;padding:16px}.project-modal-facts small{display:block;color:#708078;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:7px}.project-modal-facts strong{font-size:12px;line-height:1.5;color:#17493a}
.future-hero{background:linear-gradient(120deg,#073f31 0%,#00613e 100%);color:#fff}.future-hero::after{background:rgba(255,255,255,.08)}.future-hero .section-kicker{color:#ffb1b1}.future-hero h1{color:#fff}.future-hero p{color:rgba(255,255,255,.78)}.future-section{background:#f4f8f5}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.future-card{background:#fff;border:0;border-radius:14px;padding:25px;min-height:245px;display:flex;flex-direction:column;transition:transform .25s ease}.future-card:hover{transform:translateY(-4px)}.future-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#edf6f1;color:#00613e;font-size:21px;font-weight:800;margin-bottom:20px}.future-card h3{font:700 22px/1.15 Georgia,serif;color:#073f31;margin:0 0 11px}.future-card p{font-size:12px;line-height:1.75;color:#5b6b64;margin:0}.future-line{display:block;width:38px;height:3px;background:#df2828;margin-top:auto}.future-callout{background:#fff;padding:70px 0}.future-callout-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.future-callout h2{font:700 38px/1.08 Georgia,serif;color:#073f31;margin:8px 0 0}.future-callout p{font-size:14px;line-height:1.8;color:#566960;margin:0}
.stories-hero{background:linear-gradient(120deg,#f5f7f4,#e5eee9)}.stories-hero-mark{width:240px;height:150px;background:#00613e;color:#fff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:700 50px/1 Georgia,serif;box-shadow:0 18px 35px rgba(0,97,62,.16)}.stories-hero-mark small{font:800 8px/1.4 Arial,sans-serif;letter-spacing:.14em;margin-top:10px;color:#bfe4d2}.stories-section{background:#fff}.stories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.story-card{display:grid;grid-template-columns:42% 58%;min-height:290px;border:1px solid #dce7e1;border-radius:14px;overflow:hidden;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.story-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(8,67,47,.09)}.story-image{position:relative;min-height:290px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.story-card:hover .story-image img{transform:scale(1.04)}.story-number{position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:50%;background:#fff;color:#00613e;display:grid;place-items:center;font:800 11px Arial,sans-serif}.story-body{padding:25px 23px;display:flex;flex-direction:column}.story-kicker{font:800 9px/1 Arial,sans-serif;letter-spacing:.13em;color:#df2828}.story-body h3{font:700 24px/1.12 Georgia,serif;color:#073f31;margin:10px 0}.story-location{font:700 10px Arial,sans-serif;color:#718079;margin-bottom:12px}.story-body p{font-size:12px;line-height:1.72;color:#5a6c63;margin:0}.story-read{margin-top:auto}.story-modal-dialog{position:relative;z-index:1;width:min(980px,calc(100% - 36px));margin:7vh auto;background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:44% 56%;box-shadow:0 30px 80px rgba(0,0,0,.22)}.story-modal-image{min-height:480px;background:#dce8e1}.story-modal-image img{width:100%;height:100%;object-fit:cover;display:block}.story-modal-copy{padding:48px 42px;display:flex;flex-direction:column;justify-content:center}.story-modal-copy h2{font:700 38px/1.08 Georgia,serif;color:#073f31;margin:9px 0 14px}.story-modal-copy p{font-size:14px;line-height:1.8;color:#566960}.story-modal-note{margin-top:20px;padding-top:15px;border-top:1px solid #e1e9e5;color:#7b8982;font-size:10px}
@media(max-width:950px){.project-hero-inner,.stories-hero-inner,.future-hero-inner{min-height:330px}.project-archive-grid{grid-template-columns:repeat(2,1fr)}.future-grid{grid-template-columns:repeat(2,1fr)}.archive-head,.future-callout-inner{grid-template-columns:1fr;gap:16px}.stories-grid{grid-template-columns:1fr}.story-modal-dialog{grid-template-columns:1fr}.story-modal-image{min-height:260px;max-height:300px}.story-modal-copy{padding:30px}.stories-hero-mark{width:180px;height:120px;font-size:40px}}
@media(max-width:650px){.project-hero-inner,.stories-hero-inner,.future-hero-inner{display:block;padding:55px 0}.project-hero-stat{width:125px;height:125px;margin-top:28px}.project-hero-stat strong{font-size:42px}.project-archive-grid,.future-grid{grid-template-columns:1fr}.project-card-media{height:125px}.story-card{grid-template-columns:1fr}.story-image{min-height:220px}.stories-hero-mark{margin-top:30px}.project-modal-dialog{padding:28px 22px}.project-modal-facts{grid-template-columns:1fr}.project-modal-dialog h2{font-size:28px}}

/* Step 38.1 — project pages polish */
.project-archive-hero,.future-hero,.stories-hero{isolation:isolate}
.project-archive-hero .section-kicker,.future-hero .section-kicker,.stories-hero .section-kicker{margin-bottom:4px}
.project-archive-card{position:relative}
.project-card-body h3{min-height:74px}
.project-card-body p{min-height:62px}
.project-donor{margin-top:14px}
.completed-card .project-card-body{padding-bottom:23px}
.archive-head{align-items:end}
/* Project detail popup — single natural vertical flow: image, filled facts, description. */
.project-modal-dialog{
  width:min(1040px,calc(100% - 36px));
  max-height:90vh;
  margin:5vh auto;
  background:#fff;
  border-radius:20px;
  overflow-y:auto;
  overflow-x:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.26);
}
.project-modal-flow{display:flex;flex-direction:column;min-width:0}
.project-modal-main-image{background:#edf3ef;padding:12px;display:flex;align-items:center;justify-content:center}
.project-modal-main-image[hidden]{display:none!important}
.project-modal-main-image img{display:block;width:auto;height:auto;max-width:100%;object-fit:contain;border-radius:8px}
.project-modal-content{padding:30px 42px 42px;min-width:0}
.project-modal-content h2{font:700 34px/1.18 Georgia,'Times New Roman',serif;color:#073f31;margin:8px 48px 18px 0;max-width:100%;overflow-wrap:anywhere}
.project-modal-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dce8e1;border:1px solid #dce8e1;margin:0 0 26px}
.project-modal-facts div[hidden]{display:none!important}
.project-modal-facts div{background:#f8fbf9;padding:15px 17px;min-width:0}
.project-modal-facts small{display:block;color:#708078;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:7px}
.project-modal-facts strong{font-size:12px;line-height:1.5;color:#17493a;overflow-wrap:anywhere}
.project-modal-description{color:#53665e;font-size:14px;line-height:1.82;margin:0;max-width:none;overflow-wrap:anywhere}
.project-modal-description p{margin:0 0 14px}.project-modal-description p:last-child{margin-bottom:0}
.project-modal-description ul,.project-modal-description ol{margin:10px 0 16px;padding-left:24px}.project-modal-description li{margin:0 0 7px}
.project-modal-description strong,.project-modal-description b{font-weight:700;color:#17493a}.project-modal-description em,.project-modal-description i{font-style:italic}
.project-modal-description h2,.project-modal-description h3,.project-modal-description h4{color:#17493a;margin:18px 0 9px;line-height:1.3}
.project-modal-description a{color:#075f42;text-decoration:underline}
.project-modal-description img{display:block;max-width:100%;width:auto;height:auto;border-radius:10px;margin:16px auto}
.project-modal-close{right:16px;top:14px;width:40px;height:40px;font-size:23px}
@media(max-width:650px){
  .project-modal{padding:10px}
  .project-modal-dialog{width:100%;height:94vh;max-height:94vh;margin:0 auto;border-radius:14px}
  .project-modal-main-image{padding:8px}
  .project-modal-content{padding:24px 20px 30px}
  .project-modal-content h2{font-size:28px;margin-right:42px}
  .project-modal-facts{grid-template-columns:1fr 1fr}
  .project-modal-facts div{padding:13px 14px}
  .project-modal-description{font-size:13px;line-height:1.75}
}

@media(max-width:650px){
  .project-modal{padding:10px}
  .project-modal-dialog{width:100%;height:94vh;max-height:94vh;border-radius:18px}
  .project-modal-left{grid-template-rows:250px auto}
  .project-modal-media{height:250px}
  .project-modal-left .project-modal-facts{grid-template-columns:1fr 1fr}
  .project-modal-content{padding:27px 22px 34px}
  .project-modal-content h2{font-size:27px;margin-right:42px}
}
@media(max-width:950px){.project-card-body h3{min-height:auto}.project-card-body p{min-height:auto}}



/* Step 91 — mobile project popup repair: prevent facts/title overlap and improve mobile reading flow. */
@media(max-width:650px){
  .project-modal{
    padding:10px;
    align-items:flex-start;
    overflow-y:auto;
  }
  .project-modal-dialog{
    width:100%;
    height:auto;
    max-height:94vh;
    margin:0 auto;
    border-radius:18px;
    display:block;
    overflow-y:auto;
  }
  .project-modal-left{
    display:block;
    width:100%;
    min-height:0;
    overflow:visible;
    background:#f8fbf9;
  }
  .project-modal-media{
    height:220px;
    min-height:220px;
  }
  .project-modal-left .project-modal-facts{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-auto-rows:auto;
    min-height:0;
    overflow:visible;
    border-left:0;
    border-right:0;
    border-bottom:0;
  }
  .project-modal-left .project-modal-facts div{
    min-height:82px;
    padding:13px 14px;
  }
  .project-modal-content{
    display:block;
    width:100%;
    min-height:0;
    overflow:visible;
    padding:24px 22px 30px;
    box-sizing:border-box;
  }
  .project-modal-content h2{
    font-size:25px;
    line-height:1.16;
    margin:0 34px 14px 0;
    max-width:none;
  }
  .project-modal-description{
    font-size:13px;
    line-height:1.75;
    max-width:none;
  }
  .project-modal-close{
    right:12px;
    top:10px;
    width:36px;
    height:36px;
    font-size:21px;
  }
}


/* Step 99 — success story popup: image first, full image, scrollable rich story. */
.story-modal-dialog{width:min(980px,calc(100% - 36px));height:min(88vh,900px);max-height:88vh;margin:6vh auto;background:#fff;border-radius:18px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(0,0,0,.26)}
.story-modal-image{height:auto;min-height:0;background:#edf3ef;display:flex;align-items:center;justify-content:center;overflow:visible;padding:12px;flex:0 0 auto}
.story-modal-image img{width:auto;height:auto;max-width:100%;max-height:none;object-fit:contain;display:block;border-radius:8px}
.story-modal-copy{min-height:0;overflow:visible;padding:34px 42px 42px;display:block}
.story-modal-copy h2{margin:9px 0 14px}.story-modal-text{font-size:14px;line-height:1.8;color:#566960}.story-modal-text p{margin:0 0 14px}.story-modal-text h2,.story-modal-text h3,.story-modal-text h4{font-family:Georgia,serif;color:#073f31;line-height:1.3;margin:20px 0 10px}.story-modal-text ul,.story-modal-text ol{padding-left:25px;margin:10px 0 16px}.story-modal-text li{margin-bottom:7px}.story-modal-text strong,.story-modal-text b{font-weight:700;color:#17493a}.story-modal-text em,.story-modal-text i{font-style:italic}.story-modal-text a{color:#075f42;text-decoration:underline}.story-modal-text img{display:block;max-width:100%;height:auto;border-radius:10px;margin:16px auto}.story-modal-text blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid #00613e;background:#f4f8f5;color:#49645a}.story-modal-close{z-index:3}
@media(max-width:950px){.story-modal-dialog{width:min(760px,calc(100% - 24px));height:92vh;max-height:92vh;margin:4vh auto}.story-modal-image{height:auto;min-height:0}.story-modal-copy{padding:28px 30px 34px}}
@media(max-width:650px){.story-modal-dialog{width:calc(100% - 16px);height:94vh;max-height:94vh;margin:3vh auto;border-radius:14px}.story-modal-image{height:auto;min-height:0;padding:8px}.story-modal-copy{padding:24px 20px 30px}.story-modal-copy h2{font-size:29px}.story-modal-text{font-size:13px}}

/* Step 101 — Success Story popup: one natural scrolling document.
   The image is part of the scroll flow; it is never sticky/fixed and is never cropped. */
.story-modal-dialog{
  display:block !important;
  width:min(980px,calc(100% - 36px)) !important;
  max-height:calc(100vh - 48px) !important;
  height:auto !important;
  margin:24px auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:0 !important;
}
.story-modal-image{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px 24px !important;
  background:#eef4f0 !important;
}
.story-modal-image img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
}
.story-modal-copy{
  min-width:0 !important;
  padding:38px 42px 46px !important;
  display:block !important;
}
.story-modal-copy h2{max-width:none !important;}
.story-modal-copy .story-modal-text img{
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:950px){
  .story-modal-dialog{
    width:calc(100% - 20px) !important;
    height:auto !important;
    max-height:calc(100vh - 20px) !important;
    margin:10px auto !important;
    display:block !important;
    overflow-y:auto !important;
  }
  .story-modal-image{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:10px 16px !important;
  }
  .story-modal-image img{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
  }
  .story-modal-copy{
    max-height:none !important;
    overflow:visible !important;
    padding:28px 26px 36px !important;
  }
}
@media(max-width:650px){
  .story-modal-dialog{
    width:calc(100% - 20px) !important;
    height:auto !important;
    max-height:calc(100vh - 20px) !important;
    margin:10px auto !important;
    border-radius:16px !important;
  }
  .story-modal-image{
    height:auto !important;
    min-height:0 !important;
    padding:8px 12px !important;
  }
  .story-modal-image img{max-width:100% !important;}
  .story-modal-copy{padding:24px 20px 30px !important;}
}

/* Projects popup final layout overrides */
.project-modal-dialog{display:block;width:min(920px,calc(100% - 36px));height:min(90vh,920px);max-height:90vh;margin:5vh auto;background:#fff;border-radius:18px;overflow-y:auto;overflow-x:hidden;box-shadow:0 30px 90px rgba(0,0,0,.26)}
.project-modal-flow{display:flex;flex-direction:column;width:100%;min-height:0}.project-modal-main-image{width:100%;box-sizing:border-box;background:#edf3ef;padding:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.project-modal-main-image[hidden]{display:none!important}.project-modal-main-image img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:8px}.project-modal-content{padding:30px 42px 42px;overflow:visible;min-width:0}.project-modal-content h2{max-width:none;margin:8px 48px 18px 0}.project-modal-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dce8e1;border:1px solid #dce8e1;margin:0 0 26px}.project-modal-facts div[hidden]{display:none!important}.project-modal-facts div{background:#f8fbf9;padding:15px 17px;min-width:0}.project-modal-facts small{display:block;color:#708078;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:7px}.project-modal-facts strong{font-size:12px;line-height:1.5;color:#17493a;overflow-wrap:anywhere}.project-modal-description{max-width:none;color:#53665e;font-size:14px;line-height:1.82;overflow-wrap:anywhere}.project-modal-description p{margin:0 0 14px}.project-modal-description p:last-child{margin-bottom:0}.project-modal-description ul,.project-modal-description ol{margin:10px 0 16px;padding-left:24px}.project-modal-description li{margin:0 0 7px}.project-modal-description strong,.project-modal-description b{font-weight:700;color:#17493a}.project-modal-description em,.project-modal-description i{font-style:italic}.project-modal-description h2,.project-modal-description h3,.project-modal-description h4{color:#17493a;margin:18px 0 9px;line-height:1.3}.project-modal-description a{color:#075f42;text-decoration:underline}.project-modal-description img{display:block;max-width:100%;width:auto;height:auto;border-radius:10px;margin:16px auto}
@media(max-width:650px){.project-modal{padding:10px}.project-modal-dialog{width:100%;height:94vh;max-height:94vh;margin:0 auto;border-radius:14px}.project-modal-main-image{padding:8px}.project-modal-content{padding:24px 20px 30px}.project-modal-content h2{font-size:27px;margin-right:42px}.project-modal-facts{grid-template-columns:1fr 1fr}.project-modal-facts div{padding:13px 14px}.project-modal-description{font-size:13px;line-height:1.75}}
.future-modal-dialog{width:min(920px,calc(100% - 36px));height:min(90vh,920px);max-height:90vh;margin:5vh auto;background:#fff;border-radius:18px;overflow-y:auto;overflow-x:hidden;box-shadow:0 30px 90px rgba(0,0,0,.26)}.future-modal-flow{display:flex;flex-direction:column}.future-modal-main-image{background:#edf3ef;padding:12px;display:flex;align-items:center;justify-content:center}.future-modal-main-image[hidden]{display:none!important}.future-modal-main-image img{display:block;width:auto;height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:8px}.future-modal-content{padding:30px 42px 42px}.future-modal-content h2{margin:8px 48px 18px 0}.future-modal-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dce8e1;border:1px solid #dce8e1;margin:0 0 26px}.future-modal-facts div[hidden]{display:none!important}.future-modal-facts div{background:#f8fbf9;padding:15px 17px}.future-modal-facts small{display:block;color:#708078;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:7px}.future-modal-facts strong{font-size:12px;line-height:1.5;color:#17493a;overflow-wrap:anywhere}.future-modal-description{color:#53665e;font-size:14px;line-height:1.82}.future-modal-description p{margin:0 0 14px}.future-modal-description img{display:block;max-width:100%;width:auto;height:auto;border-radius:10px;margin:16px auto}.future-modal-description h2,.future-modal-description h3,.future-modal-description h4{color:#17493a;margin:18px 0 9px;line-height:1.3}.future-modal-description ul,.future-modal-description ol{padding-left:24px;margin:10px 0 16px}.future-modal-description a{color:#075f42;text-decoration:underline}@media(max-width:650px){.future-modal{padding:10px}.future-modal-dialog{width:100%;height:94vh;max-height:94vh;margin:0 auto;border-radius:14px}.future-modal-main-image{padding:8px}.future-modal-content{padding:24px 20px 30px}.future-modal-content h2{font-size:27px;margin-right:42px}.future-modal-facts{grid-template-columns:1fr 1fr}.future-modal-facts div{padding:13px 14px}.future-modal-description{font-size:13px;line-height:1.75}}