/* Logo contrast and usable contact forms on every page. */
body header .brand{position:relative;padding:10px 16px;background:#fffffff2;border-radius:16px;box-shadow:0 8px 35px #06233a16}
body header .brand img{filter:none!important;mix-blend-mode:normal;opacity:1}
body .family-mark{background:#ffffffed;border-radius:12px;padding:8px}
body .family-mark img{mix-blend-mode:normal;filter:none}
.patios.home .hero .eyebrow{display:inline-block;color:#fff;background:#123f50dc;padding:9px 16px;border-radius:25px;font-size:.75rem;letter-spacing:.12em;text-shadow:none;line-height:1.6}
.patios .service-index,.patios .scope-number{display:none!important}
.patios.page-services .design-body .service-item:nth-child(odd){grid-template-columns:1fr 1.4fr}
.patios.page-services .design-body .service-item:nth-child(odd) .service-image{grid-column:2;grid-row:1;margin-left:0;clip-path:ellipse(62% 49% at 56% 50%);mask-image:linear-gradient(270deg,#000 80%,transparent)}
.patios.page-services .design-body .service-item:nth-child(odd) .service-copy{grid-column:1;grid-row:1;padding-left:0}
.patios.page-services .design-body .service-item:nth-child(even){grid-template-columns:1.4fr 1fr}
.patios.page-services .design-body .service-item:nth-child(even) .service-image{grid-column:1;grid-row:1;margin-left:-7%;clip-path:ellipse(62% 49% at 44% 50%);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.patios.page-services .design-body .service-item:nth-child(even) .service-copy{grid-column:2;grid-row:1;padding-left:0}
body .contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%;align-items:start;padding-top:75px;padding-bottom:65px}
body .contact-grid>*{min-width:0;max-width:100%}
body .contact-grid .form-shell{width:100%;height:auto;min-height:0;max-height:none;overflow:visible;padding:clamp(22px,3vw,42px);background:#fff;color:#18374b;border-radius:24px;box-shadow:0 20px 70px #06233a16;clip-path:none;mask-image:none}
body .form-shell form{width:100%;max-width:100%;height:auto;max-height:none;overflow:visible;margin:0}
body .form-shell .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
body .form-shell .field{min-width:0;max-width:100%}
body .form-shell .field label{font-size:14px;line-height:1.5;color:#18374b;overflow-wrap:anywhere}
body .form-shell .field input,body .form-shell .field textarea,body .form-shell .field select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:14px 12px;font-size:16px;line-height:1.4;background:#f2f6f8;color:#18374b;border:1px solid #cad9df;border-radius:9px}
body .form-shell .field textarea{min-height:150px;resize:vertical}
body .form-shell .field input[type=checkbox]{width:20px;min-height:20px;height:20px}
body .form-shell .field .error,body .form-shell .form-error{font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:#ab2929}
body .form-shell .form-note{color:#526875;font-size:12px;line-height:1.6}
body .form-shell .form-actions{display:flex;flex-wrap:wrap;gap:12px}
body .form-shell .form-actions .button{max-width:100%;white-space:normal;font-size:15px;justify-content:center;min-height:50px}
body .form-shell .form-heading{font-size:1.5rem;margin:0 0 25px;color:#18374b}
.skyline.home .hero:after{background:linear-gradient(90deg,#05192d0d,#05192d33 65%,#05192d77)}
@media(max-width:950px){body .contact-grid{grid-template-columns:minmax(0,1fr);gap:35px}body .contact-info{max-width:650px}body .contact-grid .form-shell{max-width:760px}}
@media(max-width:760px){body header .brand{padding:8px 12px;border-radius:12px}.patios.home .hero .eyebrow{display:block;width:fit-content;max-width:94%;margin:0 auto 20px;font-size:.6rem;letter-spacing:.06em}.patios.page-services .design-body .service-item:nth-child(n){display:flex;flex-direction:column}.patios.page-services .design-body .service-item:nth-child(n) .service-image{margin:0;width:110%}.patios.page-services .design-body .service-item:nth-child(n) .service-copy{padding:15px 4% 25px}body .form-shell .fields{grid-template-columns:minmax(0,1fr)}body .form-shell .field.wide{grid-column:auto}body .contact-grid .form-shell{padding:24px 18px}body .form-shell .form-actions .button{width:100%}}