/* Local review version. Production assets and deployment folder are untouched. */
.landing .header .brand{width:min(500px,100%)}
.landing .hero-copy h1{font-size:clamp(2.2rem,3.85vw,4.4rem);line-height:1.1;text-transform:none;margin-bottom:24px}
.landing .hero-copy>p:not(.landing-kicker){font-size:1.125rem;max-width:38ch;line-height:1.55}
.landing .hero-layout{gap:clamp(32px,5vw,72px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.landing-brands{grid-template-columns:210px 1fr}
.landing-brand-list li{font-weight:600}
.work .showcase-heading{position:static;clip-path:none;width:auto;height:auto;overflow:visible;padding:24px var(--gutter) 20px;margin:0;background:#f0f5f6}
.work .showcase-heading h2{font-size:1.4rem;line-height:1.2}
.work .work-sticky{height:100svh;display:flex;flex-direction:column}
.work .work-grid.accordion-gallery{flex:1;min-height:0}
.accordion-gallery .showcase-card .work-image{height:min(65svh,600px)}
.panel-note{font:700 .6875rem/1.5 'Barlow',Arial,sans-serif!important;letter-spacing:.12em;color:#2a6578!important;margin:0 0 16px!important}
.showcase-copy h3{margin-bottom:22px!important}
.showcase-copy .showcase-lead{font-size:1.0625rem!important;line-height:1.6!important;font-weight:500;max-width:38ch}
.service-details{margin-top:24px}
.mockup-equipment,.mockup-water,.mockup-setup{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:24px;padding:32px;background:#e4eef1;color:#0d2029;border-top:3px solid #5ba9c1}
.diagram-caption{font:700 .6875rem/1.5 'Barlow',Arial,sans-serif;letter-spacing:.14em;color:#2a6578}
.equipment-names{display:flex;flex-direction:column;gap:24px;padding:20px 0}
.equipment-names>span{font-family:'Russo One',Arial,sans-serif;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:400;line-height:1.2}
.equipment-names>span:nth-child(even){color:#2b6d82}
.diagram-footer{font:500 .8rem/1.5 'Barlow',Arial,sans-serif;color:#365660;border-top:1px solid #b8d0d9;padding-top:18px}
.water-brands{display:flex;flex-direction:column;gap:20px}
.water-brands>span{font:400 clamp(1.6rem,3vw,2.8rem)/1.2 'Russo One',Arial,sans-serif}
.water-brands small{font:500 1rem/1.4 'Barlow',Arial,sans-serif}.water-brands strong{font-weight:400;color:#2b6d82}
.water-flow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #b8d0d9;padding-top:24px;font:600 .875rem/1.4 'Barlow',Arial,sans-serif}
.water-flow b{color:#de263a;transform:rotate(-90deg)}
.setup-graphic{display:flex;flex-direction:column;gap:0;padding:16px 0}
.setup-machine{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;align-items:end;padding:0 18px}
.setup-machine>span{background:#fff;border:2px solid #142e39;border-top:4px solid #de263a;padding:34px 8px 16px;text-align:center;font:600 .875rem/1.3 'Barlow',Arial,sans-serif}
.setup-machine>span:last-child{padding-top:20px;border-top-color:#5ba9c1}
.setup-counter{height:12px;background:#142e39}
.setup-connections{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px 18px 20px;border-inline:2px solid #142e39;border-bottom:2px solid #142e39}
.setup-connections>div{display:flex;flex-direction:column;gap:6px;font-family:'Barlow',Arial,sans-serif}.setup-connections strong{font-size:1rem}.setup-connections small{font-size:.8rem}
.connection-dot{height:10px;width:10px;border-radius:50%;background:#5ba9c1;margin-bottom:4px}.connection-dot.power{background:#de263a}
.contact h2{font-size:clamp(2.7rem,5vw,5rem)}
@media(max-width:1100px){.landing-brands{grid-template-columns:1fr}.landing .hero-copy h1{font-size:clamp(2rem,4.2vw,3.5rem)}}
@media(max-width:900px){
 .work .work-sticky{height:auto;min-height:100svh;padding-top:20px}
 .work .showcase-heading{padding:0 20px 12px;margin:0}
 .work .work-grid.accordion-gallery{flex:0 0 var(--mobile-gallery-height);height:var(--mobile-gallery-height)}
 .mobile-service-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mobile-service-tabs button{font-size:.75rem}
 .accordion-gallery .showcase-card .work-image{height:100%}
 .panel-note{font-size:.6rem!important;letter-spacing:.08em;margin-bottom:10px!important}
 .showcase-copy h3{margin-bottom:12px!important}
 .showcase-copy .showcase-lead{font-size:.9375rem!important;line-height:1.5!important}
 .service-details{margin-top:16px}
 .mockup-equipment,.mockup-water,.mockup-setup{padding:20px;gap:14px}
 .equipment-names{gap:14px;padding:10px 0}.equipment-names>span{font-size:1.25rem}
 .diagram-caption{font-size:.625rem}.diagram-footer{font-size:.6875rem;padding-top:12px}
 .water-brands{gap:16px}.water-brands>span{font-size:1.65rem}.water-brands small{font-size:.875rem}
 .water-flow{padding-top:14px;font-size:.7rem;gap:5px}
 .setup-machine>span{font-size:.75rem;padding:24px 4px 12px}.setup-machine>span:last-child{padding-top:12px}
 .setup-connections{padding:20px 12px 14px;gap:12px}.setup-connections strong{font-size:.875rem}.setup-connections small{font-size:.7rem}
}
@media(max-width:650px){
 .landing .header .brand{width:min(340px,100%)}
 .landing .hero-layout{grid-template-columns:1fr;gap:22px}
 .landing .hero-copy h1{font-size:clamp(1.8rem,7.8vw,2.7rem);line-height:1.12;margin-bottom:18px}
 .landing .hero-copy>p:not(.landing-kicker){font-size:1rem;line-height:1.5}
 .landing .hero-film{height:170px}
 .landing .hero-actions .button{font-size:.8rem;padding-inline:12px}
 .landing .hero-actions{grid-template-columns:1fr 1fr}
 .landing .hero-actions .hero-contact{gap:6px}
}
@media(max-width:360px){.landing .hero-copy h1{font-size:1.55rem}.landing .hero-actions .button{font-size:.7rem;padding-inline:9px;gap:6px}.mobile-service-tabs button{font-size:.66rem}.water-brands>span{font-size:1.35rem}.water-flow{font-size:.6rem}.water-brands small{font-size:.75rem}}

/* Two-line hero and matching action buttons. */
.landing .hero-copy{container-type:inline-size}
.landing .hero-copy h1{font-size:clamp(1rem,6.6cqw,3.2rem);line-height:1.14}
.landing .hero-copy h1>.hero-heading-line{display:block;white-space:nowrap;color:#f0f5f6}
.landing .hero-copy h1 .hero-precision{color:#5BA9C1}
.landing .hero-copy h1 .hero-sales{color:#DE263A}
.landing .hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:480px}
.landing .hero .hero-actions .button{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;height:52px;min-height:52px;padding:12px 16px;border:1px solid transparent;border-radius:2px;font-family:'Barlow',Arial,sans-serif;font-weight:700;font-size:.875rem;line-height:1.2;letter-spacing:.035em;gap:10px;background:#5BA9C1;color:#000;text-decoration:none}
.landing .hero .hero-actions .hero-contact{background:#DE263A;color:#fff}
.landing .hero .hero-actions .button:hover{background:#83c3d6;color:#000}
.landing .hero .hero-actions .hero-contact:hover{background:#bd1d2e;color:#fff}
.landing .hero .hero-actions .button>span{font-size:1rem;line-height:1;flex:0 0 auto}
@media(max-width:650px){.landing .hero .hero-actions{gap:8px}.landing .hero .hero-actions .button{padding:12px 10px;font-size:.8rem;letter-spacing:0;gap:6px}}
@media(max-width:360px){.landing .hero .hero-actions .button{font-size:.7rem;padding-inline:9px}}

/* Manufacturer logos replace the typed brand strip. */
.landing-brands .landing-brand-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(16px,2.5vw,40px)}
.landing-brands .landing-brand-list li{display:flex;align-items:center;justify-content:center;min-width:0;height:60px;grid-column:auto}
.landing-brands .landing-brand-list img{display:block;width:100%;max-width:160px;height:auto;max-height:42px;object-fit:contain;filter:brightness(0) invert(1)}
.landing-brands .landing-brand-list .banner-brand-mazzer img{max-width:138px}
.landing-brands .landing-brand-list .banner-brand-mahlkoenig img{max-width:110px;max-height:60px;filter:none}
@media(max-width:650px){
 .landing-brands .landing-brand-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 20px}
 .landing-brands .landing-brand-list li{grid-column:span 2;height:42px}
 .landing-brands .landing-brand-list li:nth-child(4){grid-column:2/span 2}
 .landing-brands .landing-brand-list li:nth-child(5){grid-column:4/span 2}
 .landing-brands .landing-brand-list img{max-height:30px;max-width:120px}
 .landing-brands .landing-brand-list .banner-brand-mahlkoenig img{max-height:42px;max-width:85px}
 .landing-brands .landing-brand-list .banner-brand-mazzer img{max-width:95px}
}

/* Two service categories, with scheduled filtration maintenance and equipment acquisition. */
.showcase-copy .service-specialties{font-size:.875rem;line-height:1.6;color:#425c66;margin-top:12px;max-width:45ch}
.showcase-copy .service-filter-brands{font-size:.75rem;line-height:1.6;color:#365b69;margin-top:16px;max-width:48ch}
.mockup-equipment-summary{gap:24px;justify-content:space-between}
.mockup-equipment-summary .equipment-names{gap:18px;padding:24px 0 0}
.mockup-equipment-summary .equipment-names>span{font-size:clamp(1.15rem,1.8vw,1.75rem)}
.equipment-water{border-top:1px solid #b8d0d9;padding-top:22px}
.equipment-water-brands{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:18px;font:700 1rem/1.4 'Barlow',Arial,sans-serif}
.equipment-water-brands small{font-size:.75rem;font-weight:500}
@media(max-width:900px){
 .mobile-service-tabs{grid-template-columns:repeat(var(--service-tab-count,2),minmax(0,1fr))}
 .mobile-service-tabs button{font-size:.8125rem}
 .showcase-copy .service-specialties{font-size:.75rem;line-height:1.45;margin-top:10px}
 .showcase-copy .service-filter-brands{font-size:.6875rem;line-height:1.5;margin-top:12px}
 .mockup-equipment-summary{gap:16px}
 .mockup-equipment-summary .equipment-names{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:18px 0 0}
 .mockup-equipment-summary .equipment-names>span{font-size:.95rem}
 .equipment-water{padding-top:14px}
 .equipment-water-brands{gap:10px 14px;margin-top:12px;font-size:.875rem}
 .equipment-water-brands small{font-size:.6875rem}
}
@media(max-width:360px){.mockup-equipment-summary .equipment-names>span{font-size:.8125rem}.equipment-water-brands{font-size:.75rem}.equipment-water-brands small{font-size:.625rem}}

/* Matching copy structure and baseline spacing across Service and Equipment. */
.accordion-gallery .showcase-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:center;align-items:start}
.accordion-gallery .showcase-copy>h3{margin:0!important;min-height:var(--gallery-title-height,0px)}
.accordion-gallery .showcase-copy>.showcase-lead{margin:0!important;min-height:var(--gallery-summary-height,0px);max-width:none;font-size:1.0625rem!important;line-height:1.6!important}
.accordion-gallery .showcase-copy>.service-details{margin:0!important}
.accordion-gallery .service-details li:nth-child(1){min-height:var(--gallery-bullet-1,0px)}
.accordion-gallery .service-details li:nth-child(2){min-height:var(--gallery-bullet-2,0px)}
.accordion-gallery .service-details li:nth-child(3){min-height:var(--gallery-bullet-3,0px)}
.accordion-gallery .showcase-copy>.service-contact{margin:0!important;min-height:48px;width:230px;max-width:100%;padding:12px 16px;font-size:.8125rem}
.mobile-service-actions>.service-contact{width:230px;max-width:100%;min-height:48px;padding:12px 16px}
@media(max-width:900px){.accordion-gallery .showcase-copy{gap:14px;align-content:start}.accordion-gallery .showcase-copy>.showcase-lead{font-size:.9375rem!important;line-height:1.5!important}}

/* Service availability shares the inquiry row without entering the summary. */
.accordion-gallery .showcase-copy>.service-details{min-height:var(--gallery-list-height,0px)}
.panel-service-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px}
.accordion-gallery .panel-service-actions>.service-contact{margin:0;min-height:48px;width:230px;max-width:56%;padding:12px 16px;font-size:.8125rem}
.emergency-note{font:500 .75rem/1.4 'Barlow',Arial,sans-serif;color:#425c66;text-align:right;max-width:180px}
.emergency-note[hidden]{display:none!important}
@media(max-width:900px){
 .accordion-gallery .panel-service-actions{display:none}
 .mobile-service-actions{align-items:center;justify-content:space-between;gap:16px}
 .mobile-service-actions>.service-contact{width:230px;max-width:56%;padding-inline:12px}
 .mobile-service-actions>.emergency-note{font-size:.6875rem;max-width:140px}
}

/* Three aligned rows of manufacturer artwork with original proportions. */
.accordion-gallery .showcase-card .equipment-logo-panel{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:24px;padding:42px 36px;background:#fff;isolation:isolate}
.equipment-logo-row{display:grid;align-items:center;gap:24px;min-width:0;min-height:0}
.machine-logo-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.grinder-logo-row{grid-template-columns:repeat(2,minmax(0,1fr));width:70%;justify-self:center;gap:44px}
.water-logo-row{grid-template-columns:minmax(0,.75fr) minmax(0,1.15fr) minmax(0,.9fr) minmax(0,1.45fr);border-top:1px solid #dce7eb;padding-top:24px;gap:18px}
.equipment-logo{min-width:0;display:flex;align-items:center;justify-content:center;height:100%}
.accordion-gallery .equipment-logo-panel img{display:block;width:100%;height:64px;object-fit:contain;filter:none;background:transparent}
.accordion-gallery .equipment-logo-panel .logo-mahlkoenig img{height:92px;max-width:165px}
.accordion-gallery .water-logo-row img{height:48px}
.water-logo-row .logo-3m{flex-direction:column;gap:6px}
.accordion-gallery .water-logo-row .logo-3m img{height:32px;width:auto;max-width:100%}
.water-logo-row .logo-3m span{font:500 .6875rem/1.2 'Barlow',Arial,sans-serif;color:#344951}
@media(max-width:900px){
 .accordion-gallery .showcase-card .equipment-logo-panel{padding:24px 20px;gap:16px}
 .equipment-logo-row{gap:16px}
 .grinder-logo-row{width:70%;gap:32px}
 .accordion-gallery .equipment-logo-panel img{height:36px}
 .accordion-gallery .equipment-logo-panel .logo-mahlkoenig img{height:56px;max-width:100px}
 .water-logo-row{padding-top:16px;gap:14px}
 .accordion-gallery .water-logo-row img{height:32px}
 .accordion-gallery .water-logo-row .logo-3m img{height:22px}
 .water-logo-row .logo-3m{gap:4px}
 .water-logo-row .logo-3m span{font-size:.5625rem}
}
@media(max-width:360px){
 .accordion-gallery .showcase-card .equipment-logo-panel{padding:18px 14px;gap:12px}
 .equipment-logo-row{gap:12px}
 .grinder-logo-row{gap:24px}
 .accordion-gallery .equipment-logo-panel img{height:30px}
 .accordion-gallery .equipment-logo-panel .logo-mahlkoenig img{height:48px}
 .water-logo-row{padding-top:12px;gap:10px}
 .accordion-gallery .water-logo-row img{height:26px}
 .accordion-gallery .water-logo-row .logo-3m img{height:18px}
 .water-logo-row .logo-3m span{font-size:.5rem}
}

/* One general services page: two manufacturer bars and all services in view. */
html{scroll-snap-type:none;scroll-padding-top:0}
.landing{min-height:100svh;background:#000}
.landing .hero{min-height:0;display:flex;align-items:center;flex:1 0 auto}
.work.section.unified-work{display:block;position:relative;height:auto;min-height:100svh;padding:0;overflow:visible;background:#f0f5f6}
.service-brand-bars .landing-brands{border-bottom:1px solid #253239;padding-block:18px;gap:32px;grid-template-columns:210px minmax(0,1fr)}
.service-brand-bars .landing-brand-list{width:100%;margin:0;padding:0}
.service-brand-bars .water-brand-banner{border-top:0}
.service-brand-bars .water-brand-banner .landing-brand-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.service-brand-bars .water-brand-banner .landing-brand-list li{height:48px}
.service-brand-bars .water-brand-banner .landing-brand-list img{height:auto;max-height:36px;max-width:150px;width:100%;object-fit:contain}
.service-brand-bars .water-brand-banner .banner-water-3m{flex-direction:column;gap:4px}
.service-brand-bars .water-brand-banner .banner-water-3m img{width:auto;height:28px;filter:none}
.service-brand-bars .water-brand-banner .banner-water-3m span{font:500 .625rem/1.2 'Barlow',Arial,sans-serif;color:#c6d1d6}
.service-brand-bars .water-brand-banner .banner-water-bwt img{max-width:100px}
.service-brand-bars .water-brand-banner .banner-water-shurflo img{max-width:180px}
.unified-services{max-width:1560px;margin:0 auto;padding:clamp(36px,5svh,56px) var(--gutter) clamp(40px,6svh,64px)}
.unified-services-intro{max-width:780px;margin-bottom:32px}
.unified-services-intro h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.unified-services-intro p{font:500 1.0625rem/1.6 'Barlow',Arial,sans-serif;color:#344951;max-width:72ch}
.unified-service-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,88px)}
.unified-service-group{display:grid;grid-template-rows:auto 1fr auto;gap:18px;min-width:0}
.unified-service-group h3{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.3;margin:0}
.unified-service-group .service-details{display:block;margin:0;padding:0;list-style:none}
.unified-service-group .service-details li{min-height:48px;padding:12px 0 12px 20px;font:400 1rem/1.5 'Barlow',Arial,sans-serif;border-top:1px solid #c5d5db;position:relative}
.unified-service-group .service-details li::before{content:'';display:block;position:absolute;left:0;top:calc(12px + .75em - 1px);width:12px;height:2px;background:#5ba9c1;margin:0}
.unified-service-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px;min-width:0}
.unified-service-actions .service-contact{display:flex;align-items:center;justify-content:space-between;width:230px;max-width:60%;min-height:48px;margin:0;padding:12px 16px;font-size:.8125rem}
.unified-service-actions .emergency-note{flex:0 1 175px;max-width:175px}
@media(max-width:1100px){
 .service-brand-bars .landing-brands{grid-template-columns:1fr;gap:12px}
 .service-brand-bars .landing-brands-intro{display:block}
 .service-brand-bars .landing-brands h2{margin:0}
}
@media(max-width:700px){
 .service-brand-bars .landing-brands{padding:18px 20px;gap:14px}
 .service-brand-bars .landing-brand-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 18px}
 .service-brand-bars .landing-brand-list li{grid-column:span 2;height:36px}
 .service-brand-bars .landing-brand-list li:nth-child(4){grid-column:2/span 2}
 .service-brand-bars .landing-brand-list li:nth-child(5){grid-column:4/span 2}
 .service-brand-bars .landing-brand-list img{max-height:28px}
 .service-brand-bars .landing-brand-list .banner-brand-mahlkoenig img{max-height:36px;max-width:75px}
 .service-brand-bars .water-brand-banner .landing-brand-list{grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr) minmax(0,1.15fr) minmax(0,.9fr);gap:14px}
 .service-brand-bars .water-brand-banner .landing-brand-list li{grid-column:auto;height:36px}
 .service-brand-bars .water-brand-banner .landing-brand-list img{max-height:26px}
 .service-brand-bars .water-brand-banner .banner-water-3m img{height:22px}
 .service-brand-bars .water-brand-banner .banner-water-3m span{font-size:.5rem}
 .unified-services{padding:32px 20px 40px}
 .unified-services-intro{margin-bottom:28px}
 .unified-services-intro h2{font-size:1.75rem;margin-bottom:12px}
 .unified-services-intro p{font-size:1rem;line-height:1.5}
 .unified-service-columns{grid-template-columns:1fr;gap:36px}
 .unified-service-group{gap:16px}
 .unified-service-group h3{font-size:1.2rem}
 .unified-service-group .service-details li{font-size:.9375rem;padding-block:11px;line-height:1.5}
 .unified-service-group .service-details li::before{top:calc(11px + .75em - 1px)}
 .unified-service-actions .service-contact{max-width:56%;padding-inline:12px}
 .unified-service-actions .emergency-note{font-size:.6875rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared inquiry action with the original chapter glide/reveal. */
.service-brand-bars .water-brand-banner>.landing-brand-list{grid-column:2}
.unified-service-group{grid-template-rows:auto 1fr}
.unified-page-action{margin-top:28px}
@media(max-width:1100px){.service-brand-bars .water-brand-banner>.landing-brand-list{grid-column:1}}
@media(max-width:700px){.unified-page-action{margin-top:24px}}

/* One shared equipment strip: landing footer, then the services header. */
.shared-service-chapters{display:block;overflow:visible}
.shared-service-chapters>.landing{min-height:calc(100svh - var(--equipment-brand-height,96px))}
.shared-equipment-bar{position:sticky;top:0;z-index:5;background:#080b0d;isolation:isolate;overflow-anchor:none}
.shared-equipment-bar .landing-brands{margin:0}
.shared-service-chapters>.work.section.unified-work{min-height:calc(100svh - var(--equipment-brand-height,96px))}
.chapter-navigation .water-brand-banner{opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.chapter-navigation[data-active-section="1"] .water-brand-banner{opacity:1;visibility:visible;transform:none}
@media(prefers-reduced-motion:reduce){.chapter-navigation .water-brand-banner{transition:none;transform:none}}
.shared-service-chapters{overflow-anchor:none}

/* Static shared strip and a single-screen horizontal desktop services layout. */
.shared-equipment-bar{position:static;top:auto;z-index:auto}
@media(min-width:901px){
 .shared-equipment-bar .landing-brands{padding-block:14px}
 .shared-equipment-bar .landing-brand-list li{height:44px}
 .shared-equipment-bar .landing-brand-list img{max-height:32px}
 .shared-equipment-bar .landing-brand-list .banner-brand-mahlkoenig img{max-height:44px}
 .shared-service-chapters>.work.section.unified-work{height:calc(100svh - var(--equipment-brand-height,74px));min-height:0;display:flex;flex-direction:column;overflow:visible}
 .unified-work>.service-brand-bars{flex:0 0 auto}
 .unified-work .water-brand-banner{padding-block:10px}
 .unified-work .water-brand-banner .landing-brand-list li{height:38px}
 .unified-work .water-brand-banner .landing-brand-list img{max-height:28px}
 .unified-work .water-brand-banner .banner-water-3m img{height:22px}
 .unified-work .water-brand-banner .banner-water-3m span{font-size:.5625rem}
 .unified-services{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr) minmax(0,1.1fr);column-gap:clamp(28px,3.5vw,56px);row-gap:26px;align-content:center;align-items:start;padding:28px var(--gutter) 32px}
 .unified-services-intro{margin:0;max-width:none}
 .unified-services-intro h2{font-size:clamp(1.55rem,2.2vw,2.1rem);line-height:1.2;margin:0 0 16px}
 .unified-services-intro p{font-size:1rem;line-height:1.55}
 .unified-service-columns{display:contents}
 .unified-service-group{gap:16px}
 .unified-service-group h3{font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.3}
 .unified-service-group .service-details li{min-height:0;padding-block:10px;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.45}
 .unified-service-group .service-details li::before{top:calc(10px + .725em - 1px)}
 .unified-page-action{grid-column:1/-1;margin:0;padding-top:4px}
}
@media(min-width:901px) and (max-height:700px){
 .shared-equipment-bar .landing-brands{padding-block:10px}
 .shared-equipment-bar .landing-brand-list li{height:38px}
 .shared-equipment-bar .landing-brand-list img{max-height:28px}
 .shared-equipment-bar .landing-brand-list .banner-brand-mahlkoenig img{max-height:38px}
 .unified-work .water-brand-banner{padding-block:8px}
 .unified-work .water-brand-banner .landing-brand-list li{height:32px}
 .unified-services{padding-block:18px;row-gap:18px;column-gap:28px}
 .unified-services-intro h2{font-size:1.6rem;margin-bottom:12px}
 .unified-services-intro p{font-size:.9375rem;line-height:1.45}
 .unified-service-group{gap:12px}
 .unified-service-group h3{font-size:1.1rem}
 .unified-service-group .service-details li{padding-block:8px;font-size:.875rem;line-height:1.4}
 .unified-service-group .service-details li::before{top:calc(8px + .7em - 1px)}
 .unified-page-action .service-contact{min-height:44px;padding-block:10px}
}

/* Brand bars use their full width after removing the text heading. */
.shared-equipment-bar .landing-brands{grid-template-columns:minmax(0,1fr)}
.shared-equipment-bar .landing-brand-list{grid-column:1/-1}
.service-brand-bars .water-brand-banner{grid-template-columns:minmax(0,1fr)}
.service-brand-bars .water-brand-banner>.landing-brand-list{grid-column:1/-1}

/* The two Request Service actions share one viewport position and size. */
:root{--chapter-action-gap:32px;--chapter-action-height:52px;--landing-action-width:min(480px,calc((100vw - 2 * var(--gutter) - clamp(32px,5vw,72px)) / 2));--request-action-width:calc((var(--landing-action-width) - 12px) / 2)}
@media(min-width:601px){
 .shared-service-chapters>.landing{position:relative}
 .landing .hero .hero-actions{position:absolute;left:var(--gutter);bottom:var(--chapter-action-gap);width:var(--landing-action-width);max-width:none;z-index:1}
 .landing .hero{padding-bottom:calc(var(--chapter-action-height) + var(--chapter-action-gap) + 20px)}
 .unified-services{padding-bottom:calc(var(--equipment-brand-height) + var(--chapter-action-gap) + var(--chapter-action-height) + 24px)}
 .unified-page-action{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(var(--equipment-brand-height) + var(--chapter-action-gap));margin:0;padding:0}
 .unified-page-action .service-contact{width:var(--request-action-width);max-width:none;min-height:var(--chapter-action-height);height:var(--chapter-action-height);padding:12px 16px;font-size:.875rem;line-height:1.2;letter-spacing:.035em}
}
/* Keep a half-width desktop window composed as a single readable section. */
@media(min-width:601px) and (max-width:900px){
 .shared-equipment-bar .landing-brands{padding-block:10px;gap:0}
 .shared-equipment-bar .landing-brand-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
 .shared-equipment-bar .landing-brand-list li,.shared-equipment-bar .landing-brand-list li:nth-child(n){grid-column:auto;height:36px}
 .shared-equipment-bar .landing-brand-list img{max-height:26px;max-width:120px}
 .shared-equipment-bar .landing-brand-list .banner-brand-mahlkoenig img{max-height:36px;max-width:70px}
 .shared-service-chapters>.work.section.unified-work{height:calc(100svh - var(--equipment-brand-height));min-height:0;display:flex;flex-direction:column}
 .unified-work>.service-brand-bars{flex:0 0 auto}
 .unified-work .water-brand-banner{padding-block:8px}
 .unified-work .water-brand-banner .landing-brand-list li{height:30px}
 .unified-work .water-brand-banner .landing-brand-list img{max-height:26px}
 .unified-work .water-brand-banner .banner-water-3m img{height:20px}
 .unified-work .water-brand-banner .banner-water-3m span{font-size:.5rem}
 .unified-services{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:16px;align-content:center;padding:18px var(--gutter) calc(var(--equipment-brand-height) + var(--chapter-action-gap) + var(--chapter-action-height) + 24px)}
 .unified-services-intro{grid-column:1/-1;margin:0;max-width:none}
 .unified-services-intro h2{font-size:1.6rem;margin-bottom:10px}
 .unified-services-intro p{font-size:.9375rem;line-height:1.45;max-width:72ch}
 .unified-service-columns{display:contents}
 .unified-service-group{gap:12px}
 .unified-service-group h3{font-size:1.1rem}
 .unified-service-group .service-details li{padding-block:8px;min-height:0;font-size:.875rem;line-height:1.4}
 .unified-service-group .service-details li::before{top:calc(8px + .7em - 1px)}
}
@media(min-width:601px) and (max-height:700px){
 :root{--chapter-action-gap:16px}
 .unified-services{padding-bottom:calc(var(--equipment-brand-height) + var(--chapter-action-gap) + var(--chapter-action-height) + 16px)}
}
@media(max-width:600px){
 .landing .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:center}
 .landing .hero-layout{display:contents}
 .landing .hero-copy{grid-row:1}
 .landing .hero .hero-actions{grid-row:2;position:static;max-width:480px;width:100%}
 .landing .hero-film{grid-row:3}
}

@media(max-width:600px){.unified-page-action{margin:0 20px 40px}.unified-services{padding-bottom:28px}}
@media(min-width:601px) and (max-width:900px){
 .landing .hero .hero-actions .button,.unified-page-action .service-contact{font-size:.8125rem;letter-spacing:0;padding-inline:10px;gap:8px}
}

/* One native page glide; no competing document easing or second banner slide. */
html{scroll-behavior:auto}
.chapter-navigation .water-brand-banner{transform:none;transition:opacity .35s ease,visibility 0s linear .35s}
.chapter-navigation[data-active-section="1"] .water-brand-banner{transform:none;transition-delay:0s}
@media(prefers-reduced-motion:reduce){.chapter-navigation .water-brand-banner{transition:none}}

/* Local full-motion review mode. Normal reduced-motion behavior is preserved. */
html[data-motion-preview="full"] .water-brand-banner{transition:opacity .35s ease,visibility 0s linear .35s}
html[data-motion-preview="full"][data-active-section="1"] .water-brand-banner{transition-delay:0s}

/* All button arrows share the same artwork, size, and stroke. */
.button>.button-arrow,.service-contact>.button-arrow,.inquiry-submit>.button-arrow{display:block;width:18px;height:18px;min-width:18px;flex:0 0 18px;align-self:center;stroke-width:1.75;pointer-events:none}

/* Services: a bold editorial heading above two open, color-coded columns. */
#work.unified-work{background:linear-gradient(120deg,#f7f9f9,#eaf2f5)}
#work .unified-services-intro{max-width:none;margin:0}
#work .unified-services-intro h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;letter-spacing:-.04em;margin:0;color:#101719}
#work .unified-services-intro h2>span{display:block}
#work .services-title-amp{color:#5ba9c1}
#work .unified-services-intro h2>.services-title-equipment{color:#de263a}
#work .unified-services-intro p{color:#344951;font-size:1.0625rem;line-height:1.55;max-width:58ch;margin:0}
#work .unified-service-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px)}
#work .unified-service-group{display:block;border-top:3px solid #de263a;padding-top:16px}
#work .unified-service-group+ .unified-service-group{border-color:#5ba9c1}
#work .unified-service-group h3{font-size:clamp(1.1rem,1.6vw,1.45rem);margin:0 0 14px;line-height:1.2}
#work .unified-service-group .service-details li{padding:9px 0 9px 19px;min-height:0;border-top:1px solid #cfdbdf;font-size:1rem;line-height:1.4}
#work .unified-service-group .service-details li::before{top:calc(9px + .7em - 1px);width:7px;height:2px;background:#de263a}
#work .unified-service-group+ .unified-service-group .service-details li::before{background:#5ba9c1}
#work .emergency-note{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#344951}
#work .emergency-note::before{content:'';display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#de263a}
@media(min-width:601px){
 #work .unified-services{grid-template-columns:minmax(0,1fr);row-gap:clamp(22px,3svh,34px);align-content:center;align-items:start}
 #work .unified-services-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
}
@media(min-width:601px) and (max-width:900px){
 #work .unified-services{row-gap:18px;padding-top:18px}
 #work .unified-services-intro{gap:24px}
 #work .unified-services-intro h2{font-size:clamp(1.9rem,4.6vw,2.6rem)}
 #work .unified-services-intro p{font-size:.875rem;line-height:1.4}
 #work .unified-service-columns{gap:28px}
 #work .unified-service-group{padding-top:12px}
 #work .unified-service-group h3{font-size:1.0625rem;margin-bottom:10px}
 #work .unified-service-group .service-details li{font-size:.875rem;line-height:1.4;padding-block:7px}
 #work .unified-service-group .service-details li::before{top:calc(7px + .7em - 1px)}
}
@media(min-width:901px) and (max-height:740px){
 #work .unified-services{row-gap:20px;padding-top:18px}
 #work .unified-services-intro h2{font-size:clamp(2.4rem,4vw,3.4rem)}
 #work .unified-services-intro p{font-size:.9375rem;line-height:1.45}
 #work .unified-service-group{padding-top:12px}
 #work .unified-service-group h3{font-size:1.125rem;margin-bottom:10px}
 #work .unified-service-group .service-details li{font-size:.875rem;padding-block:7px}
 #work .unified-service-group .service-details li::before{top:calc(7px + .7em - 1px)}
}
@media(max-width:600px){
 #work .unified-services{padding-top:30px;padding-bottom:30px}
 #work .unified-services-intro{display:block;margin-bottom:30px}
 #work .unified-services-intro h2{font-size:clamp(2.25rem,9vw,3.1rem);margin-bottom:22px}
 #work .unified-services-intro p{font-size:1rem;line-height:1.5}
 #work .unified-service-columns{grid-template-columns:minmax(0,1fr);gap:30px}
 #work .unified-service-group h3{font-size:1.1875rem}
 #work .unified-service-group .service-details li{font-size:.9375rem}
}

@media(min-width:601px) and (max-width:900px){
 #work .unified-services-intro h2{font-size:clamp(2.25rem,6vw,2.75rem)}
 .landing .hero .hero-actions .button,#work .unified-page-action .service-contact{font-size:.75rem;padding-inline:8px;gap:6px;white-space:nowrap}
}

/* The requested service-title colors and blue-background inquiry artwork. */
#work .unified-services-intro h2>.services-title-service{color:#de263a}
#work .services-title-amp{color:#000}
#work .unified-services-intro h2>.services-title-equipment{color:#5ba9c1}
.inquiry-brand-emblem{display:block;width:min(100%,620px);height:auto;object-fit:contain;margin:28px 0 0}
.inquiry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.inquiry-actions>.inquiry-submit,.inquiry-actions>.inquiry-phone{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:52px;margin:0;padding:12px 16px;border:0;border-left:3px solid #de263a;border-radius:2px;font:600 .9375rem/1.2 'Barlow',Arial,sans-serif;text-decoration:none}
.inquiry-actions>.inquiry-submit:disabled{background:#10252d;color:#fff;opacity:1;cursor:not-allowed}
.inquiry-actions>.inquiry-phone{background:#de263a;color:#fff;border-left-color:#10252d}
.inquiry-actions>.inquiry-phone:hover{background:#bc1e30;color:#fff;text-decoration:none}
.inquiry-actions>.inquiry-phone:focus-visible{outline:3px solid #10252d;outline-offset:4px}
.inquiry-phone>.button-arrow{display:block;width:18px;height:18px;min-width:18px;flex:0 0 18px;stroke-width:1.75;pointer-events:none}
.contact-footer .footer-brand{display:block;width:clamp(230px,24vw,340px);max-width:40%}
.contact-footer .footer-brand .brand-logo{display:block;width:100%;max-width:100%;height:auto;background:transparent;padding:0;border-radius:0}
@media(max-width:900px){
 .inquiry-brand-emblem{width:min(100%,420px);margin-top:14px}
 .contact-footer .footer-brand{width:230px;max-width:100%}
 .contact-footer{grid-template-columns:minmax(0,1fr) auto}
 .contact-footer .brand-logo{height:auto}
}
@media(max-width:760px){
 .inquiry-intro{display:grid;grid-template-columns:minmax(0,1fr) 150px;column-gap:16px;align-items:center}
 .inquiry-intro h2{grid-column:1;grid-row:1}
 .contact-layout>.inquiry-intro>p{grid-column:1;grid-row:2;font-size:.9375rem}
 .inquiry-brand-emblem{grid-column:2;grid-row:1/span 2;width:100%;margin:0}
 .inquiry-actions{gap:10px}
 .inquiry-actions>.inquiry-submit,.inquiry-actions>.inquiry-phone{font-size:.875rem;padding-inline:12px}
}
@media(max-width:420px){
 .inquiry-intro{grid-template-columns:minmax(0,1fr) 120px;gap:6px 10px}
 .inquiry-actions>.inquiry-submit,.inquiry-actions>.inquiry-phone{font-size:.8125rem;padding-inline:10px;gap:8px}
 .contact-footer .footer-brand{width:210px}
}

.contact-footer{grid-template-columns:minmax(230px,320px) minmax(0,1fr) auto}
.contact-footer .footer-brand{width:100%;max-width:100%}
@media(max-width:900px){.contact-footer{grid-template-columns:minmax(170px,230px) minmax(0,1fr) auto}}
@media(max-width:760px){
 .contact-footer{grid-template-columns:minmax(0,230px) auto}
 .contact-footer .footer-brand{grid-column:1;grid-row:1}
 .contact-footer>a:last-child{grid-column:2;grid-row:1;justify-self:end}
 .contact-footer p{grid-column:1/-1;grid-row:2;justify-self:start}
}

/* The inquiry intro returns to a simple text block after removing the large logo. */
.contact-layout>.inquiry-intro{display:block}
.inquiry-status[data-state="success"]{background:#eef8f5;color:#10252d;border-color:#10252d}
.inquiry-status[data-state="error"]{background:#fff0f1;color:#761421;border-color:#761421}

/* One viewport gutter, without applying it again inside a capped container. */
#work .unified-services{max-width:none;width:100%;min-width:0}
#work .unified-services-intro,#work .unified-service-columns,#work .unified-services-intro h2,#work .unified-services-intro p{min-width:0}
#work .unified-services-intro h2>.services-title-service{white-space:nowrap}
.contact-layout>.inquiry-intro>p{font-weight:600}
.form-intro[hidden]{display:none!important}
.inquiry-actions>.inquiry-phone{white-space:nowrap}
.footer-controls{display:flex;align-items:center;justify-content:flex-end;gap:22px;grid-column:3;grid-row:1;justify-self:end}
.footer-controls a{font-size:.75rem;font-weight:700;white-space:nowrap}
@media(min-width:601px) and (max-width:900px) and (max-height:660px){
 #work .unified-services{row-gap:12px;padding-top:12px}
 #work .unified-services-intro{grid-template-columns:minmax(0,1fr);gap:8px}
 #work .unified-services-intro h2{font-size:1.8rem;line-height:1.1;display:flex;gap:.22em;flex-wrap:wrap}
 #work .unified-services-intro p{font-size:.8125rem;line-height:1.35;max-width:none}
 #work .unified-service-group{padding-top:9px}
 #work .unified-service-group h3{font-size:1rem;margin-bottom:8px}
 #work .unified-service-group .service-details li{font-size:.8125rem;padding-block:5px;line-height:1.35}
 #work .unified-service-group .service-details li::before{top:calc(5px + .675em - 1px)}
}
@media(min-width:601px) and (max-height:520px){
 .shared-service-chapters>#work.work.section.unified-work{height:auto;min-height:calc(100svh - var(--equipment-brand-height))}
 #work .unified-services{flex:none;padding-bottom:28px}
 #work .unified-page-action{position:static;margin:0 var(--gutter) 24px}
}
@media(max-width:760px){
 .footer-controls{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-end;gap:2px}
 .inquiry-actions>.inquiry-phone{font-size:.8125rem;gap:6px;padding-inline:10px}
}
@media(max-width:420px){
 .inquiry-actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px}
 .inquiry-actions>.inquiry-phone{font-size:.75rem;padding-inline:8px;gap:5px}
 .footer-controls a, .contact-footer{grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
}

@media(min-width:901px) and (max-width:1100px) and (max-height:660px){
 #work .unified-services{row-gap:14px;padding-top:12px}
 #work .unified-services-intro{grid-template-columns:minmax(0,1fr);gap:8px}
 #work .unified-services-intro h2{font-size:2rem;line-height:1.1;display:flex;flex-wrap:wrap;gap:.22em}
 #work .unified-services-intro p{font-size:.875rem;line-height:1.4;max-width:none}
}

@media(max-width:360px){
 .inquiry-actions{grid-template-columns:minmax(0,1fr)}
 .inquiry-actions>.inquiry-submit,.inquiry-actions>.inquiry-phone{font-size:.875rem;padding-inline:16px;white-space:nowrap}
}

.equipment-gallery-link{display:inline-flex;align-items:center;gap:12px}.equipment-gallery-link:hover{color:#33788e}.equipment-gallery-link>.button-arrow{display:block;width:18px;height:18px;flex:0 0 18px}

/* Contact is revealed by links, never by scrolling beyond Our Work. */
#contact[hidden]{display:none!important}

/* Dedicated gallery action; separate service pages stay in local review. */
.work-action-buttons{display:flex;align-items:center;gap:14px;min-width:0}
#work .work-action-buttons>.service-contact{max-width:none;flex:0 1 var(--request-action-width,230px)}
#work .work-action-buttons>.equipment-gallery-button{background:#de263a;color:white;border-left-color:#5ba9c1}
#work .work-action-buttons>.equipment-gallery-button:hover{background:#bb1c2e}
@media(max-width:700px){#work .unified-page-action{flex-wrap:wrap;gap:14px}.work-action-buttons{width:100%;gap:10px}#work .work-action-buttons>.service-contact{width:calc((100% - 10px)/2);flex:1 1 0;min-width:0;font-size:.8125rem;padding-inline:10px}#work .unified-page-action>.emergency-note{margin-left:auto}}
@media(max-width:360px){#work .work-action-buttons>.service-contact{font-size:.75rem;gap:6px}}