/* A quieter, more compact reading rhythm. */
/* Display type reduced by two visual steps; body copy retains its reading size. */
html body h1 {font-size:clamp(2rem,4.2vw,4.6rem)!important;}
html body h2,html body .award-gallery-heading h3 {font-size:clamp(1.45rem,2.7vw,2.8rem)!important;}
html body h3 {font-size:clamp(1.05rem,1.35vw,1.3rem)!important;}
html body .water-signature strong {font-size:clamp(1.35rem,2.55vw,2.7rem);}
html body .metric strong {font-size:clamp(1.3rem,2.1vw,2.15rem);}
html body .metric strong span {font-size:clamp(3rem,5.5vw,5.5rem);}
html body .origin-facts dt {font-size:clamp(1.2rem,1.6vw,1.75rem);}
html body .journal-number {font-size:2.2rem;}
html body .mobile-menu a {font-size:clamp(1.6rem,7vw,2.7rem);}
@media(max-width:720px){
  html[lang] body main h1,html[lang] body main h2 {font-size:clamp(1.25rem,4.7vw,1.6rem)!important;}
  html[lang] body .award-gallery-heading h3 {font-size:1.6rem!important;}
  html body .metric strong span {font-size:3.75rem;}
  html body .water-signature strong {font-size:1.35rem;}
}
:root,html[lang='zh-Hans'],html[lang='ja'] {
  --serif:'Hiragino Maru Gothic ProN','Avenir Next','PingFang SC','Hiragino Sans','Microsoft YaHei',sans-serif;
  --sans:'Avenir Next','Hiragino Maru Gothic ProN','PingFang SC','Hiragino Sans','Microsoft YaHei',sans-serif;
}
.brand-logo {border:0!important;border-radius:0!important;object-fit:contain;}
html body h1,html body h2,html body h3 {font-family:var(--serif);font-weight:400;color:#52717a;letter-spacing:.015em;}
html body h2,html body .award-gallery-heading h3 {font-size:clamp(1.8rem,3.4vw,3.5rem);line-height:1.45;}
html body h1 {font-size:clamp(2.5rem,5.3vw,5.8rem);}
html body h3 {font-size:clamp(1.15rem,1.65vw,1.55rem);}
html body .hero h1 {color:#e4eff0;}
.section-pad {padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:clamp(3rem,6vw,5.5rem);}
.section-heading {margin-bottom:2.5rem;}
.water-signature strong {white-space:nowrap;font-size:clamp(1.65rem,3.2vw,3.4rem);}
.water-signature strong small {display:inline;white-space:nowrap;}
.origin-facts dt {white-space:nowrap;}
.research-visual::before {display:none;}
.research-visual,.comparison-labelled {border:0;outline:0;box-shadow:none;}
@media(min-width:721px){
  .campaign-awards {position:absolute;top:3%;left:7%;right:7%;height:25%;padding:0;gap:2%;background:none;border:0;border-radius:0;z-index:1;}
  .campaign-award {height:100%;padding:0;background:none;border:0;border-radius:0;box-shadow:none;}
  .campaign-award img {filter:drop-shadow(0 3px 5px #355b6b24);}
  #water-knowledge .water-knowledge-heading {width:fit-content;max-width:calc(100% - 2rem);margin:0 auto 2.5rem;padding:1.25rem 2.5rem;text-align:center;background:rgba(222,236,228,.86);border-radius:1rem;}
  #water-knowledge .water-knowledge-heading h2 {color:#46675e;font-size:clamp(1.8rem,3.2vw,3.1rem);margin:.55rem 0;line-height:1.4;}
  #water-knowledge .water-knowledge-heading p {color:#46675e;margin:0 auto;}
  #water-knowledge .water-knowledge-heading .eyebrow {font-size:.875rem;}
  #water-knowledge .water-knowledge-heading>p:last-child {font-size:1rem;line-height:1.65;}
  #water-knowledge .water-knowledge-heading .heading-phrase {display:inline;}
  .water-knowledge-grid {gap:1.5rem 2rem;}
}
@media(max-width:720px){
  html[lang='zh-Hans'] body h1,html[lang='zh-Hans'] body h2,html[lang='ja'] body h1,html[lang='ja'] body h2 {font-size:clamp(1.5rem,5.9vw,2rem)!important;}
  .section-pad {padding-top:3.5rem;padding-bottom:3.5rem;}
  .water-signature strong {font-size:1.65rem;}
}

/* Approved blue-grey flower and gold centre, with original wordmark. */
.company-logo {display:block;width:156px;height:auto;object-fit:contain;flex-shrink:0;}
.footer-brand .company-logo {width:240px;max-width:100%;}
@media(max-width:720px){.brand .company-logo {width:128px;}.footer-brand .company-logo {width:210px;}}

.company-details dl > div {min-width:0;}
.company-details dd {overflow-wrap:anywhere;}
.company-details dd a {text-underline-offset:.2em;}

/* Quiet export signature behind the contact section. */
.contact-watermark {top:auto;right:4vw;bottom:2rem;max-width:92%;font-family:var(--sans);font-size:clamp(2rem,7.5vw,8rem);font-weight:400;letter-spacing:.055em;line-height:1.12;text-align:right;color:rgba(65,103,117,.055);pointer-events:none;user-select:none;}
.contact-watermark span {display:block;white-space:nowrap;}
@media(max-width:720px){.contact-watermark {right:5vw;bottom:1rem;font-size:6.4vw;}}

/* Align figures despite different label line counts. */
.water-signature > div { justify-content: flex-start; }
.water-signature strong { display: block; line-height: 1.2; }
