/* Shared editorial scale and component rhythm, October 2026. */
:root{--ink:#173044;--muted:#5f707b;--line:#e0e7eb;--pale:#f4f7f8;--green:#087f68;--navy:#113247;--dark:#102b3c;--space-section:88px}
body{font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.65}
h1,h2,h3{font-weight:600;text-wrap:balance}
h1{font-size:52px;line-height:1.12;letter-spacing:-1.6px}
h2{font-size:38px;line-height:1.2;letter-spacing:-1.05px}
h3{font-size:23px;line-height:1.3;letter-spacing:-.45px}
p{line-height:1.75;text-wrap:pretty}
.wrap,.header-inner{width:calc(100% - 112px);max-width:1200px}
.section{padding-block:var(--space-section)}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;line-height:1.5;margin-bottom:17px}
.eyebrow>span{width:5px;height:5px}
.utility{font-size:10px;letter-spacing:.65px;background:#f4f7f8;color:#5e747f;border-bottom:1px solid var(--line)}
.utility>.wrap{height:32px}.utility a{font-size:12px}.language{font-size:10px;border-color:#dbe4e7}
.header-inner{height:86px;gap:26px}.logo{width:190px}.home-link,.nav-trigger{font-size:13px;font-weight:600}
#main-nav{gap:24px}.nav-trigger{padding-block:29px}.nav-trigger span{font-size:14px}
.header-quote{font-size:13px;padding:12px 17px;gap:24px;background:var(--green);color:#fff;border-radius:3px}
.dropdown{top:86px;padding-block:30px;gap:65px;border-bottom:3px solid var(--green);box-shadow:0 16px 28px #0a283516}
.dropdown-intro small{font-size:10px}.dropdown-intro strong{font-size:28px;font-weight:600;letter-spacing:-.7px}.dropdown-intro p{font-size:14px}.dropdown-intro a{font-size:13px}.dropdown-links a{font-size:14px;padding:15px 0}
.btn{font-size:14px;font-weight:600;min-height:50px;padding:13px 21px;gap:28px;border-radius:3px}.inline-link{font-size:14px}
.home-hero{height:592px}.hero-content{padding-top:90px}.home-hero .eyebrow{font-size:11px;letter-spacing:1.6px;color:#badbcc;margin-bottom:22px}
.home-hero h1{font-size:66px;line-height:1.09;letter-spacing:-2px;font-weight:600;margin-bottom:24px;max-width:760px}
.home-hero p{font-size:18px;line-height:1.65;color:#e0e8ed}.hero-actions{margin-top:30px;gap:14px}
.hero-overlay{background:linear-gradient(90deg,#09283bec 0%,#09283bd1 38%,#09283b38 75%,#09283b1c),linear-gradient(0deg,#09283b88,transparent 60%)}
.hero-caption{font-size:10px;letter-spacing:1px;padding:19px 0}.hero-caption a{font-size:22px}
.stats{padding:34px 0 24px;gap:22px}.stats>div{padding-left:28px}.stats strong{font-size:36px;letter-spacing:-1px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums}.stats em{font-size:14px;margin-left:5px}.stats>div>span{display:block;font-size:13px;margin-top:7px}.stat-note{font-size:11px;padding-bottom:23px}
.section-heading{align-items:center;gap:64px;margin-bottom:36px}.section-heading>div{flex:1;min-width:0}.section-heading h2{font-size:38px;max-width:650px}.section-heading>p{font-size:15px;max-width:350px;margin:24px 0 0;line-height:1.75}
.service-feature{gap:40px;grid-template-columns:1fr 1.05fr}.feature-magnesium{min-height:520px;border:1px solid #e0e8e8;border-radius:5px;background:linear-gradient(145deg,#f0f4f5,#e6eeed)}
.feature-magnesium>img{top:5px;width:85%;height:280px}.periodic{width:72px;height:87px;top:24px;left:26px;border-color:#88afa0}.periodic strong{font-size:35px}.periodic small{font-size:11px}.periodic>span{font-size:7px}
.feature-copy{left:32px;bottom:31px}.feature-copy>small{font-size:11px;letter-spacing:1.4px}.feature-copy h3{font-size:33px;line-height:1.16;margin:12px 0 13px}.feature-copy p{font-size:15px;max-width:340px;margin-bottom:18px}.feature-copy .inline-link{font-size:14px}
.service-list>a{padding:24px 0;gap:20px;align-items:center}.service-list>a:first-child{padding-top:8px}.service-list>a>span{font-size:12px;padding:0;min-width:23px}.service-list h3{font-size:23px;line-height:1.25;margin-bottom:8px}.service-list p{font-size:14px;line-height:1.65;max-width:380px}.service-list b{font-size:22px}
.section-end{padding-top:25px;font-size:13px}.company-section{padding-block:76px}.company-grid{gap:65px;grid-template-columns:1fr 1fr}.company-visual{height:410px;border-radius:5px;overflow:hidden}.company-grid h2{font-size:36px}.company-grid p{font-size:15px}.photo-label{font-size:10px;letter-spacing:.8px;padding:16px 20px}
.proof-grid{gap:28px}.proof-card{height:380px;border-radius:5px}.proof-card>div{left:30px;bottom:29px;right:30px}.proof-card small{font-size:11px;letter-spacing:1.4px}.proof-card h3{font-size:30px;line-height:1.2;margin:13px 0}.proof-card p{font-size:14px;margin-bottom:18px}.proof-card div>span{font-size:14px}.proof-card:after{background:linear-gradient(0deg,#092c43f2,#092c4380 55%,#092c4310)}
.industry-links>a{grid-template-columns:32px 1fr 1fr 28px;gap:24px;padding:25px 0}.industry-links>a>span{font-size:12px}.industry-links h3{font-size:24px;letter-spacing:-.4px}.industry-links p{font-size:14px;line-height:1.65;color:#c1cfda}
.process-grid{gap:26px}.process-grid article{padding-top:20px}.process-grid article>span{font-size:12px;font-weight:600;margin-bottom:22px}.process-grid h3{font-size:21px;line-height:1.3;margin-bottom:12px}.process-grid p{font-size:14px}
.cards{gap:30px 26px;align-items:stretch}.content-card{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:box-shadow .25s,border-color .25s,transform .25s}.content-card:hover{border-color:#a6bfb6;box-shadow:0 12px 24px #1739440b;transform:translateY(-3px)}
.card-image{height:auto;aspect-ratio:1.65;background:#edf2f2}.card-image.product img{padding:18px}.card-copy{padding:23px 24px 27px}.card-copy small{font-size:10px;letter-spacing:.9px;line-height:1.5;display:block}.card-copy h3{font-size:23px;line-height:1.25;margin:11px 0 12px}.card-copy p{font-size:14px;line-height:1.7}.card-arrow{height:38px;width:38px;line-height:38px;font-size:21px;border-radius:3px 0 0 0}
.cta-band{padding-block:62px}.cta-band>.wrap{gap:70px}.cta-band h2{font-size:37px}.cta-band p{font-size:15px;max-width:430px}.cta-band .eyebrow{margin-bottom:15px}
footer{padding-top:48px}.footer-top{padding-bottom:30px}.footer-wordmark{font-size:30px}.footer-wordmark>span{font-size:10px;letter-spacing:1.5px}.footer-top>div>small{font-size:10px}.footer-email{font-size:22px;font-weight:500}.footer-columns{gap:30px;padding-block:32px}.footer-columns a,.footer-columns span{font-size:12px;line-height:1.6}.footer-columns .footer-heading{font-size:14px;font-weight:600}.footer-columns>div{gap:9px}.footer-bottom{font-size:12px}.footer-note{font-size:11px;line-height:1.7;color:#93a9b7}
.breadcrumbs{font-size:12px;gap:13px;padding-block:21px}.landing-hero{gap:55px;padding-top:25px;padding-bottom:55px;grid-template-columns:1fr 1fr}.landing-hero h1{font-size:48px;line-height:1.14;letter-spacing:-1.5px}.landing-hero p{font-size:16px;max-width:460px}.landing-image{height:335px;border-radius:5px;overflow:hidden}.landing-image>span{font-size:10px;letter-spacing:.9px}.category-bar{font-size:12px;letter-spacing:.5px;padding-block:20px}.introduction-note{font-size:13px;max-width:1200px}.directory{padding-top:44px}.material-banner h2{font-size:36px}.material-pills span{font-size:15px}.material-pills a{font-size:32px}
.detail-hero-grid{gap:65px;min-height:375px;padding-block:36px;grid-template-columns:1.1fr 1fr}.detail-hero h1{font-size:46px;line-height:1.15;letter-spacing:-1.4px;margin-bottom:20px}.detail-hero p{font-size:16px;line-height:1.75;margin-bottom:25px}.detail-image{height:290px;border-radius:4px}.detail-image>span{font-size:10px;letter-spacing:1px}.detail-layout{grid-template-columns:235px minmax(0,1fr);gap:65px;padding-top:60px;padding-bottom:70px}.detail-sidebar{top:110px}.sidebar-label{font-size:11px;letter-spacing:1px}.detail-sidebar>a{font-size:13px;padding:14px 0;line-height:1.6}.sidebar-help{padding:24px;border-radius:4px;background:#edf4f1;color:var(--ink)}.sidebar-help small{font-size:10px;color:var(--green)}.sidebar-help h3{font-size:23px;line-height:1.3}.sidebar-help p{font-size:14px;color:var(--muted)}.sidebar-help a{font-size:13px;color:var(--green);font-weight:600}
.detail-body{max-width:850px}.detail-body h2{font-size:30px;line-height:1.25;letter-spacing:-.7px;max-width:760px}.detail-body .lead{font-size:16px;line-height:1.8}.feature-sections>section{gap:24px;padding:25px 0}.feature-sections h3{font-size:23px;line-height:1.3}.feature-sections p{font-size:15px;line-height:1.8}.feature-number{font-size:12px;font-weight:600}.specifications{padding:28px 30px;border:1px solid var(--line);border-radius:4px;background:#f6f8f9}.specifications h2{font-size:25px}.specifications dt,.specifications dd{font-size:14px;line-height:1.7}.specifications dl>div{grid-template-columns:170px 1fr;gap:24px}.faq h2{font-size:27px}.faq summary{font-size:15px;font-weight:500;padding:20px 0}.faq details>p{font-size:14px;line-height:1.8}.equipment-heading h2{font-size:28px}.filter-label,.filter-label select{font-size:14px}.inventory{font-size:13px;line-height:1.65}.muted,.fine-print{font-size:12px}.facility-gallery figcaption{font-size:13px}.facility-gallery img{border-radius:4px}.material-compare p{font-size:15px}
.contact-hero{gap:65px;padding-top:32px;padding-bottom:60px}.contact-hero h1{font-size:50px;line-height:1.17;letter-spacing:-1.5px}.contact-hero>div>p{font-size:16px}.contact-panel{border-radius:5px;padding:32px}.contact-panel small{font-size:11px;letter-spacing:1px}.contact-panel p{font-size:15px}.contact-panel h3{font-size:25px}.contact-email{font-size:23px}.contact-photo{border-radius:5px}.contact-photo>div{font-size:11px;letter-spacing:.8px}.quote-heading{padding-top:30px;padding-bottom:35px}.quote-heading h1{font-size:48px;line-height:1.15;letter-spacing:-1.3px}.quote-layout{gap:65px;padding-bottom:80px}.quote-layout aside h2{font-size:27px;line-height:1.3}.quote-layout ol{font-size:14px}.direct-contact small{font-size:11px}.direct-contact a{font-size:17px}.form-section-label{font-size:12px;letter-spacing:1px}#quote-form label{font-size:14px}#quote-form input,#quote-form select,#quote-form textarea{font-size:15px;background:white;border-color:#cfdadd;border-radius:3px}#quote-form input::placeholder,#quote-form textarea::placeholder{font-size:14px}.attachment-note{border-radius:4px}.attachment-note strong{font-size:14px}.attachment-note p{font-size:13px}
@media(max-width:1180px){.header-inner{gap:18px}.logo{width:165px}#main-nav{gap:17px}.home-link,.nav-trigger{font-size:12px}.header-quote{font-size:12px;padding:11px 13px;gap:15px}.wrap,.header-inner{width:calc(100% - 80px)}.section-heading{gap:40px}.section-heading h2{font-size:35px}.section-heading>p{max-width:320px}.stats strong{font-size:32px}.stats>div{padding-left:20px}.stats>div>span{font-size:12px}.detail-layout{gap:42px;grid-template-columns:210px minmax(0,1fr)}.detail-hero h1{font-size:42px}.specifications dl>div{grid-template-columns:135px 1fr}.footer-columns{gap:22px}.contact-email{font-size:20px}}
@media(max-width:960px){.header-inner{height:78px}.site-header .logo{width:177px}.header-quote{margin-left:auto}.dropdown{padding:12px 0 15px;border-bottom:0;box-shadow:none}.dropdown-links a{font-size:14px}.nav-trigger{font-size:15px;padding:15px 0}.home-link{font-size:15px}.home-hero{height:560px}.hero-content{padding-top:78px}.home-hero h1{font-size:58px}.home-hero p{font-size:17px}.section{padding-block:70px}.section-heading h2,.company-grid h2{font-size:33px}.section-heading>p{font-size:14px;max-width:280px}.service-feature{gap:28px}.feature-magnesium{min-height:530px}.service-list h3{font-size:21px}.service-list p{font-size:13px}.feature-copy p{font-size:14px}.company-grid{gap:35px}.company-visual{height:370px}.proof-card h3{font-size:27px}.industry-links h3{font-size:22px}.industry-links p{font-size:13px}.cards{gap:24px 18px}.card-copy{padding:20px}.card-copy h3{font-size:21px}.card-copy p{font-size:14px}.card-image{aspect-ratio:1.45}.landing-hero h1{font-size:40px}.landing-hero{gap:32px}.detail-hero-grid{gap:32px}.detail-hero h1{font-size:39px}.detail-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.detail-sidebar>a{font-size:12px}.sidebar-help{padding:20px}.specifications dl>div{grid-template-columns:1fr;gap:7px}.detail-body h2{font-size:28px}.quote-layout{gap:35px}.contact-hero{gap:32px}.contact-hero h1{font-size:43px}.contact-panel{padding:25px}}
@media(max-width:680px){html{scroll-padding-top:85px}.wrap,.header-inner{width:calc(100% - 40px)}.utility>.wrap{height:28px;gap:10px}.utility>.wrap>span:first-child{font-size:8px;letter-spacing:.2px}.language{font-size:9px}.header-inner{height:72px;gap:16px}.site-header .logo{width:150px}.header-quote{font-size:12px;gap:8px;background:transparent;color:var(--green);padding:0}.home-hero{height:520px}.hero-content{padding-top:70px}.home-hero .eyebrow{font-size:9px;letter-spacing:1px;line-height:1.5;margin-bottom:21px}.home-hero h1{font-size:40px;line-height:1.16;letter-spacing:-1.3px;margin-bottom:22px;text-wrap:initial}.home-hero p{font-size:15px;line-height:1.7}.hero-actions{gap:10px;margin-top:27px}.btn{font-size:12px;min-height:48px;padding:12px 15px;gap:16px}.hero-caption{font-size:9px;letter-spacing:.6px;padding:18px 0}.stats{gap:26px 16px;padding-top:26px}.stats strong{font-size:30px;letter-spacing:-.7px}.stats em{font-size:12px}.stats>div>span{font-size:12px;line-height:1.5;margin-top:5px}.stats>div{padding-left:18px}.stat-note{font-size:11px;line-height:1.6;padding-bottom:23px}.section{padding-block:56px}.eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:15px}.section-heading{margin-bottom:28px}.section-heading h2,h2{font-size:29px;line-height:1.22;letter-spacing:-.65px}.section-heading>p{font-size:15px;margin-top:18px;max-width:none}.section-heading br{display:none}.service-feature{gap:26px}.feature-magnesium{min-height:465px}.feature-magnesium>img{height:235px;width:83%;top:5px}.feature-copy{left:25px;bottom:25px;right:25px}.feature-copy h3{font-size:29px;line-height:1.2}.feature-copy p{font-size:14px;max-width:280px}.feature-copy>small{font-size:10px}.periodic{left:22px;top:22px;width:65px;height:79px}.periodic strong{font-size:31px}.periodic>span{font-size:6px}.service-list>a{gap:15px;padding:21px 0}.service-list h3{font-size:21px}.service-list p{font-size:14px}.service-list>a>span{font-size:11px;min-width:18px}.section-end{font-size:12px;gap:15px;padding-top:24px}.inline-link{font-size:14px}.company-section{padding-block:55px}.company-grid{gap:30px}.company-visual{height:280px}.company-grid h2{font-size:29px}.company-grid p{font-size:15px}.photo-label{font-size:9px;padding:14px 16px}.proof-card{height:345px}.proof-card>div{left:25px;bottom:24px;right:20px}.proof-card h3{font-size:27px;line-height:1.22}.proof-card small{font-size:10px}.proof-card p{font-size:13px}.industry-links>a{grid-template-columns:20px 1fr 20px;gap:12px;padding:22px 0}.industry-links h3{font-size:22px}.industry-links p{font-size:14px;line-height:1.7}.industry-links>a>span{font-size:11px}.process-grid{gap:28px 20px}.process-grid h3{font-size:19px;line-height:1.3}.process-grid p{font-size:14px}.process-grid article>span{margin-bottom:18px}.cards{gap:25px}.card-image{aspect-ratio:1.7}.card-copy{padding:23px}.card-copy h3{font-size:23px}.card-copy small{font-size:10px}.card-copy p{font-size:15px}.cta-band{padding-block:48px}.cta-band>.wrap{gap:23px}.cta-band h2{font-size:30px}.cta-band p{font-size:15px}.footer-top{gap:25px}.footer-email{font-size:20px}.footer-columns{gap:28px 20px}.footer-columns a,.footer-columns span{font-size:12px}.footer-columns .footer-heading{font-size:14px}.footer-bottom{font-size:11px}.footer-note{font-size:11px}.breadcrumbs{font-size:11px;gap:10px;padding-block:18px}.landing-hero{padding-top:21px;padding-bottom:32px;gap:27px}.landing-hero h1{font-size:35px;line-height:1.2;letter-spacing:-.8px}.landing-hero p{font-size:15px}.landing-image{height:240px}.landing-image>span{font-size:9px}.category-bar{font-size:10px;gap:14px}.category-bar a{font-size:13px}.introduction-note{font-size:12px}.directory{padding-top:35px}.material-banner{padding-block:48px}.material-banner h2{font-size:29px}.material-pills span{font-size:13px}.detail-hero-grid{padding-block:30px;gap:27px}.detail-hero h1{font-size:35px;line-height:1.2;letter-spacing:-.8px}.detail-hero p{font-size:15px;margin-bottom:22px}.detail-image{height:230px}.detail-image.product{height:210px}.detail-image>span{font-size:9px}.detail-layout{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:50px}.detail-body h2{font-size:27px;letter-spacing:-.5px;line-height:1.3}.detail-body .lead{font-size:15px;line-height:1.8}.feature-sections>section{gap:17px;padding:23px 0}.feature-sections h3{font-size:22px;line-height:1.3}.feature-sections p{font-size:15px}.specifications{padding:22px}.specifications h2{font-size:23px}.specifications dt,.specifications dd{font-size:14px}.faq h2{font-size:24px}.faq summary{font-size:15px;line-height:1.5}.faq details>p{font-size:14px}.detail-sidebar>a{font-size:12px}.filter-label,.filter-label select{font-size:13px}.equipment-heading h2{font-size:26px}.inventory{font-size:12px}.facility-gallery figcaption{font-size:12px}.contact-hero{gap:30px;padding-top:24px;padding-bottom:35px}.contact-hero h1{font-size:36px;line-height:1.2;letter-spacing:-.8px}.contact-hero>div>p{font-size:15px}.contact-panel{padding:25px}.contact-panel p{font-size:14px}.contact-email{font-size:20px}.contact-photo>div{font-size:9px;letter-spacing:.2px}.quote-heading{padding-top:24px;padding-bottom:28px}.quote-heading h1{font-size:35px;line-height:1.2;letter-spacing:-.8px}.quote-heading p{font-size:15px}.quote-layout{gap:32px;padding-bottom:55px}.quote-layout aside h2{font-size:25px}.quote-layout ol{font-size:14px}.form-section-label{font-size:11px}#quote-form label{font-size:13px}#quote-form input,#quote-form select,#quote-form textarea{font-size:16px;padding:12px}#quote-form input::placeholder,#quote-form textarea::placeholder{font-size:13px}.form-grid{gap:0 14px}.attachment-note strong{font-size:13px}.attachment-note p{font-size:12px}.error-page h1{font-size:36px}}
@media(max-width:360px){.home-hero h1{font-size:36px}.home-hero .eyebrow{font-size:8px}.hero-actions{flex-wrap:wrap}.header-inner{gap:12px}.site-header .logo{width:130px}.utility>.wrap>span:first-child{font-size:7px}}
@media(max-width:680px){.service-feature,.company-grid,.landing-hero,.detail-hero-grid{grid-template-columns:1fr}.section-heading br{display:initial}}

/* Search-focused hero copy */
.home-hero h1{font-size:clamp(2.3rem,4.6vw,4.6rem);max-width:1000px;}