.trees-page{--tree-line:#d8d3c7;--tree-ink:#344a40;--tree-paper:#f4f0e8}.trees-page h1{font-size:clamp(40px,5.2vw,76px);line-height:1.06;max-width:950px}.trees-hero-grid{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:65px}.trees-tagline{font:26px/1.4 Georgia,serif;color:#8a6742}.trees-counts,.trees-note{font-size:14px;line-height:1.7;color:#646b61}.trees-hero-art{margin:0;background:#eee9df;padding:20px}.trees-hero-art img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}.trees-page figure{margin:0}.trees-page figcaption{font-size:13px;padding:13px 0;line-height:1.5;color:#646b61}.trees-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.trees-series>a{display:block;padding:30px 25px;border-top:1px solid var(--tree-line);background:var(--tree-paper)}.trees-series h3{font:30px/1.18 Georgia,serif}.trees-series p{line-height:1.7}.trees-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;margin-top:30px}.trees-card{background:#fff;border:1px solid var(--tree-line)}.trees-card[hidden]{display:none!important}.trees-card>a{display:block;height:100%}.trees-card-image{background:#eee9df;padding:15px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}.trees-card-image img{display:block;width:100%;height:100%;object-fit:contain}.trees-card-copy{padding:23px}.trees-card h2,.trees-card h3{font:30px/1.2 Georgia,serif;margin:10px 0 15px}.trees-card-copy p{line-height:1.6}.trees-card .kicker{font-size:10px;letter-spacing:.1em}.trees-controls{padding:22px 0;border-block:1px solid var(--tree-line)}.trees-controls label{display:block;font-size:13px}.trees-controls input{display:block;width:min(100%,520px);font:16px system-ui;padding:12px 15px;border:1px solid #afb9ac;border-radius:2px;margin:8px 0 18px;background:white}.trees-filters{display:flex;gap:10px;flex-wrap:wrap}.trees-filters button{font:14px system-ui;padding:10px 15px;border:1px solid #aeb8ac;background:white;color:var(--tree-ink);cursor:pointer}.trees-filters button[aria-pressed=true]{background:var(--tree-ink);color:white}.trees-controls [role=status]{font-size:13px;margin-bottom:0}.trees-uses{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:35px}.trees-uses img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#eee9df}.trees-uses h3{font:32px Georgia,serif;margin:20px 0 10px}.trees-uses p{line-height:1.7}.trees-breadcrumb{font-size:13px;padding-top:25px;line-height:1.8}.trees-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.trees-work-head{margin-bottom:35px}.trees-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px}.trees-pair figure{background:#f2eee6;padding:18px}.trees-pair img{width:100%;height:auto;max-height:760px;object-fit:contain}.trees-application{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.trees-application img{width:100%;height:auto;object-fit:contain}.trees-application h2{font-size:clamp(27px,3.3vw,44px)}.trees-grid-usage{grid-template-columns:1fr 1fr}.trees-grid-usage .trees-card-image{aspect-ratio:4/3;padding:0}.trees-page .btn{max-width:100%;white-space:normal}.trees-page .zoom-button{width:100%}.trees-page .action-line{flex-wrap:wrap}.trees-page a:focus-visible,.trees-page button:focus-visible,.trees-page input:focus-visible{outline:3px solid #a77644;outline-offset:4px}@media(max-width:1000px){.trees-hero-grid{gap:35px}.trees-series{gap:15px}.trees-series>a{padding:22px 18px}.trees-grid{grid-template-columns:1fr 1fr}.trees-application{gap:30px}}@media(max-width:700px){.trees-hero-grid,.trees-series,.trees-pair,.trees-application,.trees-uses,.trees-grid-usage{grid-template-columns:1fr}.trees-hero-grid{gap:30px}.trees-page h1{font-size:44px}.trees-grid{gap:20px}.trees-card-copy{padding:17px}.trees-card h2,.trees-card h3{font-size:25px}.trees-hero-art{padding:12px}.trees-pair{gap:20px}.trees-application{gap:20px}.trees-hero-art img{max-height:580px}}@media(max-width:480px){.trees-grid{grid-template-columns:1fr}.trees-page h1{font-size:39px}.trees-filters button{flex:1 1 45%}.trees-card-image{max-height:520px}}