/* E1-13: services overview, reuses the approved section-card pattern. */
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-grid .e1-project-media { aspect-ratio: 2 / 1; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-grid .e1-project-media img { object-fit: cover; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-section { margin: 0 0 38px; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-section > h2, :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact h2 { margin: 0 0 16px; font-size: 24px; font-weight: 600; line-height: 1.4; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-section > p { max-width: 860px; margin-bottom: 14px; color: #444; font-size: 15px; line-height: 1.7; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 0 0 18px; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-process li { min-width: 0; padding: 16px 12px; margin: 0; border-top: 3px solid #830e02; background: #f7f5f3; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-process h3 { margin: 0 0 8px; font-size: 15px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-process p { margin: 0; color: #606060; font-size: 13px; line-height: 1.65; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-text-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; max-width: 100%; color: #830e02; font-size: 14px; line-height: 1.5; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-services-overview svg { width: 20px; height: 20px; flex: 0 0 20px; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 0; margin: 0 0 12px; list-style: none; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-examples li { min-width: 0; margin: 0; padding: 0; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-examples a { position: relative; display: flex; flex-direction: column; gap: 8px; height: 100%; min-height: 110px; padding: 20px 48px 20px 20px; border: 1px solid #dedede; border-radius: 4px; color: #171717; text-decoration: none; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-examples strong { font-size: 17px; font-weight: 600; line-height: 1.4; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-examples span { color: #606060; font-size: 14px; line-height: 1.6; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-examples svg { position: absolute; right: 18px; top: 24px; color: #830e02; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 28px; margin: 0 0 30px; border-left: 3px solid #830e02; background: #f7f5f3; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact > div { min-width: 0; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact h2 { font-size: 21px; margin-bottom: 10px; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact p { margin: 0; color: #606060; font-size: 14px; line-height: 1.7; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; flex: 0 0 auto; max-width: 100%; min-height: 48px; padding: 12px 18px; border: 1px solid #830e02; border-radius: 3px; background: #830e02; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.6; text-decoration: none; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-services-overview a:focus-visible { outline: 3px solid #830e02 !important; outline-offset: 4px; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-text-link:hover { color: #171717; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-examples a:hover { border-color: #830e02; }
:is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact-button:hover, :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact-button:active { background: #650b02; color: #fff; border-color: #650b02; }
@media (max-width: 1200px) { :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-process { grid-template-columns: repeat(3, minmax(0, 1fr)); } :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact { flex-direction: column; align-items: flex-start; gap: 20px; } }
@media (max-width: 600px) { :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-grid, :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-examples { grid-template-columns: minmax(0, 1fr); } :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-process { grid-template-columns: minmax(0, 1fr); gap: 10px; } :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-process li { padding: 14px 18px; border-top: 0; border-left: 3px solid #830e02; } :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-section > h2 { font-size: 22px; } :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-contact { padding: 22px 18px; } :is(#content, .e1-overview-renderer, .e1-services-overview) .e1-service-section { margin-bottom: 28px; } }

.e1-overview-renderer .e1-service-text-link > svg { width: 20px; height: 20px; flex: 0 0 20px; }