/* English overview uses the existing Hydrocell fonts, surfaces and spacing. */
.english-site .hero-copy{max-width:43rem}
.english-site .hero h1{font-size:clamp(2.75rem,5vw,4.5rem);text-wrap:initial}
.english-site .hero p{max-width:32rem}
.english-site .hero .hero-cta{margin-top:2rem}
.english-section{padding-block:clamp(3.5rem,7vw,6.5rem);scroll-margin-top:2rem}
.english-section h2{margin:0 0 1.75rem;max-width:48rem}
.english-section p{color:var(--hc-color-muted);max-width:65ch;margin:0 0 1.25rem}
.english-intro{max-width:51rem}
.english-benefits{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}
.english-benefits li{border-top:2px solid var(--hc-color-brand);padding-top:1.5rem;min-width:0}
.english-benefits h3{margin:0 0 .875rem}
.english-benefits p{font-size:1rem}
.english-applications{padding-top:0}
.english-site .english-lead{font-size:1.25rem;max-width:50rem}
.english-site figure{margin:0}
.english-case{margin-top:2.5rem!important}
.english-case img{display:block;width:min(100%,54rem);height:auto;border-radius:var(--hc-radius-button)}
.english-site figcaption{margin-top:.75rem;font-size:.875rem;color:var(--hc-color-muted)}
.english-materials{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.english-brushes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.english-brushes img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--hc-radius-button)}
.english-dirty{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:0}
.english-dirty img{display:block;width:100%;height:auto;border-radius:var(--hc-radius-button)}
.english-site .footer-contact p{max-width:40rem;color:#eef0ef}
.english-site .footer-contact p>a{text-decoration:underline;text-underline-offset:.2em}
.english-site .footer-contact .hex-button{margin-bottom:.5rem}
@media(max-width:60rem){.english-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.english-materials,.english-dirty{gap:2rem}.english-site .hero-copy{max-width:38rem}}
@media(max-width:40rem){.english-benefits,.english-materials,.english-dirty{grid-template-columns:1fr}.english-benefits{gap:1.5rem}.english-section h2 br{display:none}.english-site .hero h1{font-size:2.75rem}.english-site .hero p{font-size:1.125rem}.english-case img{max-height:none}.english-site .hero .hero-cta{margin-top:1.5rem}.english-dirty{gap:2rem}}

/* English content follows the site's coloured-card and image conventions. */
main#main-content .english-section h2{max-inline-size:30ch}
main#main-content .english-media-bento>article{justify-content:center}
main#main-content .english-media-bento>figure{background:var(--hc-surface-neutral)}
main#main-content .english-media-bento .english-case{margin-block-start:0!important}
main#main-content .english-media-bento img{display:block;inline-size:100%;block-size:auto;aspect-ratio:4/3;object-fit:cover}
main#main-content .english-media-bento h2{font-size:clamp(1.75rem,2.5vw,2.5rem);line-height:1.2}
main#main-content .english-materials>.english-brushes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;background:var(--hc-surface-neutral)}
main#main-content .english-materials>.english-material-copy{justify-content:center}
.english-dirty-section{padding-block-start:0}
@media(max-width:30rem){main#main-content .english-materials>.english-brushes{grid-template-columns:minmax(0,1fr)}}

/* Open image/text sections; reserve coloured cards for the benefits. */
.english-section{padding-block:clamp(2rem,4vw,3rem)}
.english-applications,.english-dirty-section{padding-block-start:0}
main#main-content .english-media-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center}
main#main-content .english-media-layout>article{min-inline-size:0}
main#main-content .english-media-layout>figure{margin:0!important;min-inline-size:0}
main#main-content .english-media-layout img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
main#main-content .english-materials>.english-brushes{background:transparent}
main#main-content .english-materials{align-items:center}
main#main-content .english-media-layout p:last-child,.english-material-copy p:last-child{margin-bottom:0}
@media(max-width:48rem){main#main-content .english-media-layout,.english-materials{grid-template-columns:minmax(0,1fr);gap:1.5rem}}

/* Materials use the same full-width graphite surface as the Finnish home page. */
main#main-content .english-technology-dark{
 background:var(--hc-surface-dark);color:#f4f5f4;
 padding-block:clamp(2.5rem,5vw,4rem);margin-block-end:clamp(2rem,4vw,3rem);
}
main#main-content .english-technology-dark h2{color:#f4f5f4}
main#main-content .english-technology-dark :is(p,figcaption){color:#dce0de}
main#main-content .english-technology-dark .product-image-enlarge{color:#eef0ef}
main#main-content .english-technology-dark .product-image-enlarge:is(:hover,:focus-visible){color:var(--hc-color-link-inverse-hover)}

/* Dedicated contact section before the footer. */
main#main-content .english-contact{scroll-margin-top:2rem;padding-block:clamp(3rem,6vw,5rem)}
.english-contact__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center;border-block-start:1px solid #d7dcd9;padding-block-start:clamp(2rem,4vw,3rem)}
.english-contact h2{max-width:20ch}
.english-site .english-contact__label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}
.english-contact__details .hex-button{font-size:clamp(1.25rem,2vw,1.75rem)}
.english-contact__details .hex-button+.english-contact__label{margin-top:2rem}
.english-contact__phone{font-size:clamp(1.25rem,2vw,1.75rem);text-decoration:underline;text-underline-offset:.2em}
@media(max-width:48rem){.english-contact__inner{grid-template-columns:minmax(0,1fr)}}