[hidden] { display: none !important; }
:root {
  --ink: #181a1d;
  --steel: #34383d;
  --muted: #676e76;
  --line: #d7dadc;
  --paper: #f4f4f2;
  --white: #ffffff;
  --accent: #aa2b2d;
  --accent-dark: #781f21;
  --max: 1180px;
  --shadow: 0 18px 50px rgba(0,0,0,.11);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Arial, Helvetica, sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(8px); }
.nav-wrap { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: -.02em; }
.brand img { width: 92px; height: 50px; object-fit: contain; }
.brand span { font-size: 1.05rem; }
nav { display: flex; align-items: center; gap: 22px; font-weight: 700; font-size: .94rem; }
nav a:hover { color: var(--accent); }
.menu-toggle { display: none; border: 1px solid var(--line); background: white; border-radius: 8px; padding: 10px 12px; font-weight: 800; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border-radius: 4px; border: 2px solid transparent; font-weight: 800; cursor: pointer; transition: .2s ease; }
.btn-primary { background: var(--accent); color: white; }
.btn-primary:hover { background: var(--accent-dark); transform: translateY(-1px); }
.btn-outline { border-color: var(--white); color: white; }
.btn-outline:hover { background: white; color: var(--ink); }
.btn-dark { background: var(--ink); color: white; }
.hero { min-height: 650px; display: grid; align-items: center; color: white; position: relative; overflow: hidden; background: linear-gradient(115deg, #181a1d 0%, #272b30 55%, #373c42 100%); }
.hero::before, .hero::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.09); transform: rotate(-14deg); }
.hero::before { width: 700px; height: 700px; right: -220px; top: -300px; }
.hero::after { width: 420px; height: 420px; right: 90px; bottom: -310px; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: center; }
.eyebrow { color: #e3b2b3; font-size: .8rem; font-weight: 900; text-transform: uppercase; letter-spacing: .16em; }
h1, h2, h3 { line-height: 1.08; margin: 0 0 18px; letter-spacing: -.035em; }
h1 { font-size: clamp(3rem, 6vw, 5.7rem); max-width: 780px; }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
h3 { font-size: 1.35rem; }
.hero p { max-width: 720px; font-size: 1.18rem; color: #e3e5e7; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.hero-panel { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); padding: 32px; box-shadow: var(--shadow); }
.hero-panel strong { display:block; font-size:2.25rem; margin-bottom: 4px; }
.hero-panel p { font-size: .96rem; margin: 0 0 26px; color: #d6d8da; }
.hero-panel .rule { height: 1px; background: rgba(255,255,255,.15); margin: 22px 0; }
.trust-strip { background: var(--paper); border-bottom: 1px solid var(--line); }
.trust-grid { display:grid; grid-template-columns:repeat(4, 1fr); }
.trust-item { padding: 26px 20px; border-right:1px solid var(--line); }
.trust-item:last-child { border-right:0; }
.trust-item b { display:block; font-size:.82rem; text-transform:uppercase; letter-spacing:.09em; }
.trust-item span { color: var(--muted); font-size:.92rem; }
.section { padding: 100px 0; }
.section.alt { background: var(--paper); }
.section-head { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; margin-bottom:50px; align-items:end; }
.section-head p { margin:0; color:var(--muted); font-size:1.07rem; max-width:680px; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.card { border:1px solid var(--line); padding:30px; background:white; min-height:260px; position:relative; }
.card::before { content:""; width:44px; height:4px; background:var(--accent); position:absolute; top:0; left:30px; }
.card p { color:var(--muted); }
.card .num { font-size:.78rem; font-weight:900; color:var(--accent); letter-spacing:.12em; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.steel-panel { min-height:460px; background:linear-gradient(145deg,#262a2e,#111315); color:white; padding:50px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; }
.steel-panel::after { content:"J&R"; position:absolute; right:-10px; top:-55px; font-size:12rem; font-weight:900; color:rgba(255,255,255,.035); letter-spacing:-.1em; }
.steel-panel p { color:#d5d7d9; }
.checks { display:grid; gap:14px; margin:26px 0; padding:0; list-style:none; }
.checks li { position:relative; padding-left:28px; }
.checks li::before { content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:900; }
.band { background:var(--accent); color:white; padding:72px 0; }
.band-grid { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; }
.band p { max-width:700px; color:#f6dddd; }
.contact-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:60px; }
.info-box { background:var(--ink); color:white; padding:36px; }
.info-box p { color:#cfd2d4; }
.info-row { padding:18px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.info-row:last-child { border-bottom:0; }
.info-row small { display:block; color:#b6bbc0; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
form { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field { display:grid; gap:7px; }
.field.full { grid-column:1 / -1; }
label { font-size:.84rem; font-weight:800; }
input, select, textarea { width:100%; border:1px solid #bfc4c8; background:white; padding:13px 14px; border-radius:3px; font:inherit; }
input:focus, select:focus, textarea:focus { outline:2px solid rgba(170,43,45,.25); border-color:var(--accent); }
textarea { min-height:150px; resize:vertical; }
.honeypot { position:absolute; left:-9999px; }
.form-status { grid-column:1/-1; min-height:24px; font-weight:700; }
.form-status.success { color:#1d6c38; }
.form-status.error { color:#9a2022; }
footer { background:#111315; color:white; padding:48px 0 28px; }
.footer-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:50px; }
footer p, footer a { color:#bfc3c6; }
footer a:hover { color:white; }
.footer-bottom { border-top:1px solid #32363a; margin-top:38px; padding-top:22px; color:#979ca1; font-size:.88rem; display:flex; justify-content:space-between; gap:20px; }
.page-hero { background:linear-gradient(120deg,#1a1c1f,#353a40); color:white; padding:92px 0 80px; }
.page-hero p { max-width:700px; color:#d9dcde; font-size:1.1rem; }
.prose { max-width:820px; }
.prose p { color:var(--muted); font-size:1.04rem; }
.cta-mini { margin-top:30px; }
@media (max-width: 900px) {
  nav { display:none; position:absolute; top:82px; left:0; right:0; background:white; padding:20px; border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; }
  nav.open { display:flex; }
  .menu-toggle { display:block; }
  .hero-grid, .section-head, .split, .contact-grid, .band-grid { grid-template-columns:1fr; gap:35px; }
  .hero { min-height:auto; padding:90px 0; }
  .hero-panel { max-width:520px; }
  .cards { grid-template-columns:1fr 1fr; }
  .trust-grid { grid-template-columns:1fr 1fr; }
  .trust-item:nth-child(2) { border-right:0; }
  .trust-item:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .footer-grid { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .container { width:min(calc(100% - 28px), var(--max)); }
  .brand span { display:none; }
  .brand img { width:84px; }
  .cards, .trust-grid, form { grid-template-columns:1fr; }
  .trust-item { border-right:0; border-bottom:1px solid var(--line); }
  .field.full { grid-column:auto; }
  .section { padding:72px 0; }
  .footer-bottom { flex-direction:column; }
}

/* ===== Homepage v3 ===== */
.header-tag { margin-left:auto; margin-right:6px; font-size:.73rem; font-weight:900; text-transform:uppercase; letter-spacing:.16em; color:var(--muted); text-align:right; line-height:1.25; }
.header-tag span { display:block; color:var(--ink); }
nav a.active { color:var(--accent); position:relative; }
nav a.active::after { content:""; position:absolute; left:0; right:0; bottom:-12px; height:2px; background:var(--accent); }
.hero-home { min-height:670px; background:linear-gradient(110deg,#111315 0%,#1c2024 58%,#2d3238 100%); }
.hero-home::before { width:860px; height:860px; right:-250px; top:-360px; border-color:rgba(255,255,255,.07); }
.hero-grid-overlay { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px, transparent 1px); background-size:56px 56px; mask-image:linear-gradient(90deg,transparent,black 45%,black); }
.hero-home-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.35fr .65fr; gap:70px; align-items:center; }
.eyebrow-white { color:#fff; opacity:.78; }
.hero-home h1 { font-size:clamp(4rem,8vw,7.1rem); text-transform:uppercase; letter-spacing:-.055em; margin:10px 0 22px; max-width:850px; }
.hero-home h1 span { color:#f05a28; }
.hero-lead { font-size:1.24rem !important; max-width:660px !important; color:#f0f1f2 !important; }
.btn-large { min-height:54px; padding:0 26px; }
.text-link { display:inline-flex; align-items:center; gap:9px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; font-size:.86rem; color:#fff; padding:15px 0; border-bottom:2px solid rgba(255,255,255,.45); }
.text-link:hover { border-color:#fff; }
.text-link.dark { color:var(--ink); border-color:var(--accent); }
.hero-focus-card { background:rgba(9,10,11,.66); border:1px solid rgba(255,255,255,.18); border-top:4px solid var(--accent); padding:34px; box-shadow:0 22px 60px rgba(0,0,0,.28); }
.hero-focus-card strong { display:block; font-size:2rem; line-height:1.05; margin:6px 0 14px; }
.hero-focus-card p { font-size:.98rem; color:#d9dcde; }
.focus-kicker { font-size:.7rem; text-transform:uppercase; letter-spacing:.17em; font-weight:900; color:#efb3b5; }
.focus-divider { height:1px; background:rgba(255,255,255,.16); margin:25px 0; }
.focus-mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.focus-mini-grid b { display:block; color:#aaaeb2; font-size:.67rem; text-transform:uppercase; letter-spacing:.1em; }
.focus-mini-grid span { display:block; color:#fff; font-size:.95rem; font-weight:900; margin-top:3px; }
.proof-strip { background:#16191c; color:#fff; border-top:1px solid #30353a; border-bottom:1px solid #30353a; }
.proof-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.proof-item { min-height:100px; display:flex; align-items:center; gap:18px; padding:20px 24px; border-right:1px solid #30353a; }
.proof-item:last-child { border-right:0; }
.proof-mark { color:var(--accent); font-size:.78rem; font-weight:900; letter-spacing:.12em; }
.proof-item b { display:block; text-transform:uppercase; letter-spacing:.04em; font-size:.94rem; }
.proof-item small { display:block; color:#aeb3b7; margin-top:2px; }
.services-showcase { background:#f5f5f3; }
.section-title-row { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:end; margin-bottom:42px; }
.section-title-row.compact { grid-template-columns:1fr auto; align-items:center; }
.section-title-row p { margin:0; color:var(--muted); max-width:690px; }
.service-grid-home { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.service-tile { background:#fff; border:1px solid #d8dcdf; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,.045); }
.service-image { height:165px; position:relative; display:flex; align-items:flex-end; padding:18px; overflow:hidden; background:#22272b; }
.service-image::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.09)); }
.service-image::after { content:""; position:absolute; width:150%; height:1px; background:rgba(255,255,255,.16); transform:rotate(-18deg); left:-25%; top:48%; box-shadow:0 35px 0 rgba(255,255,255,.09),0 -35px 0 rgba(255,255,255,.09); }
.service-image span { position:relative; z-index:2; color:#fff; text-transform:uppercase; font-size:.72rem; font-weight:900; letter-spacing:.12em; }
.service-image-maintenance { background:linear-gradient(135deg,#1b2024,#3b444b); }
.service-image-construction { background:linear-gradient(135deg,#283038,#555e66); }
.service-image-concrete { background:linear-gradient(135deg,#47494a,#858686); }
.service-image-shutdown { background:linear-gradient(135deg,#1f2429,#4b5156); }
.service-image-equipment { background:linear-gradient(135deg,#2a2e32,#6a7075); }
.service-image-decommission { background:linear-gradient(135deg,#181b1e,#454b50); }
.service-body { padding:24px; min-height:184px; }
.service-body h3 { margin-bottom:10px; font-size:1.25rem; }
.service-body p { margin:0; color:var(--muted); font-size:.95rem; }
.center-action { text-align:center; margin-top:34px; }
.company-band { background:#171a1d; color:#fff; position:relative; overflow:hidden; }
.company-band::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 58% 40%,rgba(255,255,255,.07),transparent 38%); }
.company-grid { position:relative; display:grid; grid-template-columns:1.1fr .9fr; gap:74px; align-items:start; }
.company-story p { color:#cfd3d6; font-size:1.03rem; }
.company-story h2 { max-width:580px; }
.why-panel { border-left:1px solid #34393d; padding-left:48px; }
.why-grid { display:grid; grid-template-columns:1fr 1fr; gap:34px 28px; margin-top:26px; }
.why-icon { width:42px; height:42px; border:1px solid #7b8084; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:900; margin-bottom:14px; }
.why-item h3 { margin-bottom:7px; font-size:1rem; text-transform:uppercase; letter-spacing:.03em; }
.why-item p { margin:0; color:#aeb3b6; font-size:.92rem; }
.project-preview { background:#fff; }
.project-panels { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.project-panel { min-height:245px; background:linear-gradient(150deg,#24292d,#4b5359); padding:24px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; position:relative; overflow:hidden; }
.project-panel::before { content:""; position:absolute; inset:-40% -20%; background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.055) 47px 48px); transform:rotate(12deg); }
.project-panel span,.project-panel strong { position:relative; z-index:1; }
.project-panel span { text-transform:uppercase; font-size:.7rem; letter-spacing:.13em; color:#f1b8ba; font-weight:900; }
.project-panel strong { font-size:1.25rem; line-height:1.13; margin-top:8px; }
.photo-note { color:#8b9094; font-size:.82rem; margin:14px 0 0; }
.cta-band { background:#111315; color:#fff; padding:62px 0; border-top:4px solid var(--accent); }
.cta-grid { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:46px; }
.cta-grid h2 { margin-bottom:0; }
.cta-grid p { color:#cfd3d6; margin:0; }
.footer-grid-home { grid-template-columns:1.35fr .8fr .9fr; }
.footer-brand img { width:190px; height:auto; background:#fff; padding:10px; }

@media (max-width: 1050px) {
  .header-tag { display:none; }
  .hero-home-grid { grid-template-columns:1fr; }
  .hero-focus-card { max-width:640px; }
  .service-grid-home { grid-template-columns:repeat(2,1fr); }
  .company-grid { grid-template-columns:1fr; }
  .why-panel { border-left:0; border-top:1px solid #34393d; padding-left:0; padding-top:38px; }
  .project-panels { grid-template-columns:repeat(2,1fr); }
  .cta-grid { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .site-header .brand img { width:150px; height:auto; }
  .hero-home { min-height:auto; padding:86px 0 76px; }
  .hero-home h1 { font-size:clamp(3.3rem,15vw,5rem); }
  .focus-mini-grid { grid-template-columns:1fr; }
  .proof-grid { grid-template-columns:1fr 1fr; }
  .proof-item:nth-child(2) { border-right:0; }
  .proof-item:nth-child(-n+2) { border-bottom:1px solid #30353a; }
  .section-title-row { grid-template-columns:1fr; gap:20px; }
  .section-title-row.compact { grid-template-columns:1fr; }
  .service-grid-home { grid-template-columns:1fr; }
  .why-grid { grid-template-columns:1fr; }
  .project-panels { grid-template-columns:1fr; }
}
@media (max-width: 480px) {
  .proof-grid { grid-template-columns:1fr; }
  .proof-item { border-right:0; border-bottom:1px solid #30353a; }
  .proof-item:last-child { border-bottom:0; }
}


/* J&R industrial brand refresh — Sept 2026 */
:root { --accent:#f05a28; --accent-dark:#cc4319; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.brand-new { min-width:320px; height:72px; overflow:hidden; display:block; position:relative; }
.brand-lockup { display:block; width:320px; height:72px; background-image:url('/assets/jr-brand-sheet.png'); background-repeat:no-repeat; background-size:770px auto; background-position:-435px -48px; }
.site-header .nav-wrap { min-height:92px; }
.site-header nav { gap:24px; }
.site-header nav .btn { margin-left:8px; }
.header-tag { display:none; }
.btn-primary { background:var(--accent)!important; border-color:var(--accent)!important; }
.btn-primary:hover { background:var(--accent-dark)!important; border-color:var(--accent-dark)!important; }
.hero-home h1 span, .proof-mark, .focus-kicker, .eyebrow { color:var(--accent)!important; }
.hero-focus-card { border-top-color:var(--accent)!important; }
.hero-home { background:radial-gradient(circle at 65% 28%,rgba(240,90,40,.10),transparent 28%),linear-gradient(110deg,#0d0f11 0%,#191d20 56%,#272c31 100%); }
.service-tile { transition:transform .2s ease, box-shadow .2s ease; }
.service-tile:hover { transform:translateY(-3px); box-shadow:0 18px 36px rgba(0,0,0,.09); }
.service-image { border-bottom:3px solid var(--accent); }
.service-image::before { background:linear-gradient(135deg,rgba(240,90,40,.06),rgba(255,255,255,.08)); }
.service-image-maintenance { background:linear-gradient(135deg,#12171a,#334049); }
.service-image-construction { background:linear-gradient(135deg,#1e252a,#48545d); }
.service-image-concrete { background:linear-gradient(135deg,#3b3d3e,#787b7c); }
.service-image-shutdown { background:linear-gradient(135deg,#171d21,#3c464c); }
.service-image-equipment { background:linear-gradient(135deg,#20262b,#59636a); }
.service-image-decommission { background:linear-gradient(135deg,#101416,#343c41); }
.footer-brand.brand-new { min-width:280px; height:90px; background:transparent; padding:0; }
.footer-brand .brand-lockup { width:280px; height:90px; background-size:675px auto; background-position:-381px -42px; }
@media (max-width:1180px){ .brand-new{min-width:245px;width:245px}.brand-lockup{width:245px;background-size:590px auto;background-position:-333px -37px}.site-header nav{gap:15px} }
@media (max-width:850px){ .brand-new{min-width:205px;width:205px;height:60px}.brand-lockup{width:205px;height:60px;background-size:493px auto;background-position:-278px -31px}.site-header .nav-wrap{min-height:76px} }


/* Netlify Drop self-contained build */
.brand-new { min-width:320px; width:320px; height:auto; overflow:visible; display:flex; align-items:center; }
.brand-new img { width:320px; height:auto; object-fit:contain; display:block; }
.footer-brand.brand-new { min-width:280px; width:280px; height:auto; }
.footer-brand.brand-new img { width:280px; height:auto; background:#fff; padding:8px; }
@media (max-width:1180px){ .brand-new{min-width:245px;width:245px}.brand-new img{width:245px} }
@media (max-width:850px){ .brand-new{min-width:205px;width:205px}.brand-new img{width:205px}.site-header .nav-wrap{min-height:76px} }


/* V5 — battery manufacturing focus + credibility */
.battery-focus { background:#fff; }
.battery-focus-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:stretch; }
.battery-focus-copy { padding:18px 0; }
.battery-focus-copy h2 { max-width:680px; }
.battery-lead { font-size:1.12rem; color:#34393d; }
.industry-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.industry-tags span { border:1px solid #d7dadd; border-left:3px solid var(--accent); padding:10px 13px; text-transform:uppercase; letter-spacing:.055em; font-size:.72rem; font-weight:900; color:#34383b; background:#f7f7f5; }
.battery-visual { min-height:390px; position:relative; overflow:hidden; background:radial-gradient(circle at 72% 30%,rgba(240,90,40,.22),transparent 25%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.035) 59px 60px),linear-gradient(140deg,#111518,#323b41); border-bottom:5px solid var(--accent); }
.battery-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.78)); }
.battery-visual::after { content:"BATTERY PLANT"; position:absolute; right:-22px; top:72px; transform:rotate(90deg); color:rgba(255,255,255,.09); font-size:3rem; font-weight:950; letter-spacing:.12em; }
.battery-visual-label { position:absolute; z-index:2; left:30px; right:30px; bottom:28px; color:#fff; }
.battery-visual-label small { display:block; color:var(--accent); text-transform:uppercase; letter-spacing:.16em; font-weight:900; margin-bottom:6px; }
.battery-visual-label strong { display:block; font-size:2rem; line-height:1.05; text-transform:uppercase; }
.battery-visual-label span { display:block; margin-top:8px; color:#d7dbde; font-size:.88rem; }
.credibility-band { background:#111416; color:#fff; border-top:1px solid #2d3337; border-bottom:1px solid #2d3337; }
.credibility-heading { display:grid; grid-template-columns:.35fr 1fr; align-items:end; gap:35px; margin-bottom:34px; }
.credibility-heading h2 { margin:0; max-width:800px; }
.credibility-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #343a3e; border-bottom:1px solid #343a3e; }
.credibility-grid article { padding:30px 26px; border-right:1px solid #343a3e; }
.credibility-grid article:last-child { border-right:0; }
.credibility-grid span { color:var(--accent); font-weight:950; font-size:.76rem; letter-spacing:.14em; }
.credibility-grid h3 { margin:13px 0 8px; text-transform:uppercase; font-size:1rem; letter-spacing:.035em; }
.credibility-grid p { color:#aeb4b8; margin:0; font-size:.91rem; }
@media(max-width:950px){.battery-focus-grid{grid-template-columns:1fr}.battery-visual{min-height:330px}.credibility-grid{grid-template-columns:1fr 1fr}.credibility-grid article:nth-child(2){border-right:0}.credibility-grid article:nth-child(-n+2){border-bottom:1px solid #343a3e}}
@media(max-width:650px){.credibility-heading{grid-template-columns:1fr;gap:8px}.credibility-grid{grid-template-columns:1fr}.credibility-grid article{border-right:0;border-bottom:1px solid #343a3e}.credibility-grid article:last-child{border-bottom:0}.battery-visual-label strong{font-size:1.55rem}}

/* V6 Featured Projects */
.featured-projects { background:#f4f4f2; }
.featured-intro { max-width:760px; color:#656b70; font-size:1.02rem; line-height:1.7; margin:-4px 0 28px; }
.featured-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.featured-project-card { background:#fff; border:1px solid #dedfdd; box-shadow:0 12px 30px rgba(0,0,0,.07); overflow:hidden; }
.featured-project-image { height:315px; overflow:hidden; background:#202428; }
.featured-project-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.featured-project-card:hover .featured-project-image img { transform:scale(1.025); }
.featured-project-card:nth-child(1) .featured-project-image img { object-position:center 52%; }
.featured-project-card:nth-child(2) .featured-project-image img { object-position:center 58%; }
.featured-project-card:nth-child(3) .featured-project-image img { object-position:center 55%; }
.featured-project-copy { padding:22px 22px 25px; }
.featured-project-copy span { display:block; color:#d94b1f; font-size:.7rem; line-height:1.35; font-weight:900; letter-spacing:.12em; text-transform:uppercase; margin-bottom:8px; }
.featured-project-copy h3 { margin:0 0 10px; font-size:1.35rem; line-height:1.15; color:#202428; }
.featured-project-copy p { margin:0; color:#666d72; line-height:1.55; font-size:.91rem; }
.featured-project-footer { margin-top:28px; padding:24px 26px; background:#fff; border-left:4px solid #f05a28; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.featured-project-footer p { margin:0; color:#5f6569; line-height:1.6; }
.featured-project-footer strong { color:#24292d; }
@media (max-width:900px){ .featured-project-grid{grid-template-columns:1fr;} .featured-project-image{height:360px;} }
@media (max-width:650px){ .featured-project-image{height:260px;} .featured-project-footer{align-items:flex-start; flex-direction:column;} }


/* V7 final quote section */
.final-quote-section{background:#17191b;color:#fff;padding:72px 0;border-top:4px solid #f05a28}.final-quote-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:64px;align-items:center}.final-quote-copy h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;margin:10px 0 20px;max-width:760px}.final-quote-copy p{font-size:1.08rem;line-height:1.75;color:#d7d9db;max-width:760px}.final-quote-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn-outline-light{border:1px solid #fff;color:#fff;background:transparent}.btn-outline-light:hover{background:#fff;color:#17191b}.final-quote-details{border-left:1px solid #4a4d50;padding:12px 0 12px 36px}.final-quote-details .detail-kicker{color:#f05a28;text-transform:uppercase;font-weight:800;letter-spacing:.11em;font-size:.78rem}.final-quote-details h3{font-size:1.55rem;margin:8px 0 20px}.final-quote-details p{color:#c9cbcd;line-height:1.65}.final-quote-details a{color:#fff;font-weight:700;text-decoration:none}.final-quote-details a:hover{color:#f05a28}@media(max-width:800px){.final-quote-section{padding:52px 0}.final-quote-grid{grid-template-columns:1fr;gap:36px}.final-quote-details{border-left:0;border-top:1px solid #4a4d50;padding:28px 0 0}}


/* V7.1 contact-page header fix */
.quote-page .site-header {
  position: relative;
  top: auto;
  z-index: 50;
}
.quote-page main {
  position: relative;
  z-index: 1;
}
.quote-page .page-hero {
  padding-top: 82px;
}
.quote-page .contact-grid {
  align-items: start;
}
.quote-page .info-box {
  position: relative;
}
@media (max-width: 900px) {
  .quote-page .site-header { position: relative; }
  .quote-page nav { top: 100%; }
}

/* V8 Services page */
.services-hero{background:#171a1d;color:#fff;padding:78px 0;border-bottom:4px solid #f05a28}.services-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.services-hero h1{font-size:clamp(2.7rem,5.2vw,5rem);margin:12px 0 20px}.services-hero p{font-size:1.1rem;color:#d7dadd;max-width:690px}.services-hero-photo{height:430px;overflow:hidden;border-bottom:5px solid #f05a28;box-shadow:0 22px 50px rgba(0,0,0,.28)}.services-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-detail{background:#fff;border:1px solid #d9dcde;padding:30px;min-height:390px;position:relative;box-shadow:0 10px 24px rgba(0,0,0,.045)}.service-detail:before{content:"";position:absolute;left:30px;top:0;width:48px;height:4px;background:#f05a28}.service-detail>span{display:block;color:#d94b1f;font-size:.76rem;font-weight:950;letter-spacing:.14em;margin-bottom:14px}.service-detail h3{font-size:1.42rem}.service-detail p{color:#666d72}.service-detail ul{padding:0;margin:22px 0 0;list-style:none;border-top:1px solid #e2e4e5}.service-detail li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid #eceeed;color:#454b50;font-size:.92rem}.service-detail li:before{content:"";position:absolute;left:0;top:18px;width:7px;height:7px;background:#f05a28}.battery-service-band{background:#111416;color:#fff;padding:90px 0}.battery-service-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:62px;align-items:center}.battery-service-photo{height:480px;overflow:hidden;border-bottom:5px solid #f05a28}.battery-service-photo img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.battery-service-copy h2{margin-top:10px}.battery-service-copy p{color:#c9ced1;font-size:1.03rem}.service-approach{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.approach-grid article{background:#fff;border-top:4px solid #f05a28;padding:26px}.approach-grid b{color:#d94b1f;letter-spacing:.12em}.approach-grid h3{margin-top:12px;font-size:1.12rem;text-transform:uppercase}.approach-grid p{color:#687076;margin-bottom:0;font-size:.92rem}@media(max-width:950px){.services-hero-grid,.battery-service-grid,.service-approach{grid-template-columns:1fr}.service-detail-grid{grid-template-columns:1fr 1fr}.services-hero-photo,.battery-service-photo{height:380px}.approach-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.service-detail-grid,.approach-grid{grid-template-columns:1fr}.services-hero{padding:58px 0}.services-hero-photo,.battery-service-photo{height:280px}.service-detail{min-height:0}}

/* V9 Projects page */
.projects-hero{background:#171a1d;color:#fff;padding:76px 0 82px;border-bottom:4px solid #f05a28}.projects-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:58px;align-items:center}.projects-hero h1{font-size:clamp(2.8rem,5vw,5.15rem);line-height:.98;margin:12px 0 22px}.projects-hero-copy>p{font-size:1.08rem;line-height:1.72;color:#d5d8da;max-width:680px}.projects-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.projects-hero-collage{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:215px 215px;gap:12px;min-width:0}.projects-hero-collage figure{margin:0;overflow:hidden;background:#252a2e}.projects-hero-main{grid-row:1/3}.projects-hero-collage img{width:100%;height:100%;object-fit:cover;display:block}.projects-hero-main img{object-position:center 56%}.projects-hero-collage figure:nth-child(2) img{object-position:center 58%}.projects-hero-collage figure:nth-child(3) img{object-position:center 55%}.project-intro{padding-bottom:50px}.project-showcase{background:#fff;padding:0 0 88px}.project-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:520px;background:#f3f3f1;margin-bottom:28px}.project-feature-dark{background:#202428;color:#fff}.project-feature-reverse{grid-template-columns:.92fr 1.08fr}.project-feature-reverse .project-feature-photo{order:2}.project-feature-photo{min-height:520px;overflow:hidden}.project-feature-photo img{width:100%;height:100%;object-fit:cover;display:block}.project-feature-dark .project-feature-photo img{object-position:center 58%}.project-feature-reverse .project-feature-photo img{object-position:center 54%}.project-feature-copy{padding:56px 54px;display:flex;flex-direction:column;justify-content:center}.project-feature-copy>span{color:#f05a28;text-transform:uppercase;font-weight:900;letter-spacing:.13em;font-size:.74rem}.project-feature-copy h2{font-size:clamp(2rem,3.3vw,3.35rem);line-height:1.02;margin:12px 0 18px}.project-feature-copy p{color:#646b70;line-height:1.7;font-size:1.02rem}.project-feature-dark .project-feature-copy p{color:#cfd3d6}.project-feature-copy ul{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid #d7dadd}.project-feature-dark .project-feature-copy ul{border-color:#3f4549}.project-feature-copy li{padding:11px 0 11px 20px;border-bottom:1px solid #dfe1e2;position:relative;font-weight:700}.project-feature-dark .project-feature-copy li{border-color:#3f4549;color:#f0f1f2}.project-feature-copy li:before{content:"";width:7px;height:7px;background:#f05a28;position:absolute;left:0;top:18px}.projects-gallery-section{padding-top:82px}.projects-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:14px}.gallery-card{position:relative;overflow:hidden;background:#202428;margin:0}.gallery-card-tall{grid-row:span 2}.gallery-card-wide{grid-column:span 2}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.gallery-card:hover img{transform:scale(1.025)}.gallery-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.gallery-card>div{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;z-index:2}.gallery-card span{display:block;color:#ff9b79;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:6px}.gallery-card h3{font-size:1.18rem;line-height:1.12;margin:0}.projects-capability-band{background:#202428;color:#fff;padding:82px 0}.projects-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.projects-capability-grid h2{font-size:clamp(2rem,3.6vw,3.5rem);margin:10px 0 18px}.projects-capability-grid p{color:#cbd0d3;line-height:1.72;max-width:650px}.projects-capability-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #444a4e}.projects-capability-list span{padding:19px 14px 19px 22px;border-bottom:1px solid #444a4e;position:relative;font-weight:800}.projects-capability-list span:before{content:"";position:absolute;left:0;top:26px;width:8px;height:8px;background:#f05a28}
@media(max-width:1000px){.projects-hero-grid,.project-feature,.project-feature-reverse,.projects-capability-grid{grid-template-columns:1fr}.project-feature-reverse .project-feature-photo{order:0}.projects-hero-collage{grid-template-rows:190px 190px}.project-feature-photo{min-height:420px}.projects-gallery{grid-template-columns:repeat(2,1fr)}.gallery-card-tall{grid-row:span 1}.gallery-card-wide{grid-column:span 1}}
@media(max-width:650px){.projects-hero{padding:56px 0}.projects-hero-collage{grid-template-columns:1fr 1fr;grid-template-rows:250px 145px}.projects-hero-main{grid-column:1/3;grid-row:auto}.project-feature-photo{min-height:290px}.project-feature-copy{padding:34px 26px}.projects-gallery{grid-template-columns:1fr;grid-auto-rows:260px}.projects-capability-list{grid-template-columns:1fr}.projects-hero-actions .btn{width:100%}}

/* V10 About + Careers */
.about-hero,.careers-hero{background:#171a1d;color:#fff;padding:78px 0;border-bottom:4px solid #f05a28}.about-hero-grid,.careers-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.about-hero h1,.careers-hero h1{font-size:clamp(2.9rem,5.1vw,5.2rem);line-height:.98;margin:12px 0 22px}.about-hero p,.careers-hero p{font-size:1.08rem;line-height:1.75;color:#d3d7da;max-width:680px}.about-hero-photo,.careers-hero figure{height:450px;overflow:hidden;margin:0;border-bottom:5px solid #f05a28}.about-hero-photo img,.careers-hero figure img{width:100%;height:100%;object-fit:cover;display:block}.careers-hero figure img{object-position:center 58%}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.about-stats div{border-top:1px solid #454b4f;padding-top:15px}.about-stats strong{display:block;color:#fff;font-size:1.28rem}.about-stats span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#aeb4b8;font-weight:800}.about-story-grid,.about-photo-band,.careers-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-story-photo,.about-photo-band figure{margin:0;height:470px;overflow:hidden}.about-story-photo img,.about-photo-band figure img{width:100%;height:100%;object-fit:cover;display:block}.about-story-photo img{object-position:center 58%}.about-dark,.careers-dark{background:#202428;color:#fff;padding:88px 0}.about-dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.about-dark p,.careers-dark p{color:#cbd0d3}.about-principles,.career-values{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-principles article,.career-values article{border-top:4px solid #f05a28;background:#2b3034;padding:27px}.about-principles span,.career-values span{color:#f05a28;font-weight:950;letter-spacing:.12em}.about-principles h3,.career-values h3{font-size:1.05rem;text-transform:uppercase;margin:12px 0 8px}.about-principles p,.career-values p{font-size:.92rem;margin:0;line-height:1.6}.careers-hero .btn{margin-top:18px}.career-values{grid-template-columns:repeat(4,1fr);margin-top:34px}.application-section{background:#f3f3f1}.application-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:34px}.job-application{display:block;background:#fff;border:1px solid #d9dcde;box-shadow:0 15px 35px rgba(0,0,0,.06)}.application-group{padding:34px 38px;border-bottom:1px solid #e2e4e5}.application-group:last-child{border-bottom:0}.application-group h3{margin:0 0 24px;text-transform:uppercase;font-size:1rem;letter-spacing:.05em;border-left:4px solid #f05a28;padding-left:12px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.application-grid .field.full{grid-column:1/-1}.application-cert label{display:flex;gap:10px;align-items:flex-start;font-weight:700}.application-cert input{width:auto;margin-top:4px}.application-note{font-size:.82rem;color:#777d81;margin:10px 0 0}.job-application input[type=file]{padding:9px;background:#f8f8f7}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.application-section textarea{min-height:130px}@media(max-width:950px){.about-hero-grid,.careers-hero-grid,.about-story-grid,.about-photo-band,.careers-intro,.about-dark-grid,.application-head{grid-template-columns:1fr}.career-values{grid-template-columns:1fr 1fr}.about-hero-photo,.careers-hero figure,.about-story-photo,.about-photo-band figure{height:360px}}@media(max-width:650px){.about-stats,.about-principles,.career-values,.application-grid{grid-template-columns:1fr}.application-grid .field.full{grid-column:auto}.application-group{padding:26px 22px}.about-hero,.careers-hero{padding:58px 0}.about-hero-photo,.careers-hero figure,.about-story-photo,.about-photo-band figure{height:280px}}

/* V11 final homepage polish */
.service-image { background-size:cover !important; background-position:center !important; }
.service-image::before { background:linear-gradient(180deg,rgba(10,13,15,.06) 15%,rgba(10,13,15,.78) 100%) !important; z-index:1; }
.service-image::after { display:none; }
.battery-visual { background-image:linear-gradient(180deg,rgba(12,15,17,.08) 20%,rgba(12,15,17,.82) 100%),url('project-images/battery-equipment.jpg'); background-size:cover; background-position:center 55%; }
.battery-visual::before,.battery-visual::after { display:none; }
.hero-focus-card strong { font-size:clamp(1.65rem,2.4vw,2.2rem); line-height:1.08; }


/* V12 final site-wide header refinement */
.site-header { transition: box-shadow .2s ease, background-color .2s ease; }
.site-header .nav-wrap { transition: min-height .2s ease; }
.site-header .brand img, .site-header .brand-new img { transition: width .2s ease, height .2s ease; }
.site-header.is-scrolled { box-shadow: 0 8px 22px rgba(0,0,0,.08); background: rgba(255,255,255,.985); }
.site-header.is-scrolled .nav-wrap { min-height: 68px; }
.site-header.is-scrolled .brand:not(.brand-new) img { width: 78px; height: 42px; }
.site-header.is-scrolled .brand-new { width: 250px; min-width: 250px; }
.site-header.is-scrolled .brand-new img { width: 250px; }
.site-header.is-scrolled nav { gap: 18px; }
@media (max-width: 900px) {
  .site-header.is-scrolled .nav-wrap { min-height: 68px; }
  .site-header.is-scrolled .brand-new { width: 205px; min-width: 205px; }
  .site-header.is-scrolled .brand-new img { width: 205px; }
  .site-header.is-scrolled nav { top: 68px; }
}

/* V13 mobile homepage refinement */
@media (max-width: 620px) {
  .hero-home { padding: 58px 0 52px; }
  .hero-home-grid { gap: 34px; }
  .hero-home h1 {
    font-size: clamp(2.8rem, 13vw, 4rem);
    line-height: .94;
    margin: 8px 0 18px;
  }
  .hero-lead {
    font-size: 1.06rem !important;
    line-height: 1.58 !important;
  }
  .hero-actions { margin-top: 22px; gap: 10px; }
  .hero-actions .btn { padding: 14px 18px; }
  .hero-focus-card { padding: 26px 24px; }
  .hero-focus-card strong { font-size: 1.6rem; }
}
