/* Small enhancements for PHP edition */
.assessment-photo{grid-column:1/-1;width:100%;height:auto;max-height:445px;object-fit:cover;object-position:center;border-radius:5px}
.footer-main{grid-template-columns:1.3fr 1fr 1.2fr}.city-list{display:flex;flex-wrap:wrap;gap:7px 18px;padding-left:15px;color:#bebebe;font-size:12px}.footer-contact a{display:block}.arrow-corner{position:absolute;bottom:0;right:0}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.menu-toggle{font-size:25px;line-height:1}
@media(max-width:800px){.footer-main{grid-template-columns:1fr 1fr}}@media(max-width:520px){.footer-main{grid-template-columns:1fr}.footer-main>div:last-child{grid-column:auto}}

/* Readability and brand visibility improvements */
.site-header{height:132px}
.brand img{width:150px;height:125px;object-fit:contain}
.footer-main img{width:165px;height:143px;object-fit:contain}
body{font-size:16px}
.section p:not(.eyebrow),.page-intro>p:last-child,.section-heading>p,.assessment-teaser p:not(.eyebrow),.story p:not(.eyebrow),.detail-layout p,.service-list p,.assessment-content p,.about-content p,.contact-layout aside>p,.contact-note p,.gallery-note p{font-size:16px;line-height:1.8}
.site-footer p,.site-footer a:not(.button),.city-list{font-size:14px}
.navigation>a:not(.button){font-size:13px}
.button,.text-link{font-size:14px}
.contact-form label{font-size:14px}
.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}
@media(max-width:1100px) and (min-width:801px){.site-header{padding-inline:3%}.navigation{gap:12px}.brand img{width:125px;height:105px}}
@media(max-width:800px){.site-header{height:104px}.brand img{width:115px;height:98px}.navigation{top:104px}.hero{min-height:calc(100dvh - 104px)}.section p:not(.eyebrow),.page-intro>p:last-child{font-size:16px}}

/* Project portfolio enhancements; preserves original website visual styling */
.project-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-preview-grid a{position:relative;overflow:hidden;background:#17271f}.project-preview-grid img{width:100%;height:255px;object-fit:cover;transition:transform .25s}.project-preview-grid a:hover img{transform:scale(1.04)}.project-preview-grid span{position:absolute;bottom:0;left:0;right:0;color:white;font-weight:700;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.project-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-gallery-grid figure{min-width:0}.project-gallery-grid figure[hidden]{display:none!important}.gallery-open{border:0;background:none;padding:0;display:block;width:100%;cursor:zoom-in}.gallery-open img{width:100%;height:255px;object-fit:cover}.project-gallery-grid figcaption{padding:16px}.photo-lightbox{border:0;border-radius:10px;background:#142017;color:white;max-width:min(95vw,1100px);max-height:95vh;padding:15px}.photo-lightbox::backdrop{background:rgba(0,0,0,.88)}.photo-lightbox img{object-fit:contain;max-height:75vh;max-width:100%;margin:auto}.photo-lightbox p{text-align:center}.lightbox-close{position:absolute;right:15px;top:15px;background:white;color:#222;border:0;border-radius:50%;padding:8px 12px;cursor:pointer}.lightbox-controls{display:flex;justify-content:center;gap:20px}.lightbox-controls button{border:1px solid #d0ddd4;background:#1d3226;color:#fff;padding:12px;border-radius:7px;cursor:pointer}
@media(max-width:850px){.project-preview-grid,.project-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.project-preview-grid,.project-gallery-grid{grid-template-columns:1fr}}

/* Demo-matching home category cards */
.demo-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-showcase-grid>a{display:block;color:inherit;text-decoration:none}.demo-showcase-grid img{display:block;width:100%;height:285px;object-fit:cover}.demo-showcase-grid a>div{padding:16px 0}.demo-showcase-grid span{color:#45795e;font-size:12px;font-weight:800;letter-spacing:.13em}.demo-showcase-grid h3{font-size:24px;line-height:1.2;margin:7px 0 0}.demo-showcase-grid a:hover img{filter:brightness(.94)}@media(max-width:800px){.demo-showcase-grid{grid-template-columns:1fr;gap:16px}.demo-showcase-grid img{height:260px}}
