/* Steel Axis Fab — homepage-only preview styles */
:root{--sa-ink:#17191D;--sa-copper:#B7753A;--sa-sand:#F1F0ED;--sa-steel:#777E87;--sa-white:#fff;--sa-border:#dededa;--sa-max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.sa-site{margin:0;background:var(--sa-sand);color:var(--sa-ink);font-family:"Inter","Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body.sa-site a{color:inherit;text-decoration:none}body.sa-site a:focus-visible,body.sa-site button:focus-visible,body.sa-site input:focus-visible,body.sa-site textarea:focus-visible,body.sa-site select:focus-visible,body.sa-site summary:focus-visible{outline:3px solid var(--sa-copper);outline-offset:4px}
.sa-shell{width:min(var(--sa-max),calc(100% - 80px));margin:0 auto}.sa-skip{position:absolute;z-index:999;top:-100px;left:15px;background:#fff;padding:12px}.sa-skip:focus{top:12px}
.sa-header{background:var(--sa-ink);color:#fff;position:relative;z-index:15;border-bottom:1px solid #ffffff20}.sa-navrow{height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sa-brand{display:flex;align-items:center;gap:14px;flex:0 0 auto}.sa-logo{display:block;max-width:186px;max-height:61px;width:auto;height:auto;object-fit:contain}.sa-wordmark{font-size:1.12rem;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.sa-navigation{display:flex;align-items:center;gap:clamp(12px,1.6vw,28px);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sa-navigation a:not(.sa-navcta){opacity:.86;transition:opacity .2s,color .2s}.sa-navigation a:not(.sa-navcta):hover{opacity:1;color:#eeb581}.sa-button,.sa-navcta{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;padding:12px 23px;background:var(--sa-copper);color:white!important;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:12px;border:1px solid var(--sa-copper);border-radius:3px;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap}.sa-button:hover,.sa-navcta:hover{background:#a76630;border-color:#a76630;transform:translateY(-2px)}.sa-button-outline{background:transparent!important;color:white!important;border-color:#ffffff85!important}.sa-button-outline:hover{background:#ffffff1d!important}.sa-mobile{display:none}
.sa-hero{position:relative;min-height:650px;display:flex;align-items:center;background:#13171b;color:white;overflow:hidden}.sa-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.sa-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,10,14,.95) 0%,rgba(7,10,14,.76) 42%,rgba(7,10,14,.22) 100%),linear-gradient(0deg,rgba(7,10,14,.33),transparent 45%)}.sa-hero-inner{position:relative;z-index:2;padding:98px 0 108px}.sa-eyebrow{display:flex;gap:11px;align-items:center;color:var(--sa-copper);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.18em;margin:0 0 18px}.sa-eyebrow:before{content:"";display:inline-block;width:29px;height:2px;background:currentColor}.sa-eyebrow-light{color:#e5ad78}.sa-hero h1{margin:0;max-width:900px;font-size:clamp(51px,6.1vw,87px);line-height:1.03;font-weight:850;letter-spacing:-.045em}.sa-hero h1 span{color:#efb57a}.sa-hero-summary{max-width:625px;font-size:clamp(16px,1.7vw,20px);line-height:1.7;color:#eee9e4;margin:27px 0 32px}.sa-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.sa-hero-bottom{position:absolute;z-index:2;bottom:22px;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;color:#ffffffb5;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.sa-hero-bottom .sa-line{display:block;height:1px;flex:1;background:#ffffff35;max-width:42%;margin-left:25px}
.sa-facts{background:#22252b;color:white}.sa-facts .sa-shell{display:flex;gap:0}.sa-fact{flex:1;padding:25px 28px;border-right:1px solid #ffffff1d;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;display:flex;gap:13px;align-items:center}.sa-fact:first-child{padding-left:0}.sa-fact:last-child{border:0}.sa-fact b{color:#e6a36c;font-size:13px}
.sa-section{padding:104px 0;scroll-margin-top:24px}.sa-section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.sa-heading{font-size:clamp(32px,3.8vw,54px);line-height:1.12;letter-spacing:-.035em;margin:0;max-width:760px;font-weight:850}.sa-copy{font-size:16px;line-height:1.9;color:#5b626c}.sa-subtitle{max-width:640px;margin:18px 0 0;color:#5b626c;font-size:16px;line-height:1.8}.sa-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:var(--sa-copper)}.sa-smalllink{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;border-bottom:2px solid var(--sa-copper);padding-bottom:6px;display:inline-block}
.sa-about{background:white}.sa-about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:9%}.sa-about-image{height:520px;position:relative}.sa-about-image img{width:100%;height:100%;object-fit:cover;display:block}.sa-about-image:after{content:"";position:absolute;right:-16px;bottom:-16px;width:33%;height:28%;border-right:9px solid var(--sa-copper);border-bottom:9px solid var(--sa-copper);pointer-events:none}.sa-about-copy p{margin:22px 0;font-size:16px;line-height:1.9;color:#5a626b}
.sa-services{background:var(--sa-sand)}.sa-cardgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.sa-service{position:relative;min-height:307px;display:flex;flex-direction:column;padding:28px 25px 25px;background:#fff;border:1px solid #e6e4de;transition:transform .2s,box-shadow .2s}.sa-service:hover{transform:translateY(-5px);box-shadow:0 14px 40px #17191d12}.sa-service-symbol{height:55px;width:55px;border:1px solid #b7753a65;display:grid;place-items:center;color:var(--sa-copper);font-size:23px;font-weight:300;margin-bottom:32px}.sa-service h3{font-size:20px;line-height:1.25;margin:0 0 12px;letter-spacing:-.015em}.sa-service p{margin:0;color:#5b626b;font-size:14px;line-height:1.75}.sa-service .sa-num{margin-top:auto;padding-top:25px;color:var(--sa-copper);font-size:12px;letter-spacing:.14em;font-weight:800}
.sa-dark{background:var(--sa-ink);color:white}.sa-dark .sa-subtitle,.sa-dark .sa-copy{color:#b7bac0}.sa-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sa-project{background:#262a30;overflow:hidden}.sa-project-image{height:265px;overflow:hidden}.sa-project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.sa-project:hover img{transform:scale(1.045)}.sa-project-body{padding:22px 24px 27px}.sa-project-meta{display:block;color:#d6a16f;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;margin-bottom:10px}.sa-project h3{font-size:21px;line-height:1.28;margin:0 0 9px}.sa-project p{color:#b9bdc3;margin:0;font-size:14px;line-height:1.75}.sa-project-footer{margin-top:30px;color:#acb0b8;font-size:12px}
.sa-benefits{background:white}.sa-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.sa-benefit{border-top:2px solid var(--sa-border);padding-top:25px}.sa-benefit .sa-mark{font-size:32px;color:var(--sa-copper);font-weight:300;margin-bottom:25px}.sa-benefit h3{font-size:18px;line-height:1.3;margin:0 0 13px}.sa-benefit p{color:#5b626b;font-size:14px;line-height:1.85;margin:0}
.sa-process{background:#ebebe8}.sa-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sa-step{border-top:1px solid #b5b6b3;padding-top:21px}.sa-step-number{color:var(--sa-copper);font-size:43px;font-weight:800;letter-spacing:-.04em}.sa-step h3{font-size:18px;margin:23px 0 8px}.sa-step p{color:#5b626b;font-size:14px;line-height:1.75;margin:0}
.sa-neutral{background:white}.sa-proof{border:1px solid #dfdfd8;padding:33px;background:#f8f8f6;display:flex;gap:18px;align-items:flex-start}.sa-proof-icon{color:var(--sa-copper);font-size:27px}.sa-proof p{margin:0;color:#555f68;line-height:1.75}.sa-areas{background:#efefec}.sa-area-frame{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.sa-area-art{min-height:260px;background:linear-gradient(135deg,#25292e,#394047);padding:45px;display:flex;flex-direction:column;justify-content:space-between;color:white}.sa-area-art strong{font-size:27px;line-height:1.3;max-width:300px}.sa-area-art span{font-size:11px;color:#d4ab85;letter-spacing:.16em;text-transform:uppercase}
.sa-faq{background:#fff}.sa-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px}.sa-faq details{border:1px solid #e4e1d9;padding:22px 23px;background:#fafaf8;align-self:start}.sa-faq summary{cursor:pointer;font-size:16px;font-weight:700;line-height:1.5;list-style:none;display:flex;gap:14px;justify-content:space-between}.sa-faq summary::-webkit-details-marker{display:none}.sa-faq summary:after{content:"+";font-size:23px;color:var(--sa-copper)}.sa-faq details[open] summary:after{content:"−"}.sa-faq details p{font-size:14px;line-height:1.8;color:#5b626b;margin:17px 0 2px}
.sa-quote{background:#202328;color:white}.sa-quote-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:9%;align-items:start}.sa-quote .sa-heading{margin-bottom:16px}.sa-quote-desc{color:#c2c4c7;font-size:16px;line-height:1.8}.sa-checklist{margin:36px 0 0;padding:0;list-style:none}.sa-checklist li{padding:12px 0;border-bottom:1px solid #ffffff23;display:flex;gap:13px;color:#dbdadd}.sa-checklist li:before{content:"↗";color:#d79b65}.sa-form{background:white;color:var(--sa-ink);padding:34px;border-radius:4px}.sa-form-title{margin:0 0 20px;font-size:23px}.sa-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sa-form label{display:block;font-size:12px;font-weight:750;letter-spacing:.02em;margin-bottom:14px}.sa-form input,.sa-form textarea,.sa-form select{display:block;width:100%;min-width:0;border:1px solid #cfd0cd;background:#fafafa;border-radius:2px;margin-top:7px;font-family:inherit;font-size:14px;color:#202328;padding:12px}.sa-form textarea{min-height:108px;resize:vertical}.sa-form .sa-disabled{cursor:not-allowed;opacity:.58;transform:none}.sa-form-status{margin:14px 0 0;color:#6d5c4d;font-size:12px;line-height:1.7}
.sa-footer{background:#101216;color:#ddd;padding:68px 0 24px}.sa-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px}.sa-footer .sa-logo{width:190px;max-width:100%}.sa-footer p{color:#aeb3ba;font-size:14px;line-height:1.8;max-width:360px}.sa-footer h3{font-size:12px;text-transform:uppercase;color:#e7aa73;letter-spacing:.13em;margin:0 0 19px}.sa-footer ul{padding:0;margin:0;list-style:none}.sa-footer li{margin:11px 0}.sa-footer li a{font-size:14px;color:#d1d3d5}.sa-footer li a:hover{color:#e7aa73}.sa-bottomline{border-top:1px solid #ffffff20;margin-top:62px;padding-top:23px;color:#9ca1a8;display:flex;justify-content:space-between;gap:24px;font-size:12px}
@media(max-width:1180px){.sa-navigation{gap:14px;font-size:11px}.sa-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-navcta{padding:12px 15px}.sa-about-grid{gap:6%}}
@media(max-width:900px){.sa-shell{width:min(var(--sa-max),calc(100% - 48px))}.sa-navigation{display:none}.sa-mobile{display:block;position:relative}.sa-mobile summary{list-style:none;cursor:pointer;padding:11px 14px;border:1px solid #ffffff55;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.sa-mobile summary::-webkit-details-marker{display:none}.sa-mobile-nav{position:absolute;right:0;top:53px;min-width:250px;background:#24272c;box-shadow:0 14px 30px #0008;padding:10px;display:flex;flex-direction:column}.sa-mobile-nav a{padding:13px 15px;border-bottom:1px solid #ffffff16;font-size:13px}.sa-about-grid,.sa-quote-grid{grid-template-columns:1fr;gap:40px}.sa-about-image{height:400px}.sa-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-benefit-grid,.sa-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-area-frame{grid-template-columns:1fr;gap:25px}.sa-hero{min-height:580px}.sa-hero-inner{padding:78px 0 92px}}
@media(max-width:620px){.sa-shell{width:calc(100% - 36px)}.sa-navrow{height:73px}.sa-logo{max-width:155px;max-height:51px}.sa-hero{min-height:620px}.sa-hero-inner{padding:66px 0 90px}.sa-hero:before{background:linear-gradient(90deg,#080b10e8,#080b10b0),linear-gradient(0deg,#080b10bb,transparent)}.sa-hero h1{font-size:clamp(42px,12vw,61px)}.sa-hero-summary{font-size:16px}.sa-cta-row{align-items:stretch}.sa-cta-row .sa-button{width:100%}.sa-hero-bottom{bottom:17px;font-size:9px}.sa-facts .sa-shell{flex-direction:column;padding:9px 0}.sa-fact{padding:13px 0!important;border-right:0;border-bottom:1px solid #ffffff22}.sa-section{padding:70px 0}.sa-section-top{display:block}.sa-section-top .sa-smalllink{margin-top:17px}.sa-about-image{height:290px}.sa-cardgrid,.sa-projects-grid,.sa-benefit-grid,.sa-process-grid,.sa-faq-list,.sa-form-row,.sa-footer-grid{grid-template-columns:1fr}.sa-cardgrid{gap:12px}.sa-service{min-height:260px}.sa-benefit-grid{gap:25px}.sa-project-image{height:240px}.sa-proof{padding:22px}.sa-area-art{min-height:230px;padding:30px}.sa-form{padding:22px}.sa-footer-grid{gap:35px}.sa-bottomline{flex-direction:column;gap:7px;margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep the existing carousel markup, its images, copy and slider behavior intact. */
body.sa-site>header[role="banner"]:not(.sa-header),body.sa-site>footer[role="contentinfo"]{display:none!important}
body.sa-site #project-section,body.sa-site #content-vw{display:none!important}
body.sa-site .sa-section .sa-shell{max-width:1220px}
body.sa-site .sa-header{display:block}
body.sa-site .sa-footer{display:block}
body.sa-site .slider-section{margin-top:0}
body.sa-site .slider-section .carousel-item{position:relative}
body.sa-site .slider-section img.slider-carousel-img{width:100%;object-fit:cover}
body.sa-site #maincontent{max-width:none!important}
body.sa-site .sa-form button{cursor:pointer}