/* Keep branding inside the uninterrupted upper timber face. */
.header:not(.nav-compact) .nav-timber .brand{width:calc((var(--nav-face) - 32px) * 3.0633);height:var(--nav-face);padding:12px 0 20px;margin:0;max-width:calc(100vw - 100px)}
.header:not(.nav-compact) .nav-timber .brand img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:left center}
.scene>header>a{height:var(--nav-face);padding:12px 0 20px;display:flex;align-items:center}
.scene>header>a img{height:100%;width:auto;max-height:100%;max-width:calc(100vw - 100px);object-fit:contain}
/* The panoramic artwork grows with width; the copy must clear it too. */
@media(min-width:1800px){
 .hero{height:max(100svh,calc(15.2284vw + 780px));min-height:calc(15.2284vw + 780px);max-height:none}
 .hero-copy{top:calc(15.2284vw + 16px);bottom:60px;display:block}
 .hero-copy h1{margin-block:18px 24px}
 footer.nursery-soil-footer .footer-content{padding-top:calc(275px + (100vw - 1600px) * .65)}
}
/* Markets uses the same transparent grass edge as the other subpages. */
.markets-page footer.nursery-soil-footer{position:relative;z-index:4;margin-top:-220px;padding-top:0;padding-bottom:140px;clip-path:none;background-color:transparent;background-image:url('assets/web/footer-soil-continuous.avif'),linear-gradient(to bottom,transparent calc(max(100vw,1000px) * .24),#322316 calc(max(100vw,1000px) * .24));background-size:max(100vw,1000px) auto,100% 100%;background-position:center top;background-repeat:no-repeat}
.markets-page footer.nursery-soil-footer .footer-content{transform:translateY(140px);padding-top:275px}
@media(min-width:1800px){.nursery-section-page footer.nursery-soil-footer .footer-content{padding-top:calc(455px + (100vw - 1600px) * .65)}}
@media(max-width:600px){.markets-page footer.nursery-soil-footer .footer-content{padding-top:255px}}