/* Extension of Sakellariou's approved material / cyan identity. */
.brand-type{font-size:14px;letter-spacing:.04em;line-height:1.2}
.brand-type>span{color:var(--blue-ink);font-size:12px;font-weight:700;letter-spacing:.16em;margin-top:6px}
.hero-stage{min-height:700px}
.hero-copy{padding-top:44px;max-width:530px}
.hero h1{font-size:clamp(92px,8.3vw,122px);line-height:.92}
.hero-intro{max-width:370px;margin-top:24px}
.hero-art{width:900px;height:600px;top:86px;right:-10px}
.service-nav>.shell{grid-template-columns:repeat(3,1fr)}
.service-nav a{font-size:27px}
.services-layout{grid-template-columns:.85fr 1.8fr;gap:70px}
.service-intro h2{font-size:clamp(48px,4.3vw,62px)}
.service-groups{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.service-group>h3{font-family:Manrope,sans-serif;font-size:13px;line-height:1.5;font-weight:700;padding-bottom:20px;border-bottom:1px solid #122a3366;margin-bottom:24px}
.service h4{font-family:var(--display);font-size:34px;line-height:1.1;letter-spacing:-.01em}
.service h4 a{display:flex;align-items:start;justify-content:space-between;gap:15px}
.service h4 svg{width:23px;height:23px;flex-shrink:0;margin-top:6px}
.service p{font-size:13px;line-height:1.7;margin-top:13px}
.product-teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-block:95px;border-bottom:1px solid var(--line)}
.product-teaser h2{font-size:clamp(48px,4.6vw,68px);line-height:1.02}
.product-teaser p{font-size:16px;line-height:1.8;max-width:420px;color:var(--muted);margin-block:25px}
.product-teaser .text-link{margin-top:8px}
.work-note h3{font-size:45px}
.product-jump{display:flex;flex-wrap:wrap;gap:0 32px;padding-bottom:35px;border-bottom:1px solid var(--line)}
.product-jump a{font-size:13px;display:flex;align-items:center;gap:14px;min-height:44px}
.product-jump a:hover,.product-service-link:hover{text-decoration:underline;text-underline-offset:4px}
.product-jump svg{width:18px;height:18px;transform:rotate(90deg)}
.product-category{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-block:65px;border-bottom:1px solid var(--line);scroll-margin-top:30px}
.product-category:last-child{border-bottom:0}
.product-description h2{font-size:clamp(43px,4.1vw,62px);max-width:500px}
.product-description>p{font-size:16px;line-height:1.8;margin-top:23px;color:var(--muted);max-width:470px}
.product-description>.product-detail{font-size:13px;margin-top:16px}
.product-enquiry{margin-top:24px}
.product-service-link{font-size:13px;display:flex;width:fit-content;align-items:center;gap:16px;margin-top:20px;min-height:32px;color:var(--muted)}
.product-service-link svg{width:19px;height:19px}
.product-selection{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:55px 90px;border-top:1px solid var(--line)}
.product-selection p{font-size:16px;line-height:1.8;color:var(--muted);max-width:500px}
.page-heatPump .detail-opening .application-photo>img,.page-waterTreatment .detail-opening .application-photo>img,.page-solar .detail-opening .application-photo>img{height:auto;aspect-ratio:3/2}
.page-heatPump .detail-opening,.page-waterTreatment .detail-opening,.page-solar .detail-opening{align-items:center}
@media(min-width:761px) and (max-width:1120px){
 .hero h1{font-size:96px}.hero-art{width:700px;height:467px;top:225px;right:-10px}.hero-stage{min-height:730px}.hero-intro{max-width:350px}
 .services-layout{grid-template-columns:1fr;gap:45px}.service-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.service-intro h2{grid-row:1/3}.service-intro>p{margin-top:0;max-width:400px}.service-intro .text-link{width:fit-content}.service-groups{gap:60px}
 .product-teaser,.product-category{gap:45px}.work-note h3{font-size:36px}
 .detail-opening{gap:0 35px}.expanded-page h1{font-size:80px}
}
@media(max-width:760px){
 .brand-type{font-size:12px}.brand-type>span{font-size:11px;letter-spacing:.12em}
 #primary-nav{gap:18px;font-size:12px}
 .hero-stage{min-height:805px}.hero-copy{padding-top:36px;margin-left:0}.hero h1{font-size:86px;line-height:.92}.hero-intro{max-width:335px;font-size:14px;line-height:1.75;margin-top:24px}
 .hero-art{width:410px;height:274px;top:510px;right:-12px}.hero .button{gap:28px;margin-top:23px}
 .service-nav>.shell{display:block}.service-nav a,.service-nav a:first-child,.service-nav a:nth-child(2),.service-nav a:nth-child(3){padding:17px 0;border:0;border-bottom:1px solid #1685a44d;font-size:29px}.service-nav a:last-child{border-bottom:0}
 .services-layout{display:block}.service-intro h2{font-size:53px}.service-groups{grid-template-columns:1fr;gap:44px;margin-top:44px}.service-group>h3{margin-bottom:23px;padding-bottom:16px}.service-list{margin-top:0}.service h4{font-size:37px}.service p{font-size:14px}
 .product-teaser{grid-template-columns:1fr;gap:30px;padding-block:55px}.product-teaser h2{font-size:52px}.product-teaser p{font-size:14px;margin-block:21px}.product-teaser .text-link{font-size:14px}
 .work-note h3{font-size:33px}.work-more{grid-column:1/-1}
 .mobile-call>span{display:block;font-size:12px;line-height:1.5}.mobile-call strong{display:block;font-size:14px}
 .product-jump{gap:0 22px;padding-bottom:24px}.product-jump a{font-size:12px}
 .product-category{grid-template-columns:1fr;gap:25px;padding-block:40px;scroll-margin-top:16px}.product-description h2{font-size:48px}.product-description>p{font-size:14px;margin-top:19px}.product-description>.product-detail{font-size:12px}.product-enquiry{font-size:13px;margin-top:18px}.product-service-link{font-size:12px}
 .product-selection{grid-template-columns:1fr;gap:22px;padding-block:37px 50px}.product-selection p{font-size:14px}
 .page-heatPump .detail-opening .application-photo>img,.page-waterTreatment .detail-opening .application-photo>img,.page-solar .detail-opening .application-photo>img{height:auto}
}
@media(min-width:470px) and (max-width:760px){.hero-stage{min-height:845px}.hero h1{font-size:100px}.hero-art{width:490px;height:327px;top:500px;right:0}}
@media(max-width:360px){.hero h1{font-size:74px}.hero-stage{min-height:770px}.hero-art{width:350px;height:234px;top:510px;right:-12px}.hero-intro{font-size:13px}.hero .button{font-size:13px;padding-inline:17px;gap:24px}.brand-type{font-size:11px}.brand-type>span{font-size:11px}.work-note{column-gap:16px;grid-template-columns:70px 1fr}.work-note h3{font-size:29px}.service h4{font-size:34px}}

.production-mark { width: 40px; height: 40px; display: inline-block; flex: none; }
.production-mark img { width: 100%; height: 100%; position: static; transform: none; display: block; }
.owner-logo.production-mark { width: 60px; height: 60px; }
.work-photo > img { display: block; width: 100%; height: auto; }
@media (max-width: 360px) { .brand .production-mark { width: 32px; height: 32px; } }