:root{--ink:#0b0b0b;--accent:#d8b65c;--text:#151515;--muted:#5c5b55;--paper:#f5f5f2;--line:#deded6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid #c47e21;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:20px 6%;background:#fff;gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:24px;font-weight:800;line-height:1.15;letter-spacing:3px}.brand small{display:block;font-size:10px;letter-spacing:3.3px;margin-top:5px}.brand-r{background:var(--ink);color:var(--accent);font-size:43px;width:53px;height:53px;display:grid;place-items:center;font-weight:800;letter-spacing:-3px;padding-right:3px}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}nav a{text-decoration:none}nav a:hover{color:#78601e}.nav-contact{border:1px solid var(--ink);padding:11px 20px}.hero{min-height:680px;position:relative;background:var(--ink);color:white;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.76) 43%,rgba(0,0,0,.1) 100%),url('steel-mill.jpg') center 50%/cover}.hero-content{position:relative;padding:70px 6% 120px;width:100%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 26px;color:#66645c}.eyebrow.light{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.4vw,90px);letter-spacing:-3px;line-height:1.04;margin-bottom:29px;font-weight:750}h1 em{font-style:normal;color:var(--accent)}.hero-copy{font-size:19px;color:#dbdad3;line-height:1.7;max-width:630px;margin-bottom:32px}.button{display:inline-block;background:var(--accent);color:var(--ink);padding:15px 27px;font-size:15px;font-weight:700;text-decoration:none;border:1px solid transparent;transition:background .2s}.button:hover{background:#ead18b}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#26251f}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding:20px 0;font-size:12px;font-weight:700;letter-spacing:1.5px}.section{padding:94px 6%;scroll-margin-top:20px}h2{font-size:clamp(34px,3.5vw,51px);line-height:1.12;letter-spacing:-1.5px;margin-bottom:0;font-weight:700}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.intro-grid p{max-width:560px;margin:0;color:var(--muted);font-size:19px}.services{background:var(--paper);border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:10%;margin-bottom:53px}.section-heading>p{max-width:365px;margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.service-grid article{padding:40px;background:white;border-top:4px solid var(--ink)}.number{display:block;color:#858278;font-size:14px;margin-bottom:27px}.service-grid h3{font-size:31px;line-height:1.17;letter-spacing:-.5px;margin-bottom:22px}.service-grid p{max-width:460px;color:var(--muted)}ul{padding:0;list-style:none;margin:26px 0 0}li{border-top:1px solid var(--line);padding:12px 0;font-size:15px}li:last-child{padding-bottom:0}.approach{background:var(--ink);color:white}.approach .section-heading>p{color:#c0beb5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #ffffff30;padding-top:38px}.steps span{color:var(--accent);font-size:12px;letter-spacing:1px;font-weight:700}.steps h3{font-size:22px;line-height:1.3;margin:20px 0 16px}.steps p{font-size:16px;color:#c0beb5;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.about p:not(.eyebrow){color:var(--muted)}.values{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:26px;padding-top:25px;font-size:12px;font-weight:700;letter-spacing:1px}.contact{background:var(--accent);display:grid;grid-template-columns:1.15fr 1fr;gap:12%;color:var(--ink)}.contact .eyebrow{color:var(--ink)}.contact h2{font-size:clamp(40px,4.5vw,62px);margin-bottom:25px}.contact p{max-width:430px}.contact-details{border-left:1px solid #0b0b0b40;padding-left:45px;align-self:center}.contact-details>div{margin-bottom:28px}.contact-details>div:last-child{margin-bottom:0}.contact-details span{font-size:12px;letter-spacing:1.5px;font-weight:700}.contact-details p{margin:9px 0 0}.contact-details a{display:block;overflow-wrap:anywhere;font-size:18px;margin-top:9px;text-underline-offset:4px}footer{background:#080808;color:#b9b7ae;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px 6%;font-size:12px}footer .brand{color:white;font-size:19px}footer .brand-r{width:43px;height:43px;font-size:34px}footer .brand small{font-size:8px}footer p{margin:0}footer>a:last-child{font-size:14px;text-underline-offset:4px}@media(min-width:1500px){.section{padding-left:max(6%,calc((100vw - 1320px)/2));padding-right:max(6%,calc((100vw - 1320px)/2))}}@media(max-width:800px){header{padding:18px 5%;flex-wrap:wrap;gap:20px}.brand{font-size:21px}nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}.nav-contact{padding:8px 10px}.hero{min-height:610px}.hero-content{padding:65px 5% 110px}.hero-image{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.55)),url('steel-mill.jpg') center/cover}h1{letter-spacing:-2px}.hero-copy{font-size:17px}.hero-bottom{left:5%;right:5%;gap:18px;font-size:10px}.section{padding:65px 5%}.intro-grid,.about,.contact{grid-template-columns:1fr;gap:30px}.intro-grid p{font-size:18px}.section-heading{display:block;margin-bottom:36px}.section-heading>p{margin-top:25px;max-width:100%}.service-grid{gap:20px}.service-grid article{padding:27px}.service-grid h3{font-size:26px}.steps{grid-template-columns:1fr 1fr;gap:35px}.contact-details{padding-left:0;padding-top:30px;border-left:0;border-top:1px solid #0b0b0b40}footer{flex-wrap:wrap;padding:30px 5%}footer p{order:3;width:100%}}@media(max-width:540px){.service-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article{border-bottom:1px solid #ffffff20;padding-bottom:25px}.steps article:last-child{border:0;padding-bottom:0}.hero-bottom span:last-child{max-width:150px;text-align:right}.hero{min-height:590px}h1{font-size:52px}nav{gap:9px;font-size:12px}.eyebrow{line-height:1.6;font-size:11px}.hero-copy br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-image{filter:grayscale(1)}
.brand small{font-size:10px;letter-spacing:2px}
footer .brand small{font-size:8px;letter-spacing:1.5px}

.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-grid article{padding:32px}.service-grid h3{font-size:29px}.hero{min-height:610px}.section{padding-top:72px;padding-bottom:72px}@media(max-width:1000px){.service-grid{grid-template-columns:1fr}.service-grid article{padding:30px}.section{padding-top:55px;padding-bottom:55px}}

/* Brand lockup and consistent content spacing */
.brand{gap:14px;letter-spacing:0;max-width:520px}
.brand-text{display:block;min-width:0}
.company-name{display:block;font-size:22px;line-height:1.25;font-weight:700}
.company-entity{font-size:16px;white-space:nowrap;font-weight:600}
.brand small{font-size:14px;line-height:1.45;letter-spacing:0;font-weight:400;margin-top:5px}
.service-grid h3{margin-top:0}
footer .company-name{font-size:18px}
footer .company-entity{font-size:14px}
footer .brand small{font-size:14px;letter-spacing:0;line-height:1.45}
@media(max-width:1100px){header{flex-wrap:wrap;gap:22px}header nav{flex-wrap:wrap}footer{flex-wrap:wrap}}
@media(max-width:540px){.brand-r{flex-shrink:0}.company-name{font-size:19px}.company-entity{font-size:14px}.brand small{font-size:14px}header nav{gap:16px;justify-content:flex-start;width:100%}.nav-contact{padding:8px 12px}.hero-content{padding-top:52px}.hero-copy{margin-bottom:26px}}
