:root{--ink:#222923;--paper:#f3f3ed;--green:#c1d799;--muted:#666c64;--line:#d5d8cd;--heading:'Barlow Condensed',Impact,sans-serif;--body:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #78a844;outline-offset:5px}p,h1,h2,h3{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:600;line-height:1}h2{font-size:clamp(40px,4.35vw,66px);letter-spacing:-.015em;margin-bottom:24px}.utility{background:var(--ink);color:#e0e6dc;display:flex;justify-content:space-between;padding:9px 4.8%;font-size:10px;letter-spacing:1.2px;font-weight:600}.utility>div{display:flex;gap:30px}.utility>div>a{letter-spacing:.3px}.utility a span{margin-left:12px}.header{height:100px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:0 4.8%;position:sticky;top:0;z-index:20;border-bottom:1px solid #22292310}.brand{width:268px;flex-shrink:0}.header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.header nav>a:not(.button){position:relative}.header nav>a:not(.button):after{content:'';height:2px;background:#3a623d;position:absolute;bottom:-6px;left:0;width:0;transition:width .25s}.header nav>a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;padding:15px 24px;font-size:13px;font-weight:700;transition:background .25s,transform .25s}.button span{font-size:24px;line-height:1;font-weight:400}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#38513a}.button-green{background:var(--green);color:#20291d}.button-green:hover{background:#d3e7af}.menu-toggle{display:none}.hero{min-height:600px;height:calc(100svh - 135px);max-height:830px;position:relative;color:#fff;isolation:isolate;overflow:hidden}.hero-media,.hero-shade,.hero-media video,.hero-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media{z-index:-3}.hero-media video{opacity:0;transition:opacity .7s}.hero-media video.playing{opacity:1}.hero-still{object-position:center}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,23,18,.82),rgba(13,23,17,.4) 55%,rgba(13,23,17,.08)),linear-gradient(0deg,rgba(12,19,15,.7),transparent 28%)}.hero-content{padding:72px 5% 115px;max-width:1000px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px;margin-bottom:13.5px;color:#486143}.eyebrow.light{color:#e1e8d9}.eyebrow span{width:7px;height:7px;background:var(--green)}h1{font-size:clamp(80px,8.9vw,136px);font-weight:600;letter-spacing:-.025em;line-height:.91;margin:0 0 28px}h1 em{font-style:normal;color:var(--green)}.hero-description{font-size:16px;line-height:1.7;color:#e0e4dc;margin-bottom:27px}.hero-actions{display:flex;gap:34px;align-items:center}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:22px;align-items:center}.text-link>span{font-size:22px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:78px;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;font-weight:600}.hero-bottom>a{display:flex;align-items:center;gap:15px}.hero-bottom>a:nth-child(2){letter-spacing:.2px;font-size:12px}.circle{width:31px;height:31px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:22px}.scroll-label span{font-size:24px}.intro-line{padding:39px 5%;display:grid;grid-template-columns:1fr 1.6fr .5fr;gap:8%;align-items:center;border-bottom:1px solid var(--line)}.intro-line>p:first-child{font-family:var(--heading);font-size:24px;line-height:1.2;font-weight:500;margin:0}.intro-line strong{font-weight:600}.intro-line>p:nth-child(2){color:var(--muted);font-size:13px;max-width:510px;margin:0}.est{font-size:10px;letter-spacing:1px;border-left:1px solid var(--line);padding-left:35px}.est strong{display:block;font-family:var(--heading);font-size:46px;line-height:1.1;letter-spacing:-1px}.section-pad{padding:100px 5%}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:43px}.section-top h2{margin-bottom:0}.section-description{max-width:350px;color:var(--muted);font-size:14px}.section-description>p{margin-bottom:18px}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-bottom:1px solid #6d77665c;padding-bottom:8px;font-size:13px;font-weight:700;color:var(--ink)}.line-link span{font-size:22px;line-height:1;transition:transform .2s}.line-link:hover span{transform:translateX(4px)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{position:relative;min-height:450px;color:white;overflow:hidden;display:flex;align-items:flex-end}.service>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s;z-index:0}.service:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142019 2%,#142019bf 37%,#14201912 100%)}.service:hover>img,.service:focus-visible>img{transform:scale(1.055)}.service-content{position:relative;z-index:1;padding:30px;width:100%}.service-label{font-size:10px;letter-spacing:1.7px;color:#e0ead5}.service h3{font-size:38px;margin:19px 0 14px}.service p{font-size:13px;color:#e1e5de;line-height:1.65;max-width:290px;min-height:43px}.service-link{border-top:1px solid #ffffff40;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600}.service-link b{font-size:24px;font-weight:400}.about{padding-top:0;display:grid;grid-template-columns:1.04fr 1fr;gap:8%;align-items:center}.about-image{position:relative;min-height:455px;background:#ddd}.about-image img{width:100%;height:455px;object-fit:cover;object-position:24% center}.about-image span{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;color:white;background:#202923de;font-size:9px;letter-spacing:1.3px}.about h2{font-size:clamp(40px,4vw,60px)}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:485px}.about-copy .line-link{margin-top:13px}.metal-list{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metal-list>span{flex:1 1 25%;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--heading);font-size:30px;padding:26px 27px}.metal-list>span:before{content:'+';font-family:var(--body);font-size:17px;color:#607a46;margin-right:25px}.material-note{display:flex;justify-content:space-between;margin-top:25px;font-size:12px;color:var(--muted)}.material-note a{font-weight:700;color:var(--ink)}.material-note a span{margin-left:20px;font-size:20px}.contact{background:#dce5cd;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.contact h2{font-size:clamp(44px,5.5vw,80px)}.contact>div>p:not(.eyebrow){margin-bottom:30px}.contact-details{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-content:center}.contact-details>div>span{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#4b5d42}.contact-details p{font-size:14px;margin:12px 0}.contact-details>div:last-child{grid-column:1/-1;padding-top:23px;border-top:1px solid #25392333}.contact-phone{display:block;font-family:var(--heading);font-size:40px;line-height:1.5}.contact-details>div:last-child>a:last-child{font-size:13px}footer{padding:45px 5% 22px;background:var(--paper)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:38px}.footer-brand{width:245px}.footer-top p{font-family:var(--heading);font-size:22px;line-height:1.2;margin:0}.footer-top>a:last-child{font-size:12px}.footer-top>a:last-child>span{margin-left:20px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.skip{position:fixed;top:-60px;left:20px;z-index:50;padding:12px;background:white}.skip:focus{top:10px}.hero-content>*{animation:enter .8s both}.hero-content>:nth-child(2){animation-delay:.1s}.hero-content>:nth-child(3){animation-delay:.2s}.hero-content>:nth-child(4){animation-delay:.3s}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.section-pad,.intro-line,footer{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}@media(max-width:1100px){.header nav{gap:20px;font-size:12px}.brand{width:225px}.header .button{padding:12px 18px;gap:20px}.hero-content{padding-top:65px}.hero{min-height:600px}.utility{font-size:9px}.utility>div{gap:20px}.section-pad{padding-top:75px;padding-bottom:75px}.about{padding-top:0;gap:5%}.service-content{padding:24px}.service h3{font-size:33px}.service{min-height:420px}.about-image,.about-image img{min-height:430px;height:430px}.contact{gap:5%}.metal-list>span{font-size:25px;padding:22px 20px}.metal-list>span:before{margin-right:15px}}@media(max-width:850px){.utility>span,.utility-hours{display:none}.utility>div{width:100%;justify-content:space-between}.utility{font-size:10px;padding:8px 5%}.header{height:82px}.brand{width:230px}.menu-toggle{display:flex;align-items:center;gap:14px;border:0;background:transparent;font-size:12px;padding:10px 0 10px 15px;color:var(--ink)}.menu-toggle span{font-size:20px}.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:20px 5% 30px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - 82px);overflow:auto;box-shadow:0 15px 20px #0002}.header nav.open{display:flex}.header nav>a{padding:14px 0;font-size:15px}.header nav .nav-cta{margin-top:15px;padding:15px 20px}.hero{height:calc(100svh - 115px);min-height:575px}.hero-content{padding-top:70px}h1{font-size:100px}.hero-bottom>span{display:none}.intro-line{grid-template-columns:1fr 1.5fr;gap:30px}.est{display:none}.service-grid{gap:12px}.service{min-height:430px}.service-content{padding:20px}.service h3{font-size:30px}.service p{font-size:12px;min-height:78px}.service-link{font-size:11px;gap:10px}.about{gap:6%}.about-image,.about-image img{height:460px}.about h2{font-size:40px}.eyebrow{font-size:10px;letter-spacing:1.5px}.contact{grid-template-columns:1fr;gap:45px}.contact-details{grid-template-columns:1fr 1fr 1fr;gap:25px}.contact-details>div:last-child{grid-column:auto;border-top:0;padding-top:0}.contact-phone{font-size:31px}.footer-top p{font-size:19px}.footer-brand{width:210px}.footer-top{gap:25px}.section-top{gap:35px}.section-description{max-width:290px}}
@media(max-width:600px){html{scroll-padding-top:82px}.brand{width:210px}.hero{min-height:600px;max-height:780px}.hero-content{padding:60px 6% 125px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px;gap:8px;margin-bottom:15px}h1{font-size:clamp(67px,15vw,91px);line-height:.94;margin-bottom:25px}.hero-description{font-size:14px;max-width:320px}.hero-actions{gap:22px;align-items:flex-start;flex-direction:column}.hero-actions .button{min-width:195px}.hero-actions .text-link{font-size:12px}.hero-bottom{left:6%;right:6%;height:68px}.hero-bottom .scroll-label{font-size:8px;letter-spacing:.6px;gap:6px}.hero-bottom>a:nth-child(2){font-size:11px;gap:9px}.circle{width:27px;height:27px}.hero-shade{background:linear-gradient(90deg,#0c1712d9,#0c171255),linear-gradient(0deg,#0c171299,transparent 50%)}.intro-line{padding:30px 6%;grid-template-columns:1fr;gap:16px}.intro-line>p:first-child{font-size:25px}.intro-line>p:first-child br{display:none}.intro-line>p:first-child strong{display:block}.intro-line>p:nth-child(2){font-size:13px}.section-pad{padding:62px 6%}.section-top{display:block;margin-bottom:30px}h2{font-size:43px}.eyebrow{margin-bottom:10px}.section-description{margin-top:23px;max-width:100%}.section-description p br{display:none}.service-grid{grid-template-columns:1fr;gap:20px}.service{min-height:430px}.service-content{padding:27px}.service h3{font-size:40px}.service p{font-size:13px;min-height:0;max-width:310px}.service-link{font-size:12px}.about{padding-top:0;grid-template-columns:1fr;gap:35px}.about-image,.about-image img{height:290px;min-height:290px}.about-image img{object-position:center}.about-copy h2{font-size:43px}.about-copy>p:not(.eyebrow){font-size:14px}.metal-list>span{flex-basis:50%;font-size:24px;padding:21px 15px}.metal-list>span:before{margin-right:12px;font-size:14px}.material-note{flex-direction:column;gap:0;font-size:12px}.contact h2{font-size:51px}.contact-details{grid-template-columns:1fr 1fr;gap:28px 20px}.contact-details>div:last-child{grid-column:1/-1;border-top:1px solid #25392333;padding-top:25px}.contact-phone{font-size:38px}.contact-details p{font-size:13px}.footer-top{align-items:flex-start;flex-direction:column;gap:24px}.footer-brand{width:245px}.footer-top p{font-size:22px}.footer-bottom{flex-direction:column;gap:15px;font-size:10px}footer{padding:35px 6% 25px}.footer-bottom>div{gap:25px}.utility>div{font-size:9px}.button{min-height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-media video{display:none}}
.brand img,.footer-brand img{width:100%;height:auto}
@media(max-width:600px){h1{font-size:clamp(52px,15.3vw,91px)}}
@media(max-width:600px){.brand{width:min(210px,55vw)}}

/* Processing: real furnace photography and an open equipment strip. */
.processing{background:#202923;color:#fff;overflow:hidden}
.processing-main{display:grid;grid-template-columns:1fr 1.08fr;max-width:1800px;margin:auto}
.processing-photo{position:relative;margin:0;min-height:650px;overflow:hidden}
.processing-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% center;transition:transform 1.2s}
.processing-photo:hover>img{transform:scale(1.035)}
.processing-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111b17db,transparent 65%)}
.processing-photo figcaption{position:absolute;z-index:1;bottom:47px;left:11%;right:7%}
.processing-photo figcaption>.eyebrow{display:block;margin-bottom:7.5px;font-size:10px}
.processing-photo figcaption>span:last-child{font-family:var(--heading);font-size:clamp(38px,4.2vw,62px);line-height:.98;font-weight:500}
.processing-copy{padding:68px 10% 65px 11%;align-self:center}
.processing-copy>.eyebrow{color:var(--green);font-size:11px}
.processing-copy h2{font-size:clamp(46px,4.7vw,73px);line-height:.98;margin-bottom:25px}
.processing-copy h2 em{font-style:normal;color:var(--green)}
.processing-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#ccd3c9;max-width:430px;margin-bottom:30px}
.processing-feature{display:flex;gap:20px;padding:25px 0;margin-bottom:30px;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;align-items:center}
.processing-feature svg{width:41px;height:47px;flex-shrink:0;fill:none;stroke:var(--green);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.processing-feature h3{font-family:var(--body);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 8px}
.processing-feature p{font-size:12px;line-height:1.7;color:#ccd3c9;margin:0;max-width:290px}
.processing-methods{max-width:1440px;margin:auto;padding:40px 5%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff26}
.processing-methods>div{display:flex;align-items:center;gap:20px;padding:7px 28px;border-left:1px solid #ffffff26}
.processing-methods>div:first-child{padding-left:0;border:0}
.processing-methods>div:last-child{padding-right:0}
.processing-methods svg{width:40px;height:40px;flex-shrink:0;fill:none;stroke:var(--green);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.processing-methods h3{font-family:var(--body);font-size:13px;font-weight:500;line-height:1.6;margin:0}
@media(max-width:1100px){.processing-copy{padding:50px 9%}.processing-photo{min-height:620px}.processing-copy h2{font-size:52px}.processing-methods>div{padding:7px 20px;gap:13px}.processing-methods svg{width:32px;height:32px}.processing-methods h3{font-size:12px}}
@media(max-width:850px){.processing-main{grid-template-columns:1fr 1.1fr}.processing-copy{padding:42px 8%}.processing-copy h2{font-size:43px}.processing-photo{min-height:620px}.processing-methods{grid-template-columns:1fr 1fr;padding:15px 5%}.processing-methods>div{padding:25px!important;border:0}.processing-methods>div:nth-child(even){border-left:1px solid #ffffff26}.processing-methods>div:nth-child(-n+2){border-bottom:1px solid #ffffff26}.processing-methods h3{font-size:13px}.processing-feature{gap:13px}}
@media(max-width:600px){.processing-main{grid-template-columns:1fr}.processing-photo{min-height:340px}.processing-photo>img{object-position:center 45%}.processing-photo figcaption{left:6%;bottom:28px}.processing-photo figcaption>span:last-child{font-size:43px}.processing-copy{padding:45px 6%}.processing-copy h2{font-size:clamp(44px,10.8vw,62px)}.processing-copy h2 br:nth-of-type(1){display:none}.processing-copy h2 br:nth-of-type(1):after{content:' '}.processing-copy>p:not(.eyebrow){font-size:14px}.processing-methods{padding:5px 6% 15px}.processing-methods>div{padding:24px 12px!important;align-items:flex-start;flex-direction:column;gap:12px}.processing-methods>div:nth-child(odd){padding-left:0!important}.processing-methods>div:nth-child(even){padding-left:24px!important}.processing-methods h3{font-size:13px}.processing-methods svg{width:35px;height:35px}}

/* Company story with the original Franklin Metals YouTube film. */
.about{grid-template-columns:.95fr 1.15fr;gap:6%}
.about-film{min-width:0;background:var(--ink);color:#fff}
.about-player{position:relative;aspect-ratio:16/9;background:#101511}
.about-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.about-film-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 23px}
.about-film-caption>span{font-size:10px;letter-spacing:1.6px;font-weight:600;color:#dce5d4}
.about-film-caption>a{display:inline-flex;align-items:center;gap:16px;font-size:11px}
.about-film-caption>a>span{font-size:20px;line-height:1;color:var(--green)}
@media(max-width:850px){.about{grid-template-columns:1fr;gap:32px}.about-copy>p:not(.eyebrow){max-width:650px}}
@media(max-width:600px){.about-film-caption{padding:15px}.about-film-caption>span{font-size:9px;letter-spacing:1px}.about-film-caption>a{font-size:10px;gap:8px}}

.local-video-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;color:white;background:linear-gradient(#18221aa6,#18221ad9),url('assets/enhanced/industrial.webp') center/cover;font-weight:600}

.company-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#172019;color:var(--ink);overflow:hidden;display:grid;place-items:center}
.company-play>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s;filter:brightness(.77)}
.company-play-icon{position:relative;display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:var(--green);box-shadow:0 0 0 10px #c1d79922;transition:transform .25s,background .25s}
.company-play-icon svg{width:29px;height:29px;fill:var(--ink);margin-left:0}
.company-play-label{position:absolute;bottom:25px;color:#fff;font-size:10px;letter-spacing:2px;font-weight:700}
.company-play:hover>img{transform:scale(1.025);filter:brightness(.9)}
.company-play:hover .company-play-icon{transform:scale(1.06);background:#d3e7af}
.company-play:focus-visible{outline:3px solid var(--green);outline-offset:-5px}
@media(max-width:600px){.company-play-icon{width:62px;height:62px}.company-play-icon svg{width:25px;height:25px}.company-play-label{bottom:16px;font-size:9px}}

/* Metals: finished aluminum feature and material-inspired metal samples. */
.materials h2 em{font-style:normal;color:#60774d}
.materials .section-description{max-width:390px}
.materials-showcase{display:grid;grid-template-columns:1fr 1.2fr;gap:0;border:1px solid var(--line)}
.aluminum-feature{position:relative;min-height:545px;overflow:hidden;color:white;display:flex;align-items:flex-end}
.aluminum-feature>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:48% center;transition:transform .7s}
.aluminum-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101b16f5 0%,#142019aa 31%,#14201908 76%)}
.aluminum-feature:hover>img,.aluminum-feature:focus-visible>img{transform:scale(1.04)}
.aluminum-copy{position:relative;z-index:1;width:100%;padding:38px}
.aluminum-copy>.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:10px}
.aluminum-copy h3{font-size:clamp(48px,5vw,76px);margin:0 0 14px}
.aluminum-copy>p{font-size:13px;color:#d7e0d2;margin-bottom:24px}
.aluminum-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;padding-top:17px;border-top:1px solid #ffffff45}
.aluminum-link b{font-size:25px;font-weight:400;line-height:1}
.material-selection{padding:30px 32px 20px;background:#ebede5}
.material-selection-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#56644c;margin:0 0 24px}
.material-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}
.material-tiles>li{position:relative;padding:21px 26px 21px 0;min-height:142px;border-top:1px solid #bec6b5;display:grid;grid-template-columns:48px 1fr;align-content:center;column-gap:20px}
.material-tiles>li:nth-child(even){padding-left:26px;padding-right:0;border-left:1px solid #bec6b5}
.material-tiles>li:nth-child(odd){margin-right:0}
.material-tiles h3{font-size:29px;font-weight:500;line-height:1.08;margin:0 0 8px;align-self:end}
.metal-type{font-size:8px;letter-spacing:1.3px;color:#63705b;grid-column:2}
.metal-sample{height:66px;width:43px;grid-row:1/3;align-self:center;position:relative;transform:skewY(-10deg);border:1px solid #ffffff7a;box-shadow:4px 5px 0 #303b2a20;background:repeating-linear-gradient(0deg,#ffffff00 0px,#ffffff18 1px,#0000000a 2px,#00000000 3px),linear-gradient(110deg,var(--sample-dark),var(--sample-light) 45%,var(--sample-dark));transition:transform .3s}
.material-tiles>li:hover .metal-sample{transform:skewY(-10deg) translateY(-4px)}
.sample-copper{--sample-dark:#945437;--sample-light:#e9b597}.sample-brass{--sample-dark:#9b833d;--sample-light:#e4d499}.sample-stainless{--sample-dark:#85918f;--sample-light:#f8faf5}.sample-iron{--sample-dark:#3f4746;--sample-light:#a0a8a2}.sample-zinc{--sample-dark:#7e8e95;--sample-light:#cbd7d9}.sample-magnesium{--sample-dark:#9b9f98;--sample-light:#e7e8df}
.materials-help{display:flex;justify-content:space-between;gap:25px;align-items:center;background:var(--ink);color:white;padding:28px 34px}
.materials-help>div{display:flex;gap:22px;align-items:center}
.material-help-icon{width:40px;height:40px;border:1px solid #c1d79970;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:22px;flex-shrink:0}
.materials-help h3{font-size:27px;letter-spacing:.2px;margin:0 0 6px}
.materials-help p{color:#c6cebf;font-size:12px;margin:0}
.materials-help .button{flex-shrink:0}
@media(max-width:1100px){.material-selection{padding:28px 24px 15px}.material-tiles>li{grid-template-columns:36px 1fr;column-gap:13px}.metal-sample{width:32px;height:54px}.material-tiles>li:nth-child(even){padding-left:18px}.material-tiles h3{font-size:26px}.aluminum-copy{padding:28px}.materials-help{padding:25px}.materials-help>div{gap:15px}}
@media(max-width:850px){.materials-showcase{grid-template-columns:1fr}.aluminum-feature{min-height:430px}.aluminum-feature>img{object-position:center 45%}.aluminum-copy{max-width:550px;padding:32px}.material-selection{padding:30px}.material-tiles>li{grid-template-columns:48px 1fr;min-height:132px;column-gap:20px}.metal-sample{width:43px;height:60px}.material-tiles h3{font-size:32px}.material-tiles>li:nth-child(even){padding-left:30px}.materials-help>div>span{display:none}.materials-help h3{font-size:24px}.materials-help p{max-width:290px}}
@media(max-width:600px){.aluminum-feature{min-height:415px}.aluminum-copy{padding:27px}.aluminum-copy h3{font-size:56px}.aluminum-copy>.eyebrow{font-size:9px}.material-selection{padding:25px 20px 14px}.material-selection-label{font-size:9px;letter-spacing:1.1px;margin-bottom:20px}.material-tiles>li{grid-template-columns:1fr;min-height:185px;padding:21px 12px 20px 0;gap:0}.material-tiles>li:nth-child(even){padding-left:20px}.metal-sample{grid-row:auto;width:33px;height:47px;margin-bottom:17px}.material-tiles h3{font-size:27px;margin-bottom:8px}.metal-type{grid-column:1;font-size:8px}.materials-help{padding:28px 25px;flex-direction:column;align-items:flex-start;gap:22px}.materials-help h3{font-size:26px}.materials-help p{font-size:12px}.materials-help .button{width:100%}}

.more-services{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0 0}
.more-services>span{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#607052}
.more-services>div{display:flex;gap:38px}
.more-services a{display:flex;gap:27px;align-items:center;font-size:13px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:5px}
.more-services a>span{font-size:22px;line-height:1;color:#607052}
.company-reach{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);padding:24px 0;display:flex;gap:20px;align-items:center}
.company-reach svg{width:42px;height:42px;flex-shrink:0;stroke:#617951;fill:none;stroke-width:1.4;stroke-linejoin:round}
.company-reach p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:475px}
.company-reach strong{display:block;font-size:10px;letter-spacing:1.2px;color:var(--ink);margin-bottom:5px}
.responsibility{padding-top:0;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}
.responsibility-heading{position:relative;padding-left:86px}
.responsibility-heading>svg{position:absolute;left:0;top:0;width:56px;height:56px;stroke:#617951;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.responsibility h2{font-size:clamp(36px,3.4vw,50px);margin-bottom:0}
.responsibility .eyebrow{font-size:10px;margin-bottom:9px;letter-spacing:1.6px}
.responsibility-copy>p{color:var(--muted);font-size:14px;max-width:420px;line-height:1.8;margin-bottom:23px}
@media(max-width:850px){.more-services{align-items:flex-start;flex-direction:column;gap:15px}.more-services>div{gap:30px;flex-wrap:wrap}.responsibility{gap:6%}.responsibility-heading{padding-left:0}.responsibility-heading>svg{position:static;margin-bottom:20px}.responsibility h2{font-size:37px}}
@media(max-width:600px){.more-services{gap:18px}.more-services>div{gap:13px 25px}.more-services a{font-size:12px;gap:17px}.company-reach{gap:15px}.company-reach strong{font-size:9px;letter-spacing:.8px}.company-reach p{font-size:12px}.responsibility{grid-template-columns:1fr;gap:25px;padding-top:0}.responsibility h2{font-size:39px}.responsibility-copy>p{font-size:14px}}

/* More restrained hero headline scale. */
h1{font-size:clamp(68px,7.1vw,108px)}
@media(max-width:850px){h1{font-size:82px}}
@media(max-width:600px){h1{font-size:clamp(46px,13.3vw,76px)}}

/* Geometric icons avoid font-baseline drift in action controls. */
.action-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:0!important}
.action-icon:not(.circle){width:20px;height:24px}
.action-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.button,.text-link,.line-link,.service-link,.aluminum-link,.menu-toggle{align-items:center}
.utility a,.footer-top>a:last-child,.footer-bottom a{display:inline-flex;align-items:center}
.footer-bottom a{gap:8px}
.company-play-icon svg{display:block}

/* Environmental chapter: sunlit landscape with a fresh green treatment. */
.responsibility.eco-section{position:relative;isolation:isolate;overflow:hidden;display:block;margin:0 5% 100px;padding:70px 5%;background:#e5f0db;min-height:640px}
.eco-landscape{position:absolute;inset:0 0 0 30%;z-index:-2}
.eco-landscape img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.eco-section:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e5f0db 0%,#e5f0db 32%,#e5f0dbe8 43%,#e5f0db6b 62%,#e5f0db00 80%)}
.eco-content{max-width:510px}
.eco-emblem{width:57px;height:57px;display:grid;place-items:center;border-radius:50%;background:#ccdfb7;margin-bottom:26px}
.eco-emblem svg{width:33px;height:33px;fill:none;stroke:#38643d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eco-section .eyebrow{color:#365d36;font-size:10px;letter-spacing:1.8px;margin-bottom:11.5px}
.eco-section h2{font-size:clamp(48px,4.9vw,74px);line-height:.99;color:#193d29;margin-bottom:25px}
.eco-section h2 em{font-style:normal;color:#4b763d}
.eco-description{max-width:410px;font-size:14px;line-height:1.8;color:#40583b;margin-bottom:28px}
.eco-button{background:#285039;color:#fff;font-size:12px;gap:23px}
.eco-button:hover{background:#386747}
.eco-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px;padding-top:20px;border-top:1px solid #4166383d;max-width:420px}
.eco-benefits span{font-size:10px;font-weight:600;color:#365d36;white-space:nowrap}
.eco-benefits span:before{content:'';display:inline-block;width:5px;height:5px;background:#6f964e;border-radius:50%;margin:0 7px 2px 0}
@media(min-width:1600px){.responsibility.eco-section{max-width:1440px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.responsibility.eco-section{padding:55px 5%;margin-bottom:75px}.eco-content{max-width:440px}.eco-description{max-width:355px}.eco-landscape{left:27%}.eco-section:after{background:linear-gradient(90deg,#e5f0db 0%,#e5f0dbf5 36%,#e5f0dbbb 50%,#e5f0db00 90%)}.eco-benefits{gap:12px}}
@media(max-width:700px){.responsibility.eco-section{padding:0;margin:0 6% 62px;min-height:0}.eco-landscape{position:relative;inset:auto;height:260px}.eco-landscape img{object-position:center 65%}.eco-section:after{display:none}.eco-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#e5f0db,transparent 45%)}.eco-content{padding:0 27px 35px;max-width:none;position:relative;margin-top:-28px}.eco-emblem{margin-bottom:22px}.eco-section h2{font-size:54px}.eco-section .eyebrow{font-size:9px;line-height:1.6;letter-spacing:1.2px}.eco-description{font-size:13px;max-width:none}.eco-button{width:100%;padding:15px 18px;font-size:11px;gap:10px}.eco-benefits{gap:11px 17px;margin-top:25px}.eco-benefits span{font-size:10px}}
@media(max-width:360px){.eco-content{padding-left:22px;padding-right:22px}.eco-section h2{font-size:45px}.eco-button{font-size:10px;padding:14px}}

/* Compact environmental feature. */
.responsibility.eco-section{padding:40px 5%;min-height:0;margin-bottom:65px}
.eco-emblem{width:42px;height:42px;margin-bottom:15px}
.eco-emblem svg{width:26px;height:26px}
.eco-section .eyebrow{margin-bottom:8px}
.eco-section h2{font-size:clamp(38px,3.3vw,50px);margin-bottom:18px}
.eco-section h2 em br{display:none}
.eco-description{font-size:13px;line-height:1.7;margin-bottom:20px;max-width:440px}
.eco-benefits{margin-top:22px;padding-top:15px}
@media(max-width:700px){.responsibility.eco-section{padding:0;margin-bottom:45px}.eco-landscape{height:155px}.eco-content{padding:0 27px 27px;margin-top:-22px}.eco-section h2{font-size:39px}.eco-section .eyebrow{margin-bottom:7.5px}.eco-description{font-size:12px;line-height:1.7}.eco-benefits{margin-top:20px}.eco-emblem{margin-bottom:15px}}
@media(max-width:360px){.eco-content{padding-left:22px;padding-right:22px}.eco-section h2{font-size:34px}}

/* Full-width environmental section with aligned inner content. */
.responsibility.eco-section{width:100%;max-width:none;margin:0;padding-left:5%;padding-right:5%}
@media(min-width:1600px){.responsibility.eco-section{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}
@media(max-width:700px){.responsibility.eco-section{margin:0;padding:0}.eco-content{padding-left:6%;padding-right:6%}}

/* A quiet brushed-metal surface and technical grid for the materials and services sections. */
.materials,.services{position:relative;isolation:isolate;background-color:#f0f1eb;background-image:linear-gradient(90deg,#64765a0a 1px,transparent 1px),linear-gradient(#64765a0a 1px,transparent 1px),repeating-linear-gradient(0deg,#ffffff00 0px,#ffffff3d 1px,#59664d04 2px,transparent 4px);background-size:80px 80px,80px 80px,100% 4px}
.materials:before,.services:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,transparent 5%,#f3f3ed70 60%,#f3f3eddd 100%),linear-gradient(180deg,#f3f3eddd,transparent 170px,transparent calc(100% - 120px),#f3f3edc9)}
.materials:after,.services:after{content:'';position:absolute;right:-115px;top:35px;width:470px;height:470px;z-index:-1;pointer-events:none;border:1px solid #6a7e5412;border-radius:50%;box-shadow:0 0 0 45px #6a7e5405,0 0 0 46px #6a7e540b,0 0 0 90px #6a7e5403,0 0 0 91px #6a7e5409}
.materials,.services{overflow:hidden}
@media(max-width:600px){.materials,.services{background-size:56px 56px,56px 56px,100% 4px}.materials:after,.services:after{width:270px;height:270px;right:-160px;top:60px}}

/* Shared two-tone section headlines. */
.services h2,.about h2,.materials h2,.contact h2{color:#193d29}
.services h2 em,.about h2 em,.materials h2 em,.contact h2 em{font-style:normal;color:#4b763d}
.processing-copy h2{color:#fff}
.processing-copy h2 em{color:var(--green);font-style:normal}

/* Brushed steel texture beneath the introductory commitment strip. */
.intro-line{position:relative;isolation:isolate;background-color:#e7e9e3;background-image:linear-gradient(110deg,#cbd0c72b 0%,#ffffff7a 24%,#bcc4b835 48%,#ffffff66 73%,#c6cdc22e 100%),repeating-linear-gradient(0deg,#ffffff3b 0px,#ffffff3b 1px,#6874630b 1px,#6874630b 2px,transparent 2px,transparent 4px);border-top:1px solid #ffffff85;border-bottom:1px solid #b8c1b1}
.intro-line:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(174deg,transparent 0px,transparent 19px,#ffffff21 20px,transparent 21px,transparent 43px);opacity:.65}
.intro-line>p:nth-child(2){color:#535d50}
.intro-line .est{border-left-color:#9eaa964d}

/* Separate services from the company story with a restrained industrial rule. */
.about{position:relative;padding-top:70px}
.about:before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:var(--line)}
.about:after{content:'';position:absolute;top:-1px;left:5%;width:68px;height:3px;background:#6a8654}
.services{padding-bottom:55px}
@media(min-width:1600px){.about:before{left:max(5%,calc((100vw - 1400px)/2));right:max(5%,calc((100vw - 1400px)/2))}.about:after{left:max(5%,calc((100vw - 1400px)/2))}}
@media(max-width:600px){.about{padding-top:45px}.about:before{left:6%;right:6%}.about:after{left:6%;width:48px}.services{padding-bottom:40px}}

/* Filled calls to action replace the former underlined text buttons. */
.about-copy>.button{margin-top:13px}
.section-description>.button{color:var(--ink)}
.hero-actions{flex-wrap:wrap}

/* Opaque truck wheels cover the chassis line beneath them. */
.company-reach svg circle{fill:var(--paper)}

.contact-details .button{padding:13px 16px;gap:12px;font-size:12px}

.about-copy .company-reach{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;margin-bottom:10px;padding:20px 0;max-width:485px}

/* Small, purposeful icon motion without shifting surrounding text. */
@keyframes icon-arrive{0%{transform:translateY(5px) scale(.88)}60%{transform:translateY(-2px) scale(1.04)}100%{transform:translateY(0) scale(1)}}
@keyframes truck-arrive{0%{transform:translateX(-10px)}65%{transform:translateX(2px)}100%{transform:translateX(0)}}
@media(prefers-reduced-motion:no-preference){
 svg.icon-animated{transform-origin:center;transition:transform .3s ease}
 svg.icon-enter{animation:icon-arrive .65s ease both}
 .company-reach svg.icon-enter{animation-name:truck-arrive}
 a:hover .action-icon svg,a:focus-visible .action-icon svg{transform:translateX(4px)}
 .scroll-label:hover .action-icon svg,.scroll-label:focus-visible .action-icon svg{transform:translateY(4px)}
 .company-play:hover svg,.company-play:focus-visible svg{transform:scale(1.15)}
 .company-reach:hover svg{transform:translateX(5px)}
 .processing-feature:hover svg,.processing-methods>div:hover svg{transform:translateY(-3px) rotate(-4deg)}
 .eco-section:hover .eco-emblem svg{transform:rotate(-8deg) scale(1.08)}
}

/* Compact dark-green contact band, with location details in the footer. */
.contact{background:#193d29;color:var(--paper);padding-top:48px;padding-bottom:48px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px}
.contact .eyebrow{color:var(--green)}
.contact h2{color:var(--paper);font-size:clamp(40px,4vw,58px);margin-bottom:15px}
.contact h2 em{color:var(--green)}
.contact .contact-copy>p:last-child{margin-bottom:0;color:#d2ddcd;font-size:14px}
.contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.contact-actions .contact-phone{font-size:clamp(34px,3.5vw,48px);line-height:1.1;color:var(--paper)}
.footer-details{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}
.footer-details>div>span{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#486143}
.footer-details p{font-size:13px;line-height:1.8;margin:12px 0}
.footer-details .button{padding:10px 16px;min-height:44px;font-size:12px;gap:20px}
@media(max-width:600px){
 .contact{padding-top:36px;padding-bottom:36px;grid-template-columns:1fr;gap:25px}
 .contact h2{font-size:42px}
 .contact-actions{align-items:flex-start;gap:14px}
 .contact-actions .contact-phone{font-size:36px}
 .footer-details{grid-template-columns:1fr;gap:22px;padding:26px 0}
}

/* Center the hero copy and actions vertically over the video. */
.hero{display:flex;align-items:center}
.hero-content{width:100%;padding-top:40px;padding-bottom:40px}

/* Align the environmental copy with the inset text on the aluminum photo. */
:root{--metal-copy-inset:39px}
.responsibility.eco-section{padding-left:calc(5% + var(--metal-copy-inset))}
@media(min-width:1600px){.responsibility.eco-section{padding-left:calc(max(5%,(100vw - 1400px)/2) + var(--metal-copy-inset))}}
@media(max-width:1100px){:root{--metal-copy-inset:29px}}
@media(max-width:850px){:root{--metal-copy-inset:33px}}
@media(max-width:700px){.responsibility.eco-section{padding-left:0}.eco-content{padding-left:calc(5% + var(--metal-copy-inset))}}
@media(max-width:600px){:root{--metal-copy-inset:28px}.eco-content{padding-left:calc(6% + var(--metal-copy-inset))}}

/* Logo-inspired globe with independently orbiting recycling arrows. */
.services-heading{display:flex;align-items:center;gap:22px;min-width:0}
.brand-globe{position:relative;display:block;width:112px;height:112px;flex:0 0 112px}
.brand-globe canvas{position:absolute;inset:13%;width:74%;height:74%;border-radius:50%;background:radial-gradient(circle at 65% 30%,#39b4da,#075089)}
.globe-orbit{position:absolute;inset:0;width:100%;height:100%;fill:#61af20;transform-origin:center;animation:globe-orbit 14s linear infinite;animation-play-state:paused}
.brand-globe.is-spinning .globe-orbit{animation-play-state:running}
@keyframes globe-orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.services-heading{gap:14px}.brand-globe{width:84px;height:84px;flex-basis:84px}}
@media(max-width:600px){.services-heading{gap:12px;align-items:flex-start}.brand-globe{width:54px;height:54px;flex-basis:54px;margin-top:18px}.services-heading h2{font-size:clamp(30px,7.8vw,43px)}}
@media(prefers-reduced-motion:reduce){.globe-orbit{animation:none}}

/* Depth-aware orbit: the rear arrows pass beneath the globe. */
.brand-globe canvas{z-index:1}
.globe-orbit{animation:none;pointer-events:none}
.globe-orbit-back{z-index:0}
.globe-orbit-front{z-index:2}

/* Animated header symbol alongside the original logo lettering. */
.header .brand{display:flex;align-items:center;gap:7px}
.header .brand-globe{width:70px;height:70px;flex:0 0 70px;margin:0}
.brand-wordmark{display:block;flex:1;min-width:0;overflow:hidden;aspect-ratio:547/163}
.brand-wordmark img{width:135.6489945%;max-width:none;height:auto;transform:translateX(-26.2803235%)}
@media(max-width:600px){.header .brand-globe{width:54px;height:54px;flex-basis:54px}.header .brand{gap:5px}}

/* Give the animated header globe a little more presence. */
.header .brand{width:282px}
.header .brand-globe{width:84px;height:84px;flex-basis:84px}
@media(max-width:600px){.header .brand{width:220px}.header .brand-globe{width:64px;height:64px;flex-basis:64px}}

.intro-line .est strong{font-variant-numeric:tabular-nums;min-width:4ch}

/* Reuse the animated recycling globe in the environmental section. */
.eco-content>.brand-globe{width:84px;height:84px;margin:0 0 15px;flex-basis:84px}
@media(max-width:600px){.eco-content>.brand-globe{width:64px;height:64px;flex-basis:64px;margin-top:0}}

/* Place the recycling globe beside the copy, over the landscape. */
.eco-content>.brand-globe{position:absolute;left:72%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;margin:0;flex-basis:160px}
@media(max-width:1100px){.eco-content>.brand-globe{left:80%;width:128px;height:128px}}
@media(max-width:700px){.eco-content>.brand-globe{left:auto;right:8%;top:-18px;transform:translateY(-100%);width:84px;height:84px}}

/* Give the environmental message sixty percent of the content width. */
.eco-content{width:60%;max-width:none}
.eco-description{max-width:none}
@media(max-width:700px){.eco-content{width:100%}}

/* Match the recycling globe to the adjacent text block's height. */
.responsibility.eco-section{display:grid;grid-template-columns:60% minmax(0,1fr);gap:30px;align-items:center}
.eco-content{width:100%}
.eco-globe-slot{display:flex;align-items:center;justify-content:center;min-width:0}
.eco-globe-slot>.brand-globe{position:relative;inset:auto;transform:none;width:min(100%,var(--eco-copy-height,310px));height:auto;aspect-ratio:1;flex:0 1 auto;margin:0}
@media(max-width:700px){.responsibility.eco-section{display:block}.eco-globe-slot{position:absolute;top:15px;right:8%;width:115px}.eco-globe-slot>.brand-globe{width:100%}}

/* Simple green recycling section, with the globe to the left of the message. */
.responsibility.eco-section{grid-template-columns:minmax(0,1fr) 60%;background:#e5f0db}
.eco-section:after{display:none}
.eco-globe-slot{grid-column:1;grid-row:1}
.eco-content{grid-column:2;grid-row:1}
@media(max-width:700px){
 .responsibility.eco-section{display:flex;flex-direction:column;padding-top:30px;gap:20px}
 .eco-globe-slot{position:static;order:-1;width:115px;align-self:flex-start;margin-left:calc(5% + var(--metal-copy-inset))}
 .eco-content{margin-top:0}
}
@media(max-width:600px){.eco-globe-slot{margin-left:calc(6% + var(--metal-copy-inset))}}

/* Bring the globe toward the text instead of centering it in its column. */
@media(min-width:701px){
 .responsibility.eco-section{column-gap:8px}
 .eco-globe-slot{justify-content:flex-end}
}

/* Start the recycling group at the same inset as the aluminum feature copy. */
@media(min-width:701px){
 .responsibility.eco-section{grid-template-columns:minmax(0,min(var(--eco-copy-height,310px),30%)) minmax(0,1fr);justify-content:start}
 .eco-globe-slot{justify-content:flex-start}
}

/* Match the contact copy to the inset used by the recycling sections. */
.contact{padding-left:calc(5% + var(--metal-copy-inset))}
@media(min-width:1600px){.contact{padding-left:calc(max(5%,(100vw - 1400px)/2) + var(--metal-copy-inset))}}
@media(max-width:600px){.contact{padding-left:calc(6% + var(--metal-copy-inset))}}

/* Match the footer logo to the animated header treatment. */
.footer-brand{display:flex;align-items:center;gap:7px;width:282px;max-width:100%}
.footer-brand .brand-globe{width:84px;height:84px;flex:0 0 84px;margin:0}
@media(max-width:600px){.footer-brand{width:245px;gap:5px}.footer-brand .brand-globe{width:70px;height:70px;flex-basis:70px}}

/* Consistent soft corners and depth for cards and the company video. */
.service,.about-film,.materials-showcase,.materials-help{border-radius:14px;box-shadow:0 8px 24px #193d2914,0 2px 6px #193d290a}
.service,.about-film,.materials-showcase{overflow:hidden}
.materials-help{margin-top:18px}

/* Keep the full-card overlay and photo inside the same rounded edge. */
.service{isolation:isolate}
.service>img,.service:after{border-radius:inherit}
.service:after{inset:0;z-index:1;pointer-events:none}
.service-content{z-index:2}
.aluminum-feature:after{inset:0;pointer-events:none}

/* Reveal service descriptions on hover or keyboard focus; retain them on touch. */
@media(hover:hover) and (pointer:fine){
 .service-content>p{opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
 .service:hover .service-content>p,.service:focus-visible .service-content>p{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){.service-content>p{transition:none;transform:none}}

/* Collapse the description so the title rests directly above the divider. */
@media(hover:hover) and (pointer:fine){
 .service-content>p{min-height:0;max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(12px);transition:max-height .4s ease,margin .4s ease,opacity .3s ease,transform .4s ease}
 .service:hover .service-content>p,.service:focus-visible .service-content>p{max-height:120px;margin:0 0 16px;opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){.service-content>p{transition:none;transform:none}}

/* Group the metals links in the lower call-to-action strip. */
.materials-help>.materials-help-actions{display:flex;gap:12px;flex-shrink:0}
.materials-help-actions .button{gap:18px;padding-left:20px;padding-right:20px}
@media(max-width:1100px){.materials-help{flex-wrap:wrap}.materials-help>.materials-help-actions{margin-left:auto}}
@media(max-width:600px){.materials-help>.materials-help-actions{width:100%;margin:0;flex-direction:column;align-items:stretch}}

/* Hero story player and Michigan-centered continental map. */
.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:5%;padding:42px 5% 110px}
.hero-content{padding:0;max-width:none}
.hero h1{font-size:clamp(60px,6.6vw,100px)}
.hero-actions{gap:14px}
.hero-actions .button{gap:20px;padding-left:20px;padding-right:20px}
.hero-film{width:100%;align-self:center;box-shadow:0 18px 50px #0005}
.hero-film .about-film-caption{padding:15px 20px}
.company-map{min-width:0;align-self:center}
.reach-map{display:block;width:100%;height:auto;overflow:visible}
.map-state{fill:#dce4d3;stroke:var(--paper);stroke-width:1.2;stroke-linejoin:round}
.map-michigan{fill:#5e8544}
.map-wave{fill:none;stroke:#719b47;stroke-width:2;vector-effect:non-scaling-stroke;animation:map-spread 5.4s linear infinite;animation-play-state:paused;opacity:0}
.map-visible .map-wave{animation-play-state:running}
.map-location-halo{fill:#c1d79988}
.map-location{fill:#193d29;stroke:#f3f3ed;stroke-width:1.5}
.map-caption{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#486143}
.map-key{width:8px;height:8px;background:#5e8544;border-radius:50%}
@keyframes map-spread{0%{transform:scale(1);opacity:.8}80%{opacity:.4}100%{transform:scale(78);opacity:0}}
@media(max-width:1100px){.hero{gap:3%}.hero h1{font-size:clamp(54px,6.6vw,80px)}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-actions .button{font-size:12px;padding:13px 16px;gap:12px}.hero-film .about-film-caption{padding:12px;gap:10px}.hero-film .about-film-caption>span{font-size:8px;letter-spacing:1px}.hero-film .about-film-caption>a{font-size:9px;gap:5px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;height:auto;max-height:none;min-height:0;padding:50px 6% 105px;gap:32px}.hero-content{max-width:650px}.hero h1{font-size:clamp(54px,9vw,78px)}.hero-actions{flex-direction:row;flex-wrap:wrap}.hero-film{max-width:650px}.company-map{max-width:700px;width:100%;justify-self:center}}
@media(max-width:600px){.hero{padding-top:36px;gap:28px}.hero h1{font-size:clamp(46px,13.3vw,76px)}.hero-actions .button{min-width:0}.hero-film .about-film-caption>span{font-size:9px}.hero-film .about-film-caption>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.map-wave{animation:none;opacity:0}}

/* Soft organic coverage that retains the state outlines underneath. */
.map-blob-outer{fill:#83a962;fill-opacity:.42}
.map-blob-inner{fill:#a5c777;fill-opacity:.36}
@media(prefers-reduced-motion:reduce){.map-flow{display:none}}

/* Bring the company story and map closer together. */
.about{column-gap:3%}
.about-copy>p:not(.eyebrow){max-width:none}
.about-copy .company-reach{max-width:none}
@media(max-width:850px){.about{row-gap:24px}}

/* Dark-green treatment for the Michigan roots message. */
.about-copy .company-reach{background:#193d29;padding:20px 22px;border:0;border-radius:12px;color:var(--paper)}
.about-copy .company-reach strong{color:var(--green)}
.about-copy .company-reach p{color:#e0e8da}
.about-copy .company-reach svg{stroke:var(--green)}
.about-copy .company-reach svg circle{fill:#193d29}

/* Narrower reach message, retaining its original vertical padding. */
.about-copy .company-reach{width:95%;padding-top:20px;padding-bottom:20px}

/* Keep the processing headline in two intentional lines. */
.processing-copy{container-type:inline-size;min-width:0}
.processing-copy h2{font-size:clamp(24px,10cqw,64px)}
.processing-heading-line,.processing-copy h2 em{display:block;white-space:nowrap}

/* Align footer content with the inset container above. */
footer{padding-left:calc(5% + var(--metal-copy-inset));padding-right:5%}
@media(min-width:1600px){footer{padding-left:calc(max(5%,(100vw - 1400px)/2) + var(--metal-copy-inset));padding-right:max(5%,calc((100vw - 1400px)/2))}}
@media(max-width:600px){footer{padding-left:calc(6% + var(--metal-copy-inset));padding-right:6%}}

.footer-socials{display:flex;gap:10px;padding-bottom:25px}
.footer-socials a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#193d29;transition:background .2s}
.footer-socials a:hover,.footer-socials a:focus-visible{background:#d3e7af}
.footer-socials svg{width:21px;height:21px;fill:currentColor}

/* Match the video caption bar to the working-solutions headline green. */
.hero-film .about-film-caption{background:#4b763d}
.hero-film .about-film-caption>span,.hero-film .about-film-caption>a{color:#fff}

/* Coordinate the hero accents with the video caption green. */
.hero h1 em{color:var(--green)}
.hero-actions .button-green{background:#4b763d;color:#fff}
.hero-actions .button-green:hover{background:#3d6332}

.header .nav-cta{background:#4b763d;color:#fff}
.header .nav-cta:hover{background:#3d6332}

.company-play-icon{background:#4b763d;box-shadow:0 0 0 10px #4b763d33}
.company-play-icon svg{fill:#fff}
.company-play:hover .company-play-icon,.company-play:focus-visible .company-play-icon{background:#3d6332}

.hero-actions .hero-sell{background:var(--green);color:#20291d}
.hero-actions .hero-sell:hover{background:#d3e7af}

.team-cta{background:#4b763d;color:#fff}
.team-cta:hover{background:#3d6332}