@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--ink:#082a55;--muted:#5c6c80;--lime:#e8bc4f;--paper:#ffffff;--line:#dbe3ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a97511;outline-offset:6px}a,button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}em{font-style:normal;color:#1761a6}.header{padding:29px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;gap:11px;align-items:center;font-size:25px;font-weight:800;letter-spacing:3px;line-height:1.1}.brand small{display:block;font-size:12px;letter-spacing:1.7px;margin-top:5px}.brandmark{position:relative;display:grid;place-items:center;background:var(--ink);color:var(--paper);width:43px;height:46px;font-size:37px;letter-spacing:-4px;line-height:1;padding-right:4px}.brandmark span{position:absolute;right:-2px;top:0;width:10px;height:10px;background:var(--lime)}nav{display:flex;gap:36px;font-size:14px;font-weight:500}nav a:hover{color:#1761a6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--lime);padding:17px 25px;font-weight:600;border-radius:3px}.button:hover{background:#f2ce77}.compact{font-size:14px;padding:13px 21px}.button span{font-size:23px;line-height:1}.hero{padding:62px 5% 0}.hero-top{display:grid;grid-template-columns:1fr 280px;gap:36px;align-items:end;margin-bottom:45px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:650;display:flex;align-items:center;gap:12px}.line{display:inline-block;width:28px;height:2px;background:var(--ink)}h1{font-size:clamp(42px,4.6vw,76px);line-height:1.12;letter-spacing:-3.5px;font-weight:500;margin-top:25px}.hero-intro{font-size:16px;color:#5c6c80;max-width:300px;padding-bottom:5px}.text-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;color:var(--ink);border-bottom:1px solid #9eaec0;padding:14px 0}.text-link span{font-size:22px}.hero-intro .text-link{margin-top:18px}.hero-image{position:relative;min-height:440px;background:#082a55;overflow:hidden;border-radius:4px}.hero-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:brightness(.75) saturate(.75)}.image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,24,51,.75),transparent 80%)}.image-caption{position:absolute;bottom:37px;left:38px;color:white}.image-caption>span{font-size:12px;letter-spacing:1.8px}.image-caption p{font-family:Manrope,Arial,sans-serif;font-size:36px;line-height:1.25;font-weight:400;letter-spacing:-1px;margin-top:16px}.hero-cta{position:absolute;right:30px;bottom:34px;background:var(--lime);padding:25px;display:flex;align-items:center;gap:35px;border-radius:3px}.hero-cta>span{font-size:12px;letter-spacing:1px}.hero-cta strong{display:block;font-size:16px;letter-spacing:0;margin-top:6px;font-weight:500}.hero-cta .circle-arrow{border:1px solid #b18a36;width:41px;height:41px;display:grid;place-items:center;border-radius:50%;font-size:24px}.sector-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 0;border-bottom:1px solid var(--line)}.sector-strip>span{font-size:12px;letter-spacing:1px;color:var(--muted)}.sector-strip p{font-size:15px;font-weight:500}.sector-strip i{width:4px;height:4px;background:#b89140;border-radius:50%}.section{padding:95px 5%}.section-top{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;align-items:start;margin-bottom:47px}.section-top .eyebrow{padding-top:8px}h2{font-size:clamp(35px,3.1vw,51px);font-weight:500;line-height:1.16;letter-spacing:-2px}.section-description{font-size:16px;color:var(--muted);max-width:290px;padding-top:6px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{padding:27px 28px 20px;border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;min-height:465px}.product-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.3px;font-weight:600}.featured{background:#f8efd9;border-color:#f8efd9}.chemical{font-family:Manrope,Arial,sans-serif;font-size:105px;line-height:1;margin:28px 0 25px;font-weight:500;letter-spacing:-6px;position:relative;width:fit-content}.chemical span{font-size:15px;letter-spacing:0;position:absolute;top:0;right:-20px}.formula{font-size:65px;letter-spacing:-4px;margin:47px 0 40px}.acid{background:#edf3fa}.product h3{font-size:23px;font-weight:600;letter-spacing:-.6px;margin-bottom:12px}.product p{font-size:15px;color:#51627a;min-height:68px}.spec{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.7px;border-top:1px solid #c3cedb;padding:14px 0 6px;margin-top:19px}.spec strong{font-size:12px;font-weight:500;letter-spacing:0}.product .text-link{border-bottom:0;margin-top:10px}.general-title{font-family:Manrope,Arial,sans-serif;font-size:39px;letter-spacing:-1.8px;line-height:1.1;margin:25px 0}.general .text-link{margin-top:38px}.supply-note{font-size:12px;color:var(--muted);margin-top:20px}.about{background:var(--ink);color:#f7faff;padding-top:75px;padding-bottom:53px}.about>.eyebrow{color:#ccd9ec}.about-content{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;margin-top:37px}.about h2{font-size:clamp(35px,3.7vw,59px);line-height:1.2}.about h2 em{color:var(--lime)}.about-copy{max-width:460px}.about-copy>p{font-size:17px;color:#ccd9ec;margin-bottom:20px}.values{display:flex;gap:22px;font-size:13px;margin-top:33px;color:var(--lime)}.company-details{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #395575;margin-top:66px;padding-top:33px;gap:25px}.company-details span{display:block;font-size:12px;letter-spacing:1.4px;color:#b5c8df;margin-bottom:9px}.company-details strong{font-size:17px;font-weight:400}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #becbdd;padding-top:24px}.steps article>span{color:#8b661b;font-size:14px}.steps h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:26px 0 13px}.steps p{font-size:16px;color:var(--muted);max-width:310px}.contact{background:var(--lime);display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding-top:72px;padding-bottom:72px}.contact h2{margin:23px 0;font-size:clamp(37px,3.7vw,57px)}.contact>div>p:not(.eyebrow){color:#594715;font-size:17px}.contact-button{background:var(--ink);color:white;margin-top:30px}.contact-button:hover{background:#144f8c}.contact-details{padding-top:35px;display:flex;flex-direction:column;gap:27px}.contact-details>div{padding-bottom:21px;border-bottom:1px solid #b38a30}.contact-details span{display:block;font-size:12px;letter-spacing:1.4px;margin-bottom:9px}.contact-details a,.contact-details p{font-size:18px;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline}footer{padding:37px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:12px;color:#5c6c80}.footer-brand{transform:scale(.85);transform-origin:left center}@media(min-width:1600px){.header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1050px){.hero-top{grid-template-columns:1fr 240px}h1{font-size:49px;letter-spacing:-2.4px}.hero-cta{padding:20px;gap:15px}.image-caption p{font-size:29px}.product{padding:23px 20px}.formula{font-size:53px}.section-top{grid-template-columns:1fr 1.4fr}.section-description{grid-column:2}.about-content{gap:40px}.contact{gap:35px}.contact-details a{font-size:16px}}@media(max-width:760px){.header{padding:20px 6%;flex-wrap:wrap;gap:22px}.brand{font-size:22px}.header nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:13px}.compact{padding:12px 15px;gap:20px}.hero{padding:38px 6% 0}.hero-top{display:block;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:1.1px}h1{font-size:clamp(37px,7.4vw,54px);letter-spacing:-2px;margin-top:22px}.hero-intro{max-width:100%;margin-top:26px;font-size:16px}.hero-intro .text-link{max-width:240px;margin-top:8px}.hero-image{min-height:450px}.image-caption{left:23px;bottom:144px}.image-caption p{font-size:29px}.image-caption>span{font-size:12px}.hero-cta{left:20px;right:20px;bottom:22px;justify-content:space-between}.sector-strip{flex-wrap:wrap;justify-content:flex-start;gap:12px 17px;padding:23px 0}.sector-strip>span{width:100%;margin-bottom:4px}.sector-strip p{font-size:12px}.sector-strip i:last-of-type{display:none}.section{padding:60px 6%}.section-top{display:block;margin-bottom:30px}.section-top h2{margin:20px 0}h2{font-size:38px}.section-description{max-width:100%}.products{grid-template-columns:1fr;gap:15px}.product{padding:26px;min-height:410px}.chemical{margin:24px 0;font-size:90px}.formula{font-size:68px;margin:36px 0}.product p{min-height:0}.general-title{font-size:40px}.general .text-link{margin-top:15px}.about-content{display:block;margin-top:25px}.about h2{font-size:38px}.about-copy{margin-top:32px}.values{gap:20px}.company-details{grid-template-columns:1fr;gap:22px;margin-top:40px}.company-details>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.company-details span{margin:0;font-size:12px}.company-details strong{font-size:14px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:15px}.steps p{max-width:100%}.contact{grid-template-columns:1fr;gap:10px}.contact h2{font-size:38px}.contact-details{padding-top:20px}.contact-details a{font-size:17px}footer{padding:30px 6%;flex-wrap:wrap;gap:18px}footer p{order:3;width:100%}.footer-brand{transform:scale(.8)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original RINJI brand artwork and blue-and-gold palette. */
.brand-logo{display:block;width:128px;height:128px;object-fit:contain}.header{padding-top:14px;padding-bottom:14px}.brand{flex-shrink:0}.footer-brand{transform:none}.footer-brand .brand-logo{width:114px;height:114px}.hero-image img{filter:brightness(.78) saturate(.85)}.contact{background:linear-gradient(115deg,#f5dfa4,#e8bc4f)}.featured .chemical{color:#a77412}.acid .chemical{color:#1761a6}.general-title em{color:#1761a6}@media(max-width:760px){.header{padding-top:12px;padding-bottom:18px}.brand-logo{width:105px;height:105px}.header nav{margin-top:-7px}.footer-brand .brand-logo{width:105px;height:105px}}

.regional-presence{margin-top:44px;padding-top:30px;border-top:1px solid #395575}.regional-presence .eyebrow{color:#ccd9ec}.regional-presence ul{display:flex;flex-wrap:wrap;gap:14px 36px;list-style:none;padding:0;margin:22px 0 16px}.regional-presence li{font-family:Manrope,Arial,sans-serif;font-size:24px;color:var(--lime);font-weight:500}.regional-presence>p:last-child{color:#ccd9ec;font-size:16px}.regional-presence+.company-details{margin-top:34px}@media(max-width:760px){.regional-presence ul{gap:14px 25px}.regional-presence li{font-size:21px}}

/* Continuous blue-and-gold visual flow */
:root{--paper:#f4f8fe;--gold-metal:linear-gradient(125deg,#fff0ba 0%,#e9be56 35%,#bb8421 65%,#f6d888 100%);--blue-metal:linear-gradient(135deg,#1766b0 0%,#0a3971 45%,#041b3c 100%)}
body{background:radial-gradient(ellipse at 95% 8%,#dcecff 0,transparent 34%),radial-gradient(ellipse at 0 35%,#f8ecd0 0,transparent 27%),#f4f8fe;overflow-x:clip}
.header{position:relative;z-index:3;margin:20px 4% 0;padding:9px 28px;border:1px solid #ffffff;border-radius:28px;background:linear-gradient(120deg,#ffffffed,#eef5ffdc);box-shadow:0 12px 36px #072a5510,inset 0 1px 0 white}
.header .brand-logo{width:102px;height:102px}nav a{transition:color .2s}nav a:hover{color:#a67419}
.button,.hero-cta{background:var(--gold-metal);border:1px solid #fce2a0;box-shadow:0 10px 23px #98691828,inset 0 2px 1px #fff5d3,inset 0 -3px 2px #9d681b30;border-radius:16px;transition:transform .3s,box-shadow .3s}.button:hover,.hero-cta:hover{background:var(--gold-metal);transform:translateY(-3px);box-shadow:0 16px 30px #98691835,inset 0 2px 1px #fff5d3}.compact{border-radius:30px}
.hero{position:relative;padding-top:76px}.hero-top{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) 280px;gap:35px;margin-bottom:52px}h1{font-weight:600;font-size:clamp(45px,5.3vw,85px);letter-spacing:-3.8px;line-height:1.12}h1 em{color:#1761a6;background:linear-gradient(120deg,#072b5a,#247dca 52%,#0c396f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #0e4c8620}.hero-intro{padding-bottom:10px}.hero-top .eyebrow{color:#566f8e}.line{background:linear-gradient(90deg,#b78121,#f2d786);height:3px;width:40px}
.hero-image{min-height:500px;border-radius:110px 28px 110px 28px;box-shadow:0 35px 60px -25px #05295270;border:1px solid #dce8f3;isolation:isolate}.hero-image img{filter:brightness(.88) saturate(.9);transform:scale(1.025)}.image-shade{background:linear-gradient(0deg,#031a37e8,transparent 90%),linear-gradient(110deg,#07356940,transparent 65%)}.image-caption{left:48px;bottom:70px}.image-caption p{font-size:39px}.hero-cta{right:45px;bottom:69px}.hero-cta .circle-arrow{background:linear-gradient(145deg,#154b80,#041b3c);color:#ffdf91;border:1px solid #cda343;box-shadow:inset 0 1px 1px #6096bb,0 5px 8px #65451a30}
.sector-strip{position:relative;z-index:2;margin:-27px 4% 0;padding:24px 30px;gap:18px;border-radius:22px;border:1px solid #ffffff;background:linear-gradient(110deg,#fffefa,#edf4fe);box-shadow:0 16px 35px #082a5515,inset 0 2px 0 white}.sector-strip>span{max-width:140px}.sector-strip p{font-size:14px}
.supply{position:relative;padding-top:120px;padding-bottom:150px}.section-top{grid-template-columns:.8fr 1.45fr 1fr;align-items:center}.section-top h2{font-size:clamp(37px,3.7vw,59px);letter-spacing:-2.3px}.products{gap:26px;align-items:start;padding-top:12px}.product{min-height:500px;border-radius:30px;padding:29px;border:1px solid #ffffffa6;box-shadow:0 22px 38px -20px #062f5b65,inset 0 2px 1px #ffffffb3;transition:transform .4s,box-shadow .4s;position:relative}.featured{background:linear-gradient(145deg,#fff9e7 0%,#f6dfa2 48%,#d7ad52 100%);border-radius:50px 26px 26px 26px}.acid{margin-top:48px;background:linear-gradient(140deg,#fff 0%,#e7f2ff 45%,#b5d1ec 100%)}.general{margin-top:96px;background:var(--blue-metal);color:#fff;border-color:#477aae;border-radius:26px 26px 65px 26px;box-shadow:0 25px 45px -18px #062b6077,inset 0 2px 1px #8fc5ff8c}.general .product-top{color:#d5e6fa}.general p{color:#d6e7fb}.general .text-link{color:#f6d88e}.general-title em{color:#f1ce78}.general-title{font-size:42px;line-height:1.12}.product p{font-size:16px}.product h3{font-size:24px}.product .chemical{font-weight:650;text-shadow:0 2px 0 #ffffffa3,0 5px 0 #89601220,0 10px 17px #936b3030}.acid .chemical{text-shadow:0 2px 0 white,0 5px 0 #15569220,0 12px 20px #12528b30}.product .text-link{padding-top:20px}.supply-note{margin-top:32px;max-width:530px;font-size:13px}.product:hover{transform:translateY(-9px);box-shadow:0 32px 45px -20px #062f5b70}
.about{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 0%,#1a69b0 0,transparent 53%),linear-gradient(140deg,#082e60,#04182f 78%);border-radius:100px 0 100px 0;padding-top:105px;padding-bottom:100px;box-shadow:0 25px 60px -30px #062d6680}.about:before{content:"";position:absolute;z-index:-1;inset:13px 17px;border:1px solid #b9d8f026;border-radius:88px 0 88px 0;pointer-events:none}.about h2{font-size:clamp(39px,4.1vw,66px)}.about h2 em{color:#f6d686;text-shadow:0 2px 0 #74450a,0 8px 22px #0004}.about-content{gap:65px}.values{gap:12px;flex-wrap:wrap}.values span{border:1px solid #7eabd740;background:linear-gradient(135deg,#ffffff15,#ffffff05);padding:8px 17px;border-radius:40px;font-size:14px}.regional-presence{margin-top:60px;border-top-color:#91b7e033}.regional-presence ul{gap:15px;margin:24px 0}.regional-presence li{padding:14px 25px;border-radius:18px;background:linear-gradient(140deg,#2b679955,#0b274d99);box-shadow:inset 0 1px 0 #83b4e069,0 8px 18px #0002;border:1px solid #5f85aa55;font-size:22px;color:#f9db8c}.company-details{border-top-color:#91b7e033}.company-details strong{font-size:17px}
.approach{padding-top:125px;padding-bottom:125px}.steps{position:relative;gap:28px;margin-top:65px}.steps article{border:0;position:relative;padding:0 20px 25px 0}.steps article:nth-child(2){margin-top:35px}.steps article:nth-child(3){margin-top:70px}.steps article>span{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--gold-metal);box-shadow:inset 0 2px 1px #fff6dc,0 12px 20px #ae7e2525;color:#49320b;font-size:18px}.steps h3{font-size:23px;margin-top:26px}.steps article:after{content:"";position:absolute;top:29px;left:78px;right:0;height:1px;background:linear-gradient(90deg,#c79e45,#aec5e530)}
.contact{position:relative;margin:0 4% 0;padding:76px 5%;border-radius:65px 28px 65px 28px;background:radial-gradient(ellipse at 13% 0,#fff9df 0,transparent 48%),linear-gradient(130deg,#f5dda1 12%,#e9bd58 55%,#b8862d 100%);box-shadow:0 25px 50px -22px #8d66244d,inset 0 2px 0 #fff5d0;border:1px solid #eac983;gap:55px}.contact h2{font-size:clamp(37px,4vw,60px)}.contact-details{border-radius:25px;padding:28px;background:linear-gradient(125deg,#fff8e14d,#fff6d815);border:1px solid #fff5d271;box-shadow:inset 0 1px 0 #fff4ce55,0 15px 35px #83550c12;align-self:center}.contact-details>div:last-child{border-bottom:0;padding-bottom:0}.contact-details a{font-size:17px}.contact-button{background:var(--blue-metal);border-color:#38618c;box-shadow:inset 0 1px 1px #7aabdc,0 9px 20px #07274b40;color:#fff}.contact-button:hover{background:var(--blue-metal);box-shadow:inset 0 1px 1px #7aabdc,0 15px 25px #07274b50}footer{padding-top:55px;padding-bottom:40px}
@media(min-width:1100px){.hero-image{animation:arrive .9s ease both}.hero-top{animation:arrive .7s ease both}@keyframes arrive{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1100px){h1{font-size:clamp(42px,5.2vw,62px);letter-spacing:-2.8px}.hero-top{grid-template-columns:minmax(0,1fr) 240px}.header{padding:10px 22px}.header nav{gap:23px}.products{gap:17px}.product{padding:24px;min-height:530px}.general-title{font-size:37px}.formula{font-size:53px}.sector-strip{margin-left:2%;margin-right:2%;padding:22px;flex-wrap:wrap}.sector-strip>span{max-width:none}.contact{gap:30px}.contact-details{padding:23px}}
@media(max-width:760px){body{overflow-x:clip}.header{margin:12px 4% 0;padding:10px 18px 20px;border-radius:22px;gap:18px}.header .brand-logo{width:92px;height:92px}.header nav{gap:15px;font-size:13px}.hero{padding-top:43px}.hero-top{display:block;margin-bottom:30px}h1{font-size:clamp(36px,8.2vw,59px);letter-spacing:-2px;line-height:1.16}.hero-image{min-height:470px;border-radius:65px 22px 65px 22px}.image-caption{left:25px;right:22px;bottom:166px}.image-caption p{font-size:30px}.image-caption>span{font-size:12px}.hero-cta{bottom:55px;left:20px;right:20px;padding:19px;gap:16px}.hero-cta strong{font-size:15px}.sector-strip{margin:-26px 9px 0;padding:21px;gap:12px 17px;border-radius:20px}.sector-strip>span{width:100%;font-size:12px}.sector-strip p{font-size:13px}.sector-strip i{display:none}.supply{padding-top:80px;padding-bottom:80px}.section-top{display:block}.section-top h2{font-size:39px;letter-spacing:-1.9px}.products{gap:24px;padding-top:4px}.product{min-height:440px;padding:29px;border-radius:32px}.acid,.general{margin-top:0}.general{border-radius:32px 32px 55px 32px}.general-title{font-size:41px}.formula{font-size:64px}.product:hover{transform:none}.supply-note{margin-top:25px}.about{padding-top:73px;padding-bottom:65px;border-radius:60px 0 60px 0}.about:before{inset:10px;border-radius:50px 0 50px 0}.about h2{font-size:39px}.about-content{display:block}.regional-presence{margin-top:38px}.regional-presence ul{gap:12px}.regional-presence li{padding:12px 18px;font-size:19px}.company-details>div{align-items:flex-start;flex-wrap:wrap;gap:7px 18px}.company-details strong{font-size:15px}.approach{padding-top:75px;padding-bottom:65px}.steps{margin-top:35px;gap:23px}.steps article:nth-child(n){margin-top:0;padding-bottom:8px}.steps article>span{width:48px;height:48px;border-radius:15px}.steps h3{margin-top:18px}.steps article:after{top:25px;left:68px}.contact{margin:0 4%;padding:48px 7%;grid-template-columns:1fr;border-radius:40px 20px 40px 20px;gap:30px}.contact h2{font-size:clamp(32px,8vw,40px);letter-spacing:-1.5px}.contact-details{padding:23px;width:100%}.contact-details a{font-size:16px}.contact-button{gap:24px;padding:17px 21px}footer{padding-top:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.button:hover,.hero-cta:hover,.product:hover{transform:none}}

/* Let the page show through the original transparent brand artwork. */
.header{background:transparent;border-color:transparent;box-shadow:none}
.brand,.brand-logo,.footer-brand,footer{background:transparent;border:0;box-shadow:none}
.header nav{padding:15px 25px;border-radius:40px;background:linear-gradient(120deg,#ffffff55,#e8f2ff26);border:1px solid #ffffff80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media(max-width:760px){.header nav{padding:13px 16px;gap:12px}}

/* Full-width translucent brand bands behind the top and bottom logos. */
.header,footer{background:linear-gradient(110deg,rgba(108,169,226,.24),rgba(207,228,249,.38) 45%,rgba(89,149,211,.25));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:0;border-radius:0;box-shadow:inset 0 1px 0 #ffffff90}
.header{margin:0;padding:15px 5%;border-bottom:1px solid #bf984d65}
footer{margin:0;padding:35px 5%;border-top:1px solid #bf984d65}
.contact{margin-bottom:48px}
.header nav{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand,.brand-logo,.footer-brand{background:transparent}
@media(min-width:1600px){.header,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:760px){.header{margin:0;padding:12px 6% 19px;border-radius:0}.header nav{padding:10px 0 0}footer{padding:28px 6%;border-radius:0}.contact{margin-bottom:32px}}

/* Align the hero message and project enquiry box in one shared layout. */
.hero-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,370px);align-items:end;gap:32px;padding:64px 48px 72px}
.hero-image>img,.hero-image>.image-shade{inset:0;z-index:-1}
.image-caption{position:relative;inset:auto;min-width:0}
.hero-cta{position:relative;inset:auto;width:100%;min-height:112px;padding:24px;gap:20px;align-self:end;justify-content:space-between}
.hero-cta>span:first-child{min-width:0;letter-spacing:1px}
.hero-cta strong{line-height:1.4;letter-spacing:0}
.hero-cta .circle-arrow{flex:0 0 42px;width:42px;height:42px}
@media(max-width:1050px) and (min-width:761px){.hero-image{grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:52px 34px 68px}.image-caption p{font-size:31px}.hero-cta{padding:20px}.hero-cta strong{font-size:15px}}
@media(max-width:760px){.hero-image{grid-template-columns:minmax(0,1fr);align-content:end;gap:25px;padding:70px 24px 62px;min-height:480px}.image-caption,.hero-cta{position:relative;inset:auto}.image-caption{align-self:end}.image-caption p{font-size:30px}.hero-cta{width:100%;min-height:100px;padding:21px;gap:16px}.hero-cta strong{font-size:15px}}

/* Rounded edges on both translucent logo bands. */
.header,footer{border-radius:34px;overflow:hidden}
@media(max-width:760px){.header,footer{border-radius:24px}}

/* Mining film and product photography. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(.88) saturate(.9);pointer-events:none}
.video-toggle{position:absolute;top:25px;right:32px;z-index:2;border:1px solid #ffffff70;border-radius:24px;padding:10px 17px;background:#06274ac9;backdrop-filter:blur(10px);color:#fff;font:500 14px 'DM Sans',Arial,sans-serif;cursor:pointer;min-height:44px}
.video-toggle:hover{background:#104475}.video-toggle:focus-visible{outline:3px solid #f1ce78;outline-offset:4px}.video-toggle[hidden]{display:none}
.product-media{position:relative;margin:25px -10px 24px;border-radius:22px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 13px 24px -12px #072a5566;isolation:isolate}
.product-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05244280,transparent 65%);pointer-events:none}.media-label{position:absolute;z-index:1;bottom:16px;left:17px;color:white;font-size:14px;letter-spacing:1px;font-weight:600}.product:hover .product-media img{transform:scale(1.035)}
@media(max-width:760px){.video-toggle{top:23px;right:22px;font-size:13px;padding:9px 14px}.product-media{margin:24px -7px;max-height:250px}}
@media(prefers-reduced-motion:reduce){.product:hover .product-media img{transform:none}}

footer{flex-wrap:wrap}.media-credits{flex-basis:100%;font-size:12px;color:#526783}.media-credits summary{cursor:pointer;width:fit-content;min-height:32px;padding:5px 0}.media-credits p{font-size:12px;max-width:850px;line-height:1.7}.media-credits a{text-decoration:underline;text-underline-offset:3px}

/* Product detail pages and accessible full-card navigation. */
.product-page-link:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit}.product:focus-within{outline:3px solid #a97511;outline-offset:5px}
.product-detail{max-width:1440px;margin:0 auto;padding:45px 5% 75px}.back-link{display:inline-block;font-size:14px;padding:12px 0;margin-bottom:25px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:55px;align-items:start}.detail-photo{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:60px 24px 60px 24px;box-shadow:0 25px 45px -25px #082a5566}.photo-note{font-size:12px;color:#5c6c80;margin:16px 8px}.detail-content h1{font-size:clamp(38px,4.2vw,62px);line-height:1.13;letter-spacing:-2px;margin:18px 0 22px}.detail-intro{font-size:19px;line-height:1.6;color:#51627a}.detail-specs{margin:28px 0}.detail-specs>div{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;border-bottom:1px solid #c9d7e7;padding:15px 0}.detail-specs dt{font-size:14px;color:#5c6c80}.detail-specs dd{margin:0;font-size:16px;font-weight:500}.detail-enquiry{padding:28px;border-radius:26px;background:linear-gradient(120deg,#fff6dc,#e9f2ff);border:1px solid #fff;box-shadow:0 16px 35px #082a5510}.detail-enquiry h2{font-size:25px;letter-spacing:-.6px;margin-bottom:14px}.detail-enquiry p{font-size:16px;color:#51627a}.enquiry-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:24px}.enquiry-actions .button{font-size:14px;gap:16px;margin:0;padding:16px 18px}.detail-enquiry .enquiry-note{font-size:12px;margin-top:18px}.detail-coverage{margin-top:65px;padding:35px;border-radius:30px;background:var(--blue-metal);color:white}.detail-coverage h2{font-size:29px;letter-spacing:-1px;margin-bottom:17px}.detail-coverage p{font-size:16px;color:#d5e6fa;max-width:850px}.product-nav{margin-top:30px;display:flex;flex-wrap:wrap;gap:15px}.product-nav a{padding:12px 20px;border:1px solid #c7d9ef;border-radius:30px;font-size:14px}.product-nav a[aria-current]{background:#082a55;color:#fff}.detail-statement{min-height:510px;padding:45px 35px;border-radius:60px 24px 60px 24px;background:var(--blue-metal);color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 45px -25px #082a5566}.detail-statement p{font-family:Manrope,Arial,sans-serif;font-size:clamp(33px,3.8vw,54px);line-height:1.2;letter-spacing:-2px}.detail-statement em{color:#f6d686}
@media(max-width:950px){.detail-grid{gap:30px}.detail-enquiry{padding:23px}.enquiry-actions{flex-direction:column}.enquiry-actions .button{justify-content:space-between}}
@media(max-width:760px){.product-detail{padding:25px 6% 50px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-photo{aspect-ratio:3/2;max-height:330px;border-radius:35px 20px}.detail-statement{min-height:260px;border-radius:35px 20px;padding:30px}.detail-statement p{margin-top:30px}.detail-content h1{font-size:40px;letter-spacing:-1.6px}.detail-intro{font-size:17px}.detail-specs>div{gap:15px}.detail-specs dd{font-size:15px}.detail-coverage{margin-top:40px;padding:27px}.detail-coverage h2{font-size:27px}.product-nav{flex-direction:column}.product-nav a{text-align:center}}

/* Direct enquiry choices remain above the product detail link. */
.card-enquiry{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.card-enquiry a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #52759a66;border-radius:14px;background:#ffffff80;font-size:14px;font-weight:600}.card-enquiry a:hover{background:#fff}.general .card-enquiry a{background:#ffffff14;border-color:#bddaff70;color:#fff}.general .card-enquiry a:hover{background:#ffffff30}.general .text-link{margin-top:10px}

.acid .product-media{background:#d5e6f5}.acid .product-media img{object-fit:contain}.detail-photo[src="sulphuric-acid.jpg"]{object-fit:contain;background:#d5e6f5}

/* Bulk product imagery and browser email choices. */
.featured .product-media img{transform:scale(2.05);object-position:50% 62%}.featured:hover .product-media img{transform:scale(2.05)}.sulphur-closeup{overflow:hidden;aspect-ratio:4/5;border-radius:60px 24px;box-shadow:0 25px 45px -25px #082a5566}.sulphur-closeup .detail-photo{height:100%;border-radius:0;transform:scale(2.05);object-position:50% 62%;box-shadow:none}.acid .product-media img{object-fit:cover}.detail-photo[src="chemical-tanks.jpg"]{object-fit:cover}.email-page{max-width:950px;margin:auto;padding:45px 6% 90px}.email-page h1{margin-bottom:25px}.email-address{font-size:clamp(18px,4vw,26px);font-weight:600;margin:30px 0;overflow-wrap:anywhere}.email-options{display:flex;flex-wrap:wrap;gap:16px}.email-options .button{margin:0}.email-help{margin:26px 0 18px;color:#51627a}.copy-email{font:inherit;background:white;color:#082a55;border:1px solid #9cb5d1;border-radius:12px;padding:13px 20px;cursor:pointer}#copy-status{margin-top:14px;min-height:25px}@media(max-width:760px){.sulphur-closeup{aspect-ratio:3/2;border-radius:35px 20px}.sulphur-closeup .detail-photo{max-height:none}.email-options{flex-direction:column}}

.featured .product-media{aspect-ratio:16/9}.featured .product-media img,.featured:hover .product-media img{transform:none;object-fit:contain;object-position:center}.sulphur-closeup{aspect-ratio:16/9;border-radius:30px;align-self:start}.sulphur-closeup .detail-photo{transform:none;object-fit:contain;object-position:center;aspect-ratio:16/9;width:100%;height:100%}
