:root{--navy:#083B6E;--teal:#6AAEAA;--taupe:#B49C85;--ivory:#F7F4EF;--mist:#C3D8E6;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ivory);color:#36536d;font-family:Raleway,Arial,sans-serif;font-weight:300;line-height:1.8} img{display:block;max-width:100%} a{color:inherit}
h1,h2,h3,.brand-mini{font-family:"Crimson Text",Georgia,serif;font-weight:400;line-height:1.05} .fraunces{font-family:Fraunces,Georgia,serif;font-style:italic}
.topbar{height:66px;background:#21486d;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;position:sticky;top:0;z-index:50}
.brand-mini{font-size:1.25rem;text-decoration:none;letter-spacing:.03em} .desktop-nav{display:flex;gap:38px} .desktop-nav a,.mobile-nav a{text-decoration:none;font-size:.78rem;letter-spacing:.11em;color:rgba(255,255,255,.63);padding:22px 0 9px} .desktop-nav a.active{color:white;border-bottom:1px solid var(--teal)} .menu-toggle,.mobile-nav{display:none}
.home-hero{background:var(--ivory);height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center} .home-hero img{width:100%;height:100%;object-fit:cover}
.navy-definition{background:#21486d;padding:80px 20px;text-align:center} .definition-card{background:var(--ivory);width:min(340px,90%);margin:auto;padding:35px 24px;color:#31475a;font-family:"Crimson Text",serif;font-size:1.15rem;line-height:1.15}
.journey{text-align:center;padding:80px 25px 110px;max-width:760px;margin:auto} .eyebrow{color:var(--teal);letter-spacing:.25em;font-size:.72rem;font-weight:500;margin-bottom:14px} .journey h1{font-size:3.2rem;color:var(--navy);margin:0 0 18px} .journey>p:not(.eyebrow){font-size:.8rem;color:var(--taupe)} .journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:45px 0} .journey-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}
.outline-btn{display:inline-block;text-decoration:none;border:1px solid var(--navy);padding:13px 21px;color:var(--navy);font-size:.8rem;letter-spacing:.08em}
.page-title{text-align:center;padding:75px 25px 70px} .dark{background:#21486d;color:var(--ivory)} .page-title h1{font-size:4.6rem;margin:8px 0 20px;color:var(--ivory)} .page-title .fraunces{color:var(--taupe);font-size:1.05rem}
.about-layout{max-width:1120px;margin:auto;padding:110px 40px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center} .about-layout img{width:100%;height:520px;object-fit:cover} .about-layout p{font-size:.9rem;color:#8d705d} .about-layout hr{border:0;border-top:1px solid rgba(180,156,133,.25);margin:45px 0 35px}
.goals-intro{padding:50px 25px;max-width:760px;margin:auto;text-align:center;font-size:.82rem;color:#997963} .goal{text-align:center;padding:80px 25px} .goal h2{font-size:3rem;color:var(--navy);margin:10px 0} .goal>p{font-size:.82rem} .goal.deep{background:#122f4e;color:var(--mist)} .goal.deep h2{color:var(--ivory)} .goal-copy{max-width:780px;margin:42px auto 0;font-size:.82rem} .stay-connected{text-align:center;padding:85px 25px} .stay-connected h2,.contact-band h2{color:var(--ivory);font-size:3rem;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;margin:0 0 12px} .stay-connected p,.contact-band p{font-size:.75rem;letter-spacing:.16em;color:#8ca7c4} .rule{width:48px;height:1px;background:var(--teal);margin:30px auto} .stay-connected a,.contact-band a{color:#55c1c5;text-decoration:none;border-bottom:1px solid rgba(85,193,197,.4)}
.contact-band{background:#21486d;color:white;text-align:center;padding:80px 25px} footer{background:#112f4d;color:#7890a8;display:flex;justify-content:space-between;padding:18px 3vw;font-size:.68rem}
.story-title{background:#21486d;text-align:center;padding:90px 25px;color:var(--ivory)} .story-title h1{font-size:5rem;margin:6px 0 20px} .story-title>p:not(.eyebrow):not(.byline){max-width:700px;margin:0 auto 25px;font-family:"Crimson Text",serif;font-size:1.5rem;color:var(--mist)} .byline{font-size:.72rem;letter-spacing:.15em;color:var(--taupe)}
.story-article{padding:0 0 90px} .article-lead,.article-copy{max-width:760px;margin:auto;padding:90px 30px} .article-lead p{font-family:"Crimson Text",serif;font-size:2rem;line-height:1.45;color:var(--navy)} .article-copy{padding-top:80px;padding-bottom:80px} .article-copy h2{font-size:3.3rem;color:var(--navy);margin:0 0 32px} .article-copy p{font-size:1rem;color:#536b7e;margin:0 0 1.35em} .story-break{margin:0 auto;width:min(1080px,100%);background:#21486d} .story-break img{width:100%;height:auto} .article-end{background:#21486d;color:var(--ivory);text-align:center;padding:90px 25px} .article-end h2{font-size:3.2rem;max-width:750px;margin:0 auto 25px;color:var(--ivory)} .article-end p{color:var(--teal);letter-spacing:.15em}
.story-follow{text-align:center;padding:42px 25px 0}
@media(max-width:850px){.desktop-nav{display:none} .menu-toggle{display:block;background:none;border:0;color:white;font-size:1.4rem} .mobile-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#21486d;padding:10px 25px 25px;flex-direction:column} .mobile-nav.open{display:flex} .mobile-nav a{padding:10px 0} .home-hero{height:300px} .journey-grid{grid-template-columns:repeat(2,1fr)} .about-layout{grid-template-columns:1fr;padding:65px 25px;gap:40px} .about-layout img{height:auto} .page-title h1,.story-title h1{font-size:3.4rem} .article-copy h2{font-size:2.45rem} .story-break{width:100%} footer{flex-direction:column;gap:6px;text-align:center}}

.instagram-feed-wrap{width:100%;margin:42px auto 36px;min-height:420px;}
@media(max-width:850px){.instagram-feed-wrap{min-height:560px;margin-top:32px;}}

/* Homepage edit: Biota definition feature */
.navy-definition{
  background:#21486d;
  padding:88px 28px;
}
.definition-wrap{
  width:min(980px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px, .9fr) minmax(320px, 1.1fr);
  align-items:center;
  gap:56px;
}
.definition-emblem{
  display:flex;
  justify-content:center;
  align-items:center;
}
.definition-emblem img{
  width:min(360px,100%);
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:50%;
  background:#F7F4EF;
  box-shadow:0 18px 42px rgba(7,31,55,.22);
}
.definition-card{
  width:100%;
  margin:0;
  padding:50px 44px 42px;
  position:relative;
  background:#F7F4EF;
  color:#31475a;
  font-family:"Crimson Text",Georgia,serif;
  font-size:1.35rem;
  line-height:1.25;
  text-align:center;
  border:1px solid rgba(106,174,170,.55);
  box-shadow:0 18px 42px rgba(7,31,55,.22);
}
.definition-card::before,
.definition-card::after{
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  width:2px;
  background:linear-gradient(to bottom, transparent, #6AAEAA 22%, #6AAEAA 78%, transparent);
}
.definition-card::before{left:18px}
.definition-card::after{right:18px}
.definition-sprig{
  display:block;
  color:#6AAEAA;
  font-size:2rem;
  line-height:1;
  margin-bottom:12px;
  transform:rotate(-8deg);
}
.definition-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#6AAEAA;
  margin-top:18px;
}
.definition-divider span{
  display:block;
  width:70px;
  height:1px;
  background:#6AAEAA;
  opacity:.75;
}
.definition-divider b{
  font-size:1.1rem;
  font-weight:400;
}
.journey h1{
  margin-bottom:28px;
}
@media(max-width:850px){
  .definition-wrap{
    grid-template-columns:1fr;
    gap:34px;
  }
  .definition-emblem img{
    width:min(280px,84vw);
  }
  .definition-card{
    padding:42px 30px 36px;
    font-size:1.18rem;
  }
}

.about-content h6{display:none!important;}
.about-content p{
 font-size:1.14rem!important;
 line-height:2!important;
}
.about-image img{
 content-visibility:auto;
}

.visitor-counter{
  color:#9bb2c7;
  font-variant-numeric:tabular-nums;
}

/* Article refinements */
.story-section,.article-section{
counter-reset:none;
}
.story-number,.section-number,.article-number,
blockquote,.highlight-quote,.story-quote{
display:none!important;
}
.story-image,.article-image{
max-width:420px!important;
margin:2rem auto!important;
}
.story-image img,.article-image img{
width:100%!important;
height:auto!important;
border-radius:12px;
}

/* Homepage definition section: transparent emblem, text left and logo right */
.navy-definition{
  background:#21486d;
  padding:88px 28px;
}
.definition-wrap{
  width:min(980px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(340px,1.1fr) minmax(220px,.9fr);
  align-items:center;
  gap:70px;
}
.definition-copy{
  position:relative;
  text-align:center;
  color:#F7F4EF;
  font-family:"Crimson Text",Georgia,serif;
  font-size:1.45rem;
  line-height:1.35;
  padding:34px 28px 26px;
}
.definition-copy::before,
.definition-copy::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  height:1px;
  background:linear-gradient(to right,transparent,#6AAEAA 22%,#6AAEAA 78%,transparent);
}
.definition-copy::before{top:4px}
.definition-copy::after{bottom:4px}
.definition-flourish{
  display:block;
  color:#6AAEAA;
  font-size:1.65rem;
  margin-bottom:15px;
}
.definition-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#B49C85;
  margin-top:20px;
}
.definition-divider span{
  display:block;
  width:68px;
  height:1px;
  background:#B49C85;
  opacity:.8;
}
.definition-divider b{
  color:#6AAEAA;
  font-weight:400;
}
.definition-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.definition-logo img{
  display:block;
  width:min(300px,100%);
  height:auto;
  object-fit:contain;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
@media(max-width:850px){
  .definition-wrap{
    grid-template-columns:1fr;
    gap:38px;
  }
  .definition-copy{
    font-size:1.22rem;
    padding:30px 18px 24px;
  }
  .definition-logo img{
    width:min(230px,72vw);
  }
}

/* About page final photo correction */
.about-layout > img{
  width:100%;
  height:520px;
  object-fit:cover;
  object-position:center;
}
@media(max-width:850px){
  .about-layout > img{
    height:auto;
    object-fit:contain;
  }
}