@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{--orange:#ee7135;--orange-dark:#d45a26;--ink:#222a32;--muted:#68717b;--paper:#fff;--soft:#f6f7f8;--line:#e7e9eb}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}h1,h2,h3,.brand{font-family:Manrope,sans-serif}a{text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.content-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.site-header{position:absolute;top:0;left:0;right:0;z-index:10;color:white}.nav-inner{max-width:1180px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{color:white;display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:.3px;white-space:nowrap}.brand strong{color:#fff}.brand-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:var(--orange);font-size:25px;line-height:1}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{color:#eef0f2;font-size:13px;font-weight:600}.site-header nav a:hover{color:#ffae82}.nav-cta{color:white;background:var(--orange);padding:11px 18px;border-radius:24px;font-size:13px;font-weight:700;white-space:nowrap}.nav-cta:hover,.button-primary:hover{background:var(--orange-dark)}
.hero{min-height:740px;min-height:92svh;position:relative;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(13,22,34,.94) 0%,rgba(15,25,38,.80) 37%,rgba(19,27,38,.35) 100%),url('images/hero-copper.jpg') center 48%/cover no-repeat}.hero-inner{max-width:1180px;width:100%;padding:145px 28px 120px;margin:0 auto}.hero-copy{max-width:750px}.hero-tag{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);border-radius:25px;padding:8px 15px;color:#e5e8eb;font-size:11px;font-weight:700;letter-spacing:1.3px;margin-bottom:27px}.tag-dot{width:7px;height:7px;border-radius:50%;background:#71d7a0}.hero h1{font-size:clamp(44px,6vw,76px);font-weight:800;line-height:1.11;letter-spacing:-2.6px;margin-bottom:24px}.hero h1 em{font-style:normal;color:#ff8548}.hero-copy>p{max-width:610px;color:#d7dbe0;font-size:17px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:14px;border-radius:28px;padding:14px 22px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:white}.button-outline{color:white;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.04)}.button-outline:hover{background:rgba(255,255,255,.15)}.hero-details{display:flex;flex-wrap:wrap;gap:22px;margin-top:35px;color:#d4d9dd;font-size:12px}.hero-details b{color:var(--orange);margin-right:6px}.scroll-hint{position:absolute;bottom:28px;left:50%;color:white;border:1px solid #ffffff85;width:29px;height:42px;border-radius:20px;display:grid;place-items:center;transform:translateX(-50%)}
.about-section{padding:110px 0;background:white;scroll-margin-top:20px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.kicker{font-size:12px;letter-spacing:2.7px;font-weight:800;color:var(--orange);margin-bottom:22px}.about-grid h2,.section-top h2,.contact-grid h2{font-size:clamp(32px,4vw,49px);line-height:1.18;letter-spacing:-1.7px}.about-grid h2 span,.section-top h2 span,.contact-grid h2 span{color:var(--orange)}.accent-line{height:4px;width:65px;background:var(--orange);margin-top:28px}.about-text p{font-size:16px;color:var(--muted);margin-bottom:20px}.about-text .lead{color:var(--ink);font-weight:600;font-size:19px}.text-link{font-size:14px;font-weight:800;color:var(--orange-dark);display:inline-flex;gap:12px;align-items:center;margin-top:6px}.text-link:hover{color:#a43d15}
.materials-section{padding:105px 0 115px;background:var(--soft);scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-top>p{max-width:350px;color:var(--muted);font-size:15px}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.material-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(20,30,40,.04);transition:transform .25s,box-shadow .25s}.material-card:hover{transform:translateY(-5px);box-shadow:0 15px 38px rgba(20,30,40,.10)}.material-image{height:275px;position:relative;background-position:center;background-size:cover;background-color:#d9d9d9}.motor-image{background-image:url('images/electric-motors.jpg')}.aluminum-image{background-image:url('images/aluminum.jpg')}.copper-image{background-image:url('images/copper.jpg')}.iron-image{background-image:url('images/iron-steel.jpg')}.image-index{position:absolute;top:18px;left:18px;background:var(--orange);color:white;padding:7px 12px;font-weight:800;border-radius:7px;font-size:12px}.material-body{padding:29px 30px 34px}.material-meta{font-size:10px;font-weight:800;color:var(--orange-dark);letter-spacing:2px;margin-bottom:8px}.material-body h3{font-size:23px;letter-spacing:-.5px;margin-bottom:11px}.material-body p{font-size:15px;color:var(--muted);margin-bottom:19px;min-height:49px}
.contact-section{background:#fff;padding:110px 0;scroll-margin-top:20px}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}.contact-grid>div>p{color:var(--muted);margin-top:22px;max-width:560px}.contact-panel{background:#f7f8f9;border:1px solid var(--line);border-radius:16px;padding:36px}.contact-label{font-size:11px;color:var(--orange-dark);font-weight:800;letter-spacing:2px}.contact-panel h3{font-size:26px;margin-top:12px}.contact-panel p{color:var(--muted);margin-top:10px}.pending-contact{background:white;border:1px solid var(--line);padding:14px 16px;border-radius:9px;margin-top:24px;color:#555e67;font-weight:700}.contact-panel .small-note{font-size:12px;margin-top:15px}footer{background:#222a32;color:#c7ccd0;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-family:Manrope,sans-serif;font-weight:800;color:white}.footer-brand strong{color:#ff8548}.footer-brand small{display:block;font-size:9px;letter-spacing:2px;color:#abb3ba;margin-top:4px}.footer-inner p,.footer-inner a{font-size:12px;color:#c7ccd0}
@media(max-width:850px){.site-header nav{gap:15px}.nav-cta{display:none}.about-grid,.contact-grid{gap:35px}.hero{min-height:680px}}
@media(max-width:650px){.nav-inner{padding:20px 20px;flex-wrap:wrap;justify-content:center;gap:14px}.site-header nav{width:100%;justify-content:center;gap:20px}.site-header nav a{font-size:12px}.hero{min-height:720px;background-position:60% center}.hero-inner{padding:165px 22px 85px}.hero h1{letter-spacing:-1.7px;font-size:clamp(39px,10vw,56px)}.hero-copy>p{font-size:15px}.hero-details{gap:11px}.about-section,.materials-section,.contact-section{padding:75px 0}.content-wrap{padding:0 22px}.about-grid,.contact-grid{grid-template-columns:1fr}.section-top{display:block}.section-top>p{margin-top:18px}.materials-grid{grid-template-columns:1fr}.material-image{height:225px}.footer-inner{flex-direction:column;align-items:flex-start}.scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}