body.mmos-services-journal{background:#f0e7d4!important;background-image:radial-gradient(#a6957030 .7px,transparent .8px)!important;background-size:7px 7px!important}
body.mmos-services-journal #content{background:none!important}
body.mmos-services-journal #content .elementor-element-aba9225f{width:calc(100% - clamp(24px,5vw,80px));max-width:1760px;margin:30px auto 44px;padding:0!important;background:none!important}
body.mmos-services-journal #content .elementor-element-aba9225f::before{display:none}
body.mmos-services-journal #content .elementor-widget-mmos_services_feed{width:100%;max-width:none;margin:0;padding:0}
body.mmos-services-journal #content .elementor-widget-mmos_services_feed>.elementor-widget-container{padding:0;margin:0}
body.mmos-services-journal #content :is(.elementor-element-e198096,.elementor-element-96fe8a2),body.mmos-services-journal #content .elementor-element-e198096>.e-con-inner{display:contents}
body.mmos-services-journal #content .mmos-services-feed{padding:0;background:none;overflow:visible;color:#f4ecdc}
body.mmos-services-journal #content .srv-frame{position:relative;isolation:isolate;overflow:hidden;padding:34px clamp(24px,4.8vw,72px) 42px;border:2px solid #173c32;box-shadow:7px 8px #173c3240;border-radius:0;margin:0 0 34px;color:#fff1d9;text-align:left}
body.mmos-services-journal #content .srv-frame :is(h1,h2){font:800 clamp(3.7rem,7.2vw,7.4rem)/1.04 var(--mmos-font-display,Oswald,sans-serif);letter-spacing:-.02em;text-transform:uppercase;color:#fff1d9;text-shadow:3px 4px #062a2d70;-webkit-text-stroke:0;background:none;padding:0;margin:0;box-shadow:none;text-align:left;text-wrap:balance}
body.mmos-services-journal #content .srv-frame h2{font-size:clamp(3rem,5.1vw,5.5rem)}
body.mmos-services-journal #content .srv-frame h2 em,body.mmos-services-journal #content .srv-banner{display:inline-block;font:700 .52em/1.15 var(--mmos-font-display,Oswald,sans-serif);letter-spacing:.005em;text-transform:uppercase;background:#bd5428;color:#fff3dc;padding:10px 14px 13px;margin:18px 0 0;box-shadow:6px 7px #041e2180;transform:rotate(-.7deg);text-shadow:none}
body.mmos-services-journal #content .srv-banner{font-size:clamp(1.5rem,2.75vw,2.6rem);margin-top:25px}
body.mmos-services-journal #content .srv-folio{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #f2cb8c66;padding-bottom:20px;margin-bottom:38px;font:700 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.075em;color:#f0e5c9;text-transform:uppercase}
body.mmos-services-journal #content .srv-kicker{font:700 11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#f2c57c;margin:0 0 23px;text-transform:uppercase}
body.mmos-services-journal #content .srv-lead{font:19px/1.7 Arial,sans-serif;color:#eee5d0;margin:30px 0;max-width:590px;text-shadow:none}
body.mmos-services-journal #content .srv-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:32px}
body.mmos-services-journal #content :is(.srv-button,.srv-outline){display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:56px;padding:18px 25px;font:700 21px/1.2 var(--mmos-font-display,Oswald,sans-serif);letter-spacing:.025em;text-transform:uppercase;color:#fff1d9!important;background:#ba5228;border:1px solid #f0c48c;box-shadow:5px 6px #041e2170;border-radius:0;text-decoration:none;transition:background .25s,translate .25s}
body.mmos-services-journal #content .srv-outline{background:#103c35db;border-color:#efe7cf95}
body.mmos-services-journal #content :is(.srv-button,.srv-outline):hover{background:#cc622e;translate:0 -3px}
body.mmos-services-journal #content :is(a,button):focus-visible{outline:3px solid #f2bd65!important;outline-offset:5px}
/* A service photo spread; the sunrise cover belongs to the homepage. */
body.mmos-services-journal #content .srv-cover{background:linear-gradient(100deg,#103b3fc9,#103b3f55),url('/wp-content/uploads/2025/06/Plumber-night-backround.png.webp') center 44%/cover no-repeat,#103b3f}
body.mmos-services-journal #content .srv-cover .srv-folio{margin-bottom:26px}
body.mmos-services-journal #content .srv-cover-copy{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;max-width:none;width:100%;padding:0 0 28px}
body.mmos-services-journal #content .srv-cover h1{font-size:clamp(3.5rem,5.4vw,5rem);max-width:700px}
body.mmos-services-journal #content .srv-cover-intro .srv-lead{font-size:18px;margin:0 0 22px}
body.mmos-services-journal #content .srv-cover-intro .srv-outline{font-size:17px;padding:13px 20px;min-height:48px}
body.mmos-services-journal #content .srv-cover-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:2px 3px 33px}
body.mmos-services-journal #content .srv-cover-photo{display:block;padding:7px;background:#f4ecdc;color:#143c34;text-decoration:none;box-shadow:6px 8px #041e2180;--print-tilt:-1deg;transform:rotate(-1deg);transition:translate .25s}
body.mmos-services-journal #content .srv-cover-photo:nth-child(2){--print-tilt:1deg;transform:rotate(1deg)}
body.mmos-services-journal #content .srv-cover-photo:nth-child(3){--print-tilt:-.5deg;transform:rotate(-.5deg)}
body.mmos-services-journal #content .srv-cover-photo:hover{translate:0 -4px}
body.mmos-services-journal #content .srv-cover-photo img{display:block;width:100%;height:clamp(160px,14vw,220px);object-fit:cover;object-position:center}
body.mmos-services-journal #content .srv-cover-caption{display:block;position:relative;padding:16px 37px 12px 13px}
body.mmos-services-journal #content .srv-cover-caption small{display:block;color:#985027;font:700 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px}
body.mmos-services-journal #content .srv-cover-caption strong{font:700 clamp(22px,2.15vw,31px)/1.18 var(--mmos-font-display,Oswald,sans-serif);color:#143c34;text-transform:uppercase}
body.mmos-services-journal #content .srv-cover-caption>span{position:absolute;right:12px;top:50%;font:27px/1 Georgia,serif;color:#a64b25}
body.mmos-services-journal #content .srv-promises{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:28px 0 0;font:700 12px/1.5 Arial,sans-serif;color:#e6e2cd}
body.mmos-services-journal #content .srv-promises li::before{content:'✓';color:#9fceab;margin-right:7px}
body.mmos-services-journal #content .srv-cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #f2cb8c66;padding-top:24px;font:700 10px/1.5 ui-monospace,Consolas,monospace;color:#ede3ca;letter-spacing:.05em}
body.mmos-services-journal #content .srv-cover-bottom .srv-button{font-size:18px;padding:16px 22px}
body.mmos-services-journal #content .srv-cover-bottom .srv-promises{margin:0}
/* All cards remain native service records. Category buttons only filter this view. */
body.mmos-services-journal #content .srv-directory{scroll-margin-top:95px;background:#103d39;background-image:radial-gradient(#f1d19c0a .65px,transparent .8px);background-size:5px 5px}
body.mmos-services-journal #content .srv-directory::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:clamp(950px,80vw,1300px);pointer-events:none;background:linear-gradient(180deg,#103d3980,#103d39b3 45%,#103d39 100%),url('/wp-content/uploads/2025/05/46a02cfb-8ecd-478a-9a84-49ffbbef9a73.png.webp') center top/cover no-repeat}
body.mmos-services-journal #content .srv-directory-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}
body.mmos-services-journal #content .srv-directory-heading>p{font:17px/1.7 Arial,sans-serif;color:#eee5d0;max-width:350px;margin:0}
body.mmos-services-journal #content .srv-filters{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #efd5a75c;padding-top:26px}
body.mmos-services-journal #content .srv-filters[hidden]{display:none}
body.mmos-services-journal #content .srv-filters button{display:flex;align-items:center;gap:12px;min-height:46px;padding:13px 17px;border:1px solid #eadabd85;background:#123d37e6;color:#f5ecd8;font:700 12px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.015em;border-radius:0;box-shadow:2px 3px #092f3280;transition:background .2s,color .2s}
body.mmos-services-journal #content .srv-filters button span{font-size:10px;opacity:.75}
body.mmos-services-journal #content .srv-filters button[aria-pressed=true]{background:#f4ecdc;color:#163d33;border-color:#f4ecdc;box-shadow:inset 0 -4px #bd5428,2px 3px #092f3280}
body.mmos-services-journal #content .srv-filters button:hover{background:#bd5428;color:#fff3dc}
body.mmos-services-journal #content .srv-result-count{font:700 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase;color:#efdfbd;margin:24px 0}
body.mmos-services-journal #content .mmos-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px;align-items:stretch;padding:0;margin:0;max-width:none;width:100%;overflow:visible}
body.mmos-services-journal #content .mmos-service-card{display:flex;flex-direction:column;height:100%;padding:0;border:7px solid #f4ecdc;background:#f4ecdc!important;color:#143c34!important;box-shadow:5px 7px #041e2180;border-radius:0;overflow:hidden;min-width:0;transform:none;transition:translate .3s,box-shadow .3s}
body.mmos-services-journal #content .mmos-service-card[hidden]{display:none!important}
body.mmos-services-journal #content .mmos-service-card:hover{translate:0 -5px;transform:none;box-shadow:7px 12px #041e2180}
body.mmos-services-journal #content .mmos-service-photo{height:auto;aspect-ratio:1.3;background-position:center;background-size:cover;padding:12px;align-items:end;flex-shrink:0}
body.mmos-services-journal #content .mmos-service-photo::after{background:linear-gradient(transparent 55%,#082c3160)}
body.mmos-services-journal #content .mmos-service-photo>span{background:#153d34;color:#fff3dc;border:1px solid #f4ecdc;box-shadow:2px 3px #041e2180;font:700 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.025em;padding:7px 9px;text-transform:uppercase}
body.mmos-services-journal #content .mmos-service-body{padding:24px 18px 18px;text-align:left;display:flex;flex-direction:column;flex:1;background:#f4ecdc}
body.mmos-services-journal #content .mmos-service-body h3{font:700 clamp(23px,2vw,30px)/1.16 var(--mmos-font-display,Oswald,sans-serif);color:#143c34;text-transform:uppercase;letter-spacing:0;text-wrap:balance;overflow-wrap:normal;margin:0 0 16px;min-height:2.32em}
body.mmos-services-journal #content .mmos-service-body p{font:15px/1.6 Arial,sans-serif;color:#36574e;display:block;overflow:visible;-webkit-line-clamp:unset;margin:0 0 26px;flex:1}
body.mmos-services-journal #content .mmos-service-body strong{display:block;background:none;margin-top:auto;padding:16px 0 0;border:0;border-top:1px solid #173c3244;box-shadow:none;color:#a54520;font:700 16px/1.3 var(--mmos-font-display,Oswald,sans-serif);letter-spacing:.04em}
body.mmos-services-journal #content .srv-back-top{display:inline-block;margin-top:35px;padding:15px 0 3px;font:700 11px/1.5 ui-monospace,Consolas,monospace;color:#efdfbd;text-decoration:underline;text-underline-offset:6px}
/* Intentional illustrated service plates where the catalog has no job photo. */
body.mmos-services-journal #content .mmos-service-photo.is-placeholder{background:linear-gradient(#16494d55,#16494d88),url('/wp-content/uploads/2025/05/46a02cfb-8ecd-478a-9a84-49ffbbef9a73.png.webp') center/cover}
body.mmos-services-journal #content .mmos-service-photo.is-placeholder::before{display:none}
body.mmos-services-journal #content [data-service-group=water] .mmos-service-photo.is-placeholder{background-image:linear-gradient(#153d3555,#153d3588),url('/wp-content/uploads/2025/05/backround-nice.png.webp')}
body.mmos-services-journal #content .srv-service-stamp{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-5deg);width:112px;height:112px;padding:13px;background:#bc572b;border:1px solid #f5d29c;box-shadow:5px 6px #062b3290;border-radius:50%}
body.mmos-services-journal #content .srv-service-stamp svg{width:100%;height:100%;fill:none;stroke:#fff0d5;stroke-width:3;stroke-linecap:square;stroke-linejoin:round}
/* Real local photograph closes the page with a clear way to get help. */
body.mmos-services-journal #content .srv-help{margin-bottom:0;background:linear-gradient(90deg,#0b3439b0,#0b3439e8),url('/wp-content/uploads/2025/06/Plumber-night-backround.png.webp') center/cover no-repeat,#123d3c}
body.mmos-services-journal #content .srv-help-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
body.mmos-services-journal #content .srv-help figure{margin:0;border:8px solid #f4ecdc;background:#f4ecdc;box-shadow:7px 9px #041e2180;--print-tilt:-1deg;transform:rotate(-1deg)}
body.mmos-services-journal #content .srv-help figure img{display:block;width:100%;height:460px;object-fit:cover;object-position:center 70%;border:0;border-radius:0}
body.mmos-services-journal #content .srv-help figcaption{font:700 10px/1.5 ui-monospace,Consolas,monospace;color:#143c34;padding:18px 10px 10px;letter-spacing:.05em}
body.mmos-services-journal #content .srv-help h2{font-size:clamp(2.5rem,4.2vw,4.9rem)}
body.mmos-services-journal #content .srv-help-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}
body.mmos-services-journal #content .srv-help-links a{font:700 10px/1.7 ui-monospace,Consolas,monospace;color:#f1d7a6;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1050px){
 body.mmos-services-journal #content .srv-cover-copy{gap:32px;padding-bottom:32px}
 body.mmos-services-journal #content .mmos-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
 body.mmos-services-journal #content .srv-help-grid{gap:35px}
 body.mmos-services-journal #content .srv-directory-heading>p{max-width:270px;font-size:16px}
}
@media(max-width:800px){
 body.mmos-services-journal #content .srv-cover-copy{grid-template-columns:1fr;gap:26px;padding-top:0}
 body.mmos-services-journal #content .srv-cover h1{max-width:none}
 body.mmos-services-journal #content .srv-cover-photos{gap:14px}
 body.mmos-services-journal #content .srv-cover-caption{padding:12px 25px 10px 7px}
 body.mmos-services-journal #content .srv-cover-caption strong{font-size:22px}
 body.mmos-services-journal #content .srv-cover-bottom{flex-wrap:wrap}
 body.mmos-services-journal #content .srv-directory-heading{display:block}
 body.mmos-services-journal #content .srv-directory-heading>p{max-width:550px;margin-top:26px}
 body.mmos-services-journal #content .srv-help-grid{grid-template-columns:1fr}
 body.mmos-services-journal #content .srv-help figure{max-width:550px;justify-self:center;width:100%}
}
@media(max-width:540px){
 body.mmos-services-journal #content .elementor-element-aba9225f{width:calc(100% - 24px);margin:20px auto 28px}
 body.mmos-services-journal #content .srv-frame{padding:24px 22px 30px;margin-bottom:24px}
 body.mmos-services-journal #content .srv-help{margin-bottom:0}
 body.mmos-services-journal #content .srv-folio{font-size:8px;letter-spacing:.035em;gap:15px;padding-bottom:17px;margin-bottom:24px}
 body.mmos-services-journal #content .srv-folio span:last-child{text-align:right;max-width:110px}
 body.mmos-services-journal #content .srv-cover-copy{padding:0 0 27px;gap:22px}
 body.mmos-services-journal #content .srv-cover h1{font-size:clamp(3.3rem,14vw,4.3rem)}
 body.mmos-services-journal #content .srv-cover-intro .srv-lead{font-size:16px;margin-bottom:20px}
 body.mmos-services-journal #content .srv-cover-photos{grid-template-columns:1fr;gap:17px;padding-bottom:27px}
 body.mmos-services-journal #content .srv-cover-photo{display:grid;grid-template-columns:105px 1fr;align-items:center;padding:5px}
 body.mmos-services-journal #content .srv-cover-photo img{width:105px;height:105px}
 body.mmos-services-journal #content .srv-cover-caption{padding:10px 24px 10px 12px}
 body.mmos-services-journal #content .srv-cover-caption small{font-size:8px}
 body.mmos-services-journal #content .srv-cover-caption strong{font-size:23px}
 body.mmos-services-journal #content .srv-cover-caption>span{font-size:21px;right:4px;top:auto;bottom:6px}
 body.mmos-services-journal #content .srv-frame h1{font-size:clamp(3.7rem,15vw,4.8rem)}
 body.mmos-services-journal #content .srv-frame h2{font-size:clamp(2.6rem,10vw,3.6rem)}
 body.mmos-services-journal #content .srv-frame h2 em{font-size:.51em;padding:9px 10px;margin-top:15px}
 body.mmos-services-journal #content .srv-banner{font-size:23px;padding:10px 12px;margin-top:20px;max-width:100%}
 body.mmos-services-journal #content .srv-kicker{font-size:9px;letter-spacing:.065em;margin-bottom:18px}
 body.mmos-services-journal #content .srv-lead{font-size:16px;margin:26px 0}
 body.mmos-services-journal #content :is(.srv-button,.srv-outline){font-size:18px;gap:18px;padding:16px 19px}
 body.mmos-services-journal #content .srv-actions{gap:15px}
 body.mmos-services-journal #content .srv-promises{display:grid;gap:8px;font-size:11px;margin-top:25px}
 body.mmos-services-journal #content .srv-cover-bottom{font-size:8px;gap:20px}
 body.mmos-services-journal #content .srv-cover-bottom>*{max-width:100%}
 body.mmos-services-journal #content .srv-filters{gap:8px;padding-top:22px}
 body.mmos-services-journal #content .srv-filters button{padding:11px 10px;font-size:11px;gap:7px;min-height:48px;min-width:0;white-space:normal;flex:1 1 calc(50% - 4px);justify-content:space-between;text-align:left}
 body.mmos-services-journal #content .srv-filters button span{font-size:9px}
 body.mmos-services-journal #content .mmos-services-grid{grid-template-columns:1fr!important;gap:26px;padding:0}
 body.mmos-services-journal #content .mmos-service-card{border-width:6px}
 body.mmos-services-journal #content .mmos-service-photo{height:auto;aspect-ratio:1.24;min-height:0}
 body.mmos-services-journal #content .mmos-service-body{padding:22px 12px 16px}
 body.mmos-services-journal #content .mmos-service-body h3{font-size:25px;min-height:0;margin-bottom:16px}
 body.mmos-services-journal #content .mmos-service-body p{font-size:15px;line-height:1.6;display:block}
 body.mmos-services-journal #content .srv-help figure{border-width:6px}
 body.mmos-services-journal #content .srv-help figure img{height:285px}
 body.mmos-services-journal #content .srv-help figcaption{font-size:8px;padding:12px 7px 7px}
 body.mmos-services-journal #content .srv-help .srv-button{font-size:16px;gap:10px;padding:16px}
 body.mmos-services-journal #content .srv-help-links{display:grid;gap:14px}
}

