/* Shared industrial visual language. Fields remain on a quiet, readable surface. */
.editorial-image{display:block;width:100%;height:clamp(220px,28vw,420px);object-fit:cover;background:#143439}
.editorial-caption{font-size:11px;letter-spacing:.08em;color:#667877;margin:8px 0 0}
.vision-scene{overflow:hidden;background:#102e35;color:#fff;padding:0!important}
.vision-scene>img{margin:0!important;height:300px;object-fit:cover;width:100%;display:block}
.vision-scene>span,.vision-scene>h4,.vision-scene>p{margin:24px 32px!important;color:#fff!important}
.vision-scene>p{padding-bottom:24px;line-height:1.8}
.responsibility-scene{background:linear-gradient(90deg,rgba(8,32,38,.94),rgba(8,32,38,.72)),url('/assets/images/editorial-v2/industrial-west.webp') center/cover!important}
.responsibility-scene h2,.responsibility-scene>.max-w-screen-2xl>div:first-child p{color:#fff!important}
.responsibility-scene .group{background:#f4f7f5}
.document-scene{background:#edf2ef!important}
.document-link{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;color:#006763;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.document-link:focus-visible,.hero-playback-controls button:focus-visible{outline:3px solid #18baa6;outline-offset:4px}
.contact-refined{background:#eef3f0!important}
.contact-info-panel{border-top:4px solid #007c73;padding:32px;background:linear-gradient(135deg,#dcece7,#f4f7f5)}
.contact-form-panel{padding:32px;background:#fff;box-shadow:0 12px 48px #153b3510;border:1px solid #d8e5df}
.hero-playback-controls{position:absolute;z-index:25;bottom:76px;left:50%;transform:translateX(-50%);display:flex;gap:6px;white-space:nowrap}
.hero-playback-controls button{min-height:44px;padding:8px 16px;border:1px solid #ffffff80;background:#092b32d9;color:white;font-size:13px;cursor:pointer}
.document-page{padding:150px 24px 80px;max-width:1150px;margin:auto}
.document-page h1{font-size:clamp(32px,5vw,52px);margin:20px 0;line-height:1.3;text-wrap:balance}
.document-page article{scroll-margin-top:120px;padding:32px;margin:24px 0;background:#f0f5f2;border-left:4px solid #008477}
.document-page h2{font-size:26px;margin-bottom:16px}.document-page p{line-height:1.85}
@media(max-width:640px){.vision-scene>img{height:220px}.vision-scene>span,.vision-scene>h4,.vision-scene>p{margin:20px!important}.contact-info-panel,.contact-form-panel{padding:24px 20px}.hero-playback-controls{bottom:30px}.hero-playback-controls button{padding:8px 11px}.hero-section-wide{padding-bottom:86px!important}.document-page article{padding:24px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-content-slide{animation:none!important;transition:none!important}}

@media(min-width:641px) and (max-width:1024px){.hero-section-wide{padding-bottom:86px!important}.hero-playback-controls{bottom:24px}}

.vision-scene>h4{font-size:32px;line-height:1.25}.vision-scene>.editorial-caption{font-size:11px;padding-bottom:0;opacity:.7}

.trade-product-image{aspect-ratio:4/3;height:auto!important}.trade-product-caption{padding:38px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,.8))}.trade-product-caption p{color:white;font-size:18px}

/* Evening review: quieter product presentation and explicit coordination steps. */
.coordination-step{position:relative;display:flex;flex-direction:column;padding:32px;background:#f2f6f3;border-top:3px solid #068477;min-height:300px}
.coordination-number{font-size:42px;line-height:1;font-weight:400;color:#92b6ab;margin-bottom:28px;letter-spacing:-.04em}
.coordination-step h4{font-size:24px;line-height:1.4;color:#173d3c;margin-bottom:16px}
.coordination-step p{font-size:16px;line-height:1.85;color:#526966;flex:1}
.coordination-step .document-link{align-self:flex-start;font-size:14px}
.editorial-business h1{max-width:19ch;text-wrap:balance}
.editorial-business h2{line-height:1.3;text-wrap:balance}
.editorial-business img{background:#edf2ef}
@media(max-width:640px){.coordination-step{padding:26px;min-height:0}.coordination-number{font-size:32px;margin-bottom:20px}.editorial-business h2{font-size:30px}.editorial-business main{overflow-wrap:break-word}}

/* Keep the sustainability headline proportionate and avoid a lone trailing character. */
.sustainability-refined h1{font-size:clamp(34px,4.8vw,64px);line-height:1.25;max-width:18ch;text-wrap:balance;overflow-wrap:break-word}
@media(max-width:640px){.sustainability-refined h1{font-size:34px;max-width:11em}.sustainability-refined h2{font-size:30px;line-height:1.35;text-wrap:balance}}

.coordination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.coordination-step h3{font-size:24px;line-height:1.4;color:#173d3c;margin:0 0 16px}
.ingredient-sample{height:190px!important;aspect-ratio:auto!important;border-bottom:1px solid #e4ece8}
.ingredient-sample img{height:100%;max-height:158px!important;width:auto;object-fit:contain}
.ingredient-title{min-height:72px}.ingredient-summary{min-height:160px}
.ingredient-card h3{line-height:1.25!important;overflow-wrap:anywhere}
.ingredient-card button,.ingredient-card a{min-height:44px}
@media(max-width:767px){.coordination-grid{grid-template-columns:1fr}.ingredient-sample{height:170px!important}.ingredient-sample img{max-height:140px!important}.ingredient-title,.ingredient-summary{min-height:0}}

/* Mobile inner-page cover: content sets height; the fixed navigation has its own space. */
@media(max-width:767px){
 .mobile-page-hero{height:auto!important;min-height:420px!important;margin-top:64px;isolation:isolate}
 .mobile-page-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,24,31,.76),rgba(5,24,31,.32));pointer-events:none}
 .mobile-page-hero > .relative{z-index:1;width:100%;height:auto!important;min-height:420px;padding:42px 22px;display:flex;flex-direction:column;justify-content:center}
 .mobile-page-hero > .relative > div{max-width:100%!important;width:100%}
 .mobile-page-hero h1{font-size:30px!important;line-height:1.3!important;font-weight:500;letter-spacing:-.02em;max-width:100%;margin:0 0 18px!important;text-wrap:balance;overflow-wrap:break-word!important;word-break:normal!important}
 .mobile-page-hero p{font-size:16px!important;line-height:1.8!important;color:rgba(255,255,255,.94)!important;margin:0 0 12px!important;text-wrap:pretty}
 .mobile-page-hero p:last-child{margin-bottom:0!important}
 .mobile-page-hero + section{padding-top:40px!important;padding-bottom:40px!important}
 .document-page{padding-top:100px}
}
@media(max-width:360px){.mobile-page-hero h1{font-size:28px!important}.mobile-page-hero > .relative{padding-left:20px;padding-right:20px}}

/* Product discovery -> detail -> enquiry uses real, keyboard-accessible links. */
.product-tile-link{display:block;overflow:hidden;border-radius:2px}
.product-tile-action{display:block;color:white;font-size:13px;margin-top:5px;text-decoration:underline;text-underline-offset:3px}
.product-tile-link:focus-visible,.business-image-link:focus-visible{outline:3px solid #007d74;outline-offset:4px}
.business-image-link{display:block;width:100%;height:100%}
.chemical-product-card{scroll-margin-top:100px}
.business-detail-link,.product-enquiry-link{align-self:flex-start}
@media(max-width:767px){.chemical-product-card{scroll-margin-top:84px}}


/* Chemical catalogue refinement, 2026-10-30: clear hierarchy and equal rhythm. */
.chemical-catalog{background:#f5f7f4!important;border-top:1px solid #e2ebe5}
.chemical-index{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid #d8e3dc}
.chemical-index a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;padding:10px 20px;border:1px solid #c6d8cf;background:#fff;color:#174a40;font-size:14px;font-weight:600;text-decoration:none}
.chemical-index a:hover{background:#174a40;color:#fff}
.chemical-index a:focus-visible{outline:3px solid #008477;outline-offset:3px}
.chemical-product-grid{align-items:stretch;gap:24px!important}
.chemical-refined .chemical-product-card{border:1px solid #dce5df;border-radius:4px;box-shadow:0 4px 20px #173d3c05;scroll-margin-top:100px}
.chemical-refined .chemical-product-card:hover{box-shadow:0 12px 32px #173d3c12}
.chemical-product-card>div{height:100%}
.chemical-product-card>div>div:first-child{width:36%;flex-shrink:0;background:#e7eeea}
.chemical-product-card>div>div:last-child{width:64%;padding:32px;justify-content:flex-start}
.chemical-refined .chemical-product-card h3{font-family:inherit;font-size:32px;letter-spacing:-.02em;margin-bottom:16px;line-height:1.2;color:#163d35}
.chemical-material-name{color:#567269;font-size:13px;letter-spacing:.03em;line-height:1.5;margin:0 0 8px}
.chemical-selection-label{color:#274f43;font-size:12px;font-weight:700;margin:2px 0 12px;letter-spacing:.08em}
.chemical-product-card .product-enquiry-link{align-self:flex-start;margin-top:auto;padding-top:24px;color:#006e5e;font-size:14px;text-decoration-thickness:1px}
.chemical-product-card .space-y-2{padding-bottom:22px}
.chemical-product-card:not(#product-tdi)>div{flex-direction:column}
.chemical-product-card:not(#product-tdi)>div>div:first-child,.chemical-product-card:not(#product-tdi)>div>div:last-child{width:100%}
.chemical-product-card:not(#product-tdi)>div>div:first-child{height:240px}
.chemical-product-card:not(#product-tdi)>div>div:last-child{flex:1}
.chemical-product-card:not(#product-tdi) img{height:240px!important}
.chemical-refined #product-cpvc img{object-fit:contain}
.chemical-refined #product-tdi{grid-column:1/-1}
.chemical-refined #product-tdi>div>div:first-child{max-height:340px}
.chemical-refined #product-tdi>div>div:last-child{justify-content:center}
.chemical-refined #product-tdi h3{font-size:42px}
@media(max-width:1100px) and (min-width:768px){.chemical-product-card>div{flex-direction:column}.chemical-product-card>div>div:first-child,.chemical-product-card>div>div:last-child{width:100%}.chemical-product-card>div>div:first-child{height:220px}.chemical-product-card>div>div:last-child{flex:1}}
@media(max-width:767px){.chemical-index{gap:8px}.chemical-index a{padding:8px 14px;gap:14px}.chemical-product-card>div>div:first-child,.chemical-product-card>div>div:last-child{width:100%}.chemical-product-card>div>div:first-child{height:220px}.chemical-product-card>div>div:last-child{padding:24px}.chemical-refined .chemical-product-card h3,.chemical-refined #product-tdi h3{font-size:30px}.chemical-product-card img{height:220px!important}.chemical-refined .chemical-product-card{scroll-margin-top:84px}}
@media(prefers-reduced-motion:reduce){.chemical-product-card,.chemical-product-card img{transition:none!important;transform:none!important}}