/* BLACKSMITHS YARD BD — editorial redesign 2026-10-30 */
:root{--orange:#f26721;--orange-deep:#d9500e;--ink:#0c283b;--dark:#071b2e;--text:#4e6271;--surface:#eef4f6;--max:1320px;--radius:13px}
body{background:#f5f7f8;color:#12304a}
h1,h2,h3{letter-spacing:-.045em}
.utility-bar{display:none}
.site-header{background:#fff;box-shadow:0 4px 26px rgba(6,28,47,.07);border-bottom:1px solid #ecf0f3}
.header-inner{height:100px;gap:16px}
.brand{width:340px;height:auto;max-height:94px;overflow:visible;flex-shrink:0}
.brand img{display:block;width:100%;height:auto;object-fit:contain}
.nav-menu{gap:clamp(11px,1.36vw,21px)}
.nav-menu>a{font-size:13px;color:#1b394f}
.header-cta{background:#f26721;border-radius:7px;padding:12px 16px}
.header-cta:hover{background:#cb4b0e}
/* HOME */
.new-hero{position:relative;min-height:610px;background:#081c30;overflow:hidden;isolation:isolate;color:#fff;display:flex;align-items:center}
.new-hero-visual{position:absolute;right:0;top:0;bottom:0;width:72%;z-index:-2;background:url('../assets/images/network-hero.jpg') center right/cover no-repeat;animation:subtle-hero 18s ease-in-out infinite alternate}
.new-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081b2d 0%,#081b2dfb 25%,#081b2de8 39%,#081b2da8 54%,#081b2d2d 74%,#061c3090 100%),linear-gradient(0deg,#091d30aa,transparent 23%)}
.new-hero-layout{padding:86px 0 91px;position:relative}
.new-hero-content{max-width:700px}
.new-hero-eyebrow{color:#f7b28c;font-size:11px;letter-spacing:.19em;font-weight:800;display:flex;gap:13px;align-items:center;margin-bottom:29px}
.new-hero-line{width:38px;height:2px;background:#f26721}
.new-hero h1{color:white;font-size:clamp(3.3rem,5.6vw,5.55rem);line-height:1.03;max-width:690px;margin-bottom:12px;font-weight:850;letter-spacing:-.065em}
.new-hero h1 span{color:#ff9252}
.new-hero-subtitle{color:white;font-size:clamp(1.4rem,2.15vw,2.1rem);font-weight:650;letter-spacing:-.035em;margin-bottom:24px}
.new-hero-description{font-size:16px;line-height:1.82;max-width:580px;color:#d0dce6;margin-bottom:35px}
.new-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.new-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:53px;padding:15px 22px;border-radius:6px;font-weight:770;font-size:14px;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.new-btn:hover{transform:translateY(-3px)}
.new-btn span{font-size:19px;font-weight:400;line-height:1}
.new-btn-orange{color:#fff;background:#f26721;box-shadow:0 13px 36px #f2672136}
.new-btn-orange:hover{background:#ff7b36}
.new-btn-text{color:#fff;border:1px solid #b8ccdd77;background:#102a415c}
.new-btn-text:hover{background:#ffffff1c}
.new-hero-accent{height:4px;background:linear-gradient(90deg,#f26721 0 18%,#07a8c2 18% 39%,#e5f2f7 39% 100%);position:absolute;bottom:0;left:0;right:0}
@keyframes subtle-hero{from{transform:scale(1)}to{transform:scale(1.065)}}
.new-trust-bar{background:#fff;border-bottom:1px solid #e4eaf0}
.new-trust-layout{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:22px;padding:25px 0}
.new-trust-layout>span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.new-trust-layout b{font-size:14px;color:#113248;letter-spacing:-.02em}
.new-trust-layout small{font-size:12px;color:#698093}
.new-trust-layout>i{height:28px;width:1px;background:#cbd7df}
.new-section{padding:110px 0}
.new-section-title{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}
.new-label{font-size:11px;letter-spacing:.19em;font-weight:900;color:#ee6320;display:block;margin-bottom:23px}
.new-section-title h2,.new-about h2,.new-clients h2{font-size:clamp(2.3rem,3.4vw,3.85rem);line-height:1.12;letter-spacing:-.057em;color:#0b2a42;margin:0}
.new-section-title h2 em,.new-about h2 em{font-style:normal;color:#de5c18}
.new-section-side{max-width:325px;padding-bottom:4px}
.new-section-side p{font-size:16px;line-height:1.8;color:#587080;margin:0 0 16px}
.new-text-link{font-size:14px;color:#dc5a14;font-weight:800;display:inline-flex;gap:12px;align-items:center}
.new-text-link span{font-size:22px;font-weight:400;transition:transform .2s}
.new-text-link:hover span{transform:translate(3px,-3px)}
.new-services{background:#edf3f6}
.new-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.new-service-card{position:relative;display:flex;flex-direction:column;min-height:340px;padding:29px 32px;overflow:hidden;border-radius:10px;transition:transform .2s,box-shadow .2s}
.new-service-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px rgba(10,35,49,.15)}
.new-service-card::before{content:"";width:240px;height:240px;border-radius:50%;border:1px solid #ffffff2b;position:absolute;right:-105px;top:52px;box-shadow:0 0 0 45px #ffffff0d,0 0 0 90px #ffffff09}
.new-service-num{font-size:11px;letter-spacing:.14em;font-weight:820;opacity:.87}
.new-service-spacer{flex:1;min-height:76px}
.new-service-card h3{font-size:clamp(1.6rem,2.1vw,2.22rem);letter-spacing:-.045em;max-width:300px;line-height:1.16;margin:0 0 13px;color:inherit;position:relative}
.new-service-card p{font-size:14px;color:inherit;opacity:.85;max-width:280px;line-height:1.75;margin:0 0 7px;position:relative}
.new-service-arrow{width:44px;height:44px;display:grid;place-items:center;position:absolute;right:25px;top:24px;border-radius:50%;border:1px solid #ffffff70;font-size:21px}
.service-navy{background:#0a273d;color:white}.service-blue{background:#09637a;color:white}.service-orange{background:#f07b32;color:#142c39}.service-orange:before{border-color:#ffffff49}
.service-orange .new-service-arrow{border-color:#132e4455}
.new-about{background:#fff}
.new-about-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:12%;align-items:center}
.new-about h2{font-size:clamp(2.4rem,3.5vw,4.1rem)}
.new-about-copy>p{font-size:17px;color:#5b7080;max-width:580px;line-height:1.86;margin:27px 0}
.new-about-side{background:linear-gradient(155deg,#073c58,#0c263c);padding:48px 45px;border-radius:9px;color:#fff;box-shadow:0 22px 60px #0734511c}
.new-mini-title{font-size:11px;font-weight:870;letter-spacing:.19em;color:#fba06f}
.new-about-statement p{font-size:clamp(1.3rem,1.75vw,1.75rem);font-weight:580;line-height:1.5;color:#fff;margin:17px 0 32px}
.new-about-divider{height:1px;background:#ffffff40;margin-bottom:28px}
.new-about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.new-about-pillars div{display:flex;flex-direction:column;gap:7px}
.new-about-pillars span{color:#ff995c;font-size:12px;font-weight:900}
.new-about-pillars b{font-size:14px;font-weight:700;line-height:1.4}
.new-clients{background:#eff3f5}
.new-clients-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.new-clients-header h2{font-size:clamp(2.2rem,3vw,3.25rem);margin-bottom:10px}
.new-clients-header p{font-size:15px;margin:0;color:#668092}
.new-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.new-logo-grid>div{height:104px;display:grid;place-items:center;padding:20px;background:#fff;border:1px solid #dae5ec;border-radius:6px}
.new-logo-grid img{max-height:70px;width:auto;height:auto;object-fit:contain}
.new-cta{background:#f06a24;color:#fff;position:relative;overflow:hidden}
.new-cta:before{content:"";width:400px;height:400px;border:1px solid #ffffff36;border-radius:50%;position:absolute;right:-130px;top:-180px;box-shadow:0 0 0 90px #ffffff0a}
.new-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:58px 0;position:relative}
.new-cta-inner span{font-size:11px;letter-spacing:.17em;font-weight:800}
.new-cta-inner h2{font-size:clamp(2.2rem,3.3vw,3.5rem);color:#fff;margin:12px 0 6px;letter-spacing:-.055em}
.new-cta-inner p{margin:0;color:#fff3e8;font-size:16px}
.new-btn-cta{background:#0c293f;color:#fff;min-width:222px}
.new-btn-cta:hover{background:#144665}
/* Consistent non-flat treatment of internal pages without losing content */
body:not(.home-page){background:#edf3f6}
body:not(.home-page) .page-hero{background:linear-gradient(125deg,#0b3149,#075673);color:#fff}
body:not(.home-page) .page-hero h1{color:#fff}
body:not(.home-page) .page-hero p{color:#d5e7ef}
body:not(.home-page) .section:nth-of-type(even){background:#eff4f7}
body:not(.home-page) .section:nth-of-type(odd){background:#fff}
.service-card,.industry-card,.feature-card,.detail-card,.solution-card,.client-card,.contact-card{border-radius:10px}
.service-card:nth-child(3n+1),.industry-card:nth-child(3n+1){background:#ecf5f8}
.service-card:nth-child(3n+2),.industry-card:nth-child(3n+2){background:#fff0e5}
.service-card:nth-child(3n),.industry-card:nth-child(3n){background:#eaf0f7}
.service-card:hover,.industry-card:hover{border-color:#f26721}
.service-icon,.industry-icon,.feature-icon{background:#0d435c;color:#fff}
.section-tinted{background:#e8f0f5}
.section-deep{background:#0b3048}
.footer-cta{display:none}
.footer{background:#09263b;color:#cbd7e0}
.footer-brand-text{display:block;font-size:17px;color:#fff;font-weight:900;letter-spacing:.03em;max-width:270px;line-height:1.5;margin-bottom:20px}
.footer-grid{padding-top:75px}
.footer-company p{color:#b7c9d3}
.footer h3{color:#fff}
.footer a:hover{color:#ff9b62}
/* mobile */
@media(max-width:1250px){.brand{width:290px}.header-inner{gap:12px}.nav-menu{gap:13px}.nav-menu>a{font-size:12px}.header-cta{padding:10px 12px;font-size:12px}}
@media(max-width:1080px){.header-inner{height:86px}.brand{width:298px}.new-hero{min-height:590px}.new-hero-visual{width:90%}.new-hero-shade{background:linear-gradient(90deg,#081b2d 0%,#081b2df9 32%,#081b2dcf 63%,#081b2d50 100%)}.new-about-layout{gap:5%}}
@media(max-width:900px){.brand{width:280px}.new-hero{min-height:570px}.new-hero-content{max-width:620px}.new-hero h1{font-size:clamp(3.1rem,7vw,4.6rem)}.new-service-grid{gap:15px}.new-service-card{padding:27px 24px}.new-about-layout{grid-template-columns:1fr}.new-about-side{max-width:100%;margin-top:42px}.new-logo-grid{grid-template-columns:repeat(3,1fr)}.new-section{padding:78px 0}}
@media(max-width:760px){.header-inner{height:77px}.brand{width:min(252px,63vw)}.new-hero{min-height:575px}.new-hero-layout{padding:75px 0}.new-hero-visual{width:100%;opacity:.55;background-position:60% center}.new-hero-shade{background:linear-gradient(90deg,#081b2dfb 0%,#081b2de7 52%,#081b2d94 100%)}.new-hero-eyebrow{font-size:9px;letter-spacing:.13em}.new-hero h1{font-size:clamp(3rem,10vw,4.2rem)}.new-hero-subtitle{font-size:1.35rem}.new-hero-description{font-size:15px;max-width:540px}.new-trust-layout{gap:12px}.new-trust-layout b{font-size:12px}.new-trust-layout small{font-size:10px}.new-section-title{display:block}.new-section-side{margin-top:22px}.new-service-grid{grid-template-columns:1fr}.new-service-card{min-height:280px;padding:31px}.new-service-spacer{min-height:50px}.new-service-card h3{font-size:1.8rem}.new-clients-header{align-items:start}.new-clients-header>.new-text-link{margin-top:5px}.new-cta-inner{align-items:flex-start;flex-direction:column;gap:28px}.new-about h2{font-size:clamp(2.5rem,7vw,3.7rem)}}
@media(max-width:480px){.container{width:calc(100% - 36px)}.brand{width:min(228px,65vw)}.new-hero{min-height:580px}.new-hero-layout{padding:70px 0}.new-hero h1{font-size:clamp(2.65rem,11.2vw,3.5rem)}.new-hero-subtitle{font-size:1.2rem}.new-hero-actions{gap:11px;align-items:stretch}.new-btn{font-size:13px;gap:14px;min-height:49px;padding:14px 16px}.new-hero-description{margin-bottom:26px}.new-trust-layout{grid-template-columns:1fr 1fr;gap:8px;padding:20px 0}.new-trust-layout>i{display:none}.new-trust-layout>span:last-child{grid-column:1/-1;margin-top:8px}.new-trust-layout b{font-size:11px}.new-trust-layout small{font-size:10px}.new-section{padding:64px 0}.new-section-title h2,.new-about h2,.new-clients h2{font-size:2.35rem}.new-label{margin-bottom:15px}.new-service-card{min-height:258px}.new-about-side{padding:29px 24px}.new-about-pillars{gap:5px}.new-about-pillars b{font-size:12px}.new-clients-header{display:block}.new-clients-header>.new-text-link{margin-top:17px}.new-logo-grid{grid-template-columns:repeat(2,1fr)}.new-logo-grid>div{height:87px;padding:12px}.new-cta-inner{padding:48px 0}.new-cta-inner h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){.new-hero-visual{animation:none}.new-btn,.new-service-card{transition:none}}
/* Subpage hero and spacing polish */
body:not(.home-page) .page-banner{background:linear-gradient(115deg,#06283c 2%,#075a73 70%,#0a354f 100%)}
body:not(.home-page) .page-banner h1{color:#fff}
body:not(.home-page) .page-banner p{color:#d8e8f0}
body:not(.home-page) .page-banner .banner-deco{opacity:.26}
body:not(.home-page) .section .section-heading{max-width:750px}
body:not(.home-page) .section-tinted{background:#e9f0f5!important}