/* Shared density layer: preserve readable copy and controls, remove excess space. */
body.op-design .section {padding-block:28px}
body.op-design :is(.section,.op-clients,.op-compact-steps) h2 {font-size:30px;line-height:1.25;margin-bottom:14px}
body.op-design .section-lead {margin-bottom:16px;max-width:48em}
body.op-design :is(.service-task-grid,.service-grid,.feature-grid) {gap:12px}
body.op-design .service-task-grid {margin-top:14px;align-items:start}
body.op-design .service-task {padding:14px;min-height:0;border-radius:12px}
body.op-design .service-task>b {margin-bottom:6px}
body.op-design .service-task h3 {font-size:20px;line-height:1.35;margin-bottom:6px}
body.op-design .service-task p {line-height:1.45}
body.op-design .service-task.op-operation-enhanced {display:grid;grid-template-columns:1.5em minmax(0,1fr);align-content:start;gap:0 8px;padding:2px 14px}
body.op-design .service-task.op-operation-enhanced>b {grid-column:1;grid-row:1;margin:0;line-height:48px;font-size:14px}
body.op-design .service-task.op-operation-enhanced h3 {grid-column:2;grid-row:1;margin:0;font-size:18px;min-width:0}
body.op-design .op-operation-toggle {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:10px 0;border:0;border-radius:4px;background:transparent;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
body.op-design .op-operation-toggle>span:first-child {min-width:0;overflow-wrap:anywhere}
body.op-design .op-operation-toggle:focus-visible {outline:2px solid #167445;outline-offset:2px}
body.op-design .op-operation-chevron {width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex:0 0 8px;margin-right:3px}
body.op-design .op-operation-toggle[aria-expanded=true] .op-operation-chevron {transform:rotate(225deg)}
body.op-design .service-task.op-operation-enhanced p {grid-column:1/-1;margin:0;padding:2px 0 12px}
body.op-design .op-quote-brief>.wrap {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px}
body.op-design .op-quote-brief h2 {font-size:26px;margin:0 0 8px}
body.op-design .op-quote-brief p {font-size:18px;line-height:1.45;margin:0;max-width:45em}
body.op-design .op-quote-brief details {grid-column:1/-1;min-width:0}
body.op-design .op-quote-brief summary {min-height:44px;padding-block:10px;cursor:pointer;font-size:16px}
body.op-design .op-quote-brief details p {margin:0 0 8px}
body.op-design .op-quote-brief .op-quote-links {display:flex;flex-wrap:wrap;gap:0 20px}
body.op-design .op-quote-links a {display:inline-flex;align-items:center;min-height:44px}
body.op-design .city-hero .city-hero__photo.op-hero-gallery {max-height:none;aspect-ratio:auto}
body.op-design .city-hero .op-hero-gallery__track {width:100%;height:300px;aspect-ratio:auto}
body.op-design .city-hero .op-hero-gallery__slide picture,body.op-design .city-hero .op-hero-gallery__slide img {width:100%;height:100%}
@media(min-width:761px) {
 body.op-design :is(.home-hero,.city-hero) {padding-block:28px}
 body.op-design .service-hero {min-height:0}
 body.op-design .service-hero .hero__grid {min-height:0;gap:24px}
 body.op-design .service-hero .hero__grid>div {padding-block:28px}
 body.op-design .service-hero picture {min-height:0;max-height:360px;align-self:center}
 body.op-design .city-hero .city-hero__grid,body.op-design .home-hero__grid {gap:24px}
 body.op-design .city-hero .city-hero__photo {max-height:360px;aspect-ratio:4/3}
 body.op-design .city-hero .city-hero__copy .service-offer {padding:16px;margin-top:16px}
 body.op-design .home-hero .op-home-gallery .op-hero-gallery__track {height:300px;aspect-ratio:auto}
 body.op-design .home-catalog .catalog-group {gap:16px}
 body.op-design .home-catalog .catalog-group>div {padding:18px;gap:14px}
 body.op-design .home-catalog .service-card {min-height:0;padding:14px}
 body.op-design .home-catalog .catalog-heading p {margin-top:6px}
 body.op-design .home-catalog .catalog-compact {padding:12px 14px}
 body.op-design .city-services .city-service-panel {padding:18px}
 body.op-design .city-services .city-service-panel__heading {padding-bottom:14px;gap:8px}
 body.op-design .city-services .op-service-directions {gap:12px}
 body.op-design .city-services .op-service-direction {padding:14px!important}
 body.op-design .city-services .op-service-direction h4 {font-size:20px;line-height:1.3;margin-bottom:6px}
 body.op-design .city-services .op-service-direction p {margin:6px 0;line-height:1.45}
 body.op-design .city-services .op-service-direction li a {padding-block:6px;min-height:44px}
 body.op-design .city-services .city-service-card {padding:14px;min-height:0;gap:10px}
 body.op-design .op-compact-steps .feature-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,12em),1fr));gap:12px;margin-top:12px}
 body.op-design .op-compact-steps .feature-card {padding:12px;gap:10px;min-height:0}
 body.op-design .feature-card--proof {padding:4px 0;gap:10px}
 body.op-design .service-related .service-card,body.op-design .card--link {padding:14px;min-height:0}
 body.op-design .op-districts .op-districts__panel {padding:18px}
 body.op-design .op-districts .op-districts__lead {margin-bottom:14px}
 body.op-design .op-districts .op-districts__grid {gap:10px}
 body.op-design .op-districts .op-districts__card {padding:12px}
 body.op-design .op-districts .op-districts__foot {margin-top:14px;padding-top:12px}
 body.op-design .faq-list {gap:8px;align-items:start}
 body.op-design .faq-list summary {padding:12px 14px;min-height:44px;line-height:1.4}
 body.op-design .faq-list p {padding:0 14px 14px;line-height:1.5}
 body.op-design #our-work .op-work__heading {margin-bottom:16px;gap:12px}
 body.op-design #our-work .op-work__cover {height:180px;min-height:0}
 body.op-design #our-work .op-work__body {padding:12px 14px}
 body.op-design #our-work .op-work__body h3 {margin-bottom:6px;font-size:20px}
 body.op-design #our-work .op-work__request {padding:16px;margin-top:16px;gap:14px}
 body.op-design .op-clients .op-clients__heading {margin-bottom:14px}
 body.op-design .op-clients .op-clients__group {margin-top:16px}
 body.op-design .op-clients .op-clients__grid {gap:10px}
 body.op-design .op-clients .op-clients__card {min-height:100px;padding:12px;gap:6px}
 body.op-design .op-clients .op-clients__mark {height:40px;min-height:40px;margin-bottom:6px}
 body.op-design .op-clients .op-clients__mark img {max-height:40px}
 body.op-design .contact-page .contact-card {padding:20px}
 body.op-design .contact-page .contact-page__grid {gap:16px}
 body.op-design .footer {padding-block:28px 20px}
 body.op-design .footer .footer__coverage {padding-bottom:16px;margin-bottom:16px}
 body.op-design .footer .footer__grid {gap:18px}
 body.op-design .footer .footer__bottom {margin-top:16px;padding-top:12px}
}
@media(max-width:760px) {
 body.op-design .section,body.op-design .op-compact-steps,body.op-design .op-clients {padding-block:16px}
 body.op-design :is(.section,.op-clients,.op-compact-steps) h2 {font-size:24px;margin-bottom:10px}
 body.op-design .section-lead {margin-bottom:12px}
 body.op-design :is(.service-task-grid,.service-grid,.feature-grid) {gap:8px}
 body.op-design .service-task-grid {margin-top:10px}
 body.op-design .service-task-grid {gap:6px}
 body.op-design .city-hero .op-hero-gallery__track {height:190px}
 body.op-design .service-task.op-operation-enhanced {padding:2px 10px}
 body.op-design .service-task.op-operation-enhanced h3 {font-size:17px}
 body.op-design .service-task.op-operation-enhanced>b {line-height:44px}
 body.op-design .op-operation-toggle {min-height:44px;padding-block:8px}
 body.op-design .op-quote-brief>.wrap {grid-template-columns:minmax(0,1fr);gap:8px}
 body.op-design .op-quote-brief h2 {font-size:23px}
 body.op-design .op-quote-brief p {font-size:16px}
 body.op-design .op-quote-brief .button {justify-self:start}
}
@media(min-width:761px) and (max-width:1099px) {
 body.op-design .service-task-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}