/* Homepage-only styles. Reference photographs are displayed through CSS windows;
   text, icons, navigation, and contact actions are accessible HTML and SVG. */
:root{color-scheme:light;--navy:#08284e;--teal:#064c60;--green:#075332;--font:'Anuphan',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#edf3f5;color:var(--navy);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}a:focus-visible{outline:3px solid #d99730;outline-offset:5px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:8px;left:8px;padding:12px 18px;background:white;border-radius:8px;z-index:10;transform:translateY(-160%)}.skip:focus{transform:none}.poster{max-width:1200px;margin:auto;background:#fff;container-type:inline-size;overflow:hidden;box-shadow:0 0 70px #08284e0a}
.hero{height:49cqw;position:relative;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-2;background:url('/img/home-reference.png') center top/100% auto no-repeat}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 42%,rgba(255,255,255,.97)43%,rgba(255,255,255,.7)48%,transparent 60%)}
.wordmark{position:absolute;top:2.4cqw;left:4.1cqw;display:flex;align-items:center;flex-direction:column;color:#087e8e;width:24cqw}.wordmark .logo-icon{width:6.8cqw;height:6.8cqw;stroke-width:2.7}.wordmark>span{font-family:'Montserrat',sans-serif;font-size:5.6cqw;font-weight:500;letter-spacing:.28cqw;line-height:1.1}.wordmark small{font-size:1.04cqw;font-weight:700;white-space:nowrap;color:#06364c;margin-top:.3cqw}
h1{position:absolute;top:17.4cqw;left:4.1cqw;font-size:6.45cqw;line-height:1.025;font-weight:700;letter-spacing:-.12cqw}h1 span{color:var(--teal)}.hero-details{position:absolute;left:0;top:37.5cqw;width:70cqw;padding:.1cqw 2cqw 2cqw 4.3cqw;background:linear-gradient(90deg,#fff 0%,#fff 93%,transparent 100%)}.gold-line{width:15.6cqw;height:1px;background:linear-gradient(90deg,#087d88,#e3b35e);margin:0 0 1.1cqw}.hero-details h2{font-size:1.99cqw;font-weight:600;line-height:1.4;white-space:nowrap}.checks{list-style:none;display:flex;gap:1.35cqw;white-space:nowrap;margin:.55cqw 0 .65cqw;padding:0;font-size:1.44cqw;font-weight:500}.checks li:before{content:'✓';font-size:2cqw;font-weight:700;color:#34878b;vertical-align:-.1cqw;margin-right:.45cqw}.checks li:nth-child(2):before{color:#629597}.checks li:nth-child(3):before{color:#80a5a2}.checks li:nth-child(4):before{color:#9ab6ae}.hero-details>p{font-size:1.6cqw;font-weight:600}.world-badge{position:absolute;right:4.4cqw;bottom:1.15cqw;width:13.4cqw;aspect-ratio:1;border:.28cqw solid #d9a64c;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.35cqw;color:#0c3953;box-shadow:0 2px 10px #08284e10}.world-badge b{font-size:2.55cqw}.world-badge span{text-align:center;font-size:1.4cqw;font-weight:600;line-height:1.5}.world-badge svg{position:absolute;right:-1.5cqw;top:-1cqw;width:4.5cqw;height:4.5cqw;color:#078992;background:white;border-radius:50%;transform:rotate(25deg)}
.problems{margin:0 2.5cqw;display:grid;grid-template-columns:19.5% repeat(5,1fr);align-items:center;min-height:12.6cqw;border-radius:1.8cqw;background:linear-gradient(#fff,#fdfdfd);box-shadow:0 3px 6px #10294720;position:relative}.problems h2{white-space:nowrap;background:var(--navy);color:white;border-radius:1.7cqw 3cqw 3cqw 1.7cqw;font-size:1.6cqw;line-height:1.55;padding:1.7cqw 1.3cqw;align-self:center}.problems>a{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:.5cqw;text-align:center;font-size:1.34cqw;font-weight:600;line-height:1.45;min-height:9.5cqw;transition:color .18s,background .18s}.problems>a+a:before{content:'';position:absolute;left:0;top:1.1cqw;bottom:1cqw;width:1px;background:#bfc3c8}.problems svg{width:4.45cqw;height:4.45cqw}.problems a:hover{color:#087e8e;background:#eff8f8}
.solutions{margin:3.8cqw 2.5cqw 0;border:1px solid #718397;border-radius:2cqw 2cqw 1.5cqw 1.5cqw;position:relative;padding-top:3.1cqw}.solutions>h2{position:absolute;left:50%;top:-2.15cqw;transform:translateX(-50%);display:flex;align-items:center;gap:2cqw;white-space:nowrap;background:white;padding:0 1.8cqw}.solutions h2 strong{font-size:3.4cqw;font-weight:700}.solutions h2 span{font-size:2.18cqw;font-weight:600}.solution-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35cqw}.solution{--accent:#087f95;min-width:0;display:flex;flex-direction:column;position:relative;border-right:1px solid #aab2bc;transition:background .2s}.solution:last-child{border-right:none}.hydro{--accent:#005631}.seal{--accent:#ee5900}.pyro{--accent:#064cac}.plimates{--accent:#472071}.solution-heading{display:flex;align-items:flex-start;justify-content:center;gap:.7cqw;height:8.65cqw;padding:1cqw .6cqw;color:var(--accent)}.solution-heading>svg{width:4.3cqw;height:4.8cqw;stroke-width:2.7}.solution-heading h3{font-size:1.87cqw;font-weight:700;letter-spacing:-.06cqw;white-space:nowrap;line-height:1.7}.solution-heading p{font-size:1.27cqw;font-weight:600;color:var(--navy);line-height:1.5;margin-top:.3cqw}.solution-heading small{font-size:.97cqw;white-space:nowrap}.plimates .solution-heading{gap:.4cqw}.plimates .solution-heading>svg{width:4cqw}.solution-photo{height:18.8cqw;position:relative;overflow:hidden;background:#e4ecec}.solution-photo img{position:absolute;max-width:none;width:calc(1024 / var(--photo-w) * 100%);height:calc(1536 / 193 * 100%);left:calc(var(--photo-x) / var(--photo-w) * -100%);top:calc(792 / 193 * -100%)}.solution ul{list-style:none;margin:0;min-height:17.8cqw;padding:1.5cqw .85cqw 1.25cqw 2.1cqw;font-size:1.3cqw;line-height:1.5;font-weight:500;display:flex;flex-direction:column;gap:.6cqw;flex:1}.solution li{position:relative}.solution li:before{content:'•';position:absolute;left:-1.15cqw;color:var(--accent);font-size:1.5cqw;font-weight:700}.solution-benefit{--leaf-vein:var(--accent);display:flex;align-items:center;justify-content:center;gap:.7cqw;background:var(--accent);color:white;min-height:6cqw;border-radius:1.5cqw;padding:.65cqw .55cqw;font-size:1.22cqw;font-weight:600;line-height:1.4;margin:0 -1px -1px;position:relative}.solution-benefit svg{width:3.5cqw;height:3.9cqw;stroke-width:1.8}.solution-benefit small{font-size:.91cqw;font-weight:500}.solution-benefit>b{position:absolute;right:.55cqw;top:.25cqw;opacity:0;transition:opacity .2s}.solution:hover{background:#f5f9fa}.solution:hover .solution-benefit>b,.solution:focus-visible .solution-benefit>b{opacity:1}.solution:hover h3{text-decoration:underline;text-underline-offset:4px}
.sustainability{display:grid;grid-template-columns:30% 29% 21% 20%;margin:2.3cqw 4cqw 1.5cqw;min-height:14.6cqw;align-items:start}.why h2{font-size:2.05cqw;line-height:1.3;color:var(--teal);margin-bottom:.5cqw}.why p{font-size:1.25cqw;line-height:1.48;font-weight:500}.earth{height:14.8cqw;position:relative;overflow:hidden;margin-top:.1cqw}.earth img{position:absolute;width:100cqw;height:150cqw;max-width:none;left:-31cqw;top:-122.8cqw;clip-path:inset(81.7% 54.5% 8.3% 32%)}.earth strong{position:absolute;right:2.7cqw;top:.2cqw;font-size:5cqw;line-height:1.1;color:#054c50;background:#fff;padding:0 .4cqw}.eco-list{border-left:1px solid #a9b6bf;padding-left:2cqw;display:flex;flex-direction:column;gap:1.3cqw;margin-top:.7cqw;min-height:12.9cqw}.eco-list>div{display:flex;gap:.85cqw;align-items:flex-start}.eco-list svg{width:3cqw;height:3cqw;color:var(--green);stroke-width:2}.eco-list p{font-size:1.27cqw;line-height:1.5;font-weight:500}.eco-list b{display:block;color:var(--green);font-size:1.31cqw;font-weight:700;white-space:nowrap}.eco-list span{display:block}
.contact-footer{display:grid;grid-template-columns:21% 44% 35%;padding:1.2cqw 4cqw 1.3cqw;background:#06445a;color:white;min-height:12cqw;align-items:center}.footer-logo.wordmark{position:static;width:15cqw;color:white}.footer-logo .logo-icon{width:4.3cqw;height:4.3cqw;stroke-width:2.2}.footer-logo>span{font-size:3.5cqw;letter-spacing:.15cqw}.footer-logo small{font-size:.94cqw;color:white;text-align:center;line-height:1.1;letter-spacing:.05cqw}.contact-info{border-left:1px solid #c9dbe0;border-right:1px solid #c9dbe0;padding:0 2.9cqw 0 4.4cqw;display:flex;flex-direction:column;gap:.28cqw}.contact-info h2{font-size:1.85cqw;font-weight:700;line-height:1.2}.contact-info a{display:inline-flex;align-items:center;gap:.8cqw;font-family:var(--font);font-size:1.6cqw;width:fit-content;white-space:nowrap}.contact-info svg{width:2cqw;height:2cqw;stroke-width:1.6}.contact-online{display:flex;gap:1.5cqw}.contact-online a{font-size:1.42cqw;gap:.6cqw}.footer-message{padding-left:3cqw;font-size:1.7cqw;line-height:1.65;font-weight:400}.footer-message svg{width:2.3cqw;height:2.3cqw;vertical-align:middle;color:#64b093}.contact-footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1400px){body{padding:24px 0}.poster{border-radius:12px}}
@media(max-width:700px){
.hero{height:650px}.hero-photo{background-size:auto 1800px;background-position:70% top;opacity:.88}.hero-photo:after{background:linear-gradient(90deg,#fff 0%,#fff 15%,#fffffff5 38%,#ffffffb3 65%,#ffffff22),linear-gradient(0deg,#fff 0%,#fff 25%,transparent 65%)}
.wordmark{top:24px;left:24px;width:190px}.wordmark .logo-icon{width:54px;height:54px}.wordmark>span{font-size:43px;letter-spacing:2px}.wordmark small{font-size:8.2px;margin-top:4px}
h1{top:168px;left:24px;font-size:clamp(44px,9.4vw,65px);line-height:1.12;letter-spacing:-1px}.hero-details{top:390px;left:0;width:100%;padding:0 24px 22px;background:#ffffffeb}.gold-line{width:145px;margin-bottom:13px}.hero-details h2{font-size:19px;white-space:normal;max-width:390px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:13px;white-space:normal;margin:12px 0}.checks li:before{font-size:18px;margin-right:5px}.hero-details>p{font-size:13px;max-width:260px;line-height:1.5}.world-badge{width:90px;right:24px;bottom:17px;border-width:2px}.world-badge b{font-size:18px}.world-badge span{font-size:10px}.world-badge svg{width:30px;height:30px;right:-8px;top:-10px}
.problems{margin:0 16px;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:15px;padding:10px;gap:8px}.problems h2{white-space:normal;font-size:13px;padding:14px 10px;border-radius:10px 22px 22px 10px;align-self:stretch;display:flex;align-items:center}.problems>a{font-size:12px;gap:8px;min-height:118px;border-radius:8px}.problems svg{width:38px;height:38px}.problems>a+a:before{display:none}
.solutions{margin:30px 16px 0;border:0;padding-top:0}.solutions>h2{position:static;transform:none;flex-direction:column;gap:3px;white-space:normal;text-align:center;padding:0 0 20px}.solutions h2 strong{font-size:30px}.solutions h2 span{font-size:17px}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.solution{border:1px solid #d0d9de!important;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px #08284e08}.solution-heading{height:90px;padding:15px 8px;gap:5px;align-items:center}.solution-heading>svg,.plimates .solution-heading>svg{width:32px;height:40px}.solution-heading h3{font-size:clamp(12px,2.8vw,18px);letter-spacing:-.5px;line-height:1.4}.solution-heading p{font-size:11px;line-height:1.5;margin-top:5px}.solution-heading small{font-size:8px;white-space:normal}.solution-photo{height:180px}.solution ul{font-size:12px;padding:15px 10px 18px 22px;gap:9px;min-height:200px}.solution li:before{left:-12px;font-size:16px}.solution-benefit{border-radius:12px;min-height:68px;padding:10px 8px;gap:7px;font-size:12px;margin:0 -1px -1px}.solution-benefit svg{width:28px;height:34px}.solution-benefit small{font-size:10px}.solution-benefit>b{display:none}.solution:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.solution:last-child .solution-heading{grid-column:1/-1;height:84px}.solution:last-child .solution-heading h3{font-size:19px}.solution:last-child .solution-photo{height:100%;min-height:190px}.solution:last-child ul{min-height:190px}.solution:last-child .solution-benefit{grid-column:1/-1}.solution:last-child .solution-heading small{font-size:10px}
.sustainability{margin:28px 24px;grid-template-columns:1fr 1fr;gap:24px 12px}.why{grid-column:1/-1}.why h2{font-size:23px;line-height:1.35;margin-bottom:10px}.why p{font-size:14px;line-height:1.65}.earth{grid-column:1/-1;grid-row:2;width:270px;height:154px;margin:0 auto}.earth img{width:1024px;height:1536px;left:-309px;top:-1254px}.earth strong{font-size:50px;right:27px;top:2px;padding:0 4px}.eco-list{margin:0;gap:18px;padding-left:12px;min-height:158px}.eco-list>div{gap:8px}.eco-list svg{width:26px;height:29px}.eco-list p{font-size:12px;line-height:1.6}.eco-list b{font-size:12px;white-space:normal}
.contact-footer{grid-template-columns:1fr;padding:25px 24px;gap:23px}.footer-logo.wordmark{width:160px;margin:auto}.footer-logo .logo-icon{width:44px;height:44px}.footer-logo>span{font-size:36px;letter-spacing:2px}.footer-logo small{font-size:10px}.contact-info{border:0;border-top:1px solid #ffffff50;border-bottom:1px solid #ffffff50;padding:20px 0;gap:8px;align-items:center}.contact-info h2{font-size:20px}.contact-info a{font-size:17px;gap:10px}.contact-info svg{width:21px;height:21px}.contact-online{flex-wrap:wrap;justify-content:center;gap:9px 18px}.contact-online a{font-size:15px}.footer-message{padding:0;text-align:center;font-size:17px}.footer-message svg{width:24px;height:24px}
}
@media(max-width:370px){.checks{font-size:12px;gap:7px}.hero-details h2{font-size:17px}.solution-grid{grid-template-columns:1fr}.solution-heading{height:82px}.solution-heading h3{font-size:20px}.solution-heading p{font-size:13px}.solution-photo{height:240px}.solution ul{min-height:0;font-size:14px}.solution-benefit{font-size:14px}.solution:last-child{display:flex}.solution:last-child .solution-photo{height:240px}.solution:last-child ul{min-height:0}.solution-benefit small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}