.canopy-page h1{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.08;margin:20px 0 24px}.canopy-page h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;margin-bottom:24px}.canopy-page h3{font-size:1.3rem;line-height:1.3}.canopy-page p{font-size:1.0625rem;line-height:1.7;margin-top:16px}.canopy-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.canopy-muted{color:var(--muted)}.canopy-main-photo{display:block;position:relative;overflow:hidden;border:1px solid var(--line)}.canopy-main-photo img{display:block;width:100%;height:clamp(360px,40vw,580px);object-fit:cover}.canopy-main-photo span{display:block;background:#202425;padding:14px 18px;color:var(--accent)}.canopy-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.canopy-types article{border:1px solid var(--line);background:#202425;padding:24px}.canopy-design p{max-width:900px}.canopy-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0}.canopy-steps li{counter-increment:step;border-top:1px solid var(--line);padding:18px 0;font-size:1.0625rem}.canopy-steps li:before{content:'0' counter(step);color:var(--accent);margin-right:14px}.canopy-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.canopy-project{border:1px solid var(--line);background:#202425;min-width:0}.canopy-project img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}.canopy-project>div{padding:22px}.canopy-project span{display:block;margin-top:18px;color:var(--accent)}.canopy-contact{border-top:1px solid var(--line)}.canopy-page .button{white-space:normal;min-height:44px}.canopy-page a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:1000px){.canopy-types{grid-template-columns:repeat(2,minmax(0,1fr))}.canopy-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.canopy-hero{gap:24px}}@media(max-width:800px){.canopy-hero{grid-template-columns:1fr}.canopy-main-photo img{height:auto;aspect-ratio:4/3;object-position:center 40%}.canopy-page h1{font-size:clamp(2.1rem,8vw,3rem)}.canopy-page .hero-actions{margin-bottom:0}.canopy-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.canopy-types,.canopy-projects{grid-template-columns:1fr}.canopy-types article{padding:20px}.canopy-steps{gap:12px}.canopy-page p{font-size:1rem}.canopy-projects{gap:18px}}
