.info-page-body{
  min-height:100vh;
  font-family:"Manrope", sans-serif;
  font-synthesis:none;
}

.info-page-body .page-shell{
  width:min(1280px, calc(100% - 36px));
  padding-bottom:24px;
}

.info-page-body .topbar{
  width:100%;
  max-width:none;
  gap:12px;
}

.info-page-body .brand{
  min-height:46px;
  margin-right:auto;
}

.info-back-link{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(38,116,95,.18);
  border-radius:15px;
  color:#174d41;
  background:rgba(220,239,231,.78);
  box-shadow:0 10px 24px rgba(6,31,28,.08);
  font-family:"Manrope", sans-serif;
  font-size:1.45rem;
  font-weight:600;
  line-height:1;
  transition:color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.info-back-link:hover,
.info-back-link:focus-visible{
  color:#fff;
  border-color:#26745f;
  background:#26745f;
  transform:translateX(-2px);
}

.info-back-link:focus-visible{
  outline:3px solid rgba(103,173,148,.28);
  outline-offset:3px;
}

.info-page-body .brand strong,
.info-home-link,
.info-footer-brand,
.info-footer-nav a{
  font-family:"Syne", "Manrope", sans-serif;
}

.info-page-body .topnav{
  gap:6px;
  flex-wrap:nowrap;
}

.info-page-body .topnav a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 13px;
  border-radius:999px;
  font-family:"Manrope", sans-serif;
  font-size:1rem;
  font-weight:800;
  line-height:1.35;
  letter-spacing:0;
  white-space:nowrap;
}

.info-page-main{
  flex:1 0 auto;
}

.info-home-link{
  flex:0 0 auto;
  padding:11px 16px;
  border:1px solid rgba(38,116,95,.18);
  border-radius:999px;
  color:#174d41;
  background:rgba(220,239,231,.72);
  font-size:.88rem;
  font-weight:700;
  letter-spacing:-.02em;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}

.info-home-link:hover,
.info-home-link:focus-visible{
  color:#fff;
  background:#26745f;
  transform:translateY(-1px);
}

.info-home-link:focus-visible{
  outline:3px solid rgba(103,173,148,.28);
  outline-offset:3px;
}

.info-hero{
  min-height:520px;
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(24px, 5vw, 68px);
  border:1px solid rgba(255,255,255,.9);
  border-radius:48px;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.68), transparent 27%),
    radial-gradient(circle at 88% 76%, rgba(103,173,148,.30), transparent 28%),
    linear-gradient(135deg, #e6f4ed 0%, #cde8dc 52%, #b9ddce 100%);
  box-shadow:0 30px 80px rgba(6,31,28,.13);
}

.info-hero::before,
.info-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  border:1px solid rgba(38,116,95,.13);
}

.info-hero::before{
  width:300px;
  height:300px;
  top:-135px;
  right:7%;
}

.info-hero::after{
  width:220px;
  height:220px;
  bottom:-105px;
  left:6%;
}