/* Print enters after it is comfortably in view. Scenery itself stays still. */
body.mmos-services-journal:not(.mmp-ada-nomotion) #content .services-reveal{opacity:0;transform:translateY(26px) rotate(var(--print-tilt,0deg));filter:blur(3px);transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.16,1,.3,1),filter 1.1s ease}
body.mmos-services-journal:not(.mmp-ada-nomotion) #content .services-reveal.services-entered{opacity:1;transform:translateY(0) rotate(var(--print-tilt,0deg));filter:none}
body.mmos-services-journal .services-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
body.mmos-services-journal .services-atmosphere i{position:absolute;top:-15px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:#fff1d9;opacity:0;animation:services-drift var(--time) linear var(--delay) infinite;animation-play-state:paused}
body.mmos-services-journal .services-inview .services-atmosphere i{animation-play-state:running}
@keyframes services-drift{0%{transform:translate(0,0);opacity:0}15%{opacity:.45}85%{opacity:.25}100%{transform:translate(35px,var(--drop,900px));opacity:0}}
body.mmos-services-journal.mmp-ada-nomotion .services-atmosphere{display:none}
body.mmos-services-journal.mmp-ada-nomotion #content *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){body.mmos-services-journal .services-reveal{opacity:1!important;transform:rotate(var(--print-tilt,0deg))!important;filter:none!important;transition:none!important}body.mmos-services-journal .services-atmosphere{display:none}}body.mmos-services-journal .mmos-services-pointer{display:none;position:fixed;left:0;top:0;width:0;height:0;z-index:2147482000;pointer-events:none!important;opacity:0;transition:opacity .16s}
body.mmos-services-journal .mmos-services-pointer-ring{display:block;width:34px;height:34px;margin:-17px;transition:scale .2s ease;filter:drop-shadow(0 1px 1px #082e2e)}
body.mmos-services-journal .mmos-services-pointer svg{display:block;overflow:visible;width:100%;height:100%;fill:none;stroke:#f3d8a4;stroke-width:1.15}
body.mmos-services-journal .mmos-services-pointer-needle{transform-origin:20px 20px;rotate:var(--pointer-bearing,0deg);transition:rotate .24s ease-out}
body.mmos-services-journal .mmos-services-pointer-needle path:first-child{fill:#d9743f;stroke:#f5d8a2;stroke-width:.7}
body.mmos-services-journal .mmos-services-pointer-needle path:last-child{fill:#f3e6cc;stroke:none}
body.mmos-services-journal .mmos-services-pointer-dot{fill:#173c32;stroke:#fff0ce;stroke-width:1}
body.mmos-services-journal .mmos-services-pointer.is-link .mmos-services-pointer-ring{scale:1.35}
body.mmos-services-journal .mmos-services-pointer.is-pressed .mmos-services-pointer-ring{scale:.8}
@media(hover:hover) and (pointer:fine) and (min-width:681px){
 body.mmos-services-journal.mmos-services-pointer-ready .mmos-services-pointer{display:block}
 body.mmos-services-journal.mmos-services-pointer-ready .mmos-services-pointer.is-visible{opacity:1}
 body.mmos-services-journal.mmos-services-cursor-on,body.mmos-services-journal.mmos-services-cursor-on *{cursor:none!important}
}
