:root{--bg:#0b0d10;--panel:#13171c;--panel2:#181e25;--text:#f4f6f8;--muted:#a9b1ba;--line:#2b333d;--accent:#d71920;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.58}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.header{position:fixed;z-index:50;top:0;left:0;right:0;background:#0b0d10f2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center}.logo{width:150px;height:58px;object-fit:contain;filter:brightness(0) invert(1)}.links{display:flex;gap:22px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.links a{opacity:.82}.links a:hover,.links a.active{opacity:1}.links a.active{color:#fff}.lang{border:1px solid #ffffff4d;padding:9px 11px;border-radius:4px}.cta{background:var(--accent);padding:11px 16px;border-radius:4px;font-weight:700;opacity:1!important}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:28px;left:-16px;min-width:260px;background:#101419;border:1px solid var(--line);padding:10px}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;text-transform:none;letter-spacing:0;font-size:13px;border-bottom:1px solid #232a32}.dropdown-menu a:last-child{border-bottom:0}
.hero{min-height:calc(100vh - 90px);display:grid;align-items:end;position:relative;background:center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070af5 0%,#05070ad1 43%,#05070a66 72%,#05070a24 100%),linear-gradient(0deg,#0b0d10 0%,transparent 40%)}.hero-inner{position:relative;padding:150px 0 88px;max-width:820px}.eyebrow{font-size:12px;letter-spacing:.23em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:42px;height:2px;background:var(--accent)}h1{font-size:clamp(46px,5.1vw,76px);line-height:1.02;margin:22px 0 25px;letter-spacing:-.04em;text-transform:uppercase;max-width:820px}.accent-text{color:var(--accent)}.lead{max-width:760px;color:#d9dee4;font-size:20px}.actions{display:flex;gap:13px;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border:1px solid #ffffff66;border-radius:4px;font-weight:700}.btn.primary{background:var(--accent);border-color:var(--accent)}
.page-hero{padding:165px 0 85px;background:#0d1014;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:"BMSS";position:absolute;right:-20px;bottom:-65px;font-size:180px;font-weight:900;color:#ffffff05;letter-spacing:-.08em}.page-hero h1{font-size:clamp(42px,6vw,72px);margin-bottom:18px}.page-hero p{max-width:760px;color:var(--muted);font-size:19px}
.stats{display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:3;margin-top:-54px;background:#0d1014;border:1px solid var(--line)}.stat{padding:26px 22px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:27px}.stat span{display:block;margin-top:3px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2,.feature h2,.contact h2,.content h2{font-size:clamp(32px,4.5vw,58px);line-height:1.04;text-transform:uppercase;letter-spacing:-.035em;margin:12px 0 0}.section-head p{max-width:560px;color:var(--muted);margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);padding:28px;transition:.25s}.card:hover{transform:translateY(-4px);border-color:#ffffff42}.card h3{font-size:23px;margin:14px 0 10px}.card p{color:var(--muted);margin:0}.service{min-height:235px;display:flex;flex-direction:column;justify-content:space-between}.num{color:var(--accent);font-weight:700}.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.feature img{width:100%;height:560px;object-fit:cover}.feature p,.content p{color:var(--muted);font-size:17px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.checks div{border-top:1px solid var(--line);padding-top:12px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project{position:relative;overflow:hidden;border:1px solid var(--line);min-height:390px}.project img{width:100%;height:100%;object-fit:cover;transition:.55s}.project:hover img{transform:scale(1.035)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05070ae8,transparent 67%)}.project-info{position:absolute;z-index:2;left:25px;right:25px;bottom:23px}.project-info span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#f3b3b6}.project-info h3{margin:5px 0 0;font-size:24px}.meta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.tag{border:1px solid var(--line);padding:8px 10px;font-size:12px;color:#dce1e5}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.detail-hero img{width:100%;height:520px;object-fit:cover;border:1px solid var(--line)}.content{max-width:850px}.content ul{padding-left:20px;color:var(--muted)}.content li{margin:9px 0}.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry{padding:22px;border:1px solid var(--line);background:var(--panel);min-height:110px;display:flex;align-items:end;font-weight:700}.certs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cert{border:1px solid var(--line);background:linear-gradient(145deg,#171c22,#101419);padding:30px;min-height:220px}.cert strong{font-size:32px;display:block;margin-bottom:15px}.cert p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.contact-card{background:var(--panel);border:1px solid var(--line);padding:30px}.contact-card p{color:var(--muted)}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;background:#0d1115;border:1px solid var(--line);color:#fff;padding:14px;font:inherit}.form textarea{min-height:150px;resize:vertical}.form button{border:0;cursor:pointer}.notice{font-size:12px;color:var(--muted)}
.contact-strip{padding:0}.contact-box{display:grid;grid-template-columns:1fr 1fr;background:var(--accent)}.contact-copy{padding:70px}.contact-copy .eyebrow:before{background:#fff}.contact-image{min-height:500px;background:center/cover no-repeat}.footer{padding:38px 0;background:#080a0d;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:7px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:26px;padding-top:22px;display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.show{opacity:1;transform:none}.breadcrumb{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:#fff}
@media(max-width:980px){.links{display:none;position:absolute;top:82px;left:0;right:0;background:#0b0d10;padding:24px;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line);max-height:calc(100vh - 82px);overflow:auto}.links.open{display:flex}.dropdown-menu{display:block;position:static;border:0;padding:5px 0 0 14px;background:transparent}.menu{display:block}.stats{grid-template-columns:repeat(2,1fr);margin-top:0}.stat{border-bottom:1px solid var(--line)}.grid3,.project-grid,.certs{grid-template-columns:1fr 1fr}.feature,.detail-hero,.contact-grid{grid-template-columns:1fr}.feature img,.detail-hero img{height:440px}.industries{grid-template-columns:repeat(2,1fr)}.contact-box{grid-template-columns:1fr}.contact-copy{padding:55px 30px}.contact-image{min-height:360px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 24px))}.nav{height:72px}.links{top:72px}.logo{width:128px}.hero-inner{padding:135px 0 72px}.lead{font-size:17px}.actions{flex-direction:column}.stats,.grid3,.grid2,.project-grid,.certs,.industries{grid-template-columns:1fr}.section-head{display:block}.feature img,.detail-hero img{height:320px}.checks{grid-template-columns:1fr}.project{min-height:330px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom>*{margin:8px 0}.page-hero{padding-top:130px}.page-hero:after{font-size:110px}.contact-copy{padding:45px 22px}}

/* Version 2.1 refinements */
.process-section{background:linear-gradient(180deg,#0b0d10,#101419)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.process-step{background:var(--panel);padding:32px;min-height:250px;position:relative}
.process-step span{display:block;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.14em;margin-bottom:42px}
.process-step h3{font-size:25px;margin:0 0 12px}
.process-step p{color:var(--muted);margin:0}
.process-step:not(:last-child):after{content:"→";position:absolute;right:-10px;top:48px;z-index:2;width:20px;height:20px;display:grid;place-items:center;background:var(--accent);border-radius:50%;font-size:12px}
.btn,.card,.project{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.btn:hover{transform:translateY(-2px)}
@media(max-width:980px){.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2):after{display:none}}
@media(max-width:640px){.process-grid{grid-template-columns:1fr}.process-step:not(:last-child):after{content:"↓";right:24px;top:auto;bottom:-10px}.process-step:nth-child(2):after{display:grid}}

/* Version 2.2 motion and interaction */
body{opacity:0;animation:pageIn .55s ease forwards}
@keyframes pageIn{to{opacity:1}}
.header{transition:height .3s ease,background .3s ease,box-shadow .3s ease}
.header.scrolled{background:#080a0df7;box-shadow:0 10px 30px #00000045}
.header.scrolled .nav{height:70px}
.nav{transition:height .3s ease}
.hero{overflow:hidden}
.hero:after{content:"";position:absolute;inset:-3%;background:inherit;background-position:center;background-size:cover;z-index:-1;animation:heroZoom 12s ease-out both}
@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.hero-inner>*{opacity:0;transform:translateY(22px);animation:heroContent .7s ease forwards}
.hero-inner .eyebrow{animation-delay:.12s}.hero-inner h1{animation-delay:.24s}.hero-inner .lead{animation-delay:.36s}.hero-inner .actions{animation-delay:.48s}
@keyframes heroContent{to{opacity:1;transform:none}}
.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.grid3 .reveal:nth-child(2),.project-grid .reveal:nth-child(2),.process-grid .reveal:nth-child(2){transition-delay:.08s}
.grid3 .reveal:nth-child(3),.project-grid .reveal:nth-child(3),.process-grid .reveal:nth-child(3){transition-delay:.16s}
.grid3 .reveal:nth-child(4),.process-grid .reveal:nth-child(4){transition-delay:.24s}
.grid3 .reveal:nth-child(5){transition-delay:.32s}.grid3 .reveal:nth-child(6){transition-delay:.4s}
.card,.project,.industry,.cert{will-change:transform}
.card:hover,.industry:hover,.cert:hover{transform:translateY(-7px);box-shadow:0 18px 45px #00000035}
.project:hover{transform:translateY(-5px);box-shadow:0 20px 48px #00000040}
.project{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.btn{position:relative;overflow:hidden}
.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff24 50%,transparent 75%);transform:translateX(-120%);transition:transform .65s ease}
.btn:hover:after{transform:translateX(120%)}
.stat strong{font-variant-numeric:tabular-nums}
.scroll-progress{position:fixed;z-index:100;top:0;left:0;height:3px;width:0;background:var(--accent);box-shadow:0 0 12px #d7192088}
.page-hero:after{animation:watermarkFloat 8s ease-in-out infinite alternate}
@keyframes watermarkFloat{to{transform:translateX(-18px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}body{opacity:1}}


/* Version 3.0 — multi-page corporate structure */
.home-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.home-intro .intro-copy{position:sticky;top:120px}
.home-intro .intro-copy p{color:var(--muted);font-size:18px}
.link-arrow{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-weight:700}
.link-arrow:after{content:"→";color:var(--accent);transition:transform .25s ease}.link-arrow:hover:after{transform:translateX(5px)}
.teaser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.teaser-card{background:var(--panel);border:1px solid var(--line);min-height:260px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}
.teaser-card:hover{transform:translateY(-6px);border-color:#ffffff45;box-shadow:0 22px 55px #0006}
.teaser-card .num{font-size:12px;letter-spacing:.14em}.teaser-card h3{font-size:27px;line-height:1.12;margin:50px 0 10px}.teaser-card p{color:var(--muted);margin:0}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-card{padding:30px;border:1px solid var(--line);background:var(--panel);min-height:230px}.value-card span{color:var(--accent);font-weight:700}.value-card h3{font-size:26px;margin:44px 0 12px}.value-card p{color:var(--muted);margin:0}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.team-stat{background:var(--panel);padding:34px}.team-stat strong{display:block;font-size:42px}.team-stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.timeline-item{padding:28px 24px;border-right:1px solid var(--line);position:relative}.timeline-item:last-child{border-right:0}.timeline-item:before{content:"";position:absolute;top:-6px;left:24px;width:11px;height:11px;border-radius:50%;background:var(--accent)}.timeline-item strong{display:block;font-size:24px;margin-bottom:10px}.timeline-item p{color:var(--muted);margin:0}
@media(max-width:980px){.home-intro{grid-template-columns:1fr}.home-intro .intro-copy{position:static}.about-values{grid-template-columns:1fr 1fr}.team-grid,.timeline{grid-template-columns:1fr 1fr}.timeline-item{border-bottom:1px solid var(--line)}}
@media(max-width:640px){.teaser-grid,.about-values,.team-grid,.timeline{grid-template-columns:1fr}.timeline-item{border-right:0}.teaser-card{min-height:230px}}


/* Sprint 2 — Services system */
.services-hero{background:linear-gradient(115deg,#0d1014 0%,#111820 60%,#0b0d10 100%)}
.services-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.services-intro h2,.service-overview h2,.material-panel h2,.industry-panel h2,.cta-panel h2{font-size:clamp(34px,4.6vw,58px);line-height:1.04;text-transform:uppercase;letter-spacing:-.035em;margin:12px 0 0}.services-intro p,.service-overview p,.material-panel p{color:var(--muted);font-size:18px;margin-top:0}.trust-inline{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.trust-inline span{padding:9px 12px;border:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.06em}
.service-list-section{padding-top:15px}.service-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-image-card{position:relative;min-height:470px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.service-image-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.service-image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05070af2 0%,#05070a94 47%,#05070a22 100%)}.service-image-card:hover img{transform:scale(1.045)}.service-image-overlay{position:absolute;z-index:2;left:32px;right:32px;bottom:30px}.service-image-overlay span{color:#f2a7aa;font-size:12px;letter-spacing:.16em}.service-image-overlay h2{font-size:clamp(28px,3.2vw,43px);line-height:1.03;text-transform:uppercase;margin:10px 0}.service-image-overlay p{max-width:600px;color:#d7dde2;margin:0 0 20px}.service-image-overlay b{font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.service-detail-hero{min-height:88vh;position:relative;background:center/cover no-repeat;display:flex;align-items:end}.service-detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05070af3 0%,#05070ac9 48%,#05070a48 82%),linear-gradient(0deg,#0b0d10 0%,transparent 45%)}.service-detail-hero-inner{position:relative;z-index:2;padding:165px 0 90px;max-width:900px}.service-detail-hero h1{max-width:900px}.service-detail-hero p{max-width:760px;color:#dbe0e5;font-size:20px}.service-overview{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.service-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border:1px solid var(--line)}.service-facts div{padding:20px;border-right:1px solid var(--line)}.service-facts div:last-child{border-right:0}.service-facts strong{display:block;font-size:27px}.service-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.capabilities-section{background:linear-gradient(180deg,#0f1318,#0b0d10)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.capability-card{background:var(--panel);padding:30px;min-height:190px}.capability-card span{color:var(--accent);font-size:12px;letter-spacing:.14em}.capability-card h3{font-size:22px;line-height:1.2;margin:48px 0 0}.material-industry-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.material-panel,.industry-panel{border:1px solid var(--line);background:var(--panel);padding:38px}.material-chips{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.material-chip{font-size:18px;font-weight:700;padding:13px 15px;border:1px solid #ffffff4a}.industry-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.industry-pill{border-top:1px solid var(--line);padding:13px 0;font-weight:700}.related-section{background:#0e1216}.related-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.related-project{position:relative;min-height:390px;overflow:hidden;border:1px solid var(--line)}.related-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.65s}.related-project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05070aed,transparent 72%)}.related-project:hover img{transform:scale(1.04)}.related-project>div{position:absolute;z-index:2;left:28px;bottom:25px}.related-project span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#f2a7aa}.related-project h3{font-size:28px;margin:6px 0}.service-cta{padding:20px 0 90px}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(115deg,#d71920,#9f1015);padding:55px}.cta-panel .eyebrow:before{background:#fff}.cta-panel p{max-width:700px;margin-bottom:0}.cta-panel .btn{background:#fff;color:#111;border-color:#fff;white-space:nowrap}
@media(max-width:980px){.services-intro,.service-overview,.material-industry-grid{grid-template-columns:1fr}.service-image-grid,.related-project-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,1fr)}.service-facts{grid-template-columns:repeat(2,1fr)}.service-facts div:nth-child(2){border-right:0}.service-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta-panel{display:block}.cta-panel .btn{margin-top:28px}}
@media(max-width:640px){.service-image-card{min-height:410px}.service-image-overlay{left:22px;right:22px;bottom:22px}.service-detail-hero{min-height:78vh}.service-detail-hero-inner{padding-bottom:65px}.capability-grid,.industry-pills{grid-template-columns:1fr}.service-facts{grid-template-columns:1fr}.service-facts div{border-right:0!important;border-bottom:1px solid var(--line)}.service-facts div:last-child{border-bottom:0}.material-panel,.industry-panel{padding:26px}.cta-panel{padding:38px 25px}}


/* Sprint 3 — Project case studies */
.projects-page-hero{background:linear-gradient(115deg,#0d1014,#111820 62%,#0b0d10)}
.projects-intro-section{padding-bottom:20px}.projects-intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}.projects-intro h2{font-size:clamp(34px,4.7vw,60px);line-height:1.02;text-transform:uppercase;letter-spacing:-.04em;margin:0}.projects-intro p{font-size:18px;color:var(--muted);margin:0}
.case-list-section{padding-top:35px}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.case-card{display:grid;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.case-card:hover{transform:translateY(-6px);border-color:#ffffff48;box-shadow:0 24px 60px #0007}.case-card-image{height:340px;overflow:hidden}.case-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.case-card:hover img{transform:scale(1.045)}.case-card-body{padding:30px}.case-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#d8dde2}.case-kicker span{color:var(--accent);margin:0 6px}.case-card h2{font-size:clamp(28px,3vw,42px);line-height:1.06;text-transform:uppercase;letter-spacing:-.03em;margin:13px 0}.case-card p{color:var(--muted);margin:0 0 24px}.case-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.case-hero{min-height:88vh;position:relative;background:center/cover no-repeat;display:flex;align-items:end}.case-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05070af5 0%,#05070ad0 48%,#05070a4d 82%),linear-gradient(0deg,#0b0d10 0%,transparent 45%)}.case-hero-inner{position:relative;z-index:2;padding:165px 0 88px;max-width:970px}.case-hero h1{max-width:940px;font-size:clamp(45px,6vw,86px)}.case-hero p{font-size:20px;max-width:760px;color:#dce1e5}.case-hero .breadcrumb{margin-bottom:28px}
.case-overview-section{padding:95px 0}.case-overview{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px}.section-label{font-size:12px;color:var(--accent);letter-spacing:.15em;font-weight:700}.case-overview h2,.case-two-col h2,.case-services-section h2,.case-gallery-section h2{font-size:clamp(34px,4.5vw,58px);line-height:1.03;text-transform:uppercase;letter-spacing:-.035em;margin:12px 0 22px}.case-lead{font-size:19px;color:var(--muted)}.case-scope-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.case-scope-list li{padding:18px 0;border-bottom:1px solid var(--line);font-size:18px;position:relative;padding-left:28px}.case-scope-list li:before{content:"";position:absolute;left:0;top:29px;width:10px;height:2px;background:var(--accent)}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border:1px solid var(--line)}.case-facts div{padding:20px;border-right:1px solid var(--line)}.case-facts div:last-child{border-right:0}.case-facts span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.case-facts strong{display:block;margin-top:7px;font-size:16px}
.case-materials-section{background:#0e1216}.case-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-dark-panel,.case-result-panel{border:1px solid var(--line);padding:40px;min-height:370px}.case-dark-panel{background:var(--panel)}.case-result-panel{background:linear-gradient(135deg,#1a2027,#11151a)}.case-dark-panel p,.case-result-panel p{font-size:18px;color:var(--muted)}
.case-services-section{padding:95px 0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.section-head p{max-width:560px;color:var(--muted)}.project-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.project-service-link{background:var(--panel);padding:28px;min-height:135px;display:flex;justify-content:space-between;align-items:flex-end;transition:.3s}.project-service-link:hover{background:var(--panel2);transform:translateY(-3px)}.project-service-link span{font-size:21px;font-weight:700}.project-service-link b{color:var(--accent);font-size:24px}
.case-gallery-section{padding-top:25px;background:#0e1216}.case-gallery{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px}.case-gallery figure{margin:0;border:1px solid var(--line);background:var(--panel);overflow:hidden}.case-gallery img{width:100%;height:400px;object-fit:cover;transition:.65s}.case-gallery figure:first-child img{height:520px}.case-gallery figure:hover img{transform:scale(1.035)}.case-gallery figcaption{padding:12px 14px;color:var(--muted);font-size:11px}
.case-nav{padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-nav a{padding:24px;border:1px solid var(--line);background:var(--panel);transition:.3s}.case-nav a:hover{border-color:#ffffff55;background:var(--panel2)}.case-nav .next{text-align:right}.case-nav span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.case-nav strong{display:block;font-size:20px;margin-top:7px}
@media(max-width:980px){.projects-intro,.case-overview,.case-two-col{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.case-facts{grid-template-columns:1fr}.case-facts div{border-right:0;border-bottom:1px solid var(--line)}.case-facts div:last-child{border-bottom:0}.project-service-grid{grid-template-columns:1fr}.case-gallery{grid-template-columns:1fr 1fr}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery figure:first-child img{height:440px}.section-head{display:block}}
@media(max-width:640px){.case-card-image{height:270px}.case-hero{min-height:78vh}.case-hero-inner{padding-bottom:62px}.case-gallery,.case-nav-grid{grid-template-columns:1fr}.case-gallery figure:first-child{grid-column:auto}.case-gallery img,.case-gallery figure:first-child img{height:300px}.case-nav .next{text-align:left}.case-dark-panel,.case-result-panel{padding:27px}.case-overview-section,.case-services-section{padding:72px 0}}


/* Sprint 4: corporate finish */
.topbar{position:fixed;z-index:60;top:0;left:0;right:0;height:32px;background:#05070a;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#c8ced4}.topbar .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar-cert{display:flex;gap:16px;white-space:nowrap}.topbar-cert b{color:#fff}.header{top:32px}.nav{transition:height .3s ease}.page-hero{padding-top:197px}.service-detail-hero-inner{padding-top:197px}.hero-inner{padding-top:182px}.scroll-progress{top:0;z-index:90}.header.scrolled{top:0}.header.scrolled+.topbar{display:none}
.trust-band{padding:0;background:#0a0d11;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-band-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-band-item{padding:19px 22px;border-right:1px solid var(--line)}.trust-band-item:last-child{border-right:0}.trust-band-item strong{display:block;color:#fff;font-size:14px}.trust-band-item span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
.certs-hero{background:linear-gradient(115deg,#0d1014,#151b22 62%,#0b0d10)}.certification-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.certification-intro h2,.quality-process h2,.contact-intro h2,.map-panel h2{font-size:clamp(34px,4.6vw,58px);line-height:1.04;text-transform:uppercase;letter-spacing:-.035em;margin:12px 0 0}.certification-intro p,.quality-process p,.contact-intro p{color:var(--muted);font-size:18px}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.certificate-card{position:relative;overflow:hidden;min-height:330px;padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,#181e25,#0e1216);display:flex;flex-direction:column;justify-content:space-between;transition:.35s}.certificate-card:before{content:"";position:absolute;right:-70px;top:-75px;width:190px;height:190px;border:35px solid #ffffff08;border-radius:50%}.certificate-card:hover{transform:translateY(-7px);border-color:#ffffff50;box-shadow:0 24px 60px #0007}.certificate-card .cert-number{font-size:11px;color:var(--accent);letter-spacing:.14em;font-weight:700}.certificate-card strong{display:block;font-size:clamp(34px,4vw,55px);line-height:.95;letter-spacing:-.04em}.certificate-card p{color:var(--muted);margin:15px 0 0}.certificate-status{display:inline-flex;align-items:center;gap:8px;margin-top:25px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.certificate-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#47c27a;box-shadow:0 0 0 4px #47c27a20}.certificate-placeholder{margin-top:18px;border:1px dashed #ffffff35;padding:12px;color:#9ca5ad;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.quality-process{background:#0e1216}.quality-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}.quality-step{background:var(--panel);padding:30px;min-height:210px}.quality-step span{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.14em}.quality-step h3{font-size:21px;margin:42px 0 9px}.quality-step p{font-size:14px;margin:0}
.contact-page-hero{background:linear-gradient(115deg,#0d1014,#121921 60%,#0b0d10)}.contact-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:45px}.contact-card-large{background:var(--panel);border:1px solid var(--line);padding:38px}.contact-details{display:grid;gap:18px}.contact-detail{border-top:1px solid var(--line);padding-top:17px}.contact-detail span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.contact-detail strong,.contact-detail a{display:block;color:#fff;font-size:19px;margin-top:6px}.contact-form-shell{background:linear-gradient(145deg,#171c22,#0e1216);border:1px solid var(--line);padding:38px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#cbd1d7}.form-group{display:grid;gap:7px}.form input:focus,.form textarea:focus,.form select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.form-consent{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:12px}.form-consent input{width:auto;margin-top:3px}.form-status{display:none;padding:12px;border:1px solid #47c27a55;background:#47c27a12;color:#bceacc;font-size:13px}.form-status.show{display:block}.map-section{padding-top:0}.map-panel{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);background:var(--panel)}.map-copy{padding:45px}.map-visual{min-height:430px;background:linear-gradient(#0b0d106e,#0b0d106e),url('../images/home-hero-bmss-building.webp') center/cover no-repeat;position:relative}.map-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-weight:900;box-shadow:0 0 0 16px #d7192028}.map-marker:after{content:"BMSS";font-size:11px}.map-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.footer{padding:58px 0 28px}.footer-grid{grid-template-columns:1.35fr .8fr 1fr 1.15fr}.footer-brand p{max-width:330px}.footer-kicker{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:18px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer-social{display:flex;gap:10px;margin-top:18px}.footer-social a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);margin:0}.footer-social a:hover{border-color:#fff}.footer-legal{display:flex;gap:18px}.footer-legal a{margin:0}

@media(max-width:980px){.topbar{display:none}.header{top:0}.page-hero{padding-top:165px}.hero-inner,.service-detail-hero-inner{padding-top:150px}.trust-band-grid,.quality-steps{grid-template-columns:repeat(2,1fr)}.certificate-grid{grid-template-columns:1fr 1fr}.certification-intro,.contact-intro{grid-template-columns:1fr}.map-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.map-visual{min-height:320px}}
@media(max-width:640px){.trust-band-grid,.quality-steps,.certificate-grid,.footer-grid{grid-template-columns:1fr}.trust-band-item{border-right:0;border-bottom:1px solid var(--line)}.form-row{grid-template-columns:1fr}.contact-card-large,.contact-form-shell,.map-copy{padding:25px}.footer-legal{display:block}.footer-legal a{margin:7px 0}}


/* Sprint 6: performance and rendering */
.scroll-progress{position:fixed;left:0;right:0;top:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left center;will-change:transform;z-index:100}
.hero,.case-hero,.service-detail-hero,.contact-image,.map-visual{background-color:#11151a}
.project img,.feature img,.detail-hero img,.case-gallery img,.case-card-image img{background:#151a20}
main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:1px 800px}
.reveal{will-change:opacity,transform}
.reveal.show{will-change:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project img,.card,.certificate-card,.project-service-link{transition:none}.scroll-progress{display:none}}

/* Sprint 6.1 — unified company facts section */
.company-facts{position:relative;isolation:isolate;padding:105px 0 92px;overflow:hidden;background:#0a0d11;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.company-facts-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,8,12,.98),rgba(5,8,12,.9) 55%,rgba(5,8,12,.78)),url('../images/process-system.webp') center/cover no-repeat;opacity:.48}
.company-facts:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 20%,rgba(229,26,39,.08),transparent 42%)}
.company-facts-head{text-align:center;max-width:850px;margin:0 auto 46px}
.eyebrow.centered{justify-content:center}.eyebrow.centered:before{display:none}
.company-facts-head h2{font-size:clamp(38px,4.7vw,64px);line-height:1.02;letter-spacing:-.035em;text-transform:uppercase;margin:14px 0 18px}
.company-facts-head p{color:#c8cdd3;font-size:18px;max-width:760px;margin:0 auto}
.company-facts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #3a414a;border-radius:12px;overflow:hidden;background:rgba(11,15,20,.72);backdrop-filter:blur(8px);box-shadow:0 24px 70px rgba(0,0,0,.35)}
.fact-card{min-height:350px;padding:34px 25px 29px;text-align:center;display:flex;flex-direction:column;align-items:center;border-right:1px solid #343b44;transition:background .3s ease,transform .3s ease}
.fact-card:last-child{border-right:0}.fact-card:hover{background:rgba(255,255,255,.035);transform:translateY(-4px)}
.fact-icon{width:78px;height:78px;border:1px solid #626b76;border-radius:50%;display:grid;place-items:center;margin-bottom:24px;color:#f1f3f5}
.fact-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.fact-card strong{font-size:clamp(30px,3vw,43px);line-height:1.05;letter-spacing:-.025em;white-space:nowrap}
.fact-card strong:after{content:"";display:block;width:48px;height:2px;background:var(--accent);margin:18px auto 17px}
.fact-card span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#eef0f2;font-weight:700;min-height:32px}
.fact-card p{font-size:14px;line-height:1.55;color:#b6bdc5;margin:12px 0 0}
.company-facts-action{text-align:center;margin-top:34px}.company-facts-action .btn{min-width:245px}
@media(max-width:1120px){.company-facts-grid{grid-template-columns:repeat(3,1fr)}.fact-card{border-bottom:1px solid #343b44}.fact-card:nth-child(3){border-right:0}.fact-card:nth-child(4),.fact-card:nth-child(5){border-bottom:0}.fact-card:nth-child(5){border-right:0}}
@media(max-width:760px){.company-facts{padding:78px 0 68px}.company-facts-head{margin-bottom:34px}.company-facts-head p{font-size:16px}.company-facts-grid{grid-template-columns:1fr}.fact-card{min-height:auto;padding:30px 22px;border-right:0!important;border-bottom:1px solid #343b44!important}.fact-card:last-child{border-bottom:0!important}.fact-icon{width:68px;height:68px}.company-facts-action .btn{width:100%}}


/* Sprint 6.2 — new hero and featured project gallery */
.hero{background-position:center 58%}
.hero:after{background-position:center 58%}
.featured-projects{background:#0e1115}
.featured-gallery{display:grid;grid-template-columns:1.45fr .85fr .85fr;grid-template-rows:repeat(2,minmax(230px,1fr));gap:14px}
.featured-tile{position:relative;overflow:hidden;border:1px solid var(--line);min-height:250px;background:#12171d}
.featured-tile.large{grid-row:1/3;min-height:540px}
.featured-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .45s ease}
.featured-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05070aed 0%,#05070a5e 52%,transparent 78%)}
.featured-tile:hover img{transform:scale(1.045);filter:saturate(1.06)}
.featured-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
.featured-caption span{display:block;color:#f2afb2;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px}
.featured-caption h3{font-size:clamp(20px,2.1vw,31px);line-height:1.08;margin:0}
.featured-tile.small .featured-caption h3{font-size:21px}
.featured-gallery-actions{display:flex;justify-content:center;margin-top:34px}
@media(max-width:980px){.hero,.hero:after{background-position:center 52%}.featured-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}.featured-tile.large{grid-column:1/-1;grid-row:auto;min-height:460px}.featured-tile{min-height:360px}}
@media(max-width:640px){.hero,.hero:after{background-position:58% center}.featured-gallery{grid-template-columns:1fr}.featured-tile.large,.featured-tile{grid-column:auto;min-height:340px}.featured-caption{left:18px;right:18px;bottom:18px}}


/* Sprint 6.3 — white hero headline and photographic section backgrounds */
.hero h1,.hero h1 .accent-text{color:#fff!important}
.hero .lead{color:rgba(255,255,255,.92)}

.home-about-section{
  position:relative;isolation:isolate;overflow:hidden;
  background:#0b0e12;
}
.home-about-section:before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:url('../images/manufacturing-workshop.webp') center 46%/cover no-repeat;
  filter:saturate(.8);
}
.home-about-section:after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(6,9,13,.97) 0%,rgba(6,9,13,.91) 48%,rgba(6,9,13,.78) 100%);
}
.home-about-section .home-intro{position:relative}

/* Service / Industry / Projects / Quality cards use real project photography */
.teaser-card{position:relative;isolation:isolate;overflow:hidden;background:#10151b!important;min-height:270px}
.teaser-card:before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transition:transform .65s ease,filter .4s ease;filter:saturate(.75)}
.teaser-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,9,13,.35),rgba(6,9,13,.96) 82%)}
.teaser-card:nth-child(1):before{background-image:url('../images/process-piping.webp')}
.teaser-card:nth-child(2):before{background-image:url('../images/pharma-reactor.webp')}
.teaser-card:nth-child(3):before{background-image:url('../images/about-contact-workshop.webp')}
.teaser-card:nth-child(4):before{background-image:url('../images/tig-welding.webp')}
.teaser-card:hover:before{transform:scale(1.07);filter:saturate(1)}
.teaser-card .num,.teaser-card h3,.teaser-card p{position:relative}
.teaser-card p{color:rgba(255,255,255,.82)}

.home-projects-section{position:relative;isolation:isolate;overflow:hidden;background:#0b0e12}
.home-projects-section:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../images/hero-process-installation.webp') center/cover fixed no-repeat;opacity:.23}
.home-projects-section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,11,15,.93),rgba(8,11,15,.98))}

.contact-strip{position:relative;isolation:isolate;background:#0b0e12}
.contact-strip:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../images/process-system.webp') center/cover fixed no-repeat;opacity:.22}
.contact-strip:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,10,14,.97),rgba(7,10,14,.83))}
.contact-strip .contact-box{position:relative;background:rgba(15,19,24,.76);backdrop-filter:blur(6px)}

/* Main index pages receive a relevant photographic header */
body.services-page .page-hero,.services-hero{background:linear-gradient(90deg,rgba(5,8,12,.94),rgba(5,8,12,.62)),url('../images/process-piping.webp') center/cover no-repeat!important}
body.industries-page .page-hero,.industries-hero{background:linear-gradient(90deg,rgba(5,8,12,.94),rgba(5,8,12,.62)),url('../images/pharma-reactor.webp') center/cover no-repeat!important}
body.projects-page .page-hero,.projects-hero{background:linear-gradient(90deg,rgba(5,8,12,.94),rgba(5,8,12,.58)),url('../images/about-contact-workshop.webp') center/cover no-repeat!important}
body.about-page .page-hero,.about-hero{background:linear-gradient(90deg,rgba(5,8,12,.94),rgba(5,8,12,.64)),url('../images/manufacturing-workshop.webp') center/cover no-repeat!important}

@media(max-width:900px){
  .home-projects-section:before,.contact-strip:before{background-attachment:scroll}
  .teaser-card{min-height:230px}
}


/* Sprint 6.5 — industry image cards */
.industries-page .industries {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.industries-page .industry-card {
  position:relative;
  overflow:hidden;
  min-height:100%;
  background:linear-gradient(180deg,rgba(17,21,27,.98),rgba(9,12,16,.98));
  border:1px solid rgba(255,255,255,.12);
  border-radius:4px;
  box-shadow:0 20px 48px rgba(0,0,0,.22);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.industries-page .industry-card:hover {
  transform:translateY(-7px);
  border-color:rgba(224,25,35,.65);
  box-shadow:0 28px 64px rgba(0,0,0,.34);
}
.industries-page .industry-image {
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#11161d;
}
.industries-page .industry-image::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(5,8,12,.02) 35%,rgba(5,8,12,.76) 100%);
}
.industries-page .industry-image img {
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .45s ease;
}
.industries-page .industry-card:hover .industry-image img { transform:scale(1.055); filter:saturate(1.08) contrast(1.03); }
.industries-page .industry-content { padding:25px 25px 27px; }
.industries-page .industry-content h2 {
  margin:0 0 12px; font-size:clamp(22px,2vw,28px); line-height:1.18; color:#fff;
}
.industries-page .industry-content h2::after {
  content:""; display:block; width:38px; height:2px; margin-top:13px; background:#e01923;
  transition:width .35s ease;
}
.industries-page .industry-card:hover .industry-content h2::after { width:68px; }
.industries-page .industry-content p { margin:0 0 20px; color:rgba(255,255,255,.72); line-height:1.65; }
.industries-page .industry-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }
.industries-page .industry-tags span {
  padding:7px 10px; border:1px solid rgba(255,255,255,.16); border-radius:999px;
  font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.8);
  background:rgba(255,255,255,.035);
}
@media (max-width:1000px){.industries-page .industries{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){
  .industries-page .industries{grid-template-columns:1fr;gap:18px;}
  .industries-page .industry-content{padding:21px 20px 23px;}
}

/* =========================================================
   FULL LIGHT THEME — WHITE SITE, DARK TEXT, VISIBLE PHOTOS
   Built from Sprint 6.5 source. Image sections remain vivid.
   ========================================================= */
:root{
  --bg:#ffffff;
  --panel:#ffffff;
  --panel2:#f4f6f8;
  --text:#15181c;
  --muted:#5f6872;
  --line:#d9dee4;
  --accent:#d71920;
}
html,body{background:#fff;color:var(--text)}
body{background:#fff!important;color:#15181c!important}
section{background:#fff}

/* Header and navigation */
.topbar{background:#f2f4f6!important;color:#252a30!important;border-color:#d7dce2!important}
.topbar-cert b{color:#252a30!important}
.header{background:rgba(255,255,255,.96)!important;border-color:#d7dce2!important;box-shadow:0 8px 30px rgba(21,24,28,.08)}
.logo{filter:brightness(0)!important}
.links,.links a{color:#171a1e!important}
.links a.active{color:#171a1e!important;font-weight:700}
.lang{border-color:#b9c0c8!important;background:#fff!important}
.menu{color:#15181c!important}
.dropdown-menu{background:#fff!important;border-color:#d9dee4!important;box-shadow:0 16px 36px rgba(20,25,30,.12)}
.dropdown-menu a{border-color:#e6e9ed!important;color:#20252a!important}
@media(max-width:980px){.links{background:#fff!important;border-color:#d9dee4!important}}

/* Home hero: real photo, not blurred; dark text sits directly over a white-to-clear gradient */
.hero{
  background-size:cover!important;
  background-position:center 55%!important;
  background-repeat:no-repeat!important;
  filter:none!important;
}
.hero:before{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.91) 33%,
      rgba(255,255,255,.68) 53%,
      rgba(255,255,255,.18) 76%,
      rgba(255,255,255,.04) 100%)!important;
}
.hero h1,.hero h1 .accent-text,.hero .eyebrow{color:#101317!important;text-shadow:none!important}
.hero .lead{color:#343a41!important;text-shadow:none!important}
.hero .btn:not(.primary){color:#15181c!important;border-color:#555f69!important;background:rgba(255,255,255,.72)!important}
.hero-inner{max-width:790px!important}

/* Inner-page photographic heroes: visible image and readable black text */
.page-hero{background-color:#eef1f4!important;border-color:#d9dee4!important;color:#111418!important}
.page-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.75) 52%,rgba(255,255,255,.30))!important}
.page-hero>.wrap{position:relative;z-index:1}
.page-hero:after{color:rgba(20,24,28,.045)!important}
.page-hero h1,.page-hero .eyebrow,.page-hero .breadcrumb,.page-hero .breadcrumb a{color:#101317!important}
.page-hero p{color:#39414a!important}
body.services-page .page-hero,.services-hero{background-image:url('../images/process-piping.webp')!important;background-size:cover!important;background-position:center!important}
body.industries-page .page-hero,.industries-hero{background-image:url('../images/pharma-reactor.webp')!important;background-size:cover!important;background-position:center!important}
body.projects-page .page-hero,.projects-hero{background-image:url('../images/about-contact-workshop.webp')!important;background-size:cover!important;background-position:center!important}
body.about-page .page-hero,.about-hero{background-image:url('../images/manufacturing-workshop.webp')!important;background-size:cover!important;background-position:center!important}

/* Typography and generic content */
.eyebrow,h1,h2,h3,h4,strong{color:#15181c}
.section-head p,.feature p,.content p,.content ul,.card p,.contact-card p,.notice,.breadcrumb,.stat span{color:#5f6872!important}
.btn{color:#15181c;border-color:#69727c;background:#fff}
.btn.primary,.cta{color:#fff!important;background:var(--accent)!important;border-color:var(--accent)!important}
.link-arrow{color:#15181c!important}

/* Cards, forms, certificates */
.card,.contact-card,.cert,.industry,.process-step,.contact-form-shell,.contact-card-large,.map-copy{
  background:#fff!important;color:#15181c!important;border-color:#d9dee4!important;
  box-shadow:0 12px 34px rgba(20,25,30,.07)
}
.card:hover{border-color:#aeb6bf!important;box-shadow:0 18px 42px rgba(20,25,30,.11)}
.cert{background:#fff!important}
.cert p{color:#5f6872!important}
.form input,.form textarea,.form select{background:#fff!important;border-color:#cfd5dc!important;color:#15181c!important}
.form input::placeholder,.form textarea::placeholder{color:#7b848e}
.process-section{background:#f4f6f8!important}
.process-grid{background:#d9dee4!important;border-color:#d9dee4!important}
.process-step p{color:#5f6872!important}
.checks div,.tag{border-color:#d9dee4!important;color:#384049!important}

/* Facts section: white, photo lightly visible, white cards */
.company-facts{background:#f5f7f9!important;border-color:#d9dee4!important;color:#15181c!important}
.company-facts-bg{
  opacity:1!important;
  background:
    linear-gradient(rgba(247,249,251,.88),rgba(247,249,251,.88)),
    url('../images/process-system.webp') center/cover no-repeat!important;
  filter:none!important;
}
.company-facts:after{background:radial-gradient(circle at 50% 20%,rgba(215,25,32,.07),transparent 44%)!important}
.company-facts-head h2,.company-facts-head .eyebrow{color:#15181c!important}
.company-facts-head p{color:#535d67!important}
.company-facts-grid{background:rgba(255,255,255,.92)!important;border-color:#ccd2d9!important;backdrop-filter:blur(3px)!important;box-shadow:0 24px 60px rgba(20,25,30,.10)!important}
.fact-card{border-color:#d9dee4!important;background:transparent!important;color:#15181c!important}
.fact-card:hover{background:#f4f6f8!important}
.fact-icon{color:#252b31!important;border-color:#9ca5af!important}
.fact-card strong,.fact-card span{color:#15181c!important}
.fact-card p{color:#606a74!important}

/* About section: photograph stays strong; text gets a white glass panel */
.home-about-section{background:#eef1f4!important;color:#15181c!important}
.home-about-section:before{filter:none!important;opacity:1!important;background-position:center!important}
.home-about-section:after{background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.74) 44%,rgba(255,255,255,.18))!important}
.home-about-section .intro-copy{
  background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.78);
  box-shadow:0 20px 55px rgba(20,25,30,.13);padding:34px;backdrop-filter:blur(5px)
}
.home-about-section .intro-copy h2,.home-about-section .intro-copy .eyebrow{color:#15181c!important}
.home-about-section .intro-copy p{color:#4f5963!important}

/* Teaser cards: photos remain visible; bottom fades to white for black text */
.teaser-card{background:#fff!important;border-color:#d9dee4!important;box-shadow:0 18px 42px rgba(20,25,30,.12)}
.teaser-card:before{filter:saturate(.95) contrast(1.02)!important;opacity:1!important}
.teaser-card:after{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.12) 36%,rgba(255,255,255,.94) 74%,#fff 100%)!important}
.teaser-card .num{color:#b5161c!important;text-shadow:0 1px 0 #fff}
.teaser-card h3{color:#15181c!important}
.teaser-card p{color:#424b54!important}

/* Projects: white surrounding section; photographs stay vivid */
.home-projects-section,.featured-projects{background:#fff!important;color:#15181c!important}
.home-projects-section:before,.home-projects-section:after{display:none!important}
.home-projects-section .section-head h2,.home-projects-section .eyebrow{color:#15181c!important}
.home-projects-section .section-head p{color:#5f6872!important}
.project,.featured-tile{border-color:#d6dbe1!important;background:#e9edf1!important;box-shadow:0 15px 38px rgba(20,25,30,.11)}
.project:after,.featured-tile:after{background:linear-gradient(0deg,rgba(8,11,15,.86),rgba(8,11,15,.05) 67%)!important}
.project-info h3,.featured-caption h3{color:#fff!important}
.project-info span,.featured-caption span{color:#ffd7d9!important}

/* Industry cards: white cards and fully visible photos */
.industries-page .industries{background:#fff!important}
.industries-page .industry-card{background:#fff!important;border-color:#d9dee4!important;box-shadow:0 16px 42px rgba(20,25,30,.10)!important}
.industries-page .industry-image{background:#e8ebef!important}
.industries-page .industry-image::after{background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.12) 100%)!important}
.industries-page .industry-image img{filter:none!important;opacity:1!important}
.industries-page .industry-content h2{color:#15181c!important}
.industries-page .industry-content p{color:#5b6570!important}
.industries-page .industry-tag{background:#f1f3f5!important;border-color:#d4d9df!important;color:#30373e!important}

/* Contact section: white copy panel and clear photograph */
.contact-strip{background:#fff!important}
.contact-strip:before,.contact-strip:after{display:none!important}
.contact-strip .contact-box{background:#fff!important;border-top:1px solid #d9dee4!important;border-bottom:1px solid #d9dee4!important;backdrop-filter:none!important}
.contact-copy{background:#f4f6f8!important;color:#15181c!important}
.contact-copy h2,.contact-copy .eyebrow,.contact-copy p{color:#15181c!important}
.contact-copy .btn{background:#fff!important;color:#15181c!important;border-color:#69727c!important}
.contact-image{filter:none!important;opacity:1!important}

/* Footer: fully light */
.footer{background:#fff!important;color:#545e68!important;border-color:#d9dee4!important}
.footer h4,.footer-kicker,.footer a,.footer span{color:#252a30!important}
.footer .logo{filter:brightness(0)!important}
.footer-social a{border-color:#cbd1d8!important;color:#252a30!important}
.footer-bottom{border-color:#d9dee4!important}

/* Misc light sections and detail pages */
.stats{background:#fff!important;border-color:#d9dee4!important;box-shadow:0 15px 38px rgba(20,25,30,.08)}
.stat{border-color:#d9dee4!important;background:#fff!important}
.stat strong{color:#15181c!important}
.detail-hero img,.feature img{border-color:#d9dee4!important}
.content,.feature{color:#15181c!important}

@media(max-width:640px){
  .hero:before{background:linear-gradient(180deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.78) 58%,rgba(255,255,255,.45) 100%)!important}
  .hero{background-position:62% center!important}
  .home-about-section:after{background:rgba(255,255,255,.78)!important}
  .home-about-section .intro-copy{padding:24px}
}

/* Variant A — clear photographs with a dark lower gradient and white overlay text */
.service-image-card{
  min-height:500px!important;
  background:#e8ebef!important;
  border-color:#d2d8df!important;
  box-shadow:0 16px 42px rgba(20,25,30,.13)!important;
}
.service-image-card img{
  filter:none!important;
  opacity:1!important;
}
.service-image-card:after{
  background:linear-gradient(
    to top,
    rgba(7,10,13,.96) 0%,
    rgba(7,10,13,.82) 28%,
    rgba(7,10,13,.46) 49%,
    rgba(7,10,13,.08) 72%,
    rgba(7,10,13,0) 100%
  )!important;
}
.service-image-overlay{
  left:32px!important;
  right:32px!important;
  bottom:30px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.service-image-overlay span{color:#ffb8bb!important}
.service-image-overlay h2,
.service-image-overlay p,
.service-image-overlay b{color:#fff!important}
.service-image-overlay p{opacity:.94!important}
.service-image-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(20,25,30,.18)!important}
.service-image-card:hover img{transform:scale(1.05)!important}

/* Industry cards become full-photo cards with the copy placed over the lower gradient */
.industries-page .industries{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
  background:transparent!important;
}
.industries-page .industry-card{
  position:relative!important;
  min-height:470px!important;
  overflow:hidden!important;
  padding:0!important;
  background:#dfe4e9!important;
  border:1px solid #d2d8df!important;
  box-shadow:0 16px 42px rgba(20,25,30,.13)!important;
}
.industries-page .industry-image{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  background:#dfe4e9!important;
}
.industries-page .industry-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to top,
    rgba(7,10,13,.96) 0%,
    rgba(7,10,13,.82) 30%,
    rgba(7,10,13,.42) 54%,
    rgba(7,10,13,.05) 76%,
    rgba(7,10,13,0) 100%
  )!important;
  z-index:1;
}
.industries-page .industry-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
  opacity:1!important;
  transition:transform .65s ease!important;
}
.industries-page .industry-content{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:30px!important;
  background:transparent!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.industries-page .industry-content h2,
.industries-page .industry-content p{color:#fff!important}
.industries-page .industry-content p{opacity:.93!important}
.industries-page .industry-content h2::after{background:#d71920!important}
.industries-page .industry-tags span{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.38)!important;
  backdrop-filter:blur(5px);
}
.industries-page .industry-card:hover{transform:translateY(-7px)!important;box-shadow:0 25px 58px rgba(20,25,30,.19)!important}
.industries-page .industry-card:hover .industry-image img{transform:scale(1.055)!important}

/* Project cards use the same visual language */
.project:after,.featured-tile:after,.related-project:after{
  background:linear-gradient(
    to top,
    rgba(7,10,13,.96) 0%,
    rgba(7,10,13,.80) 29%,
    rgba(7,10,13,.36) 53%,
    rgba(7,10,13,0) 78%
  )!important;
}
.project-info h3,.project-info span,
.featured-caption h3,.featured-caption span,
.related-project h3,.related-project span{color:#fff!important}
.project:hover,.featured-tile:hover,.related-project:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(20,25,30,.18)!important}

@media(max-width:980px){
  .industries-page .industries{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:640px){
  .service-image-card,.industries-page .industry-card{min-height:420px!important}
  .service-image-overlay,.industries-page .industry-content{left:0!important;right:0!important;padding:22px!important;bottom:0!important}
  .industries-page .industries{grid-template-columns:1fr!important}
}


/* =========================================================
   BMSS FINAL LIGHT THEME — white surfaces, dark typography
   Photos remain fully visible. Image cards keep white copy
   over a lower dark gradient for accessibility.
   ========================================================= */
:root{
  --bg:#ffffff!important;
  --panel:#ffffff!important;
  --panel2:#f4f6f8!important;
  --text:#121519!important;
  --muted:#59636e!important;
  --line:#d9dee4!important;
  --accent:#d71920;
}
html,body{background:#fff!important;color:#121519!important}
body{color:#121519!important}
section,.light-section{background:#fff!important;color:#121519!important}
section:nth-of-type(even):not(.hero):not(.case-hero):not(.service-detail-hero):not(.contact-strip):not(.home-about-section):not(.home-projects-section){background:#f6f7f9!important}
h1,h2,h3,h4,h5,h6,strong,b{color:#121519}
p,li,span{color:inherit}
.section-head h2,.section-head p,.feature h2,.feature p,.content h2,.content p,.content li,.eyebrow{color:#121519!important}
.section-head p,.feature p,.content p,.content li{color:#59636e!important}

/* Fully light chrome */
.topbar{background:#f2f4f6!important;border-color:#d9dee4!important;color:#20252a!important}
.topbar span,.topbar-cert b{color:#20252a!important}
.header,.header.scrolled{background:rgba(255,255,255,.97)!important;border-color:#d9dee4!important;box-shadow:0 8px 24px rgba(20,25,30,.07)!important}
.logo{filter:brightness(0)!important}
.links,.links a,.links a.active,.lang,.menu{color:#171b1f!important}
.links a.active{font-weight:800!important}
.lang{border-color:#b9c0c8!important;background:#fff!important}
.dropdown-menu{background:#fff!important;border-color:#d9dee4!important;box-shadow:0 16px 35px rgba(20,25,30,.12)!important}
.dropdown-menu a{color:#171b1f!important;border-color:#edf0f2!important}
.dropdown-menu a:hover{background:#f3f5f7!important}

/* Homepage hero: clear selected photo, copy directly on image */
.hero{
  background-image:url('../images/home-hero-bmss-building.webp')!important;
  background-size:cover!important;
  background-position:center 58%!important;
  background-color:#dfe3e7!important;
}
.hero:before{
  display:block!important;
  background:linear-gradient(90deg,rgba(8,11,14,.78) 0%,rgba(8,11,14,.62) 45%,rgba(8,11,14,.18) 78%,rgba(8,11,14,.05) 100%),linear-gradient(0deg,rgba(8,11,14,.40),transparent 46%)!important;
  filter:none!important;
}
.hero h1,.hero .eyebrow,.hero .lead,.hero .hero-inner,.hero .hero-inner p{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.30)}
.hero .btn:not(.primary){color:#fff!important;border-color:rgba(255,255,255,.76)!important;background:rgba(0,0,0,.10)!important}

/* Internal page heroes: photo visible, dark copy on a light translucent panel */
.page-hero,.about-hero,.services-hero,.industries-hero,.projects-hero,.certs-hero,.contact-page-hero,.projects-page-hero{
  background-color:#e8ebef!important;
  border-color:#d9dee4!important;
  color:#121519!important;
}
body.about-page .page-hero,.about-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.72) 56%,rgba(255,255,255,.22) 100%),url('../images/manufacturing-workshop.webp')!important}
body.services-page .page-hero,.services-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.72) 56%,rgba(255,255,255,.22) 100%),url('../images/process-piping.webp')!important}
body.industries-page .page-hero,.industries-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.72) 56%,rgba(255,255,255,.22) 100%),url('../images/pharma-reactor.webp')!important}
body.projects-page .page-hero,.projects-hero,.projects-page-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.72) 56%,rgba(255,255,255,.22) 100%),url('../images/about-contact-workshop.webp')!important}
.page-hero h1,.page-hero h2,.page-hero p,.page-hero .eyebrow,.page-hero .breadcrumb,
.about-hero h1,.services-hero h1,.industries-hero h1,.projects-hero h1{color:#121519!important;text-shadow:none!important}
.page-hero p,.page-hero .breadcrumb{color:#4f5963!important}
.page-hero:after{color:rgba(18,21,25,.04)!important}

/* About and ordinary content — no dark panels */
.light-section,
.about-page main>section,
.capabilities-section,.related-section,.case-materials-section,.case-gallery-section,.quality-process,
.contact-page main>section,.certifications-page main>section,
.services-page main>section,.industries-page main>section,.projects-page main>section{
  background:#fff!important;color:#121519!important;border-color:#d9dee4!important
}
.about-page main>section:nth-of-type(even),
.services-page main>section:nth-of-type(even),
.industries-page main>section:nth-of-type(even),
.projects-page main>section:nth-of-type(even),
.certifications-page main>section:nth-of-type(even),
.contact-page main>section:nth-of-type(even){background:#f6f7f9!important}
.team-grid,.timeline,.about-values,.capability-grid,.project-service-grid,.quality-steps,.service-facts{background:#d9dee4!important;border-color:#d9dee4!important}
.team-stat,.timeline-item,.value-card,.capability-card,.project-service-link,.quality-step,.service-facts div,
.material-panel,.industry-panel,.case-dark-panel,.case-result-panel,.certificate-card,.contact-card-large,.contact-form-shell,.map-panel,.card{
  background:#fff!important;color:#121519!important;border-color:#d9dee4!important;box-shadow:0 12px 34px rgba(20,25,30,.07)!important
}
.team-stat strong,.team-stat span,.timeline-item strong,.timeline-item p,.value-card h3,.value-card p,
.capability-card h3,.material-panel h2,.industry-panel h2,.project-service-link span,
.case-dark-panel h2,.case-result-panel h2,.case-dark-panel p,.case-result-panel p,
.certificate-card strong,.certificate-card p,.quality-step h3,.quality-step p,
.contact-card-large h2,.contact-card-large p,.contact-detail strong,.contact-detail a,.contact-detail span,
.contact-form-shell h2,.form label,.map-copy h2,.map-copy p{color:#121519!important}
.team-stat span,.timeline-item p,.value-card p,.case-dark-panel p,.case-result-panel p,.certificate-card p,.quality-step p,.contact-detail span,.map-copy p{color:#59636e!important}
.material-chip,.industry-pill,.industry-pills,.checks div,.tag,.certificate-placeholder{color:#2f3740!important;border-color:#cfd5dc!important;background:#f7f8f9!important}

/* Facts/about photo sections remain photo-led but use light copy panels */
.company-facts{background:#f5f7f9!important;color:#121519!important;border-color:#d9dee4!important}
.company-facts-bg{opacity:1!important;filter:none!important;background:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),url('../images/process-system.webp') center/cover no-repeat!important}
.company-facts-head h2,.company-facts-head p,.company-facts-head .eyebrow{color:#121519!important}
.company-facts-grid{background:rgba(255,255,255,.94)!important;border-color:#d9dee4!important;box-shadow:0 20px 50px rgba(20,25,30,.10)!important}
.fact-card,.fact-card:hover{background:transparent!important;border-color:#d9dee4!important}
.fact-card strong,.fact-card span,.fact-card p,.fact-icon{color:#121519!important}
.fact-card p{color:#59636e!important}
.home-about-section{background:#f4f6f8!important;color:#121519!important}
.home-about-section:after{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.82) 48%,rgba(255,255,255,.26))!important}
.home-about-section .intro-copy{background:rgba(255,255,255,.92)!important;color:#121519!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 20px 50px rgba(20,25,30,.12)!important}
.home-about-section .intro-copy h2,.home-about-section .intro-copy p,.home-about-section .intro-copy .eyebrow{color:#121519!important}
.home-about-section .intro-copy p{color:#59636e!important}

/* Photo cards — photographs stay vivid, text readable in lower gradient */
.teaser-card,.service-image-card,.industry-card,.project,.featured-tile,.related-project{
  background:#e4e8ec!important;border-color:#d2d8df!important
}
.teaser-card:before,.service-image-card img,.industry-image img,.project img,.featured-tile img,.related-project img{filter:none!important;opacity:1!important}
.teaser-card:after,.service-image-card:after,.industry-image::after,.project:after,.featured-tile:after,.related-project:after{
  background:linear-gradient(to top,rgba(7,10,13,.95) 0%,rgba(7,10,13,.78) 30%,rgba(7,10,13,.34) 56%,rgba(7,10,13,0) 80%)!important
}
.teaser-card h3,.teaser-card p,.service-image-overlay h2,.service-image-overlay p,.industry-content h2,.industry-content p,
.project-info h3,.project-info span,.featured-caption h3,.featured-caption span,.related-project h3,.related-project span{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.4)!important}
.teaser-card .num,.service-image-overlay span{color:#ffb4b7!important}

/* Contact and forms */
.contact-strip{background:#fff!important}
.contact-strip:before{opacity:.20!important;filter:none!important}
.contact-strip:after{background:rgba(255,255,255,.32)!important}
.contact-strip .contact-box,.contact-copy{background:rgba(255,255,255,.94)!important;color:#121519!important;border-color:#d9dee4!important}
.contact-copy h2,.contact-copy p,.contact-copy .eyebrow{color:#121519!important}
.form input,.form textarea,.form select{background:#fff!important;color:#121519!important;border-color:#cfd5dc!important}
.form input::placeholder,.form textarea::placeholder{color:#7a838c!important}
.map-visual{background-image:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),url('../images/home-hero-bmss-building.webp')!important}

/* Footer is also light */
.footer{background:#f4f6f8!important;color:#2d343b!important;border-color:#d9dee4!important}
.footer h4,.footer p,.footer a,.footer span,.footer-kicker{color:#2d343b!important}
.footer .logo{filter:brightness(0)!important}
.footer-social a{border-color:#bbc2ca!important;color:#2d343b!important;background:#fff!important}
.footer-bottom{border-color:#d9dee4!important}

/* Preserve case/service detail image heroes */
.case-hero,.service-detail-hero{background-color:#dfe3e7!important}
.case-hero-shade,.service-detail-hero:before{background:linear-gradient(90deg,rgba(7,10,13,.76),rgba(7,10,13,.48) 55%,rgba(7,10,13,.10))!important}
.case-hero h1,.case-hero p,.case-hero .breadcrumb,.service-detail-hero h1,.service-detail-hero p,.service-detail-hero .eyebrow{color:#fff!important}

@media(max-width:640px){
  .hero{background-position:55% center!important}
  .hero:before{background:linear-gradient(180deg,rgba(7,10,13,.74),rgba(7,10,13,.48) 65%,rgba(7,10,13,.28))!important}
  .page-hero,.about-hero,.services-hero,.industries-hero,.projects-hero{background-position:center!important}
}

/* Final hero visibility pass — all hero sections use clear photography like Home */
.page-hero,
.about-hero,
.services-hero,
.industries-hero,
.projects-hero,
.projects-page-hero,
.certs-hero,
.contact-page-hero{
  position:relative!important;
  isolation:isolate;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 52%!important;
  background-color:#25303a!important;
  color:#fff!important;
  border-bottom-color:rgba(255,255,255,.22)!important;
  filter:none!important;
}

/* Give every main inner-page hero a real photo. */
.page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.82) 0%,rgba(7,10,13,.60) 48%,rgba(7,10,13,.20) 80%,rgba(7,10,13,.06) 100%),url('../images/process-system.webp')!important;
}
body.about-page .page-hero,.about-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.82) 0%,rgba(7,10,13,.60) 48%,rgba(7,10,13,.20) 80%,rgba(7,10,13,.06) 100%),url('../images/manufacturing-workshop.webp')!important;
}
body.services-page .page-hero,.services-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.82) 0%,rgba(7,10,13,.60) 48%,rgba(7,10,13,.20) 80%,rgba(7,10,13,.06) 100%),url('../images/process-piping.webp')!important;
}
body.industries-page .page-hero,.industries-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.82) 0%,rgba(7,10,13,.60) 48%,rgba(7,10,13,.20) 80%,rgba(7,10,13,.06) 100%),url('../images/pharma-reactor.webp')!important;
}
body.projects-page .page-hero,.projects-hero,.projects-page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.82) 0%,rgba(7,10,13,.58) 48%,rgba(7,10,13,.18) 80%,rgba(7,10,13,.05) 100%),url('../images/about-contact-workshop.webp')!important;
}
.certs-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.82) 0%,rgba(7,10,13,.60) 48%,rgba(7,10,13,.20) 80%,rgba(7,10,13,.06) 100%),url('../images/process-vessel-piping.webp')!important;
}
.contact-page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.82) 0%,rgba(7,10,13,.60) 48%,rgba(7,10,13,.20) 80%,rgba(7,10,13,.06) 100%),url('../images/outdoor-process-installation.webp')!important;
}

/* Remove the previous white wash / blur layer. */
.page-hero:before,
.about-hero:before,
.services-hero:before,
.industries-hero:before,
.projects-hero:before,
.projects-page-hero:before,
.certs-hero:before,
.contact-page-hero:before{
  content:none!important;
  display:none!important;
  background:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.page-hero>.wrap,
.about-hero>.wrap,
.services-hero>.wrap,
.industries-hero>.wrap,
.projects-hero>.wrap,
.projects-page-hero>.wrap,
.certs-hero>.wrap,
.contact-page-hero>.wrap{position:relative!important;z-index:2!important}

/* White hero typography, matching the Home hero. */
.page-hero h1,.page-hero h2,.page-hero h3,.page-hero p,.page-hero .eyebrow,.page-hero .breadcrumb,.page-hero .breadcrumb a,
.about-hero h1,.about-hero p,.about-hero .eyebrow,.about-hero .breadcrumb,.about-hero .breadcrumb a,
.services-hero h1,.services-hero p,.services-hero .eyebrow,.services-hero .breadcrumb,.services-hero .breadcrumb a,
.industries-hero h1,.industries-hero p,.industries-hero .eyebrow,.industries-hero .breadcrumb,.industries-hero .breadcrumb a,
.projects-hero h1,.projects-hero p,.projects-hero .eyebrow,.projects-hero .breadcrumb,.projects-hero .breadcrumb a,
.projects-page-hero h1,.projects-page-hero p,.projects-page-hero .eyebrow,.projects-page-hero .breadcrumb,.projects-page-hero .breadcrumb a,
.certs-hero h1,.certs-hero p,.certs-hero .eyebrow,.certs-hero .breadcrumb,.certs-hero .breadcrumb a,
.contact-page-hero h1,.contact-page-hero p,.contact-page-hero .eyebrow,.contact-page-hero .breadcrumb,.contact-page-hero .breadcrumb a{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.38)!important;
}
.page-hero:after{color:rgba(255,255,255,.055)!important}

/* Project and service detail heroes: clear photo, no blur, same visual language. */
.case-hero,.service-detail-hero{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 50%!important;
  filter:none!important;
}
.case-hero-shade,.service-detail-shade{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(7,10,13,.82) 0%,rgba(7,10,13,.58) 50%,rgba(7,10,13,.16) 82%,rgba(7,10,13,.04) 100%),linear-gradient(0deg,rgba(7,10,13,.34),transparent 48%)!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.case-hero-inner,.service-detail-hero-inner{position:relative!important;z-index:2!important}
.case-hero h1,.case-hero p,.case-hero .eyebrow,.case-hero .breadcrumb,.case-hero .breadcrumb a,
.service-detail-hero h1,.service-detail-hero p,.service-detail-hero .eyebrow,.service-detail-hero .breadcrumb,.service-detail-hero .breadcrumb a{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.38)!important;
}

@media(max-width:640px){
  .page-hero,.about-hero,.services-hero,.industries-hero,.projects-hero,.projects-page-hero,.certs-hero,.contact-page-hero{
    background-position:center center!important;
  }
  .page-hero{
    background-image:linear-gradient(180deg,rgba(7,10,13,.72) 0%,rgba(7,10,13,.52) 66%,rgba(7,10,13,.30) 100%),url('../images/process-system.webp')!important;
  }
  body.about-page .page-hero,.about-hero{background-image:linear-gradient(180deg,rgba(7,10,13,.72),rgba(7,10,13,.45)),url('../images/manufacturing-workshop.webp')!important}
  body.services-page .page-hero,.services-hero{background-image:linear-gradient(180deg,rgba(7,10,13,.72),rgba(7,10,13,.45)),url('../images/process-piping.webp')!important}
  body.industries-page .page-hero,.industries-hero{background-image:linear-gradient(180deg,rgba(7,10,13,.72),rgba(7,10,13,.45)),url('../images/pharma-reactor.webp')!important}
  body.projects-page .page-hero,.projects-hero,.projects-page-hero{background-image:linear-gradient(180deg,rgba(7,10,13,.72),rgba(7,10,13,.45)),url('../images/about-contact-workshop.webp')!important}
  .certs-hero{background-image:linear-gradient(180deg,rgba(7,10,13,.72),rgba(7,10,13,.45)),url('../images/process-vessel-piping.webp')!important}
  .contact-page-hero{background-image:linear-gradient(180deg,rgba(7,10,13,.72),rgba(7,10,13,.45)),url('../images/outdoor-process-installation.webp')!important}
  .case-hero-shade,.service-detail-shade{background:linear-gradient(180deg,rgba(7,10,13,.72),rgba(7,10,13,.44) 64%,rgba(7,10,13,.28))!important}
}

/* CTA button sizing fix — prevents translated labels from clipping */
.service-cta .cta-panel > .btn,
.service-cta .cta-panel > a.btn {
  flex: 0 0 auto;
  width: auto;
  min-width: 260px;
  max-width: none;
  padding: 18px 34px;
  min-height: 62px;
  white-space: nowrap;
  line-height: 1.2;
  text-align: center;
  overflow: visible;
  box-sizing: border-box;
}

@media (max-width: 980px) {
  .service-cta .cta-panel > .btn,
  .service-cta .cta-panel > a.btn {
    display: inline-flex;
    margin-top: 28px;
  }
}

@media (max-width: 640px) {
  .service-cta .cta-panel > .btn,
  .service-cta .cta-panel > a.btn {
    width: 100%;
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
    white-space: normal;
  }
}

/* ISO 9001 live certificate integration */
.certificate-card-live{grid-column:span 2;min-height:430px;padding:0!important;display:grid!important;grid-template-columns:minmax(240px,.78fr) minmax(300px,1.22fr);background:#fff!important;border:1px solid #d8dde3!important;box-shadow:0 18px 45px rgba(20,28,38,.10);overflow:hidden}
.certificate-card-live:before{display:none!important}
.certificate-card-live:hover{transform:translateY(-5px);border-color:#bac2cb!important;box-shadow:0 26px 60px rgba(20,28,38,.15)}
.certificate-preview{background:#f2f3f5;padding:22px;display:flex;align-items:center;justify-content:center;min-height:430px;border-right:1px solid #d8dde3}
.certificate-preview img{display:block;width:100%;height:100%;max-height:500px;object-fit:contain;filter:none!important;opacity:1!important}
.certificate-live-body{padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.certificate-live-body strong{color:#111820!important;margin-top:16px}
.certificate-live-body p{color:#59636e!important;max-width:560px}
.certificate-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}
.certificate-pdf-btn{white-space:nowrap;text-decoration:none}
.certificate-download{font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:12px;color:#111820;border-bottom:1px solid #111820;padding:8px 0;text-decoration:none}
.certificate-download:hover{color:var(--accent);border-color:var(--accent)}
@media(max-width:980px){.certificate-card-live{grid-column:1/-1;grid-template-columns:1fr}.certificate-preview{border-right:0;border-bottom:1px solid #d8dde3;min-height:360px}.certificate-preview img{max-height:440px}}
@media(max-width:640px){.certificate-live-body{padding:26px}.certificate-preview{padding:16px;min-height:300px}.certificate-actions{align-items:stretch;width:100%}.certificate-pdf-btn{width:100%;justify-content:center}.certificate-download{text-align:center;width:100%}}

/* Inner hero images based on the approved visual mockup. Home hero remains unchanged. */
body.about-page .page-hero,
body.services-page .page-hero,
body.industries-page .page-hero,
body.projects-page .page-hero,
.certs-hero,
.contact-page-hero{
  position:relative!important;
  isolation:isolate;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  color:#111418!important;
}
body.about-page .page-hero{background-image:url('../images/inner-hero-about-mockup.webp')!important}
body.services-page .page-hero{background-image:url('../images/inner-hero-services-mockup.webp')!important}
body.industries-page .page-hero{background-image:url('../images/inner-hero-industries-mockup.webp')!important}
body.projects-page .page-hero{background-image:url('../images/inner-hero-projects-mockup.webp')!important}
.certs-hero{background-image:url('../images/inner-hero-certifications-mockup.webp')!important}
.contact-page-hero{background-image:url('../images/inner-hero-contact-mockup.webp')!important}

body.about-page .page-hero:before,
body.services-page .page-hero:before,
body.industries-page .page-hero:before,
body.projects-page .page-hero:before,
.certs-hero:before,
.contact-page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.66) 52%,rgba(255,255,255,.30) 100%)!important;
}
body.about-page .page-hero>.wrap,
body.services-page .page-hero>.wrap,
body.industries-page .page-hero>.wrap,
body.projects-page .page-hero>.wrap,
.certs-hero>.wrap,
.contact-page-hero>.wrap{position:relative;z-index:2}

body.about-page .page-hero h1,
body.services-page .page-hero h1,
body.industries-page .page-hero h1,
body.projects-page .page-hero h1,
.certs-hero h1,
.contact-page-hero h1,
body.about-page .page-hero .eyebrow,
body.services-page .page-hero .eyebrow,
body.industries-page .page-hero .eyebrow,
body.projects-page .page-hero .eyebrow,
.certs-hero .eyebrow,
.contact-page-hero .eyebrow,
body.about-page .page-hero .breadcrumb,
body.services-page .page-hero .breadcrumb,
body.industries-page .page-hero .breadcrumb,
body.projects-page .page-hero .breadcrumb,
.certs-hero .breadcrumb,
.contact-page-hero .breadcrumb,
body.about-page .page-hero .breadcrumb a,
body.services-page .page-hero .breadcrumb a,
body.industries-page .page-hero .breadcrumb a,
body.projects-page .page-hero .breadcrumb a,
.certs-hero .breadcrumb a,
.contact-page-hero .breadcrumb a{color:#111418!important;text-shadow:none!important}

body.about-page .page-hero p,
body.services-page .page-hero p,
body.industries-page .page-hero p,
body.projects-page .page-hero p,
.certs-hero p,
.contact-page-hero p{color:#39414a!important;text-shadow:none!important}

@media(max-width:640px){
  body.about-page .page-hero:before,
  body.services-page .page-hero:before,
  body.industries-page .page-hero:before,
  body.projects-page .page-hero:before,
  .certs-hero:before,
  .contact-page-hero:before{
    background:rgba(255,255,255,.76)!important;
  }
}

/* FINAL INNER HERO STYLE — match approved mockup */
body:not(.home-page) .page-hero,
.about-hero,.services-hero,.industries-hero,.projects-hero,.projects-page-hero,.certs-hero,.contact-page-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:none!important;
  color:#fff!important;
}
body:not(.home-page) .page-hero::before,
.about-hero::before,.services-hero::before,.industries-hero::before,.projects-hero::before,.projects-page-hero::before,.certs-hero::before,.contact-page-hero::before{
  content:""!important;
  position:absolute!important;
  inset:-24px!important;
  z-index:-2!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:blur(10px)!important;
  transform:scale(1.08)!important;
  opacity:1!important;
}
body:not(.home-page) .page-hero::after,
.about-hero::after,.services-hero::after,.industries-hero::after,.projects-hero::after,.projects-page-hero::after,.certs-hero::after,.contact-page-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(90deg,rgba(26,31,36,.58) 0%,rgba(38,44,50,.47) 55%,rgba(50,57,63,.38) 100%)!important;
}
body.about-page .page-hero::before,.about-hero::before{background-image:url('../images/manufacturing-workshop.webp')!important}
body.services-page .page-hero::before,.services-hero::before{background-image:url('../images/process-piping.webp')!important}
body.industries-page .page-hero::before,.industries-hero::before{background-image:url('../images/pharma-reactor.webp')!important}
body.projects-page .page-hero::before,.projects-hero::before,.projects-page-hero::before{background-image:url('../images/about-contact-workshop.webp')!important}
.certs-hero::before{background-image:url('../images/home-hero-bmss-building.webp')!important}
.contact-page-hero::before{background-image:url('../images/home-hero-bmss-building.webp')!important}
body:not(.home-page) .page-hero>.wrap,
.about-hero>.wrap,.services-hero>.wrap,.industries-hero>.wrap,.projects-hero>.wrap,.projects-page-hero>.wrap,.certs-hero>.wrap,.contact-page-hero>.wrap{
  position:relative!important;z-index:2!important
}
body:not(.home-page) .page-hero h1,
body:not(.home-page) .page-hero h2,
body:not(.home-page) .page-hero p,
body:not(.home-page) .page-hero .eyebrow,
body:not(.home-page) .page-hero .breadcrumb,
body:not(.home-page) .page-hero .breadcrumb a,
.about-hero h1,.about-hero p,.about-hero .eyebrow,.about-hero .breadcrumb,.about-hero .breadcrumb a,
.services-hero h1,.services-hero p,.services-hero .eyebrow,.services-hero .breadcrumb,.services-hero .breadcrumb a,
.industries-hero h1,.industries-hero p,.industries-hero .eyebrow,.industries-hero .breadcrumb,.industries-hero .breadcrumb a,
.projects-hero h1,.projects-hero p,.projects-hero .eyebrow,.projects-hero .breadcrumb,.projects-hero .breadcrumb a,
.projects-page-hero h1,.projects-page-hero p,.projects-page-hero .eyebrow,.projects-page-hero .breadcrumb,.projects-page-hero .breadcrumb a,
.certs-hero h1,.certs-hero p,.certs-hero .eyebrow,.certs-hero .breadcrumb,.certs-hero .breadcrumb a,
.contact-page-hero h1,.contact-page-hero p,.contact-page-hero .eyebrow,.contact-page-hero .breadcrumb,.contact-page-hero .breadcrumb a{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}


/* ================================================================
   FINAL INNER HERO GLASS MATCH — 17 Jul 2026
   Matches the supplied reference: full-width photo, subtle blur,
   translucent white glass gradient, black copy. Homepage untouched.
   ================================================================ */
.page-hero,
.about-hero,.services-hero,.industries-hero,.projects-hero,.certs-hero,.projects-page-hero {
  position: relative !important;
  overflow: hidden !important;
  min-height: 660px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  border-bottom: 1px solid rgba(25,31,37,.12) !important;
  isolation: isolate !important;
}
body.about-page .page-hero,.about-hero {
  background-image: url('../images/inner-heros-final/hero-about-1920x850.webp') !important;
  background-position: 58% center !important;
}
body.services-page .page-hero,.services-hero {
  background-image: url('../images/inner-heros-final/hero-services-1920x850.webp') !important;
  background-position: 54% center !important;
}
body.industries-page .page-hero,.industries-hero {
  background-image: url('../images/inner-heros-final/hero-industries-1920x850.webp') !important;
  background-position: 55% center !important;
}
body.projects-page .page-hero,.projects-hero,.projects-page-hero {
  background-image: url('../images/inner-heros-final/hero-projects-1920x850.webp') !important;
  background-position: 57% center !important;
}
.certs-hero {
  background-image: url('../images/inner-heros-final/hero-certifications-1920x850.webp') !important;
  background-position: center center !important;
}
/* Glass veil: strong white on the copy side, fading to clear on the photo side. */
.page-hero::before,
.about-hero::before,.services-hero::before,.industries-hero::before,
.projects-hero::before,.certs-hero::before,.projects-page-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: -8px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.975) 0%,
      rgba(255,255,255,.955) 25%,
      rgba(255,255,255,.885) 43%,
      rgba(255,255,255,.63) 60%,
      rgba(255,255,255,.23) 78%,
      rgba(255,255,255,.08) 100%) !important;
  -webkit-backdrop-filter: blur(2.2px) saturate(.90) !important;
  backdrop-filter: blur(2.2px) saturate(.90) !important;
}
.page-hero::after,
.about-hero::after,.services-hero::after,.industries-hero::after,
.projects-hero::after,.certs-hero::after,.projects-page-hero::after {
  content: 'BMSS' !important;
  position: absolute !important;
  right: -18px !important;
  bottom: -72px !important;
  z-index: 1 !important;
  font-size: 190px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.08em !important;
  color: rgba(18,21,25,.035) !important;
  pointer-events: none !important;
  animation: none !important;
}
.page-hero > .wrap,
.about-hero > .wrap,.services-hero > .wrap,.industries-hero > .wrap,
.projects-hero > .wrap,.certs-hero > .wrap,.projects-page-hero > .wrap {
  position: relative !important;
  z-index: 2 !important;
  width: min(var(--max),calc(100% - 48px)) !important;
  padding-top: 58px !important;
  padding-bottom: 42px !important;
}
.page-hero h1,.about-hero h1,.services-hero h1,.industries-hero h1,
.projects-hero h1,.certs-hero h1,.projects-page-hero h1 {
  color: #0b0e12 !important;
  text-shadow: none !important;
  max-width: 930px !important;
  font-size: clamp(54px,5.4vw,88px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
  margin: 32px 0 24px !important;
}
.page-hero p,.about-hero p,.services-hero p,.industries-hero p,
.projects-hero p,.certs-hero p,.projects-page-hero p {
  max-width: 930px !important;
  color: #515b66 !important;
  font-size: clamp(18px,1.45vw,24px) !important;
  line-height: 1.65 !important;
  text-shadow: none !important;
}
.page-hero .breadcrumb,.page-hero .breadcrumb a,
.page-hero .eyebrow,.about-hero .breadcrumb,.services-hero .breadcrumb,
.industries-hero .breadcrumb,.projects-hero .breadcrumb,.certs-hero .breadcrumb {
  color: #242b32 !important;
  text-shadow: none !important;
}
@media (max-width:980px){
  .page-hero,.about-hero,.services-hero,.industries-hero,.projects-hero,.certs-hero,.projects-page-hero{min-height:590px!important}
  .page-hero::before,.about-hero::before,.services-hero::before,.industries-hero::before,.projects-hero::before,.certs-hero::before,.projects-page-hero::before{
    background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 54%,rgba(255,255,255,.38) 100%)!important;
  }
}
@media (max-width:640px){
  .page-hero,.about-hero,.services-hero,.industries-hero,.projects-hero,.certs-hero,.projects-page-hero{min-height:560px!important;background-position:62% center!important}
  .page-hero::before,.about-hero::before,.services-hero::before,.industries-hero::before,.projects-hero::before,.certs-hero::before,.projects-page-hero::before{
    background:linear-gradient(90deg,rgba(255,255,255,.975) 0%,rgba(255,255,255,.92) 70%,rgba(255,255,255,.66) 100%)!important;
    backdrop-filter:blur(1.5px)!important;
  }
  .page-hero > .wrap{width:min(var(--max),calc(100% - 24px))!important;padding-top:48px!important}
  .page-hero h1{font-size:clamp(42px,13vw,62px)!important}
  .page-hero p{font-size:17px!important;line-height:1.55!important}
}

body.contact-no-hero main>section:first-child{padding-top:110px!important}
@media(max-width:980px){body.contact-no-hero main>section:first-child{padding-top:92px!important}}

/* ================================================================
   VERIFIED INNER HERO GLASS — FINAL OVERRIDE
   Reference match: softly blurred photo, strong white glass veil,
   black copy; homepage untouched; contact has no hero.
   ================================================================ */
body.about-page section.page-hero,
body.services-page section.page-hero,
body.industries-page section.page-hero,
body.projects-page section.page-hero,
body section.page-hero.certs-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 620px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  background: #e9ecef !important;
  border-bottom: 1px solid rgba(18,21,25,.12) !important;
  color: #0b0e12 !important;
}

/* The photograph itself. It is oversized so the blur never exposes edges. */
body.about-page section.page-hero::before,
body.services-page section.page-hero::before,
body.industries-page section.page-hero::before,
body.projects-page section.page-hero::before,
body section.page-hero.certs-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: -16px !important;
  z-index: -2 !important;
  display: block !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: blur(3px) saturate(.86) !important;
  transform: scale(1.035) !important;
  opacity: 1 !important;
  animation: none !important;
}
body.about-page section.page-hero::before {
  background-image: url('../images/inner-heros-final/hero-about-1920x850.webp') !important;
  background-position: 58% center !important;
}
body.services-page section.page-hero::before {
  background-image: url('../images/inner-heros-final/hero-services-1920x850.webp') !important;
  background-position: 54% center !important;
}
body.industries-page section.page-hero::before {
  background-image: url('../images/inner-heros-final/hero-industries-1920x850.webp') !important;
  background-position: 54% center !important;
}
body.projects-page section.page-hero::before {
  background-image: url('../images/inner-heros-final/hero-projects-1920x850.webp') !important;
  background-position: 57% center !important;
}
body section.page-hero.certs-hero::before {
  background-image: url('../images/inner-heros-final/hero-certifications-1920x850.webp') !important;
  background-position: center center !important;
}

/* White glass veil, matching the supplied reference. */
body.about-page section.page-hero::after,
body.services-page section.page-hero::after,
body.industries-page section.page-hero::after,
body.projects-page section.page-hero::after,
body section.page-hero.certs-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  display: block !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.97) 0%,
      rgba(255,255,255,.955) 23%,
      rgba(255,255,255,.90) 43%,
      rgba(255,255,255,.72) 59%,
      rgba(255,255,255,.42) 76%,
      rgba(255,255,255,.25) 100%) !important;
  -webkit-backdrop-filter: blur(1.2px) !important;
  backdrop-filter: blur(1.2px) !important;
  color: transparent !important;
  animation: none !important;
  pointer-events: none !important;
}

body.about-page section.page-hero > .wrap,
body.services-page section.page-hero > .wrap,
body.industries-page section.page-hero > .wrap,
body.projects-page section.page-hero > .wrap,
body section.page-hero.certs-hero > .wrap {
  position: relative !important;
  z-index: 2 !important;
  width: min(var(--max), calc(100% - 48px)) !important;
  padding: 72px 0 46px !important;
}

body.about-page section.page-hero h1,
body.services-page section.page-hero h1,
body.industries-page section.page-hero h1,
body.projects-page section.page-hero h1,
body section.page-hero.certs-hero h1 {
  color: #0b0e12 !important;
  text-shadow: none !important;
  max-width: 930px !important;
  font-size: clamp(54px, 5.4vw, 88px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
  margin: 32px 0 24px !important;
}
body.about-page section.page-hero p,
body.services-page section.page-hero p,
body.industries-page section.page-hero p,
body.projects-page section.page-hero p,
body section.page-hero.certs-hero p {
  color: #505b66 !important;
  text-shadow: none !important;
  max-width: 930px !important;
  font-size: clamp(18px, 1.45vw, 24px) !important;
  line-height: 1.65 !important;
}
body.about-page section.page-hero .breadcrumb,
body.about-page section.page-hero .breadcrumb a,
body.services-page section.page-hero .breadcrumb,
body.services-page section.page-hero .breadcrumb a,
body.industries-page section.page-hero .breadcrumb,
body.industries-page section.page-hero .breadcrumb a,
body.projects-page section.page-hero .breadcrumb,
body.projects-page section.page-hero .breadcrumb a,
body section.page-hero.certs-hero .breadcrumb,
body section.page-hero.certs-hero .breadcrumb a,
body section.page-hero.certs-hero .eyebrow {
  color: #242b32 !important;
  text-shadow: none !important;
}

/* Contact begins directly with its information/form area. */
body.contact-no-hero main > section:first-child {
  padding-top: 110px !important;
}

@media (max-width: 980px) {
  body.about-page section.page-hero,
  body.services-page section.page-hero,
  body.industries-page section.page-hero,
  body.projects-page section.page-hero,
  body section.page-hero.certs-hero { min-height: 580px !important; }
  body.about-page section.page-hero::after,
  body.services-page section.page-hero::after,
  body.industries-page section.page-hero::after,
  body.projects-page section.page-hero::after,
  body section.page-hero.certs-hero::after {
    background: linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.91) 58%,rgba(255,255,255,.48)) !important;
  }
}
@media (max-width: 640px) {
  body.about-page section.page-hero,
  body.services-page section.page-hero,
  body.industries-page section.page-hero,
  body.projects-page section.page-hero,
  body section.page-hero.certs-hero { min-height: 545px !important; }
  body.about-page section.page-hero::after,
  body.services-page section.page-hero::after,
  body.industries-page section.page-hero::after,
  body.projects-page section.page-hero::after,
  body section.page-hero.certs-hero::after {
    background: linear-gradient(90deg,rgba(255,255,255,.975),rgba(255,255,255,.93) 72%,rgba(255,255,255,.72)) !important;
  }
  body.about-page section.page-hero > .wrap,
  body.services-page section.page-hero > .wrap,
  body.industries-page section.page-hero > .wrap,
  body.projects-page section.page-hero > .wrap,
  body section.page-hero.certs-hero > .wrap {
    width: min(var(--max), calc(100% - 24px)) !important;
    padding-top: 55px !important;
  }
}


/* Unified project detail banners — added 2026-07-17 */
.case-hero{
  min-height:clamp(620px,78vh,850px)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#15191d!important;
}
.case-hero-shade{
  background:linear-gradient(90deg,rgba(7,10,13,.78) 0%,rgba(7,10,13,.57) 48%,rgba(7,10,13,.18) 82%,rgba(7,10,13,.05) 100%),linear-gradient(0deg,rgba(7,10,13,.35),transparent 50%)!important;
}
@media(max-width:640px){
  .case-hero{min-height:680px!important;background-position:center center!important}
  .case-hero-shade{background:linear-gradient(180deg,rgba(7,10,13,.52) 0%,rgba(7,10,13,.56) 62%,rgba(7,10,13,.80) 100%)!important}
}


/* VERIFIED PROJECT HERO IMAGE LAYER — 2026-07-17 */
.case-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-image:none!important;
}
.case-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  opacity:1!important;
}
.project-hero-beta-carotene-plant::before{background-image:url('../images/project-heros/beta-carotene-plant-1920x850.webp')!important}
.project-hero-particle-board-plant::before{background-image:url('../images/project-heros/particle-board-plant-1920x850.webp')!important}
.project-hero-hvac-systems::before{background-image:url('../images/project-heros/hvac-systems-1920x850.webp')!important}
.project-hero-pharmaceutical-vessels::before{background-image:url('../images/project-heros/pharmaceutical-vessels-1920x850.webp')!important}
.project-hero-chemical-vessels::before{background-image:url('../images/project-heros/chemical-vessels-1920x850.webp')!important}
.case-hero-shade{z-index:1!important}
.case-hero-inner{z-index:2!important}

/* FINAL OVERRIDE — brushed stainless-steel CTA panels */
.service-cta .cta-panel {
  position: relative;
  overflow: hidden;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.13) 0px,
      rgba(255,255,255,.13) 1px,
      rgba(0,0,0,.035) 1px,
      rgba(0,0,0,.035) 2px,
      transparent 2px,
      transparent 5px
    ),
    linear-gradient(110deg,#9da3a8 0%,#eef1f3 18%,#aeb4b9 37%,#f7f8f9 54%,#a3a9ae 73%,#dfe3e6 100%) !important;
  border: 1px solid #8f969c !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(0,0,0,.12), 0 18px 45px rgba(18,24,30,.16) !important;
  color: #111820 !important;
}
.service-cta .cta-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg,transparent 0%,rgba(255,255,255,.34) 32%,transparent 50%,rgba(0,0,0,.06) 78%,transparent 100%);
  mix-blend-mode: soft-light;
}
.service-cta .cta-panel > * { position: relative; z-index: 1; }
.service-cta .cta-panel h2,
.service-cta .cta-panel p,
.service-cta .cta-panel .eyebrow { color: #111820 !important; }
.service-cta .cta-panel .eyebrow::before { background: #d71920 !important; }
.service-cta .cta-panel > .btn,
.service-cta .cta-panel > a.btn {
  background: #d71920 !important;
  color: #fff !important;
  border-color: #d71920 !important;
  box-shadow: 0 10px 24px rgba(166,12,20,.24) !important;
}
.service-cta .cta-panel > .btn:hover,
.service-cta .cta-panel > a.btn:hover {
  background: #b91118 !important;
  border-color: #b91118 !important;
}

/* =========================================================
   BMSS — GLOBAL BRUSHED STAINLESS STEEL INFORMATION CARDS
   Applies to informational cards/panels across BG + EN pages.
   Image cards, gallery tiles, forms and hero sections stay unchanged.
   ========================================================= */
:root{
  --bmss-steel-card:
    repeating-linear-gradient(0deg,
      rgba(255,255,255,.055) 0,
      rgba(255,255,255,.055) 1px,
      rgba(40,48,56,.022) 1px,
      rgba(40,48,56,.022) 2px),
    linear-gradient(105deg,
      #eef1f3 0%,
      #cbd1d5 13%,
      #f8f9fa 28%,
      #bfc6cb 43%,
      #f3f5f6 59%,
      #c7cdd1 76%,
      #eef1f3 100%);
  --bmss-steel-border:#aeb6bd;
  --bmss-steel-text:#14181c;
  --bmss-steel-muted:#505b65;
}

/* Cards and informational panels only */
.card,
.stats,
.stat,
.fact-card,
.team-stat,
.value-card,
.timeline-item,
.capability-card,
.material-panel,
.industry-panel,
.cert,
.certificate-card:not(.certificate-card-live),
.quality-step,
.process-step,
.service-facts > div,
.project-service-link,
.case-dark-panel,
.case-result-panel,
.contact-card,
.map-copy,
.industry,
.trust-band-item {
  background:var(--bmss-steel-card)!important;
  border-color:var(--bmss-steel-border)!important;
  color:var(--bmss-steel-text)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(72,82,91,.13),
    0 14px 34px rgba(30,38,46,.10)!important;
}

/* Preserve the shared grid seams while giving every card the metal finish */
.stats,
.team-grid,
.capability-grid {
  background:#aeb6bd!important;
  border-color:var(--bmss-steel-border)!important;
}

/* Typography on metallic cards */
.card h2,.card h3,.card strong,.card span,
.stat strong,.stat span,
.fact-card strong,.fact-card span,
.team-stat strong,.team-stat span,
.value-card h3,.value-card span,
.timeline-item strong,
.capability-card h3,.capability-card span,
.material-panel h2,.material-panel h3,
.industry-panel h2,.industry-panel h3,
.cert strong,.cert h3,
.certificate-card h2,.certificate-card h3,.certificate-card strong,
.quality-step h3,.process-step h3,
.service-facts strong,.service-facts span,
.project-service-link span,.project-service-link strong,
.case-dark-panel h2,.case-dark-panel h3,
.case-result-panel h2,.case-result-panel h3,
.contact-card h2,.contact-card h3,
.map-copy h2,.map-copy h3,
.industry,
.trust-band-item strong,.trust-band-item span {
  color:var(--bmss-steel-text)!important;
}

.card p,
.stat p,.stat span,
.fact-card p,
.team-stat p,.team-stat span,
.value-card p,
.timeline-item p,
.capability-card p,
.material-panel p,
.industry-panel p,
.cert p,
.certificate-card p,
.quality-step p,.process-step p,
.service-facts p,.service-facts span,
.project-service-link p,
.case-dark-panel p,
.case-result-panel p,
.contact-card p,
.map-copy p,
.trust-band-item p {
  color:var(--bmss-steel-muted)!important;
}

/* Subtle premium hover, without changing dimensions */
.card:hover,
.fact-card:hover,
.team-stat:hover,
.value-card:hover,
.timeline-item:hover,
.capability-card:hover,
.material-panel:hover,
.industry-panel:hover,
.cert:hover,
.certificate-card:not(.certificate-card-live):hover,
.quality-step:hover,
.process-step:hover,
.project-service-link:hover,
.industry:hover,
.trust-band-item:hover {
  background:
    repeating-linear-gradient(0deg,
      rgba(255,255,255,.075) 0,
      rgba(255,255,255,.075) 1px,
      rgba(35,43,51,.018) 1px,
      rgba(35,43,51,.018) 2px),
    linear-gradient(105deg,#f6f7f8 0%,#d4d9dc 18%,#fff 36%,#cbd1d5 55%,#f7f8f9 75%,#d4d9dc 100%)!important;
  border-color:#929ca5!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 20px 46px rgba(30,38,46,.16)!important;
}

/* Keep red BMSS accents clearly visible on the metal */
.fact-card strong:after,
.card h3:after,
.value-card h3:after {
  background:var(--accent)!important;
}

/* Contact form server handling */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{display:none;margin-top:14px;font-weight:700}.form-status.show{display:block}.form-status.success{color:#167a35}.form-status.error{color:#b42318}

/* Mobile navigation: collapsible Services submenu */
.mobile-dropdown-toggle{display:none}
@media(max-width:980px){
  .links .dropdown{
    width:100%;
    display:grid;
    grid-template-columns:1fr 44px;
    align-items:center;
  }
  .links .dropdown>a{
    grid-column:1;
    grid-row:1;
    width:100%;
  }
  .mobile-dropdown-toggle{
    display:flex;
    grid-column:2;
    grid-row:1;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    justify-self:end;
    border:1px solid rgba(255,255,255,.22);
    border-radius:4px;
    background:rgba(255,255,255,.06);
    color:#fff;
    cursor:pointer;
    padding:0;
  }
  .mobile-dropdown-toggle::before{
    content:'›';
    display:block;
    font-size:25px;
    line-height:1;
    transform:rotate(90deg);
    transition:transform .25s ease;
  }
  .links .dropdown.mobile-open .mobile-dropdown-toggle::before{
    transform:rotate(-90deg);
  }
  .links .dropdown-menu{
    grid-column:1 / -1;
    grid-row:2;
    display:grid!important;
    grid-template-rows:0fr;
    position:static!important;
    min-width:0;
    width:100%;
    padding:0 0 0 14px!important;
    margin:0;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:grid-template-rows .28s ease,opacity .2s ease,visibility .28s;
  }
  .links .dropdown-menu>*{
    overflow:hidden;
  }
  .links .dropdown.mobile-open .dropdown-menu{
    grid-template-rows:1fr;
    opacity:1;
    visibility:visible;
    padding-top:7px!important;
  }
  .links .dropdown-menu a{
    color:#dce1e6!important;
    background:transparent!important;
    border-color:#242b32!important;
    padding:11px 12px!important;
    font-size:13px!important;
  }
}


/* FINAL FIX: true mobile accordion navigation */
@media (max-width:980px){
  #navLinks.links > .dropdown{
    position:relative!important;
    display:block!important;
    width:100%!important;
  }
  #navLinks.links > .dropdown > a{
    display:block!important;
    width:100%!important;
    padding-right:52px!important;
    cursor:pointer!important;
  }
  #navLinks .mobile-dropdown-toggle{
    display:flex!important;
    position:absolute!important;
    top:-8px!important;
    right:0!important;
    width:42px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #cfd5db!important;
    border-radius:5px!important;
    background:#fff!important;
    color:#171b1f!important;
    z-index:2!important;
  }
  #navLinks .mobile-dropdown-toggle::before{
    content:'⌄'!important;
    display:block!important;
    font-size:22px!important;
    line-height:1!important;
    transform:rotate(0deg)!important;
    transition:transform .22s ease!important;
  }
  #navLinks .dropdown.mobile-open > .mobile-dropdown-toggle::before{
    transform:rotate(180deg)!important;
  }
  #navLinks.links .dropdown > .dropdown-menu{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transition:max-height .32s ease, opacity .2s ease, margin .32s ease!important;
  }
  #navLinks.links .dropdown.mobile-open > .dropdown-menu{
    max-height:600px!important;
    margin-top:12px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  #navLinks.links .dropdown > .dropdown-menu a{
    display:block!important;
    padding:13px 16px!important;
    color:#444b52!important;
    background:#fff!important;
    border-bottom:1px solid #e5e8eb!important;
    font-size:15px!important;
    line-height:1.35!important;
  }
  #navLinks.links .dropdown > .dropdown-menu a:last-child{
    border-bottom:0!important;
  }
}