.plant-card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.plant-card:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-hover)}.plant-card-image{width:100%;height:180px;object-fit:cover}.plant-card-content{padding:var(--spacing-md)}.plant-card-content h4{font-size:1.2rem;color:var(--primary-green-dark);margin-bottom:var(--spacing-xs)}.plant-card-content p{font-size:.9rem;color:var(--neutral-medium);margin-bottom:0}.pl-hero{position:relative;min-height:44vh;display:flex;align-items:center;background-image:url(/images/projects/sustainable-xeriscape/sustainable-xeriscape-1.jpeg);background-size:cover;background-position:50%}.pl-hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,30,16,.8),rgba(26,77,46,.55))}.pl-hero-content{position:relative;z-index:1;padding-top:var(--spacing-xxxl);padding-bottom:var(--spacing-xxxl)}.pl-hero-content h1{color:var(--white);font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md);max-width:640px}.pl-hero-content p{color:hsla(0,0%,100%,.85);font-size:1.1rem;max-width:560px;line-height:1.7;margin:0}.pl-sections{background:var(--neutral-lightest)}.pl-section{background:var(--white);border:1px solid var(--neutral-light);border-radius:var(--border-radius);overflow:hidden;margin-bottom:var(--spacing-lg)}.pl-section-header{all:unset;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl);width:100%;padding:var(--spacing-xl);cursor:pointer;box-sizing:border-box;transition:background .2s}.pl-section-header:hover{background:var(--neutral-lightest)}.pl-section-title{font-size:1.4rem;font-weight:700;color:var(--primary-green-dark);margin:0 0 var(--spacing-xs)}.pl-section-desc{font-size:.95rem;color:var(--neutral-dark);margin:0;line-height:1.6}.pl-toggle{color:var(--primary-green-medium);flex-shrink:0;margin-top:4px;transition:transform .3s ease}.pl-section-header.open .pl-toggle{transform:rotate(180deg)}.pl-plant-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;padding:0 var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--neutral-light)}.pl-plant-grid>*{flex:1 1 240px;max-width:300px}.pl-resources{margin-top:var(--spacing-xxxl)}.pl-resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-xxl)}.pl-resource-card{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--white);border:1px solid var(--neutral-light);border-radius:var(--border-radius);padding:var(--spacing-xl);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.pl-resource-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:var(--primary-green-light)}.pl-resource-card h3{font-size:1.1rem;font-weight:700;color:var(--primary-green-dark);margin:0}.pl-resource-card p{font-size:.9rem;color:var(--neutral-dark);line-height:1.6;margin:0;flex-grow:1}.pl-resource-arrow{font-size:1.2rem;font-weight:700;color:var(--primary-green-medium);transition:transform .2s;display:inline-block}.pl-resource-card:hover .pl-resource-arrow{transform:translateX(5px)}.pl-cta{background:var(--primary-green-dark);padding:var(--spacing-xxxl) 0}.pl-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.pl-cta-heading{color:var(--white);font-size:1.8rem;margin-bottom:var(--spacing-sm)}.pl-cta-sub{color:hsla(0,0%,100%,.75);font-size:1rem;margin:0}.pl-cta-actions{display:flex;align-items:center;gap:var(--spacing-xl);flex-shrink:0}.pl-cta-phone{font-size:1.25rem;font-weight:700;color:var(--white);transition:color .2s}.pl-cta-phone:hover{color:var(--accent-green)}@media (max-width:768px){.pl-hero{min-height:36vh}.pl-section-header{padding:var(--spacing-lg);align-items:center}.pl-plant-grid{padding:0 var(--spacing-lg) var(--spacing-lg)}.pl-plant-grid>*{flex-basis:100%;max-width:none}.pl-cta-inner{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.pl-cta-actions{flex-direction:column;gap:var(--spacing-md)}}