/* Tree field guide: extensions to the original Allen Hill Farm stylesheet */
body.tree-page {background:var(--cream)}
.tree-page main>section {position:relative;top:auto;min-height:0;box-shadow:none}
.tree-page .tree-hero{height:min(76svh,720px);min-height:470px;position:relative;display:flex;align-items:end;overflow:hidden;background:var(--dark);color:white}
.tree-page .tree-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
.tree-page .tree-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,29,20,.85),rgba(14,29,20,.12) 80%)}
.tree-page .tree-hero-copy{position:relative;z-index:2;padding:160px 9vw 65px;max-width:1000px}
.tree-page .tree-hero h1{font-size:clamp(52px,8vw,106px);margin:15px 0}
.tree-page .tree-hero p{font-size:clamp(17px,2vw,23px);line-height:1.5;max-width:660px}
.tree-page .guide-content{padding:85px 9vw 100px}
.tree-page .guide-back{display:inline-block;margin-bottom:36px;font:11px Arial;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:8px}
.tree-page .tree-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:7vw;align-items:start}
.tree-page .tree-lead{font:20px/1.8 Georgia,serif;color:#596157;max-width:700px}
.tree-page .botanical{font:italic 17px Georgia,serif;color:#68756a}
.tree-page .tree-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:32px 0 45px}
.tree-page .tree-stat{background:#e9e2d2;padding:22px;min-height:110px}
.tree-page .tree-stat:nth-child(3n+2){background:#dce0d4}
.tree-page .tree-stat .stat-label{display:block;font:10px Arial;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.tree-page .tree-stat strong{font:20px/1.35 Georgia,serif;font-weight:400}
.tree-page .tree-side img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tree-page .tree-aside{background:var(--green);color:var(--cream);padding:35px}
.tree-page .tree-aside h3{font-size:31px;font-weight:400;margin:0 0 12px}
.tree-page .tree-aside p{font:16px/1.8 Arial;color:#d5d7cd}
.tree-page .tree-aside .cta{margin-top:12px}
.tree-page .tree-locations{background:#e9e2d2;padding:90px 9vw}
.tree-page .tree-locations p{font:17px/1.7 Arial;color:#596157;max-width:760px}
.tree-page .map-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.tree-page .map-actions .cta{margin:0}
.tree-page .map-actions .secondary{background:var(--green)}
.tree-page .map-note{font-size:12px!important;margin-top:24px}
.tree-page .tree-index{padding:95px 9vw}
.tree-page .tree-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:35px}
.tree-page .tree-tile{background:#e9e2d2;text-decoration:none;display:block;transition:transform .2s}
.tree-page .tree-tile:hover{transform:translateY(-5px)}
.tree-page .tree-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tree-page .tree-tile div{padding:22px}
.tree-page .tree-tile h3{font-size:27px;font-weight:400;margin:0 0 10px}
.tree-page .tree-tile p{font:14px/1.6 Arial;color:#596157}
.tree-page .tree-tile span{font:10px Arial;letter-spacing:.13em;text-transform:uppercase;color:var(--red)}
.tree-page .tree-neighbors{padding:60px 9vw;background:var(--green);color:var(--cream)}
.tree-page .tree-neighbors a{color:var(--cream)}
.tree-page footer{position:relative;z-index:2}
.tree-page header .brand img{width:72px;height:72px}
@media(max-width:900px){.tree-page .tree-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.tree-page .tree-hero{min-height:520px;height:70svh}.tree-page .tree-hero-copy{padding:140px 25px 55px}.tree-page .guide-content,.tree-page .tree-index,.tree-page .tree-locations,.tree-page .tree-neighbors{padding:65px 25px}.tree-page .tree-layout{grid-template-columns:1fr;gap:35px}.tree-page .tree-stats{gap:10px}.tree-page .tree-stat{padding:17px}.tree-page .tree-stat strong{font-size:17px}.tree-page header .brand img{width:56px;height:56px}}
@media(max-width:480px){.tree-page .tree-grid{grid-template-columns:1fr}.tree-page .map-actions{flex-direction:column}.tree-page .map-actions .cta{text-align:center}}
@media(prefers-reduced-motion:reduce){.tree-page .tree-tile{transition:none}}

/* Growing area links appear immediately below the tree hero on every variety page. */
.tree-page .tree-locations{padding:44px 9vw 50px;background:#e9e2d2;border-bottom:1px solid #d6cbb7}
.tree-page .tree-locations h2{font-size:clamp(32px,4vw,48px);margin:10px 0 12px}
.tree-page .tree-locations p{margin:0}
.tree-page .tree-locations .map-actions{margin-top:22px}
.tree-page .tree-locations .map-note{margin-top:18px;color:#697169}
@media(max-width:800px){.tree-page .tree-locations{padding:36px 25px 42px}}