@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#12392f;--accent:#87d39b;--ink:#25302e;--paper:#f7f9f6;--line:#d8e1db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:17px/1.65 'DM Sans',sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.15}h2{font-size:clamp(32px,3.8vw,52px);letter-spacing:-1.8px;font-weight:600}h3{font-size:23px;letter-spacing:-.5px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;background:#fff}nav{display:flex;gap:32px;align-items:center;font-size:15px;font-weight:600}.brand-name{font:800 29px/1 Manrope,sans-serif;letter-spacing:3px;color:var(--green);display:inline-block}.brand-sub{display:block;font-size:12px;letter-spacing:6px;margin-top:8px}.nav-contact{border:1px solid var(--green);padding:10px 20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--green);color:white;min-height:680px}.hero-copy{padding:78px 9% 50px 11.5%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:24px}.hero .eyebrow{color:var(--accent)}h1{font-size:clamp(48px,5.6vw,80px);letter-spacing:-3.8px;font-weight:600;margin-bottom:22px}.hero-sub{font-size:26px;line-height:1.35;max-width:400px;color:#b8e7c5}.intro{max-width:390px;color:#dce7df;margin:26px 0 32px}.button{display:inline-block;padding:14px 22px;font-size:15px;font-weight:700;border:1px solid transparent}.light{background:var(--accent);color:#14382e}.dark{background:var(--green);color:white}.text-link{display:block;margin-top:20px;font-size:15px;text-decoration:underline;text-underline-offset:6px}.hero-tags{display:flex;gap:18px;border-top:1px solid #ffffff30;margin-top:45px;padding-top:23px;font-size:12px;color:#c3dbcb}.hero-visual{position:relative;background:#dce8df;overflow:hidden;min-height:400px}.hero-visual img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:24px;background:#12392fee;font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px}.section{padding:90px 7%}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10%}.two-col p{max-width:530px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-head>p{max-width:380px}.products{background:#edf2ed}.filter{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 35px}.filter button{background:transparent;border:1px solid #b9c8bd;padding:11px 17px;font:500 14px 'DM Sans',sans-serif;color:var(--green)}.filter button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd8ce;border:1px solid #cbd8ce}.product-grid article{background:#fafcf9;padding:33px;display:flex;flex-direction:column}.product-grid article[hidden]{display:none}.product-num{font-size:11px;letter-spacing:1.8px;color:#567761;margin-bottom:32px}.product-grid p{font-size:16px}.product-grid h3{min-height:52px}.product-grid details{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:14px}.product-grid details p{font-size:14px;padding-top:14px}.footnote{font-size:13px;margin:25px 0 0;color:#577061}.expertise{background:#263630;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10%}.expertise .eyebrow{color:var(--accent)}.expertise p{color:#cbd9ce}.expertise .button{margin-top:18px}.services>div{display:flex;gap:24px;border-top:1px solid #ffffff30;padding:23px 0}.services>div:first-child{padding-top:0;border-top:0}.services span{color:var(--accent);font-size:13px}.services h3{font-size:20px;margin-bottom:9px}.services p{font-size:15px;margin:0}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:45px}.application-grid>div{border-top:3px solid #64a778;padding-top:24px}.application-grid h3{font-size:21px}.application-grid p{font-size:16px}.process{background:#e0ebe2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.steps b{font:500 38px Manrope,sans-serif;color:#598367;display:block;margin-bottom:25px}.steps h3{font-size:21px}.steps p{font-size:16px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:white}.contact p{max-width:450px}.phone{font-size:28px;display:block;margin:25px 0;font-weight:600;color:var(--green)}address{font-style:normal;font-size:15px;color:#59665e}.inquiry{border:1px solid var(--line);padding:40px;background:#f5f8f4}.inquiry h3{font-size:25px}.inquiry ul{padding-left:20px;margin-bottom:32px}.inquiry li{padding-bottom:10px;font-size:16px}.small{font-size:12px;margin:15px 0 0;color:#647269}footer{padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}footer p,footer>span{font-size:13px;margin:0}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:9}.skip:focus{top:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e79ec1;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.button:hover{filter:brightness(.95);text-decoration:none}summary{font-weight:600} @media(max-width:1000px){header{padding:22px 5%}nav{gap:18px}.hero-copy{padding:60px 8%}.hero{min-height:600px}h1{font-size:58px}.product-grid{grid-template-columns:repeat(2,1fr)}.application-grid{grid-template-columns:repeat(2,1fr)}.section{padding:65px 6%}.hero-tags{flex-wrap:wrap}.image-caption{flex-direction:column;gap:3px}.contact{gap:6%}.inquiry{padding:28px}}@media(max-width:650px){header{flex-wrap:wrap;gap:23px}.brand-name{font-size:23px}nav{width:100%;justify-content:space-between;gap:8px;font-size:13px}.nav-contact{padding:7px 10px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7%}h1{font-size:56px;letter-spacing:-2.6px}.hero-sub{font-size:23px}.hero-visual{height:340px;min-height:0}.two-col,.expertise,.contact{grid-template-columns:1fr;gap:25px}.section-head{display:block}.section-head>p{max-width:none}.product-grid{grid-template-columns:1fr}.product-grid h3{min-height:0}.product-grid article{padding:27px}.product-num{margin-bottom:20px}.application-grid{gap:20px}.application-grid h3{font-size:18px}.steps{grid-template-columns:1fr;gap:20px}.steps>div{border-top:1px solid #c1d4c4;padding-top:20px}.steps b{margin-bottom:12px}.section{padding:55px 7%}footer{flex-wrap:wrap;justify-content:flex-start}footer>span{width:100%}.phone{font-size:25px}.inquiry{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.logo{display:block;width:210px;height:auto} @media(max-width:650px){.logo{width:175px}}
/* Give the hero photograph more room while preserving the mobile layout. */
@media(min-width:651px){.hero{grid-template-columns:42% 58%}.hero-copy{padding-left:14%;padding-right:9%}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}h1{font-size:clamp(48px,4.8vw,70px)}}
.hero .eyebrow{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5;letter-spacing:1.5px}

