/* Anderseed inner pages (About, Blog, FAQ, Privacy, Terms, articles): header band and navigation. */

/* Navigation actions, matching the homepage */
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav-actions .btn{min-height:44px;padding:10px 16px;font-size:14px}
.nav-inner .nav-links{margin-left:auto}
.nav-inner .nav-links+.nav-actions{margin-left:0}
@media(max-width:1180px){.nav-apply{display:none}}
@media(max-width:920px){.nav-actions{display:none}}

/* Page header: dark pine band with the Anderseed seedling motif */
main>.hero:first-child{position:relative;overflow:hidden;isolation:isolate;background:#0F2E22;border-bottom:0;color:#fff}
main>.hero:first-child:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 30%,rgba(126,212,160,.22),transparent 42%),radial-gradient(circle at 8% 110%,rgba(200,165,90,.16),transparent 38%)}
main>.hero:first-child:after{content:"";position:absolute;z-index:-1;right:max(28px,calc((100vw - 1164px)/2 + 12px));bottom:0;width:210px;height:210px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='none' stroke='%237ED4A0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 292h220' opacity='.5'/%3E%3Cpath d='M70 292c20-14 50-18 80-18s60 4 80 18' opacity='.35'/%3E%3Cpath d='M150 274V150'/%3E%3Cpath d='M150 190c-6-44-40-72-92-70 4 48 40 76 92 70z' fill='%237ED4A0' fill-opacity='.14'/%3E%3Cpath d='M150 160c8-56 50-92 110-90-4 60-50 96-110 90z' fill='%237ED4A0' fill-opacity='.2'/%3E%3Cpath d='M150 190c-20-18-44-30-72-36M150 160c26-24 54-40 84-50' opacity='.6'/%3E%3C/svg%3E") no-repeat center bottom/contain;opacity:.9;pointer-events:none}
main>.hero:first-child .hero-inner{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:360px;box-sizing:border-box;padding:36px 28px}
main>.hero:first-child .eyebrow{margin-bottom:12px;padding:6px 11px;font-size:11px}
main>.hero:first-child .hero-copy{margin-bottom:20px;font-size:16px;line-height:1.6}
main>.hero:first-child .hero-copy:last-child{margin-bottom:0}
main>.hero:first-child .hero-actions .btn{min-height:44px;padding:10px 18px;font-size:14px}
main>.hero:first-child .eyebrow{border-color:rgba(126,212,160,.35);background:rgba(126,212,160,.1);color:#7ED4A0}
main>.hero:first-child .leaf-dot{background:#7ED4A0}
main>.hero:first-child h1{max-width:1000px;margin-bottom:12px;color:#fff;font-size:44px;line-height:1.1;text-wrap:balance}
main>.hero:first-child h1 span{color:#7ED4A0}
main>.hero:first-child .hero-copy{max-width:720px;color:#D6EFE0}
main>.hero:first-child .hero-copy a{color:#7ED4A0}
main>.hero:first-child .btn-primary{background:#7ED4A0;color:#0F2E22;box-shadow:none}
main>.hero:first-child .btn-primary:hover{background:#96E3B2}
main>.hero:first-child .btn-secondary{background:transparent;border-color:#7ED4A0;color:#fff}
main>.hero:first-child .btn-secondary:hover{background:rgba(126,212,160,.12)}
main>.hero:first-child *:focus-visible{outline-color:#7ED4A0}

@media(max-width:1100px){main>.hero:first-child:after{width:170px;height:170px;opacity:.55}}
@media(max-width:760px){
  main>.hero:first-child .hero-inner{min-height:462px;padding:28px 18px 28px}
  main>.hero:first-child h1{font-size:30px}
  main>.hero:first-child .hero-copy{font-size:15px}
  main>.hero:first-child:after{width:120px;height:120px;right:6px;opacity:.3}
}

/* About: the longer introduction sits just below the header */
.about-lead{background:#FFFDF8;border-bottom:1px solid #DDD5C8}
.about-lead-inner{max-width:1164px;margin:0 auto;padding:28px 28px}
.about-lead p{max-width:820px;margin:0;padding-left:18px;border-left:3px solid #7ED4A0;color:#171918;font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.55}
@media(max-width:640px){.about-lead-inner{padding:22px 18px}.about-lead p{font-size:18px}}