/* Soft, eased color transitions; footer and Local Roots remain independent. */
.footer--forest{position:relative;isolation:isolate;background:linear-gradient(90deg,var(--cream) 0,var(--cream) 22%,#f5f1e8 25%,#d9d8d4 28%,#b2b5b6 31%,#858c95 34%,#586474 37%,#314156 40%,#152842 43%,var(--navy) 46%,var(--navy) 100%)}
.footer--forest .footer-top{position:relative;z-index:1;display:grid;grid-template-columns:46% minmax(0,1fr) auto;gap:28px}
.footer--forest .brand{color:#19325a}
.footer--forest .brand-mark:before{background:#19325a}
.footer--forest .brand-mark:after{background:#f16d54;-webkit-mask:url('./assets/birdseye-transparent.png') center/100% 100% no-repeat;mask:url('./assets/birdseye-transparent.png') center/100% 100% no-repeat}
.footer--forest .footer-top>p{margin:0;color:#d8dee5}
.footer--forest .footer-bottom{position:relative;z-index:1;justify-content:flex-end;color:#bec7d2;border-top:1px solid transparent;border-image:linear-gradient(90deg,#19325a30 0%,#19325a30 22%,#ffffff24 46%) 1}

/* Remove roots--forest from the section to restore its original navy design. */
.roots--forest{isolation:isolate;background:linear-gradient(90deg,var(--cream) 0,var(--cream) 30%,#f5f1e8 32.625%,#d9d8d4 35.25%,#b2b5b6 37.875%,#858c95 40.5%,#586474 43.125%,#314156 45.75%,#152842 48.375%,var(--navy) 51%,var(--navy) 100%)}
.roots--forest .roots-brand,.roots--forest .roots-content{position:relative;z-index:1}
.roots--forest .roots-brand{width:min(29vw,370px)}
.roots--forest .roots-brand:before{background:#19325a}
.roots--forest .roots-brand:after{background:#f16d54;-webkit-mask:url('./assets/birdseye-transparent.png') center/contain no-repeat;mask:url('./assets/birdseye-transparent.png') center/contain no-repeat}
.roots--forest .roots-word{z-index:1;background:linear-gradient(90deg,#19325a16 30%,#ffffff12 51%);-webkit-background-clip:text;background-clip:text;color:transparent}
.roots--forest .roots-transition-letter{background:linear-gradient(90deg,#19325a20,#ffffff1c);-webkit-background-clip:text;background-clip:text;color:transparent}


@media(max-width:850px){
 .footer--forest .footer-top{grid-template-columns:46% minmax(0,1fr)}
 .roots--forest{background:linear-gradient(90deg,var(--cream) 0,var(--cream) 30%,#f5f1e8 32.375%,#d9d8d4 34.75%,#b2b5b6 37.125%,#858c95 39.5%,#586474 41.875%,#314156 44.25%,#152842 46.625%,var(--navy) 49%,var(--navy) 100%)}
}

@media(max-width:600px){
 .roots--forest{padding-top:44px;gap:112px;background:linear-gradient(180deg,var(--cream) 0,var(--cream) 185px,#f5f1e8 200.625px,#d9d8d4 216.25px,#b2b5b6 231.875px,#858c95 247.5px,#586474 263.125px,#314156 278.75px,#152842 294.375px,var(--navy) 310px,var(--navy) 100%)}
 .roots--forest .roots-brand{width:164px}
 .roots--forest .roots-word{background:none;color:#ffffff12}
 .roots--forest .roots-transition-letter{background:none;color:inherit}
 .footer--forest{background:linear-gradient(180deg,var(--cream) 0,var(--cream) 72px,#f5f1e8 82.5px,#d9d8d4 93px,#b2b5b6 103.5px,#858c95 114px,#586474 124.5px,#314156 135px,#152842 145.5px,var(--navy) 156px,var(--navy) 100%)}
 .footer--forest .footer-top{grid-template-columns:1fr;gap:80px;justify-items:start}
 .footer--forest .footer-bottom{color:#bec7d2;border-image:none;border-top-color:#ffffff24}
}