.contact .eyebrow{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5;letter-spacing:1.5px}

.application-image{display:block;width:100%;height:auto;margin-top:24px}

.application-circle{width:100%;aspect-ratio:1;margin-top:24px;padding:8px;background:#fff;border-radius:50%}
.application-circle .application-image{width:100%;height:100%;margin:0;object-fit:cover;object-position:center;border-radius:50%}

.materials-image{display:block;width:100%;height:auto;margin:0}

.overview .two-col{align-items:center}.overview .two-col>div:last-child p:last-child{margin-bottom:0}

.contact .phone{display:flex;align-items:center;gap:12px}.phone-icon{flex:none;width:24px;height:24px}

.product-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px}.product-brand-row .product-num{margin:0;flex-shrink:0}.product-brand-logo{display:block;width:110px;max-width:42%;height:auto;object-fit:contain}@media(max-width:650px){.product-brand-row{margin-bottom:20px}}

.clarix-brand-logo{aspect-ratio:3.3;height:auto;object-fit:cover;object-position:center}

.hero-visual{background:var(--green)}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:650px){.hero-visual{height:340px}}

.founder-profile{margin:28px 0 24px}.founder-profile img{display:block;width:200px;max-width:100%;height:auto}.founder-profile figcaption{margin-top:14px;font-size:16px;line-height:1.5}.founder-profile strong{display:block;color:#fff}.founder-profile figcaption span{display:block;color:#b8e7c5;font-size:14px}.expertise .services{align-self:center}@media(max-width:650px){.founder-profile img{width:180px;height:auto}}

.founder-photo-frame{width:200px;max-width:100%}.founder-photo-frame img{display:block;position:static;width:100%;max-width:100%;height:auto}@media(max-width:650px){.founder-photo-frame{width:180px}.founder-photo-frame img{width:100%;height:auto}}

.founder-photo-frame{aspect-ratio:580 / 744.85714286;overflow:hidden}

.hero-visual img{inset:auto;top:0;left:-25%;width:125%;height:100%;object-fit:cover;object-position:right center}

.inquiry{background:transparent}.contact-form{margin-top:30px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;min-width:0;border:1px solid #a8bdb0;border-radius:0;background:transparent;padding:12px;font:400 16px/1.5 'DM Sans',sans-serif;color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--green);outline-offset:2px}.field-wide{grid-column:1/-1}.contact-form button{margin-top:22px;cursor:pointer;font-family:inherit}.form-note{font-size:12px;color:#59665e;margin:14px 0 0}@media(max-width:650px){.form-fields{grid-template-columns:1fr}}

.application-grid>div{display:flex;flex-direction:column}.application-grid>div>p{margin-bottom:24px}.application-grid .application-circle{margin-top:auto;flex-shrink:0}