@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{--navy:#081a2b;--deep:#061321;--gold:#d8aa65;--light:#f4f3ef;--ink:#142434}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--light)}a{color:inherit;text-decoration:none}button,select{font:inherit}.header{height:90px;position:sticky;top:0;z-index:50;background:#071827f5;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,90px);border-bottom:1px solid #ffffff20;gap:20px}.brand{display:flex;align-items:center;gap:13px;letter-spacing:2.4px;font:800 21px Manrope,Arial}.brand b,.footer-brand b{color:var(--gold)}.brand small{display:block;font:500 8px DM Sans,Arial;letter-spacing:2.6px;margin-top:4px;color:#b9c4cd}.brand-icon{height:42px;width:42px;border:1px solid var(--gold);display:grid;place-items:center;font:800 17px Manrope;color:var(--gold);letter-spacing:-2px}.header nav{display:flex;gap:32px}.header nav a{font-size:13px;color:#d4dbe1;transition:.2s}.header nav a:hover{color:var(--gold)}.right{display:flex;align-items:center;gap:18px}select{color:white;background:transparent;border:1px solid #ffffff35;border-radius:2px;padding:10px;font-size:12px;max-width:128px}select option{color:#172638}.nav-cta{font-size:12px;border:1px solid var(--gold);padding:13px 17px;color:var(--gold);white-space:nowrap}#menu{display:none;background:none;border:0;color:white;font-size:27px}.hero{min-height:710px;background:radial-gradient(ellipse at 75% 55%,#233b4a 0%,#0d2232 39%,#061320 80%);color:white;position:relative;overflow:hidden;display:flex;align-items:center;padding:95px clamp(24px,8vw,125px)}.hero:before{content:'';position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:72px 72px}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061320 4%,#061320dc 39%,transparent 82%)}.hero-content{position:relative;z-index:3;max-width:710px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:3px;color:#b18b58}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold)}.line{width:30px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-2px}h1{font-size:clamp(42px,5.1vw,75px);line-height:1.14;margin:28px 0}h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-content>p{font-size:16px;line-height:1.85;color:#c2ced5;max-width:570px}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 22px;font-size:12px;font-weight:800;letter-spacing:.3px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:#112130}.outline{border:1px solid #a6b2bb70;color:white}.hero-bottom{display:flex;align-items:center;gap:28px;margin-top:78px}.hero-bottom div:not(.separator){display:flex;flex-direction:column;gap:5px}.hero-bottom strong{font:800 23px Manrope;color:#f1f3f3}.hero-bottom span{font-size:9px;letter-spacing:1.2px;color:#a9b5c0}.separator{width:1px;height:35px;background:#ffffff35}.hero-art{position:absolute;right:2%;top:13%;width:48%;height:75%;pointer-events:none}.halo{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#bd824f50,transparent 68%);left:15%;top:10%;filter:blur(14px)}.billet-stack{position:absolute;inset:12% 0 5% 0;transform:rotate(-16deg)}.rod{position:absolute;width:57%;height:17%;border-radius:40% / 100%;background:linear-gradient(180deg,#3b1e17 0%,#d18a5e 12%,#f6bf89 30%,#9a4b31 55%,#4b261e 78%,#d08856 100%);box-shadow:6px 15px 22px #0008,inset 0 3px 7px #ffd5a65e}.rod:after{content:'';position:absolute;right:-1%;top:0;width:16%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#ffe0ac,#d38a59 45%,#713b2b 74%,#2a1a17);border:3px solid #9c6246}.r1{left:25%;top:9%}.r2{left:13%;top:25%}.r3{left:40%;top:29%}.r4{left:2%;top:43%}.r5{left:28%;top:49%}.r6{left:12%;top:65%}.r7{left:40%;top:68%}.metal-caption{position:absolute;right:0;bottom:2%;color:#d2b28c;font-size:38px;font-weight:800;opacity:.45}.metal-caption span{font-size:12px;vertical-align:top}.metal-caption i{font-style:normal;margin:0 12px}.section{padding:110px clamp(24px,8vw,125px)}.intro{background:#f6f5f1}.section-head,.product-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.section h2{font-size:clamp(35px,4vw,56px);line-height:1.2;margin:17px 0 0}.section-head h2 em,.product-heading h2 em,.expertise h2 em,.contact h2 em{color:#ae7a44}.section-head>p,.product-heading>p{line-height:1.95;color:#62717c;font-size:15px;margin:0}.three-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #d5d7d5}.three-values>div{padding:30px 28px 0 0}.three-values>div+div{border-left:1px solid #d5d7d5;padding-left:30px}.three-values span{font-size:12px;color:#b18858;font-weight:800}.three-values h3{font:800 20px Manrope;margin:22px 0 12px}.three-values p{font-size:14px;color:#71808a;line-height:1.8}.products{background:#eaece9}.product-heading{margin-bottom:48px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card{background:white;overflow:hidden;min-width:0}.product-art{height:235px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 25%,#64717a,#1c2d3b 65%,#0b1b28)}.product-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06132150,transparent 55%)}.bars{position:absolute;inset:0;transform:rotate(-25deg) translate(10%,20%)}.bars i{position:absolute;display:block;width:80%;height:21%;left:5%;border-radius:45% / 100%;background:linear-gradient(180deg,#3c1d16,#e7a374 18%,#a65b3b 49%,#3a1c18 82%,#b46b46);box-shadow:5px 10px 18px #0007}.bars i:after{content:'';position:absolute;right:0;width:15%;height:100%;border-radius:50%;background:radial-gradient(ellipse,#f8c494,#ad6444 60%,#4b2a21 80%)}.bars i:nth-child(1){top:4%}.bars i:nth-child(2){top:26%;left:15%}.bars i:nth-child(3){top:49%;left:0}.bars i:nth-child(4){top:72%;left:11%}.brass .bars i{filter:hue-rotate(19deg) saturate(.85) brightness(1.18)}.alloy .bars i{filter:hue-rotate(340deg) saturate(.65) brightness(.85)}.rods .bars i{height:13%;border-radius:30% / 100%}.rods .bars i:nth-child(2){top:21%}.rods .bars i:nth-child(3){top:38%}.rods .bars i:nth-child(4){top:55%}.ingot-set{position:absolute;left:12%;top:25%;width:76%;height:60%;transform:skewY(-10deg)}.ingot-set i{position:absolute;display:block;width:68%;height:30%;background:linear-gradient(145deg,#e0a260,#8d583a 58%,#4c3027);clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);box-shadow:0 10px 10px #0005}.ingot-set i:nth-child(1){top:0;left:12%}.ingot-set i:nth-child(2){top:28%;left:0}.ingot-set i:nth-child(3){top:55%;left:20%}.product-info{padding:26px 28px 30px}.product-info>span{font-size:10px;letter-spacing:2px;color:#ae7a44;font-weight:800}.product-info h3{font:800 21px Manrope;margin:12px 0}.product-info p{font-size:13px;color:#6c7b84;line-height:1.8;margin:0}.custom{background:#0b2435;color:white}.custom-inner{height:100%;padding:35px;display:flex;flex-direction:column;justify-content:center}.cross{color:var(--gold);font-size:48px}.custom h3{font:800 25px Manrope;line-height:1.35;margin:25px 0 12px}.custom p{font-size:14px;color:#b3c0c8;line-height:1.8}.custom a{font-weight:800;color:var(--gold);font-size:13px;margin-top:20px}.expertise{display:grid;grid-template-columns:1fr 1fr;background:#0b2030;color:white;gap:10%;align-items:center}.expertise-visual{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#25475a,#102a3c 55%,#091b2a)}.outline-circle{position:absolute;border:1px solid #c9a27380;border-radius:50%;width:270px;height:270px}.big20{font:800 130px Manrope;letter-spacing:-10px;color:#e5bc84;line-height:1}.big20 span{font-size:55px;vertical-align:top;letter-spacing:0}.expertise-visual p{text-align:center;color:#d7c4aa;font-size:10px;letter-spacing:2px;line-height:1.8;margin-top:20px}.expertise-copy h2{margin:20px 0 25px}.expertise-copy p{font-size:15px;color:#b6c5cf;line-height:2}.text-link{color:var(--gold);font-size:13px;font-weight:800;display:inline-block;margin-top:15px}.contact{background:#f6f5f1;display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:center}.contact h2{max-width:690px}.contact-main>p{max-width:590px;line-height:1.95;color:#62717c;margin-top:26px}.contact .outline{color:#142434;border-color:#aeb6b7}.contact-card{background:white;padding:45px;box-shadow:0 18px 50px #10243610}.contact-card>span{font-size:10px;letter-spacing:2px;color:#a77949;font-weight:800}.contact-card h3{font:800 25px Manrope;margin:13px 0}.contact-card>a{display:block;font:800 22px Manrope;margin:13px 0}.contact-card p{font-size:13px;line-height:1.8;color:#72818a;margin:13px 0 0}.rule{height:1px;background:#e3e4e0;margin:26px 0}footer{background:#061421;color:#a6b4bd;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px clamp(24px,8vw,125px);font-size:11px}footer .footer-brand{font:800 18px Manrope;color:white;letter-spacing:2px}
@media(max-width:1100px){.header nav{gap:16px}.nav-cta{display:none}.hero-art{right:-13%;width:62%;opacity:.65}.hero-content{max-width:660px}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.header{height:75px;padding:0 20px}.brand{font-size:17px}.brand-icon{width:35px;height:35px}.brand small{font-size:6px}#menu{display:block}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#081a2b;flex-direction:column;padding:25px;gap:22px}.header nav.open{display:flex}.right{gap:8px}select{max-width:96px;padding:8px 3px;font-size:10px}.hero{min-height:730px;padding:85px 25px 55px;align-items:flex-start}.hero-content{max-width:100%}.hero-art{width:90%;height:45%;top:auto;bottom:0;right:-18%;opacity:.38}.hero-shade{background:linear-gradient(180deg,#061320 5%,#061320de 45%,#06132090)}h1{font-size:42px;letter-spacing:-1.5px}.hero-content>p{font-size:14px}.hero-bottom{gap:14px;margin-top:55px}.hero-bottom strong{font-size:16px}.hero-bottom span{font-size:7px}.section{padding:70px 25px}.section-head,.product-heading,.expertise,.contact{grid-template-columns:1fr;gap:30px}.three-values{grid-template-columns:1fr;margin-top:35px}.three-values>div,.three-values>div+div{padding:22px 0;border-left:0;border-bottom:1px solid #d5d7d5}.product-grid{grid-template-columns:1fr}.product-art{height:230px}.expertise-visual{height:300px}.big20{font-size:95px}.outline-circle{width:220px;height:220px}.contact-card{padding:30px}footer{flex-direction:column;text-align:center}.eyebrow{font-size:9px;letter-spacing:1.5px}.btn{font-size:11px;padding:15px 17px}.hero-actions{gap:10px}}

/* Photo-led 2026 refresh: local images, no external dependencies */
.hero{background:#081a2b}
.hero-art{top:0;right:0;width:66%;height:100%;background:url("assets/hero-metals.jpg") center center/cover no-repeat;opacity:.95}
.hero-shade{z-index:1;background:linear-gradient(90deg,#061320 0%,#061320f5 32%,#061320d9 49%,#06132055 78%,#06132018 100%)}
.hero-content{z-index:2}
.product-art{background-color:#142536;background-position:center;background-size:cover;transition:transform .35s ease}
.product-card:hover .product-art{transform:scale(1.025)}
.product-card.copper .product-art{background-image:url("assets/copper-billets.jpg")}
.product-card.brass .product-art{background-image:url("assets/brass-billets.jpg")}
.product-card.alloy .product-art{background-image:url("assets/alloy-billets.jpg")}
.product-card.ingots .product-art{background-image:url("assets/metal-ingots.jpg")}
.product-card.rods .product-art{background-image:url("assets/brass-rods.jpg")}
.product-art .bars,.product-art .ingot-set{display:none}
.product-art:after{background:linear-gradient(0deg,#06132130,transparent 50%)}
@media(max-width:1100px){.hero-art{width:72%;right:0;opacity:.8}}
@media(max-width:750px){.hero-art{width:100%;height:100%;top:0;bottom:0;right:0;opacity:.55;background-position:62% center}.hero-shade{background:linear-gradient(180deg,#061320f0 0%,#061320d0 53%,#06132070 100%)}}

/* Updated approved copper, brass and rods imagery */
.product-art img{width:100%;height:100%;object-fit:cover;display:block}
.factory-gallery{background:#f6f5f1}.factory-gallery>p{color:#62717c;margin:18px 0 35px}.factory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.factory-grid figure{margin:0;aspect-ratio:3/4;overflow:hidden;background:#102434}.factory-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.factory-grid img:hover{transform:scale(1.05)}
@media(max-width:950px){.factory-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.factory-grid{grid-template-columns:repeat(2,1fr)}}

/* Final revision: approved factory photography, no illustrated billet elements */
.hero{background:#071827 url("assets/factory-05.jpg") center 48% / cover no-repeat;}
.hero-shade{z-index:1;background:linear-gradient(90deg,#061320 0%,#061320f2 38%,#061320b0 66%,#06132055 100%);}
.hero:before{display:none;}
.hero-content{z-index:2;}
.hero-art{display:none!important;}
@media(max-width:750px){.hero{background-position:60% center}.hero-shade{background:linear-gradient(180deg,#061320ef 0%,#061320db 58%,#061320a8 100%)}}