/* Page hierarchy: location / category image / current page and local navigation. */
.hfp-inner { width:var(--sub-width); max-width:1200px; margin-inline:auto; }
.hfp-page-header { background:#fff; }
.hfp-path { position:relative; z-index:30; background:#001d3a; color:#fff; }
.hfp-path > .hfp-inner { display:flex; align-items:stretch; min-height:52px; }
.hfp-home { display:grid; place-items:center; flex:0 0 52px; color:#fff; border-inline:1px solid #ffffff20; }
.hfp-path-select { position:relative; min-width:210px; max-width:360px; border-right:1px solid #ffffff20; }
.hfp-path-select summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:28px; height:100%; min-height:52px; padding:12px 24px; color:#e0eaf2; font-size:14px; font-weight:500; cursor:pointer; }
.hfp-path-select summary::-webkit-details-marker { display:none; }
.hfp-path-select summary > span { font-size:20px; line-height:1; opacity:.65; }
.hfp-path-select[open] summary,.hfp-path-select summary:hover { background:#123e5e; color:#fff; }
.hfp-path-options { position:absolute; top:100%; left:0; width:max(100%,260px); max-width:min(360px,calc(100vw - 36px)); padding:8px; background:#fff; border:1px solid #d3e3ef; box-shadow:0 16px 36px #08283f25; border-radius:0 0 10px 10px; }
.hfp-path-options a { display:block; padding:13px 14px; font-size:14px; line-height:1.5; color:#5d778b; border-radius:5px; }
.hfp-path-options a:hover,.hfp-path-options a[aria-current] { color:#176db5; background:#edf5fa; }
.hfp-path-leaf { align-self:center; padding:12px 24px; font-size:13px; color:#bed0dd; }
body:not([data-view="home"]) .wf-page-hero.hfp-banner { background:linear-gradient(90deg,#051e3533,#092b4322),url('./assets/ai-20260914/subpage-blue-current.webp') center 52%/cover no-repeat; }
body:not([data-view="home"]) .hfp-banner .wf-page-hero-inner { min-height:260px; padding:56px 0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
body:not([data-view="home"]) .hfp-banner .wf-page-hero-inner > p.hfp-category-en { margin:0 0 15px; color:#c4ddec; font-size:12px; letter-spacing:.2em; font-weight:600; line-height:1.5; }
body:not([data-view="home"]) .hfp-banner .wf-page-hero-inner > p.hfp-category-title { margin:0; font-size:48px; line-height:1.3; font-weight:700; letter-spacing:-.035em; color:#fff; }
.hfp-local { border-bottom:1px solid #dbe4eb; background:#fff; }
.hfp-local > .hfp-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:94px; }
.hfp-local h1 { margin:0; color:#173951; font-size:27px; font-weight:700; line-height:1.4; letter-spacing:-.035em; word-break:keep-all; }
.hfp-tabs { display:flex; align-self:stretch; align-items:stretch; gap:40px; flex-shrink:0; }
.hfp-tabs a { position:relative; display:flex; align-items:center; justify-content:center; min-height:64px; padding:12px 4px; color:#5d778b; font-size:16px; font-weight:600; white-space:nowrap; }
.hfp-tabs a::after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:3px; background:#176db5; transform:scaleX(0); transition:transform .2s; }
.hfp-tabs a:hover,.hfp-tabs a.is-active { color:#176db5; }
.hfp-tabs a:hover::after,.hfp-tabs a.is-active::after { transform:scaleX(1); }
.hfp-intro { padding-top:42px; padding-bottom:0; }
.hfp-intro h2 { max-width:1000px; margin:0; color:#173951; font-size:28px; line-height:1.5; font-weight:700; letter-spacing:-.035em; word-break:keep-all; }
.hfp-intro p { max-width:1000px; margin:16px 0 0; color:#5d778b; font-size:17px; line-height:1.85; word-break:keep-all; }
.hfp-intro p:first-child { margin-top:0; }
body:not([data-view="home"]) .hfp-page-header:has(.hfp-intro) + .wf-content { padding-top:44px; }
.hfp-anchor { scroll-margin-top:110px; }
/* Original installation images remain in evidence sections; the hero is brand artwork. */
body[data-view="home"] .wf-hero-stage { background:linear-gradient(90deg,#031529a6 0%,#06264065 43%,#06264010 76%),url('./assets/ai-20260914/home-water-membrane.webp') center 54%/cover no-repeat; }
@media(max-width:1080px) {
 .hfp-local > .hfp-inner { gap:20px; }
 .hfp-tabs { gap:22px; }
 .hfp-tabs a { font-size:14px; }
 .hfp-local h1 { font-size:24px; }
 .hfp-anchor { scroll-margin-top:95px; }
}
@media(max-width:700px) {
 .hfp-path > .hfp-inner { width:100%; min-height:48px; }
 .hfp-home { flex-basis:44px; }
 .hfp-path-select { min-width:0; flex:1; }
 .hfp-path-select summary { min-height:48px; padding:10px 12px; gap:10px; font-size:12px; }
 .hfp-path-select:last-of-type .hfp-path-options { left:auto; right:0; }
 .hfp-path-leaf { display:none; }
 body:not([data-view="home"]) .hfp-banner .wf-page-hero-inner { min-height:200px; padding:42px 0; }
 body:not([data-view="home"]) .hfp-banner .wf-page-hero-inner > p.hfp-category-title { font-size:34px; }
 body:not([data-view="home"]) .hfp-banner .wf-page-hero-inner > p.hfp-category-en { font-size:10px; margin-bottom:13px; }
 .hfp-local > .hfp-inner { display:block; padding-top:26px; }
 .hfp-local h1 { font-size:23px; }
 .hfp-tabs { gap:24px; overflow-x:auto; margin-top:14px; scrollbar-width:thin; }
 .hfp-tabs a { min-height:54px; }
 .hfp-intro { padding-top:28px; }
 .hfp-intro h2 { font-size:23px; }
 .hfp-intro p { font-size:15px; line-height:1.8; }
 body:not([data-view="home"]) .hfp-page-header:has(.hfp-intro) + .wf-content { padding-top:32px; }
 body[data-view="home"] .wf-hero-stage { background-image:linear-gradient(90deg,#04192dba,#06264080),url('./assets/ai-20260914/home-water-membrane.webp'); background-position:62% center; }
}
@media(prefers-reduced-motion:reduce) { .hfp-tabs a::after { transition:none; } }