.page-hero { --hero-bg: url('/assets/images/portfolio/wood-privacy-fence-corner-backyard-opt.jpg'); }
    .contact-quick-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; }
    .contact-form-section { padding: 4rem 2rem; margin-top: -1rem; }
    .contact-form-section .qf--section { max-width: 640px; }
    .contact-info-bar { background: var(--green-800); padding: 3rem 2rem; color: white; }
    .contact-info-grid { max-width: 960px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; text-align: center; }
    .contact-info-item h3 { font-family: var(--font-heading); font-size: 1.125rem; font-weight: 700; color: white; margin-bottom: 0.5rem; }
    .contact-info-item p { color: var(--green-200); font-size: 0.9375rem; line-height: 1.6; }
    .contact-info-item a { color: var(--green-200); text-decoration: underline; text-underline-offset: 2px; }
    .contact-info-item a:hover { color: white; }
    .contact-info-icon { width: 48px; height: 48px; background: rgba(255,255,255,0.1); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; }
    .contact-info-icon svg { width: 22px; height: 22px; color: var(--green-300); }
    @media (max-width: 768px) {
        .contact-info-grid { grid-template-columns: 1fr; gap: 1.5rem; }
        .page-hero { padding: 6rem 1.5rem 3rem; }
        .page-hero h1 { font-size: 2rem; }
    }