/* Static Business page: PC 529:1658 / SP 2303:12195. All rules are page scoped. */
.business-page{--business-unit:calc(100vw / 1440);overflow-x:clip}
.business-page .business-container{width:83.333333%;margin-inline:auto}
.business-page .business-fv{padding-top:198px;background:linear-gradient(#f4f6fc 7.833%,#fff 40.692%)}
.business-page .business-fv-head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:80px;border-bottom:1px solid #e6e8ea;margin-bottom:80px}
.business-page .business-title h1,.business-page .business-title h2{font-family:Zalando,sans-serif;font-weight:500;font-size:64px;line-height:1.2;letter-spacing:0}
.business-page .business-title-main h1{font-size:80px;line-height:1}
.business-page .business-title>p{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.4;color:#464c53;margin-top:8px}
.business-page .business-title>p:before{content:'';width:16px;height:2px;background:#27c1f8;flex:none}
.business-page .business-title-main>p{font-size:24px;line-height:1.2}
.business-page .business-breadcrumb{display:flex;gap:12px;font-size:14px;line-height:1.4;white-space:nowrap}
.business-page .business-breadcrumb span:last-child{color:#b1b8be}
.business-page .business-main-photo{display:block;width:100%;aspect-ratio:1200/530;border-radius:16px;overflow:hidden}
.business-page .business-main-photo img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.business-page .business-message{padding-block:120px 200px}
.business-page .business-eyebrow{font-size:16px;line-height:1.4;color:#27c1f8;margin-bottom:4px}
.business-page .business-message h2{font-size:48px;line-height:1.4;font-weight:700;letter-spacing:1px}
.business-page .business-message h2 .business-message-accent{color:#27c1f8}
.business-page .business-message>p:last-child{margin-top:24px;font-size:16px;line-height:1.8}
.business-page .business-mobile-break{display:none}
.business-page .business-flow{background:#33363d;color:#fff;border-radius:24px;padding:120px 8.333333%;}
.business-page .business-flow .business-title>p{color:#b1b8be}
.business-page .business-flow-body{display:grid;grid-template-columns:minmax(0,calc(600 * var(--business-unit))) minmax(0,calc(360 * var(--business-unit)));gap:calc(120 * var(--business-unit));justify-content:center;align-items:center;margin-top:80px}
.business-page .business-flow-diagram{display:block;width:100%;aspect-ratio:1}
.business-page .business-flow-diagram img{width:100%;height:100%;object-fit:contain}
.business-page .business-flow-list{position:static;height:auto;padding-top:calc(300 * var(--business-unit));overflow:visible;scrollbar-width:none}
.business-page .business-flow-list::-webkit-scrollbar{display:none}
.business-page .business-flow-list article+article{border-top:1px solid #ffffff20;padding-top:40px;margin-top:40px}
.business-page .business-flow-list h3{font-size:24px;line-height:1.4;font-weight:700;display:flex;align-items:center;gap:8px}
.business-page .business-flow-list h3:before{content:'';width:8px;height:2px;background:white;flex:none}
.business-page .business-flow-list p{font-size:16px;line-height:1.6;color:#e6e8ea;margin-top:8px}
.business-page .business-services{padding-block:120px}
.business-page .business-services-body{display:grid;grid-template-columns:200fr 860fr;gap:calc(140 * var(--business-unit));margin-top:100px}
.business-page .business-index{display:flex;flex-direction:column;gap:16px;font-size:14px;line-height:1.4}
.business-page .business-index>p{font-size:16px;font-weight:700;margin-bottom:8px}
.business-page .business-service-list{min-width:0;display:flex;flex-direction:column;gap:120px}
.business-page .business-service>header{padding-bottom:16px;border-bottom:1px solid #e6e8ea;margin-bottom:32px}
.business-page .business-service-eyebrow{display:flex;align-items:center;gap:16px;font-size:16px;line-height:1.4;color:#b1b8be;margin-bottom:8px}
.business-page .business-service-eyebrow>span{display:block;padding:4px 24px;border-radius:16px;background:#52cdf9;color:#fff;font-weight:700;text-align:center;min-width:72px}
.business-page #cleaning .business-service-eyebrow>span{background:#1f9ac6}
.business-page #water .business-service-eyebrow>span{background:#104d63}
.business-page .business-service h3{font-size:40px;line-height:1.4;font-weight:700}
.business-page .business-service-body{display:grid;grid-template-columns:400fr 404fr;gap:6.5%;align-items:start}
.business-page .business-service-photo{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden}
.business-page .business-service-photo img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.business-page #water .business-service-photo img{position:absolute;width:123.65%;height:123.87%;left:-2.25%;top:-7.48%;object-fit:cover}
.business-page #cleaning .business-service-photo{order:2}
.business-page .business-service-copy h4{font-size:24px;line-height:1.4;font-weight:700;margin:0 0 24px}
.business-page .business-service-copy p{font-size:16px;line-height:1.8}
.business-page .business-service-copy p+p{margin-top:1.8em}
.business-page .business-facilities{border-top:1px solid #e6e8ea;margin-top:100px;padding-top:100px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:100px}
.business-page .business-facilities>div:first-child>p{font-size:16px;line-height:1.4;color:#b1b8be;margin-bottom:8px}
.business-page .business-facilities h3{font-size:40px;line-height:1.4;white-space:nowrap;font-weight:700}
.business-page .business-facilities-body{min-width:0}
.business-page .business-facility-row{display:flex;gap:32px;overflow-x:auto;scrollbar-width:none;width:calc(100% + 8.333333vw)}
.business-page .business-facility-row::-webkit-scrollbar{display:none}
.business-page .business-facility{flex:0 0 400px}
.business-page .business-facility-photo{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;margin-bottom:16px}
.business-page .business-facility-photo img{width:100%;height:100%;object-fit:cover;object-position:bottom}
.business-page .business-facility:nth-child(2) img{position:absolute;width:174%;height:122.34%;left:-16.1%;top:-14.66%;object-fit:cover}
.business-page .business-facility:nth-child(3) img{position:absolute;width:124%;height:110.24%;left:-12%;top:.02%;object-fit:cover}
.business-page .business-facility h4{font-size:24px;line-height:1.4;margin:0 0 4px;font-weight:700}
.business-page .business-facility p{font-size:16px;line-height:1.8}
.business-page .business-facilities-indicator{margin-top:40px}






.business-page #contact .section-heading h2{letter-spacing:0}
/* Navigation switches at 1000px, where the two-column service layout loses readable text width. */
@media(max-width:1000px){
 .business-page .business-container{width:calc(100% - 48px)}
 .business-page .business-fv{padding-top:183px}
 .business-page .business-fv>.business-container{width:88%}
 .business-page .business-title h2{font-size:40px;line-height:1.2}
 .business-page .business-title-main h1{font-size:clamp(38px,12.8vw,48px)}
 .business-page .business-title>p,.business-page .business-title-main>p{font-size:16px;line-height:1.4;margin-top:4px}
 .business-page .business-fv-head{padding-bottom:40px;margin-bottom:40px}
 .business-page .business-breadcrumb,.business-page .business-index,.business-page .business-desktop-break{display:none}
 .business-page .business-mobile-break{display:inline}
 .business-page .business-main-photo{aspect-ratio:330/400}
 .business-page .business-message{padding-block:80px 160px}
 .business-page .business-eyebrow{font-size:14px;line-height:1.2;margin-bottom:8px}
 .business-page .business-message h2{font-size:32px;letter-spacing:0;line-height:1.4}
 .business-page .business-message>p:last-child{font-size:14px;line-height:1.8}
 .business-page .business-flow{padding:80px 24px 160px;border-radius:16px}
 .business-page .business-flow-body{display:flex;flex-direction:column;gap:80px;margin-top:80px}
 .business-page .business-flow-diagram{width:min(100%,420px);aspect-ratio:320/322}
 .business-page .business-flow-list{height:auto;padding:0;overflow:visible;width:100%}
 .business-page .business-flow-list article+article{padding-top:24px;margin-top:24px}
 .business-page .business-flow-list p{font-size:14px;line-height:1.8;margin-top:4px}
 .business-page .business-services{padding-block:80px 120px}
 .business-page .business-services-body{display:block;margin-top:40px}
 .business-page .business-service-list{gap:80px}
 .business-page .business-service>header{margin-bottom:16px}
 .business-page .business-service-eyebrow{gap:8px}
 .business-page .business-service-eyebrow>span{font-size:14px;padding:4px 16px;min-width:56px}
 .business-page .business-service h3{font-size:32px}
 .business-page .business-service-body{display:flex;flex-direction:column;gap:24px}
 .business-page .business-service-photo{width:100%}
 .business-page #cleaning .business-service-photo{order:0}
 .business-page #water .business-service-photo img{position:static;width:100%;height:100%;object-fit:cover}
 .business-page .business-service-copy h4{font-size:18px;margin-bottom:8px}
 .business-page .business-service-copy p{font-size:14px}
 .business-page .business-service-copy p+p{margin-top:0}
 .business-page .business-facilities{border:0;margin-top:80px;padding-top:0;display:block}
 .business-page .business-facilities h3{font-size:32px}
 .business-page .business-facilities-body{margin-top:32px}
 .business-page .business-facility-row{width:calc(100% + 24px);gap:16px}
 .business-page .business-facility{flex-basis:300px}
 .business-page .business-facility h4{font-size:18px}
 .business-page .business-facility p{font-size:14px}
 .business-page .business-facilities-indicator{margin-top:32px}
 .business-page .brand{width:207px;height:24px;flex:none}
}
/* Native photo crop from Figma's imageTransform. The photo keeps its source ratio. */
.business-page .business-main-photo{position:relative}
.business-page .business-main-photo img{position:absolute;width:108.9%;height:auto;max-width:none;left:-2.2%;top:-27.497%;transform:rotate(-2.184deg);transform-origin:top left}
@media(max-width:1000px){
 .business-page .business-main-photo img{width:181.818%;height:auto;left:-17.907%;top:0;transform:none}
 .business-page #water .business-service-photo img{position:absolute;width:123.65%;height:123.87%;left:-2.25%;top:-7.48%}
 .business-page .business-facility h4{font-size:24px}
 .business-page .business-facility p{font-size:16px}
 .business-page .business-facility-row{width:calc(100% + 24px)}
 .business-page .business-facilities-indicator{margin-top:40px}
 
}

/* PC index stays in its grid column and is bounded by the service content.
   Header B: 16px top inset + 76px height + 48px breathing room. */
@media(min-width:1001px){
}

/* CONTACT fit is independent of the page body breakpoint. */
@media(max-width:760px){
 .business-page #contact{display:flex;flex-direction:column;padding:40px 24px;gap:40px}
 .business-page #contact .contact-image{order:0;width:100%;height:auto;aspect-ratio:327/245}
 .business-page #contact .contact-copy{order:1;width:100%}
 .business-page #contact .section-heading h2{font-size:40px;line-height:1.2}
 .business-page #contact .section-heading>p{font-size:16px;line-height:1.4}
 .business-page #contact .contact-copy>p{font-size:16px;line-height:1.8}
 .business-page #contact .contact-button{height:67px;padding:16px;font-size:16px}
}
@media(min-width:761px) and (max-width:1000px){
 .business-page #contact[data-contact-layout="tablet"]{display:flex;flex-direction:column;padding:40px 24px;gap:40px}
 .business-page #contact[data-contact-layout="tablet"] .contact-image{order:0;width:100%;height:auto;aspect-ratio:327/245}
 .business-page #contact[data-contact-layout="tablet"] .contact-copy{order:1;width:100%}
 .business-page #contact[data-contact-layout="tablet"] .section-heading h2{font-size:40px;line-height:1.2}
 .business-page #contact[data-contact-layout="tablet"] .section-heading>p{font-size:16px;line-height:1.4}
 .business-page #contact[data-contact-layout="tablet"] .contact-copy>p{font-size:16px;line-height:1.8}
 .business-page #contact[data-contact-layout="tablet"] .contact-button{height:67px;padding:16px;font-size:16px}
}