@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
@font-face{font-family:'Ethnocentric';src:url('ethnocentric-italic.woff') format('woff'),url('Ethnocentric_Rg_It.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
:root{--dark:#101619;--dark2:#171e22;--orange:#ff6b00;--paper:#f5f5f2;--ink:#152027;--muted:#b8c0c4;--line:#30383d;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);line-height:1.6}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}a{color:inherit;text-decoration:none}.header{position:sticky;top:0;z-index:10;background:#101619;color:white;border-bottom:1px solid #354047}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column;line-height:1}.logo>span{font-size:25px;font-weight:800;letter-spacing:2px}.orange{color:var(--orange)}.logo small{font-size:8px;letter-spacing:1.15px;color:#b7c0c5;margin-top:7px}.links{display:flex;align-items:center;gap:27px;font-size:11px;font-weight:800}.links>a:not(.nav-button){color:#e0e4e6}.links>a:hover,.links .active{color:var(--orange)!important}.nav-button{border:1px solid var(--orange);padding:10px 14px;color:var(--orange)}.nav-button span{margin-left:10px}.menu{display:none;color:white;background:none;border:0;font-size:25px}
.hero{position:relative;min-height:510px;background:var(--dark);color:white;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 35%;background-image:url('factory-cable-assemblies.jpg');background-size:cover;background-position:12% 54%;opacity:.95}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101619 0%,rgba(16,22,25,.97) 23%,rgba(16,22,25,.72) 43%,rgba(16,22,25,.06) 80%),linear-gradient(0deg,rgba(10,14,16,.25),transparent 50%)}.hero-inner{position:relative;z-index:1;padding:72px 0 78px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:1.7px;color:var(--orange);margin:0 0 20px}.eyebrow.dark{color:#d55d08}.hero h1{font-size:clamp(46px,6vw,74px);line-height:1.02;letter-spacing:-3.8px;margin:0 0 23px;font-weight:800}.hero-copy{max-width:440px;color:#d0d6d9;font-size:14px;line-height:1.8;margin:0 0 27px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:20px;padding:14px 19px;font-size:11px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button b{font-size:16px}.orange-button{background:var(--orange);color:#111719;border:1px solid var(--orange)}.outline-button{border:1px solid #e2e6e8;color:white}.hero-code{position:absolute;right:24px;bottom:16px;color:#e7e9e9;font:9px 'DM Mono',monospace;letter-spacing:1.5px;opacity:.8}
.capabilities{background:var(--dark2);color:white;padding:49px 0 52px;border-top:1px solid #2c353a;border-bottom:1px solid #30383d}.capability-grid{display:grid;grid-template-columns:1.35fr repeat(5,1fr);gap:24px}.cap-intro{padding-right:14px}.cap-intro h2{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:0 0 14px}.cap-intro>p:last-child{font-size:12px;color:#b8c0c4;line-height:1.8;margin:0}.cap{border-left:1px solid #3a4348;padding:2px 0 0 18px}.icon{display:block;color:var(--orange);font-size:31px;line-height:1;margin-bottom:17px}.cap h3{font-size:12px;line-height:1.45;margin:0 0 8px}.cap p{font-size:11px;line-height:1.7;color:#b8c0c4;margin:0}
.about{background:#f4f5f3;padding:83px 0 76px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 65px;align-items:center}.about h2{font-size:clamp(34px,4vw,49px);line-height:1.08;letter-spacing:-2px;margin:0 0 18px}.about-grid>div:first-child>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#52616a;max-width:490px;margin:0 0 22px}.about-photo{min-height:310px;background:linear-gradient(90deg,rgba(10,15,18,.08),transparent),url('factory-cable-assemblies.jpg') center/cover no-repeat;border:1px solid #d4d8d8}.quality-row{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #d6dbdc;padding-top:22px;color:#34434b;font-size:11px;font-weight:700}.quality-row span{flex:1;min-width:160px}
.industries{padding:64px 0;background:#e8ebea}.industries-inner{max-width:none}.industries h2{font-size:clamp(30px,4vw,45px);letter-spacing:-1.8px;margin:0 0 12px}.industries-inner>p:not(.eyebrow){color:#56636a;max-width:680px;font-size:14px}.industry-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.industry-tags span{padding:10px 13px;border:1px solid #bfc7c9;font-size:11px;font-weight:700}
.contact{background:#11181c;color:white;padding:52px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact h2{font-size:clamp(31px,4vw,46px);line-height:1.1;letter-spacing:-1.8px;margin:0 0 12px}.contact-inner>div>p:not(.eyebrow){font-size:13px;color:#b8c0c4;margin:0}.contact-inner>.button{flex-shrink:0}.footer{background:#0d1215;color:white}.footer-main{display:grid;grid-template-columns:1.4fr .7fr 1fr .7fr;gap:35px;padding:38px 0}.footer-main>div{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#b9c1c5}.footer-main b{color:white;font-size:11px;margin-bottom:4px}.footer-line{border-left:1px solid var(--orange);padding-left:18px;justify-content:center;line-height:1.8}.footer-line i{display:block;width:28px;height:2px;background:var(--orange);margin-top:13px}.footer-bottom{border-top:1px solid #30383d;font:9px 'DM Mono',monospace;color:#8e999e}.footer-bottom .wrap{display:flex;justify-content:space-between;gap:15px;padding:14px 0}
@media(max-width:1000px){.capability-grid{grid-template-columns:repeat(3,1fr)}.cap-intro{grid-column:1/-1;max-width:600px}.cap{min-height:130px}.links{gap:15px}.footer-main{grid-template-columns:1fr 1fr}.hero-photo{left:25%}}
@media(max-width:650px){.wrap{width:calc(100% - 34px)}.nav{height:70px}.logo>span{font-size:21px}.menu{display:block}.links{display:none;position:absolute;top:70px;left:0;right:0;background:#101619;padding:15px 20px 22px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #354047}.links.open{display:flex}.links>a{padding:12px 0}.links .nav-button{text-align:center;margin-top:8px}.hero{min-height:570px}.hero-photo{inset:0;background-position:center;opacity:.62}.hero-shade{background:linear-gradient(90deg,rgba(16,22,25,.97),rgba(16,22,25,.68)),linear-gradient(0deg,rgba(16,22,25,.35),transparent)}.hero-inner{padding:68px 0}.hero h1{font-size:49px;letter-spacing:-2.7px}.hero-copy{font-size:13px}.hero-code{font-size:7px}.capability-grid{grid-template-columns:1fr 1fr;gap:22px}.cap-intro{grid-column:1/-1}.cap{padding-left:13px}.cap h3{font-size:11px}.about{padding:65px 0}.about-grid{grid-template-columns:1fr;gap:24px}.about-photo{min-height:240px;grid-row:2}.quality-row{grid-column:auto;gap:16px}.contact-inner{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-line{min-height:75px}.footer-bottom .wrap{flex-direction:column}.button{padding:13px 15px}}
/* Logo (header and footer): Ethnocentric Italic */
.header .logo>span,.footer .logo>span{font-family:'Ethnocentric',Manrope,Arial,sans-serif;font-style:italic;font-weight:400;font-size:25px;letter-spacing:2px}
@media(max-width:650px){.header .logo>span,.footer .logo>span{font-size:16px}}

/* Hero heading raised by half its font height; paragraph and buttons below stay where they were */
.hero h1{margin-top:-.5em;margin-bottom:calc(23px + .5em)}

/* Capabilities drop-down in the top menu */
.links>.dd{position:relative;display:flex;align-items:center}
.links>.dd>a{color:#e0e4e6}
.links>.dd>a:hover{color:var(--orange)}
.dd-btn{background:none;border:0;color:#e0e4e6;font-size:11px;padding:6px 0 6px 6px;cursor:pointer;line-height:1}
.dd-btn:hover,.dd:focus-within .dd-btn{color:var(--orange)}
.dd-menu{display:none;position:absolute;top:100%;left:-18px;min-width:250px;padding:8px 0;margin-top:14px;background:#101619;border:1px solid #354047;border-top:2px solid var(--orange);box-shadow:0 14px 30px rgba(0,0,0,.35);z-index:20}
.dd-menu::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px}
.dd-menu a{display:block;padding:11px 18px;color:#e0e4e6;font-size:11px;font-weight:800;white-space:nowrap}
.dd-menu a:hover{color:var(--orange);background:#171e22}
.dd:hover .dd-menu,.dd.open .dd-menu,.dd:focus-within .dd-menu{display:block}
@media(max-width:650px){
  .links>.dd{flex-direction:column;align-items:stretch}.dd-btn{display:none}
  .dd-menu{display:block;position:static;min-width:0;margin:0 0 4px;padding:0 0 0 16px;border:0;border-left:2px solid #354047;box-shadow:none;background:none}
  .dd-menu::before{display:none}.dd-menu a{padding:10px 0;font-size:11px}
}

/* Homepage footer without the Quick Links column */
.footer-main.no-links{grid-template-columns:1.4fr 1fr .8fr}
@media(max-width:1000px){.footer-main.no-links{grid-template-columns:1fr 1fr}}

/* BSI logo, bottom right of the footer (shown on a white tile so the black lettering stays legible) */
.bsi-badge{display:inline-flex;align-items:center;background:#fff;padding:6px 9px;line-height:0}
.bsi-badge img{height:22px;width:auto;display:block}
.footer-bottom .wrap{align-items:center}

/* BSI logo in the footer line (white tile keeps the black lettering legible) */
.footer-line .bsi-badge{align-self:flex-start;display:inline-flex;background:#fff;padding:8px 12px;line-height:0}
.footer-line .bsi-badge img{height:34px;width:auto;display:block}