/* ==========================================================================
   A.S.Techno Green — THEME V2 (loaded after style.css)
   Palette is taken from the machines themselves: orange hoppers & conveyors,
   blue frames, green drums — set on a dark navy workshop background.
   ========================================================================== */

:root{
  --navy:#0A1B2E;
  --navy-2:#10263D;
  --navy-3:#17314D;
  --orange:#F26A1B;
  --orange-hi:#FF8438;
  --orange-deep:#C9500C;
  --mblue:#1F5FA6;
  --mgreen:#2E8B47;

  --paper:#F2F5F9;
  --paper-deep:#E4EAF1;
  --line:#D5DDE7;
  --white:#FFFFFF;
  --card-bg:#FFFFFF;
  --ink:#10202F;
  --ink-soft:#40505F;
  --steel:#5E6D7B;

  --blue:#1F5FA6;
  --blue-deep:#0A1B2E;
  --blue-bright:#4F93D6;
  --green:#2E8B47;
  --green-deep:#17512B;
  --green-bright:#5DBB77;
  --amber:#F26A1B;
  --amber-bright:#FF8438;
}

body{background:var(--paper);}
h1,h2,h3,h4{letter-spacing:-.005em;}

/* ---------- buttons ---------- */
.btn{border-radius:3px; text-transform:uppercase; letter-spacing:.03em; font-size:13px; font-weight:700; font-family:'Archivo',sans-serif;}
.btn-brass{background:var(--orange); border-color:var(--orange); color:#fff;}
.btn-brass:hover{background:var(--orange-hi); border-color:var(--orange-hi);}
.btn-outline{border:1.5px solid rgba(255,255,255,.75); color:#fff;}
.btn-outline:hover{background:#fff; color:var(--navy); border-color:#fff;}

/* ==========================================================================
   HEADER — white brand row + navy navigation bar
   ========================================================================== */
header.sx{display:contents;}
.sx-top{background:#fff; position:relative; z-index:60;}
.sx-top-row{display:flex; align-items:center; gap:28px; padding-top:12px; padding-bottom:12px;}
.sx-brand{display:flex; align-items:center; gap:14px; flex:none;}
.sx-brand img{height:64px; width:auto; object-fit:contain;}
.sx-brand-text{display:flex; flex-direction:column; line-height:1.15;}
.sx-brand-text strong{font-family:'Archivo',sans-serif; font-weight:800; font-size:21px; color:var(--navy); letter-spacing:-.01em;}
.sx-brand-text span{font-size:13px; color:var(--navy-3); margin-top:3px; font-weight:500;}
.sx-info{display:flex; align-items:center; gap:26px; margin-left:auto; font-size:12.5px; color:var(--ink-soft);}
.sx-info svg{width:16px; height:16px; flex:none; color:var(--orange);}
.sx-info-item{display:flex; align-items:flex-start; gap:8px; max-width:250px; line-height:1.4;}
.sx-info-item:first-child svg{margin-top:2px;}
.sx-info-stack{flex-direction:column; gap:6px; max-width:none;}
.sx-info-stack a{display:flex; align-items:center; gap:8px; color:var(--ink); font-weight:500;}
.sx-info-stack a:hover{color:var(--orange);}
.sx-socials a{width:34px; height:34px; border-radius:50%; background:var(--mblue); color:#fff; border:none; display:flex; align-items:center; justify-content:center;}
.sx-socials a:nth-child(2){background:#D9261C;}
.sx-socials a:nth-child(3){background:var(--mgreen);}
.sx-socials a:nth-child(4){background:var(--orange);}
.sx-socials a:hover{background:var(--navy); color:#fff;}
.sx-socials a svg{color:#fff; width:16px; height:16px;}

.sx-nav{background:var(--navy); border-bottom:3px solid var(--orange); position:sticky; top:0; z-index:70; box-shadow:0 4px 14px rgba(0,0,0,.18);}
.sx-nav-row{display:flex; align-items:stretch; justify-content:space-between; gap:12px; padding-top:0; padding-bottom:0;}
.sx-nav nav.primary{display:flex; align-items:stretch; gap:0; flex-wrap:nowrap;}
.sx-nav nav.primary > a,
.sx-nav .nav-dropdown > a{
  display:flex; align-items:center; padding:17px 14px; color:#fff; font-family:'Archivo',sans-serif;
  font-size:12.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap;
}
.sx-nav nav.primary a::after{display:none;}
.sx-nav nav.primary > a:hover,
.sx-nav .nav-dropdown:hover > a,
.sx-nav .nav-dropdown.open > a{background:var(--navy-3); color:var(--orange-hi);}
.sx-nav nav.primary > a.is-current{background:var(--orange); color:#fff;}
.sx-nav .nav-dropdown{display:flex; align-items:stretch; position:relative;}
.sx-nav .nav-badge{margin-left:6px;}
.sx-quote{
  align-self:center; display:inline-flex; align-items:center; gap:10px; margin:7px 0;
  background:var(--orange); color:#fff; padding:10px 20px; border-radius:3px;
  font-family:'Archivo',sans-serif; font-weight:800; font-size:12.5px; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap;
}
.sx-quote svg{width:14px; height:14px;}
.sx-quote:hover{background:var(--orange-hi);}

/* mega menu hangs from the bottom of the navy bar */
.sx-nav .mega-menu{top:100%; left:0; transform:translateY(8px); border-top:4px solid var(--orange);
  background:linear-gradient(135deg, var(--navy) 0%, var(--navy-3) 100%);}
.sx-nav .nav-dropdown:hover .mega-menu,
.sx-nav .nav-dropdown.open .mega-menu{transform:translateY(0);}
.sx-nav nav.primary .mega-menu a{text-transform:none; letter-spacing:0; font-weight:500; font-family:'IBM Plex Sans',sans-serif; display:block; padding:8px 14px; color:#E4EDF3;}
.sx-nav nav.primary .mega-menu a:hover{background:rgba(255,255,255,.12); color:#fff;}
.sx-nav nav.primary .mega-menu .mega-all{color:var(--orange-hi); font-weight:700; padding:6px 16px 12px;}
.sx-nav nav.primary .mega-top:nth-child(5n+1){border-left-color:var(--blue-bright);}
.sx-nav nav.primary .mega-top:nth-child(5n+2){border-left-color:var(--green-bright);}
.sx-nav nav.primary .mega-top:nth-child(5n+3){border-left-color:var(--orange);}
.sx-nav nav.primary .mega-top:nth-child(5n+4){border-left-color:#4F93D6;}
.sx-nav nav.primary .mega-top:nth-child(5n+5){border-left-color:var(--green-bright);}

.menu-toggle{display:none; margin-left:auto; background:var(--navy); color:#fff; border:none; border-radius:3px; font-weight:700; text-transform:uppercase; font-size:12.5px; letter-spacing:.05em; padding:11px 16px;}
.mobile-nav{background:var(--navy); border-bottom:3px solid var(--orange); position:relative; z-index:65; padding:0;}
.mobile-nav a{color:#fff; border-top:1px solid rgba(255,255,255,.1); text-transform:uppercase; font-size:13px; font-weight:700; letter-spacing:.04em; padding:14px 24px;}
.mobile-nav a:hover{background:var(--navy-3); color:var(--orange-hi);}
.mobile-nav .mobile-quote{background:var(--orange); text-align:center;}

@media (max-width:1280px){
  .sx-nav nav.primary > a, .sx-nav .nav-dropdown > a{padding:17px 10px; font-size:12px;}
  .sx-info-item:first-child{display:none;}
}
@media (max-width:1100px){
  .sx-nav{display:none;}
  .menu-toggle{display:inline-block;}
  .sx-info{display:none;}
  .sx-top{position:sticky; top:0; box-shadow:0 2px 10px rgba(0,0,0,.12);}
  .sx-brand img{height:48px;}
  .sx-brand-text strong{font-size:16px;}
  .sx-brand-text span{font-size:11px;}
  .mobile-nav{display:none;}
  .mobile-nav.open{display:flex; position:sticky; top:72px; max-height:calc(100vh - 72px); overflow:auto;}
}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero-slider{background:var(--navy);}
.slider-track{height:540px;}
.slide{background-position:center right;}
.slide::before{background:linear-gradient(95deg, rgba(8,18,30,.96) 0%, rgba(8,18,30,.86) 34%, rgba(8,18,30,.35) 66%, rgba(8,18,30,.08) 100%);}
.slide-content{max-width:1280px;}
.slide-eyebrow{font-family:'Archivo',sans-serif; font-weight:700; font-size:clamp(20px,2.4vw,30px); color:#fff; letter-spacing:0; margin-bottom:6px; text-transform:none;}
.slide-eyebrow::before{display:none;}
.slide h1{font-weight:800; font-size:clamp(34px,5.2vw,64px); max-width:15ch; line-height:1.02; text-transform:uppercase; letter-spacing:-.01em;}
.slide h1 em{font-style:normal; color:var(--orange);}
.slide-sub{font-family:'Archivo',sans-serif; font-weight:500; font-size:clamp(15px,1.5vw,19px); max-width:34em; color:#EAF0F5; margin-top:20px; line-height:1.45;}
.slide-actions{margin-top:28px;}
.slider-nav{background:rgba(10,27,46,.6); border:1px solid rgba(255,255,255,.3); color:#fff; border-radius:50%;}
.slider-nav:hover{background:var(--orange); border-color:var(--orange);}
.slider-dots button, .slider-dots .dot{border-radius:50%;}
@media (max-width:760px){
  .slider-track{height:520px;}
  .slide::before{background:linear-gradient(180deg, rgba(8,18,30,.85) 0%, rgba(8,18,30,.78) 100%);}
}

/* icon strip */
.trust-strip{background:var(--navy-2); border-top:1px solid rgba(255,255,255,.08); border-bottom:3px solid var(--orange); color:#fff;}
.trust-strip .wrap{max-width:1280px; display:grid; grid-template-columns:repeat(6,1fr); }
.trust-item{display:flex; align-items:center; justify-content:center; gap:14px; padding:20px 12px; border-left:1px solid rgba(255,255,255,.12);}
.trust-item:first-child{border-left:none;}
.trust-item svg{width:40px; height:40px; flex:none; color:var(--orange);}
.trust-item:nth-child(3n+2) svg{color:#4F93D6;}
.trust-item:nth-child(3n) svg{color:#5DBB77;}
.trust-item div{display:flex; flex-direction:column; line-height:1.2;}
.trust-item b{font-family:'Archivo',sans-serif; font-weight:800; font-size:18px;}
.trust-item span{font-size:13.5px; color:#C4D2DE;}
@media (max-width:1000px){ .trust-strip .wrap{grid-template-columns:repeat(3,1fr);} .trust-item:nth-child(4){border-left:none;} .trust-item{border-top:1px solid rgba(255,255,255,.08);} }
@media (max-width:560px){ .trust-strip .wrap{grid-template-columns:repeat(2,1fr);} .trust-item{justify-content:flex-start; padding:16px 14px;} .trust-item:nth-child(odd){border-left:none;} .trust-item:nth-child(4){border-left:1px solid rgba(255,255,255,.12);} .trust-item svg{width:32px;height:32px;} .trust-item b{font-size:16px;} }

/* ==========================================================================
   Generic section header (kicker / title / sub / view-all)
   ========================================================================== */
.sx-sec{padding:56px 0;}
.sx-sec .wrap{max-width:1280px;}
.sx-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; max-width:none;}
.sx-kicker{display:block; font-family:'Archivo',sans-serif; font-weight:800; font-size:14px; letter-spacing:.04em; text-transform:uppercase; color:var(--orange); margin-bottom:6px;}
.sx-head h2{font-size:clamp(24px,3vw,36px); font-weight:800; text-transform:uppercase; color:var(--navy); line-height:1.08; max-width:22ch;}
.sx-head p{margin-top:10px; color:var(--ink-soft); font-size:16px;}
.sx-viewall{display:inline-flex; align-items:center; gap:8px; color:var(--orange); font-family:'Archivo',sans-serif; font-weight:700; font-size:13px; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; padding-bottom:4px;}
.sx-viewall svg{width:14px; height:14px;}
.sx-viewall:hover{color:var(--orange-deep);}
@media (max-width:640px){ .sx-head{flex-direction:column; align-items:flex-start;} .sx-sec{padding:44px 0;} }

/* ---------- Our Solutions ---------- */
.sx-solutions{background:#fff;}
.sol-grid{display:grid; grid-template-columns:repeat(8,1fr); gap:12px;}
.sol-tile{position:relative; display:block; aspect-ratio:3/4; border-radius:6px; overflow:hidden; background:var(--navy); box-shadow:0 3px 10px rgba(10,27,46,.18); transition:transform .25s ease, box-shadow .25s ease;}
.sol-tile img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.sol-tile::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,27,46,0) 38%, rgba(10,27,46,.92) 100%);}
.sol-label{position:absolute; z-index:2; left:10px; right:46px; bottom:10px; color:#fff; font-family:'Archivo',sans-serif; font-weight:700; font-size:13.5px; line-height:1.15;}
.sol-go{position:absolute; z-index:2; right:8px; bottom:9px; width:28px; height:28px; border-radius:50%; background:var(--orange); display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s, transform .2s;}
.sol-go svg{width:13px; height:13px;}
.sol-tile:hover{transform:translateY(-4px); box-shadow:0 10px 24px rgba(10,27,46,.28);}
.sol-tile:hover img{transform:scale(1.07);}
.sol-tile:hover .sol-go{background:var(--mgreen); transform:translateX(2px);}
@media (max-width:1100px){ .sol-grid{grid-template-columns:repeat(4,1fr);} }
@media (max-width:560px){ .sol-grid{grid-template-columns:repeat(2,1fr); gap:10px;} .sol-label{font-size:13px;} }

/* ---------- Our Products carousel ---------- */
.sx-products{background:linear-gradient(180deg,#EEF3F8,#F7F9FC);}
.sx-car{padding:0 20px;}
.sx-car .car-track{gap:12px; padding:6px 2px 10px;}
.sx-car .car-track .sx-pcard{flex:0 0 calc((100% - 5*12px) / 6); background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; display:block; box-shadow:0 2px 8px rgba(10,27,46,.07); transition:transform .22s, box-shadow .22s, border-color .22s;}
.sx-pcard .product-media{aspect-ratio:4/3; background:#fff; overflow:hidden;}
.sx-pcard .product-media img{width:100%; height:100%; object-fit:cover; transition:transform .45s;}
.sx-pcard:hover{transform:translateY(-4px); border-color:var(--orange); box-shadow:0 10px 22px rgba(10,27,46,.16);}
.sx-pcard:hover .product-media img{transform:scale(1.06);}
.sx-pbody{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 12px; border-top:3px solid var(--mblue);}
.sx-car .sx-pcard:nth-child(3n+2) .sx-pbody{border-top-color:var(--mgreen);}
.sx-car .sx-pcard:nth-child(3n) .sx-pbody{border-top-color:var(--orange);}
.sx-pbody h3{font-size:13.5px; font-weight:700; color:var(--navy); line-height:1.2;}
.sx-pgo{flex:none; width:24px; height:24px; border-radius:50%; background:var(--orange); color:#fff; display:flex; align-items:center; justify-content:center;}
.sx-pgo svg{width:11px; height:11px;}
.sx-car .car-btn{background:var(--navy); border-radius:50%;}
.sx-car .car-btn:hover{background:var(--orange);}
.sx-car .car-prev{left:-6px;} .sx-car .car-next{right:-6px;}
.sx-car .car-progress{background:var(--line); margin:10px 20px 0;}
.sx-car .car-progress span{background:linear-gradient(90deg,var(--mblue),var(--mgreen),var(--orange));}
@media (max-width:1100px){ .sx-car .car-track .sx-pcard{flex-basis:calc((100% - 3*12px) / 4);} }
@media (max-width:760px){ .sx-car .car-track .sx-pcard{flex-basis:calc((100% - 12px) / 2);} .sx-car{padding:0 4px;} }

/* ---------- Manufacturing facility (dark band) ---------- */
.sx-facility{background:linear-gradient(120deg,var(--navy) 0%, #0F2A45 60%, #14355A 100%); color:#fff; position:relative;}
.sx-facility::before{content:""; position:absolute; left:0; top:0; bottom:0; width:6px; background:linear-gradient(180deg,var(--orange),var(--mgreen),var(--mblue));}
.fac-grid{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:40px; align-items:center;}
.fac-copy h2{color:#fff; text-transform:uppercase; font-weight:800; font-size:clamp(26px,3.2vw,40px); line-height:1.05; margin:4px 0 16px;}
.fac-copy p{color:#D1DCE6; font-size:15.5px; max-width:44ch; margin-bottom:24px;}
.fac-cards{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
.fac-card{position:relative; aspect-ratio:3/4; border:2px solid rgba(255,255,255,.55); border-radius:4px; overflow:hidden; background:#000; transition:transform .25s, border-color .25s;}
.fac-card img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s;}
.fac-card span{position:absolute; left:0; right:0; bottom:0; background:linear-gradient(0deg, var(--orange) 55%, rgba(242,106,27,.0)); color:#fff; padding:26px 10px 10px; font-family:'Archivo',sans-serif; font-weight:700; font-size:14px; text-shadow:0 1px 3px rgba(0,0,0,.4);}
.fac-card:hover{transform:translateY(-4px); border-color:var(--orange);}
.fac-card:hover img{transform:scale(1.07);}
@media (max-width:1000px){ .fac-grid{grid-template-columns:1fr;} }
@media (max-width:560px){ .fac-cards{grid-template-columns:repeat(2,1fr);} }

/* ---------- Selected projects + Why us ---------- */
.sx-projects{background:#fff;}
.proj-grid{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,1fr); gap:34px; align-items:start;}
.proj-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.proj-card{background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; box-shadow:0 3px 12px rgba(10,27,46,.08); transition:transform .22s, box-shadow .22s;}
.proj-card:hover{transform:translateY(-4px); box-shadow:0 12px 26px rgba(10,27,46,.16);}
.proj-card img{width:100%; aspect-ratio:16/10; object-fit:cover; display:block;}
.proj-body{padding:14px 16px 16px; border-top:3px solid var(--orange);}
.proj-card:nth-child(2) .proj-body{border-top-color:var(--mblue);}
.proj-card:nth-child(3) .proj-body{border-top-color:var(--mgreen);}
.proj-body h3{font-size:15.5px; font-weight:800; color:var(--navy);}
.proj-loc{display:block; color:var(--orange-deep); font-weight:600; font-size:13.5px; margin:3px 0 6px;}
.proj-body p{font-size:13.5px; color:var(--ink-soft); line-height:1.45;}
.why-box{background:linear-gradient(160deg,#FFF6EF,#F1F6FC); border:1px solid var(--line); border-top:4px solid var(--orange); border-radius:6px; padding:22px 22px 14px;}
.why-box h3{font-size:16px; font-weight:800; text-transform:uppercase; color:var(--orange); margin-bottom:14px;}
.why-box ul{list-style:none; margin:0; padding:0;}
.why-box li{display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid rgba(10,27,46,.08); font-family:'Archivo',sans-serif; font-weight:600; font-size:14.5px; color:var(--navy);}
.why-box li:first-child{border-top:none;}
.why-dot{flex:none; width:26px; height:26px; border-radius:50%; background:var(--orange); display:flex; align-items:center; justify-content:center; color:#fff;}
.why-box li:nth-child(3n+2) .why-dot{background:var(--mblue);}
.why-box li:nth-child(3n) .why-dot{background:var(--mgreen);}
.why-dot svg{width:13px; height:13px;}
@media (max-width:1100px){ .proj-grid{grid-template-columns:1fr;} }
@media (max-width:760px){ .proj-cards{grid-template-columns:1fr;} }

/* ---------- Clients + Quality ---------- */
.sx-clients{background:#EEF3F8;}
.cq-grid{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:34px; align-items:start;}
.cq-clients .sx-head h2{font-size:clamp(20px,2.2vw,26px); max-width:30ch;}
.sx-clients .clients-marquee{background:#fff; border:1px solid var(--line); border-radius:6px; padding:12px 0;}
.sx-clients .client-logo-m{flex-direction:column; gap:6px; padding:6px 18px; min-width:120px;}
.sx-clients .client-logo-m img{height:58px; width:auto; max-width:100px; object-fit:contain; filter:none; opacity:1;}
.sx-clients .client-logo-m small{font-size:11.5px; font-weight:600; color:var(--navy); text-align:center; line-height:1.2; max-width:110px;}
.cq-quality .badge-row{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.badge-card{display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; background:#fff; border:1px solid var(--line); border-radius:6px; padding:14px 8px; transition:transform .2s, box-shadow .2s;}
.badge-card:hover{transform:translateY(-3px); box-shadow:0 8px 18px rgba(10,27,46,.14);}
.badge-card svg{width:58px; height:58px;}
.badge-card b{font-family:'Archivo',sans-serif; font-weight:800; font-size:14px; color:var(--navy);}
.badge-card span{font-size:11.5px; color:var(--ink-soft); line-height:1.25;}
@media (max-width:1100px){ .cq-grid{grid-template-columns:1fr;} }

/* ==========================================================================
   Existing sections re-coloured to the new palette
   ========================================================================== */
.about, .testimonials, section.contact{background-color:var(--paper);}
.section-head .kicker{font-family:'Archivo',sans-serif; font-weight:800; letter-spacing:.04em; text-transform:uppercase; font-size:14px; color:var(--orange);}
.section-head h2{text-transform:uppercase; font-weight:800; color:var(--navy);}
.process{background:linear-gradient(135deg,var(--navy),var(--navy-3));}
.process .section-head h2{color:#fff;}
.cap-list > .cap-item{border-radius:6px;}
.nav-badge{background:var(--orange); color:#fff;}
.careers-band{background:linear-gradient(120deg,var(--navy),var(--navy-3)); border-left:6px solid var(--orange);}
.to-top{background:var(--navy);}
.to-top:hover{background:var(--orange);}

/* ==========================================================================
   FOOTER
   ========================================================================== */
footer.sx-foot{background:var(--navy); color:#B8C7D4; padding:46px 0 22px; border-top:4px solid var(--orange);}
footer.sx-foot .wrap{max-width:1280px;}
.sxf-grid{display:grid; grid-template-columns:1.25fr 1.1fr 1.15fr; gap:38px; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.14);}
.sxf-brand{display:flex; gap:18px; align-items:flex-start;}
.sxf-logo{flex:none; background:#fff; border-radius:8px; padding:8px; display:block;}
.sxf-logo img{height:74px; width:auto; display:block;}
.sxf-brand h4{color:#fff; font-size:19px; font-weight:800; text-transform:uppercase;}
.sxf-tag{color:var(--orange-hi); font-weight:600; font-size:13.5px; margin:4px 0 10px;}
.sxf-about{font-size:13.5px; line-height:1.55; max-width:40ch;}
.sx-foot h4{color:#fff; font-size:14.5px; margin-bottom:14px; font-weight:800;}
.sxf-links h4, .sxf-contact h4{padding-bottom:8px; border-bottom:2px solid var(--orange); display:inline-block;}
.sxf-cols{display:grid; grid-template-columns:1fr 1fr; gap:9px 24px; font-size:14px;}
.sxf-cols a{color:#C9D6E1;}
.sxf-cols a:hover{color:var(--orange-hi);}
.sxf-row{display:flex; gap:11px; align-items:flex-start; font-size:14px; margin-bottom:11px; line-height:1.45;}
.sxf-row svg{width:17px; height:17px; flex:none; color:var(--orange); margin-top:2px;}
.sxf-gst{font-size:12.5px; opacity:.8; margin:2px 0 12px;}
.sx-foot .footer-socials a{width:34px; height:34px; border-radius:50%; background:var(--mblue); color:#fff; border:none; display:flex; align-items:center; justify-content:center;}
.sx-foot .footer-socials a:nth-child(2){background:#D9261C;}
.sx-foot .footer-socials a:nth-child(3){background:var(--mgreen);}
.sx-foot .footer-socials a:nth-child(4){background:var(--orange);}
.sx-foot .footer-socials a:hover{background:#fff; color:var(--navy);}
.sx-foot .foot-bottom{color:#8FA3B4;}
.sx-foot .dev-credit{color:var(--orange-hi);}
@media (max-width:1000px){ .sxf-grid{grid-template-columns:1fr; gap:30px;} }
@media (max-width:520px){ .sxf-brand{flex-direction:column;} }

/* smooth anchor offset for the sticky navy bar */
#solutions,#products,#manufacturing,#projects,#clients{scroll-margin-top:60px;}

/* ---------- width / wrapping refinements ---------- */
.sx-top .wrap, .sx-nav .wrap{max-width:1280px;}
.slide h1{max-width:20ch;}
.sx-head h2{max-width:34ch;}
.slide-content{padding-left:40px;}
@media (max-width:760px){ .slide-content{padding-left:24px;} .slide h1{max-width:12ch;} }
.wrap{max-width:1280px;}
.fac-copy h2{font-size:clamp(24px,2.7vw,36px);}
.fac-copy h2 span{white-space:nowrap;}
.sx-clients .client-logo-m{width:128px; min-width:128px; height:112px; flex:none; margin:0 6px; background:#fff; border:1px solid var(--line); border-radius:6px; justify-content:center; align-items:center; display:flex;}
.sx-clients .client-logo-m img{height:50px; max-width:90px;}
.sx-clients .client-logo-m small{font-size:10.5px; max-width:112px;}

/* ---------- mobile header + hero fixes ---------- */
@media (max-width:1100px){
  .sx-brand{flex:1 1 auto; min-width:0;}
  .sx-brand-text{min-width:0;}
  .sx-brand-text span{white-space:normal;}
  .menu-toggle{flex:none;}
}
@media (max-width:640px){
  .sx-brand img{height:42px;}
  .sx-brand-text strong{font-size:14.5px;}
  .sx-brand-text span{font-size:10px;}
  .slider-nav{display:none;}
  .slide-content{padding-right:20px;}
}
.cq-grid > *, .proj-grid > *, .fac-grid > *{min-width:0;}
.clients-marquee{overflow:hidden; max-width:100%;}
@media (max-width:1100px){ .cq-grid, .proj-grid, .fac-grid{grid-template-columns:minmax(0,1fr);} }

/* ---------- clients marquee: full width, right-to-left, seamless ---------- */
.sx-clients .cq-grid{align-items:end; margin-bottom:26px;}
.sx-clients .sx-marquee{background:#fff; border:none; border-top:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:0; padding:18px 0; width:100%; max-width:none;}
.sx-clients .sx-marquee .clients-track{gap:0; animation:sx-marquee 40s linear infinite;}
.sx-clients .sx-marquee .client-logo-m{margin:0 9px;}
@keyframes sx-marquee{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){ .sx-clients .sx-marquee .clients-track{animation:none; flex-wrap:wrap; justify-content:center; width:auto;} }

/* ---------- Projects page ---------- */
.proj-page{background:#fff;}
.pp-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;}
.pp-card{background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; box-shadow:0 3px 12px rgba(10,27,46,.08); scroll-margin-top:90px; display:flex; flex-direction:column;}
.pp-card:nth-child(3n+1) .pp-body{border-top:3px solid var(--orange);}
.pp-card:nth-child(3n+2) .pp-body{border-top:3px solid var(--mblue);}
.pp-card:nth-child(3n) .pp-body{border-top:3px solid var(--mgreen);}
.pp-img{display:block; aspect-ratio:16/10; overflow:hidden;}
.pp-img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s;}
.pp-card:hover .pp-img img{transform:scale(1.05);}
.pp-body{padding:16px 18px 20px; flex:1;}
.pp-body h3{font-size:18px; font-weight:800; color:var(--navy);}
.pp-meta{display:flex; flex-wrap:wrap; gap:6px 22px; margin:10px 0 8px;}
.pp-meta div{display:flex; flex-direction:column;}
.pp-meta dt{font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--steel);}
.pp-meta dd{margin:0; font-weight:600; font-size:14px; color:var(--navy);}
.pp-scope{font-weight:600; font-size:14px; color:var(--ink);}
.pp-desc{font-size:14px; color:var(--ink-soft); margin-top:8px; line-height:1.55;}
a.proj-card{display:block; color:inherit;}
@media (max-width:1000px){ .pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .pp-grid{grid-template-columns:minmax(0,1fr);} }