.info-hero-card{
  width:min(900px, 100%);
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
  padding:clamp(34px, 6vw, 72px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:36px;
  color:#f6fffb;
  background:
    radial-gradient(circle at 84% 18%, rgba(159,210,189,.20), transparent 25%),
    linear-gradient(135deg, #123c34 0%, #082b26 55%, #061f1c 100%);
  box-shadow:0 34px 70px rgba(5,35,30,.28);
}

.info-hero-card::after{
  content:"";
  width:210px;
  height:210px;
  position:absolute;
  right:-76px;
  bottom:-98px;
  border-radius:50%;
  background:rgba(159,210,189,.08);
}

.info-hero-brand{
  width:fit-content;
  margin-bottom:clamp(34px, 6vw, 62px);
  color:#9fd2bd;
  font-family:"Manrope", sans-serif;
  font-size:.78rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.info-hero-card h1{
  max-width:14ch;
  margin:0;
  color:#fff;
  font-family:"Syne", "Manrope", sans-serif;
  font-size:clamp(2.6rem, 5.6vw, 5.2rem);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.02em;
  text-wrap:balance;
}

.info-content-card{
  min-height:240px;
  position:relative;
  overflow:hidden;
  margin-top:22px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:34px;
  background:rgba(248,252,250,.72);
  box-shadow:0 18px 52px rgba(6,31,28,.08);
  backdrop-filter:blur(16px);
}

.info-content-card::before{
  content:"";
  width:110px;
  height:6px;
  position:absolute;
  top:32px;
  left:clamp(28px, 5vw, 58px);
  border-radius:999px;
  background:linear-gradient(90deg, #26745f, #9fd2bd);
}

.info-content-inner{
  display:grid;
  gap:30px;
  padding:64px clamp(28px, 5vw, 58px) clamp(36px, 6vw, 68px);
  color:#173f38;
}

.info-content-inner>section{
  max-width:900px;
}

.info-content-inner h2{
  margin:0 0 12px;
  color:#092f2a;
  font-family:"Syne", "Manrope", sans-serif;
  font-size:clamp(1.35rem, 3vw, 2rem);
  letter-spacing:-.03em;
}

.info-content-inner h3{
  margin:18px 0 8px;
  color:#123c34;
  font-size:1.05rem;
}

.info-content-inner p,
.info-content-inner li{
  color:#365f57;
  line-height:1.75;
}

.info-content-inner p{margin:0}
.info-content-inner p+p{margin-top:10px}
.info-content-inner ul,.info-content-inner ol{margin:10px 0 0;padding-left:22px}
.info-content-inner a{color:#176b59;text-decoration:underline;text-underline-offset:3px}
.info-content-inner .info-note{padding:18px 20px;border:1px solid rgba(38,116,95,.16);border-radius:18px;background:rgba(220,239,231,.55)}
.info-content-inner .info-meta{font-size:.86rem;font-weight:700;color:#5a776f}
.info-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none!important}
.info-mini-card{padding:20px;border:1px solid rgba(38,116,95,.14);border-radius:20px;background:rgba(255,255,255,.62)}
.info-mini-card h3{margin-top:0}
.team-members{max-width:none!important;padding-top:4px}
.team-members-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.team-members-heading h2{margin:0}
.team-members-kicker{color:#5a776f;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.team-member-card{display:grid;grid-template-columns:1fr;align-items:stretch;overflow:hidden;border:1px solid rgba(38,116,95,.16);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(220,239,231,.62));box-shadow:0 20px 46px rgba(6,31,28,.09)}
.team-member-card+.team-member-card{margin-top:18px}
.team-member-photo-wrap{min-height:300px;overflow:hidden;background:#dcefe7}
.team-member-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.team-member-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;isolation:isolate;overflow:hidden;padding:clamp(30px,6vw,70px)}
.team-member-details::after{content:"";width:210px;height:210px;position:absolute;right:-96px;bottom:-112px;z-index:-1;border:1px solid rgba(38,116,95,.13);border-radius:50%}
.team-member-role{display:inline-flex;align-items:center;min-height:32px;padding:7px 13px;border:1px solid rgba(38,116,95,.18);border-radius:999px;color:#176b59;background:rgba(220,239,231,.72);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.team-member-details h3{margin:16px 0 0;color:#092f2a;font-family:"Syne","Manrope",sans-serif;font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.04em}
.info-faq{border:1px solid rgba(38,116,95,.14);border-radius:18px;background:rgba(255,255,255,.62);overflow:hidden}
.info-faq summary{padding:18px 20px;cursor:pointer;color:#123c34;font-weight:850}
.info-faq p{padding:0 20px 20px}

.info-page-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:22px;
  padding:24px 28px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:28px;
  background:rgba(248,252,250,.72);
  box-shadow:0 18px 52px rgba(6,31,28,.08);
}

.info-footer-brand{
  display:flex;
  align-items:center;
  font-weight:700;
  letter-spacing:-.03em;
}

.info-footer-nav{
  display:flex;
  justify-content:flex-end;
  gap:8px 18px;
  flex-wrap:wrap;
  color:rgba(8,40,35,.70);
  font-size:.84rem;
  font-weight:600;
}

.info-footer-nav a{
  font-weight:600;
  letter-spacing:-.015em;
  transition:color .18s ease;
}

.info-footer-nav a:hover,
.info-footer-nav a:focus-visible,
.info-footer-nav a[aria-current="page"]{
  color:#176b59;
}

@media (max-width:720px){
  .info-page-body .page-shell{
    width:min(100% - 22px, 1280px);
  }

  .info-page-body .topnav{
    display:none;
  }

  .info-hero{
    min-height:440px;
    padding:18px;
    border-radius:34px;
  }

  .info-hero-card{
    min-height:330px;
    padding:34px 28px;
    border-radius:28px;
  }

  .info-hero-brand{
    margin-bottom:44px;
  }

  .info-hero-card h1{
    font-size:clamp(2.35rem, 12vw, 3.8rem);
  }

  .info-content-card{
    min-height:190px;
    border-radius:26px;
  }

  .info-content-grid{grid-template-columns:1fr}

  .team-members-heading{align-items:flex-start;flex-direction:column-reverse;gap:7px}

  .team-member-card{grid-template-columns:1fr;border-radius:24px}

  .team-member-photo-wrap{min-height:0;aspect-ratio:4/3}

  .team-member-details{min-height:180px;padding:28px}

  .info-page-footer{
    align-items:flex-start;
    flex-direction:column;
    padding:24px;
  }

  .info-footer-nav{
    justify-content:flex-start;
  }
}

@media (max-width:460px){
  .info-page-body .brand small{
    display:none;
  }

  .info-home-link{
    padding:10px 12px;
    font-size:.8rem;
  }
}

html[data-theme="dark"] .info-back-link,
html[data-theme="dark"] .info-home-link{
  color:#cce6da;
  border-color:rgba(159,210,189,.18);
  background:#173a30;
  box-shadow:none;
}

html[data-theme="dark"] .info-back-link:hover,
html[data-theme="dark"] .info-home-link:hover{
  color:#071713;
  border-color:#8fcab2;
  background:#8fcab2;
}

html[data-theme="dark"] .info-hero{
  border-color:rgba(184,225,207,.28);
  background:
    radial-gradient(circle at 12% 18%, rgba(159,210,189,.16), transparent 27%),
    radial-gradient(circle at 88% 76%, rgba(68,133,108,.22), transparent 28%),
    linear-gradient(135deg, #194337 0%, #11352b 52%, #0b241d 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.42);
}

html[data-theme="dark"] .info-hero::before,
html[data-theme="dark"] .info-hero::after{
  border-color:rgba(159,210,189,.13);
}

html[data-theme="dark"] .info-hero-card{
  border-color:rgba(159,210,189,.15);
  background:
    radial-gradient(circle at 84% 18%, rgba(159,210,189,.15), transparent 25%),
    linear-gradient(135deg, #020c0a 0%, #08221c 55%, #0c3329 100%);
  box-shadow:0 34px 70px rgba(0,0,0,.34);
}

html[data-theme="dark"] .info-content-card,
html[data-theme="dark"] .info-page-footer{
  border-color:rgba(184,225,207,.28);
  background:#173d33;
  box-shadow:0 18px 52px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
}

html[data-theme="dark"] .info-content-inner,
html[data-theme="dark"] .info-content-inner h2,
html[data-theme="dark"] .info-content-inner h3,
html[data-theme="dark"] .info-faq summary{
  color:#e8f4ee;
}

html[data-theme="dark"] .info-content-inner p,
html[data-theme="dark"] .info-content-inner li,
html[data-theme="dark"] .info-content-inner .info-meta{
  color:#bdd0c7;
}

html[data-theme="dark"] .info-content-inner a,
html[data-theme="dark"] .info-footer-nav a:hover,
html[data-theme="dark"] .info-footer-nav a:focus-visible,
html[data-theme="dark"] .info-footer-nav a[aria-current="page"]{
  color:#9fd2bd;
}

html[data-theme="dark"] .info-content-inner .info-note,
html[data-theme="dark"] .info-mini-card,
html[data-theme="dark"] .info-faq{
  border-color:rgba(190,230,213,.25);
  background:#245246;
}

html[data-theme="dark"] .team-members-kicker{
  color:#9ab8ac;
}

html[data-theme="dark"] .team-member-card{
  border-color:rgba(190,230,213,.25);
  background:linear-gradient(135deg,#214d40,#173d33);
  box-shadow:0 20px 46px rgba(0,0,0,.28);
}

html[data-theme="dark"] .team-member-photo-wrap{
  background:#102f27;
}

html[data-theme="dark"] .team-member-role{
  color:#bfe4d5;
  border-color:rgba(190,230,213,.22);
  background:#1b5947;
}

html[data-theme="dark"] .team-member-details h3{
  color:#eff9f5;
}

html[data-theme="dark"] .team-member-details::after{
  border-color:rgba(159,210,189,.14);
}
