/* Sticky header overlap fix (client feedback, 3 Oct): once the page scrolls,
   the header gets a dark blurred backdrop so the logo never sits on top of page text. */
#cph-header{transition:background-color .35s ease,backdrop-filter .35s ease,box-shadow .35s ease}
/* "How We Work" steps: one column on phones so long words (DEVELOPMENT, INSTALLATION) never overflow. */
@media (max-width:600px){html body .cph-steps{grid-template-columns:1fr;gap:28px}}
/* Contact cards: let the long office address wrap on small phones instead of pushing the card off screen. */
.ccp-grid>*,.ccp-info,.ccp-info-card,.ccp-info-text{min-width:0;max-width:100%;box-sizing:border-box}
.ccp-info-value{overflow-wrap:anywhere}
#cph-header.is-scrolled{background-color:rgba(8,8,10,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06)}