/* Always-visible navigation and soft botanical accents. */
.navigation-band{background:#c3d0b5;border-top:1px solid #a4b895;border-bottom:1px solid #a4b895}
header .banner-navigation{min-height:74px!important;border:0;justify-content:center;padding-top:10px;padding-bottom:10px}
header .banner-navigation .navlinks{display:flex!important;position:static!important;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 20px;padding:0;background:transparent;border:0}
header .banner-navigation .navlinks>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#243f30;font-size:15px;padding:6px 3px}
header .banner-navigation .navlinks>a.button{color:#fff;padding:10px 22px;margin:3px 0}
header .navlinks>a:focus-visible{outline:2px solid #243f30;outline-offset:4px}
main>section{position:relative;isolation:isolate}
main>.hero::before,main>.play-section::before,main>.story::before,main>.parent-reviews::before,main>.newsletter-section::before,main>.resource-hero::before,main>.section::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background-image:url('/assets/fern-accent.png');background-repeat:no-repeat;background-position:left center;background-size:230px auto;opacity:.13}
main>.play-section::before,main>.parent-reviews::before,main>.newsletter-section::before{background-position:left bottom;transform:scaleX(-1)}
main>.story::before{background-position:left bottom;background-size:280px auto;opacity:.11}
main>.hero::before{background-position:left bottom;opacity:.1}
@media(max-width:700px){header .banner-navigation{padding:10px 14px;min-height:0!important}header .banner-navigation .navlinks{gap:2px 15px}header .banner-navigation .navlinks>a{font-size:14px;min-height:44px}header .banner-navigation .navlinks>a.button{padding:9px 17px}main>section::before{background-size:160px auto!important;opacity:.1!important}}
@media print{main>section::before{display:none}}