:root{
  --workshop:#F6F7F4;
  --galvanized:#EAEDE9;
  --forge:#24343B;
  --rust:#B65A32;
  --rust-deep:#9C4A26;
  --rust-light:#E59062;
  --blue:#3E6B8C;
  --charcoal:#2B2F2C;
  --bodytext:#39403C;
  --hairline:#DDE1DA;
  --rice:#F6F3EA;
  --mist:#C9CFC9;
  --dusk:#AEB8B2;
  --line-dark:#3A4A50;
}

*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{
  font-size:16px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background-color:#F6F7F4;
  color:#2B2F2C;
  line-height:1.65;
  -webkit-text-size-adjust:100%;
}

img{max-width:100%;display:block}
a{color:#3E6B8C}

.container{max-width:1200px;margin:0 auto;padding:0 24px}

.btn-rust{
  display:inline-block;background-color:#B65A32;color:#FFFFFF;
  padding:14px 30px;border:2px solid #B65A32;font-weight:700;
  letter-spacing:0.8px;text-transform:uppercase;font-size:14px;
  text-decoration:none;transition:background-color 0.2s,border-color 0.2s;
}
.btn-rust:hover{background-color:#9C4A26;border-color:#9C4A26;color:#FFFFFF}

.btn-outline{
  display:inline-block;background-color:#F6F7F4;color:#24343B;
  padding:14px 30px;border:2px solid #24343B;font-weight:700;
  letter-spacing:0.8px;text-transform:uppercase;font-size:14px;
  text-decoration:none;transition:background-color 0.2s,color 0.2s;
}
.btn-outline:hover{background-color:#24343B;color:#F6F3EA}

.fade-up{opacity:0;transform:translateY(18px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-up.visible{opacity:1;transform:none}

/* ============ HASP PLATE NAV ============ */
.hasp-plate-nav{
  position:sticky;top:0;z-index:60;
  background-color:#EAEDE9;
  border-bottom:3px solid #3E6B8C;
}
.hasp-plate-nav.scrolled{box-shadow:0 2px 0 #DDE1DA}
.hasp-inner{
  max-width:1200px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.hasp-plate{
  position:relative;display:inline-block;background-color:#24343B;
  padding:14px 26px;text-decoration:none;
}
.plate-word{
  color:#B65A32;font-size:20px;font-weight:800;letter-spacing:4px;text-transform:uppercase;
}
.rivet{position:absolute;width:5px;height:5px;border-radius:50%;background-color:#8FA3AC}
.rivet.tl{top:5px;left:5px}
.rivet.tr{top:5px;right:5px}
.rivet.bl{bottom:5px;left:5px}
.rivet.br{bottom:5px;right:5px}

.hasp-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hasp-links a{
  display:inline-flex;align-items:center;gap:8px;
  color:#2B2F2C;text-decoration:none;text-transform:uppercase;
  font-size:13px;font-weight:700;letter-spacing:1.4px;
  padding:6px 2px;border-bottom:2px solid transparent;
  transition:color 0.2s,border-color 0.2s;
}
.hasp-mark{width:7px;height:7px;background-color:#B65A32;display:inline-block;flex-shrink:0}
.hasp-links a:hover{color:#3E6B8C;border-bottom-color:#3E6B8C}
.hasp-links a.active{color:#B65A32;border-bottom-color:#B65A32}

/* ============ CORRUGATE BAY HERO ============ */
.corrugate-bay-hero{
  position:relative;background-color:#F6F7F4;
  padding:84px 0 92px;overflow:hidden;
}
.corrugate-bay-hero::before{
  content:"";position:absolute;top:0;bottom:0;left:0;width:6px;
  background-color:#EAEDE9;
  box-shadow:12px 0 0 #EAEDE9, 24px 0 0 #EAEDE9, 36px 0 0 #EAEDE9, 48px 0 0 #EAEDE9, 60px 0 0 #EAEDE9, 72px 0 0 #EAEDE9, 84px 0 0 #EAEDE9, 96px 0 0 #EAEDE9, 108px 0 0 #EAEDE9, 120px 0 0 #EAEDE9, 132px 0 0 #EAEDE9, 144px 0 0 #EAEDE9, 156px 0 0 #EAEDE9, 168px 0 0 #EAEDE9, 180px 0 0 #EAEDE9, 192px 0 0 #EAEDE9, 204px 0 0 #EAEDE9, 216px 0 0 #EAEDE9, 228px 0 0 #EAEDE9, 240px 0 0 #EAEDE9, 252px 0 0 #EAEDE9, 264px 0 0 #EAEDE9, 276px 0 0 #EAEDE9, 288px 0 0 #EAEDE9, 300px 0 0 #EAEDE9, 312px 0 0 #EAEDE9, 324px 0 0 #EAEDE9, 336px 0 0 #EAEDE9, 348px 0 0 #EAEDE9, 360px 0 0 #EAEDE9, 372px 0 0 #EAEDE9, 384px 0 0 #EAEDE9, 396px 0 0 #EAEDE9, 408px 0 0 #EAEDE9, 420px 0 0 #EAEDE9, 432px 0 0 #EAEDE9, 444px 0 0 #EAEDE9, 456px 0 0 #EAEDE9, 468px 0 0 #EAEDE9, 480px 0 0 #EAEDE9, 492px 0 0 #EAEDE9, 504px 0 0 #EAEDE9, 516px 0 0 #EAEDE9, 528px 0 0 #EAEDE9, 540px 0 0 #EAEDE9, 552px 0 0 #EAEDE9, 564px 0 0 #EAEDE9, 576px 0 0 #EAEDE9, 588px 0 0 #EAEDE9, 600px 0 0 #EAEDE9, 612px 0 0 #EAEDE9, 624px 0 0 #EAEDE9, 636px 0 0 #EAEDE9, 648px 0 0 #EAEDE9, 660px 0 0 #EAEDE9, 672px 0 0 #EAEDE9, 684px 0 0 #EAEDE9, 696px 0 0 #EAEDE9, 708px 0 0 #EAEDE9, 720px 0 0 #EAEDE9, 732px 0 0 #EAEDE9, 744px 0 0 #EAEDE9, 756px 0 0 #EAEDE9, 768px 0 0 #EAEDE9, 780px 0 0 #EAEDE9, 792px 0 0 #EAEDE9, 804px 0 0 #EAEDE9, 816px 0 0 #EAEDE9, 828px 0 0 #EAEDE9, 840px 0 0 #EAEDE9, 852px 0 0 #EAEDE9, 864px 0 0 #EAEDE9, 876px 0 0 #EAEDE9, 888px 0 0 #EAEDE9, 900px 0 0 #EAEDE9, 912px 0 0 #EAEDE9, 924px 0 0 #EAEDE9, 936px 0 0 #EAEDE9, 948px 0 0 #EAEDE9, 960px 0 0 #EAEDE9, 972px 0 0 #EAEDE9, 984px 0 0 #EAEDE9, 996px 0 0 #EAEDE9, 1008px 0 0 #EAEDE9, 1020px 0 0 #EAEDE9, 1032px 0 0 #EAEDE9, 1044px 0 0 #EAEDE9, 1056px 0 0 #EAEDE9, 1068px 0 0 #EAEDE9, 1080px 0 0 #EAEDE9, 1092px 0 0 #EAEDE9, 1104px 0 0 #EAEDE9, 1116px 0 0 #EAEDE9, 1128px 0 0 #EAEDE9, 1140px 0 0 #EAEDE9, 1152px 0 0 #EAEDE9, 1164px 0 0 #EAEDE9, 1176px 0 0 #EAEDE9, 1188px 0 0 #EAEDE9, 1200px 0 0 #EAEDE9, 1212px 0 0 #EAEDE9, 1224px 0 0 #EAEDE9, 1236px 0 0 #EAEDE9, 1248px 0 0 #EAEDE9, 1260px 0 0 #EAEDE9, 1272px 0 0 #EAEDE9, 1284px 0 0 #EAEDE9, 1296px 0 0 #EAEDE9, 1308px 0 0 #EAEDE9, 1320px 0 0 #EAEDE9, 1332px 0 0 #EAEDE9, 1344px 0 0 #EAEDE9, 1356px 0 0 #EAEDE9, 1368px 0 0 #EAEDE9, 1380px 0 0 #EAEDE9, 1392px 0 0 #EAEDE9, 1404px 0 0 #EAEDE9, 1416px 0 0 #EAEDE9, 1428px 0 0 #EAEDE9, 1440px 0 0 #EAEDE9, 1452px 0 0 #EAEDE9, 1464px 0 0 #EAEDE9, 1476px 0 0 #EAEDE9, 1488px 0 0 #EAEDE9, 1500px 0 0 #EAEDE9, 1512px 0 0 #EAEDE9, 1524px 0 0 #EAEDE9, 1536px 0 0 #EAEDE9, 1548px 0 0 #EAEDE9, 1560px 0 0 #EAEDE9, 1572px 0 0 #EAEDE9, 1584px 0 0 #EAEDE9, 1596px 0 0 #EAEDE9, 1608px 0 0 #EAEDE9, 1620px 0 0 #EAEDE9, 1632px 0 0 #EAEDE9, 1644px 0 0 #EAEDE9, 1656px 0 0 #EAEDE9, 1668px 0 0 #EAEDE9, 1680px 0 0 #EAEDE9, 1692px 0 0 #EAEDE9, 1704px 0 0 #EAEDE9, 1716px 0 0 #EAEDE9, 1728px 0 0 #EAEDE9, 1740px 0 0 #EAEDE9, 1752px 0 0 #EAEDE9, 1764px 0 0 #EAEDE9, 1776px 0 0 #EAEDE9, 1788px 0 0 #EAEDE9, 1800px 0 0 #EAEDE9, 1812px 0 0 #EAEDE9, 1824px 0 0 #EAEDE9, 1836px 0 0 #EAEDE9, 1848px 0 0 #EAEDE9, 1860px 0 0 #EAEDE9, 1872px 0 0 #EAEDE9, 1884px 0 0 #EAEDE9, 1896px 0 0 #EAEDE9, 1908px 0 0 #EAEDE9, 1920px 0 0 #EAEDE9, 1932px 0 0 #EAEDE9, 1944px 0 0 #EAEDE9, 1956px 0 0 #EAEDE9, 1968px 0 0 #EAEDE9, 1980px 0 0 #EAEDE9, 1992px 0 0 #EAEDE9, 2004px 0 0 #EAEDE9, 2016px 0 0 #EAEDE9, 2028px 0 0 #EAEDE9, 2040px 0 0 #EAEDE9, 2052px 0 0 #EAEDE9, 2064px 0 0 #EAEDE9, 2076px 0 0 #EAEDE9, 2088px 0 0 #EAEDE9, 2100px 0 0 #EAEDE9, 2112px 0 0 #EAEDE9, 2124px 0 0 #EAEDE9, 2136px 0 0 #EAEDE9, 2148px 0 0 #EAEDE9, 2160px 0 0 #EAEDE9, 2172px 0 0 #EAEDE9, 2184px 0 0 #EAEDE9, 2196px 0 0 #EAEDE9, 2208px 0 0 #EAEDE9, 2220px 0 0 #EAEDE9, 2232px 0 0 #EAEDE9, 2244px 0 0 #EAEDE9, 2256px 0 0 #EAEDE9, 2268px 0 0 #EAEDE9, 2280px 0 0 #EAEDE9;
  z-index:0;
}
.bay-hero-inner{
  position:relative;z-index:1;
  max-width:1200px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;gap:56px;
}
.bay-scene{width:55%;max-width:520px;flex-shrink:0}
.bay-door{
  height:440px;border:12px solid #24343B;border-bottom:none;
  background-color:#EAEDE9;display:flex;flex-direction:column;
}
.bay-slats{flex:1;display:flex;flex-direction:column}
.slat{flex:1;background-color:#EAEDE9;border-bottom:4px solid #24343B}
.slat:nth-child(even){background-color:#E2E6E1}
.bay-open{
  height:24%;background-color:#B65A32;
  border-top:8px solid #24343B;position:relative;
}
.crate{
  position:absolute;left:26px;bottom:16px;width:46px;height:36px;
  background-color:#7C4A2A;border:3px solid #24343B;
}
.crate::after{
  content:"";position:absolute;left:0;right:0;top:14px;height:3px;background-color:#24343B;
}
.hardhat{
  position:absolute;left:98px;bottom:16px;width:32px;height:17px;
  background-color:#F6F3EA;border:3px solid #24343B;border-bottom:none;
  border-radius:16px 16px 0 0;
}
.bay-ground{height:12px;background-color:#24343B}

.bay-copy{width:45%}
.eyebrow-chip{
  display:inline-block;background-color:#B65A32;color:#F6F3EA;
  text-transform:uppercase;letter-spacing:2.4px;font-size:12px;font-weight:700;
  padding:8px 16px;margin-bottom:24px;
}
.bay-copy h1{
  font-size:clamp(44px,4.6vw,60px);line-height:1.06;font-weight:800;
  color:#24343B;margin-bottom:22px;letter-spacing:-0.5px;
}
.rust-word{color:#B65A32}
.hero-lede,.bay-copy .lede{font-size:17px;color:#39403C;max-width:560px;margin-bottom:30px}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}
.spec-strip{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#24343B;
}
.bolt{width:8px;height:8px;border-radius:50%;background-color:#3E6B8C;display:inline-block}

/* ============ UNIT COMPARATOR ============ */
.unit-comparator{
  background-color:#EAEDE9;
  border-top:1px solid #DDE1DA;border-bottom:1px solid #DDE1DA;
  padding:92px 0;
}
.section-kicker{
  color:#B65A32;text-transform:uppercase;letter-spacing:3px;
  font-weight:800;font-size:13px;margin-bottom:12px;
}
.unit-comparator h2{color:#24343B;font-size:36px;margin-bottom:20px;line-height:1.15}
.section-head p{color:#39403C;max-width:880px;margin-bottom:14px}

.comparator-grid{
  margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);
  gap:2px;background-color:#3E6B8C;border:2px solid #3E6B8C;
}
.unit-col{background-color:#F6F7F4;display:flex;flex-direction:column}
.unit-head{
  background-color:#24343B;color:#F6F3EA;text-align:center;
  text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:15px;
  padding:15px 18px;
}
.unit-art{
  height:158px;background-color:#F6F7F4;border-bottom:1px solid #DDE1DA;
  display:flex;align-items:center;justify-content:center;
}
.art-office{position:relative;width:180px;height:120px}
.cabin{
  position:absolute;left:15px;bottom:16px;width:150px;height:92px;
  background-color:#EAEDE9;border:3px solid #24343B;
}
.cabin .roof{
  position:absolute;top:-16px;left:-9px;right:-9px;height:12px;
  background-color:#B65A32;border:3px solid #24343B;
}
.cabin .door{
  position:absolute;left:14px;bottom:0;width:27px;height:46px;
  background-color:#B65A32;border:3px solid #24343B;border-bottom:none;
}
.cabin .window{
  position:absolute;right:16px;top:18px;width:34px;height:25px;
  background-color:#3E6B8C;border:3px solid #24343B;
}
.cabin::after{
  content:"";position:absolute;left:-9px;right:-9px;bottom:-12px;height:6px;
  background-color:#24343B;
}
.art-container{position:relative;width:190px;height:110px}
.cont{
  position:absolute;left:10px;bottom:18px;width:170px;height:86px;
  background-color:#B65A32;border:3px solid #24343B;display:flex;
}
.door-l,.door-r{width:50%;position:relative}
.door-l{border-right:3px solid #24343B}
.door-l::before,.door-l::after,.door-r::before,.door-r::after{
  content:"";position:absolute;top:8px;bottom:8px;width:3px;background-color:#24343B;
}
.door-l::before{left:10px}
.door-l::after{right:8px}
.door-r::before{left:8px}
.door-r::after{right:10px}
.cont::after{
  content:"";position:absolute;left:-6px;right:-6px;bottom:-11px;height:5px;
  background-color:#24343B;
}
.art-custom{position:relative;width:190px;height:120px}
.ibeam{
  position:absolute;left:56px;bottom:16px;width:26px;height:96px;
  background-color:#24343B;
}
.ibeam::before,.ibeam::after{
  content:"";position:absolute;left:-15px;width:56px;height:13px;background-color:#24343B;
}
.ibeam::before{top:0}
.ibeam::after{bottom:0}
.wrench{
  position:absolute;right:44px;bottom:16px;width:11px;height:72px;
  background-color:#3E6B8C;border-radius:4px;
}
.wrench::before{
  content:"";position:absolute;top:-16px;left:-8px;width:25px;height:25px;
  border:9px solid #3E6B8C;border-radius:50%;background-color:transparent;
}
.wrench::after{
  content:"";position:absolute;top:-26px;left:2px;width:9px;height:16px;
  background-color:#F6F7F4;transform:rotate(45deg);
}
.unit-spec-line{
  font-size:40px;font-weight:800;color:#B65A32;text-align:center;
  padding:18px 0 4px;letter-spacing:2px;
}
.spec-rows{list-style:none;padding:8px 20px 14px;margin:0}
.spec-rows li{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:10px 0;border-bottom:1px solid #DDE1DA;font-size:14px;
}
.spec-rows li:last-child{border-bottom:none}
.spec-label{
  color:#3E6B8C;text-transform:uppercase;letter-spacing:1px;
  font-weight:700;font-size:12px;white-space:nowrap;
}
.spec-val{color:#2B2F2C;text-align:right;font-weight:600}
.unit-foot{margin-top:auto;padding:16px 20px 22px;text-align:center}
.compare-chip{
  display:inline-block;background-color:#24343B;color:#F6F3EA;
  font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  padding:10px 20px;text-decoration:none;transition:background-color 0.2s;
}
.compare-chip:hover{background-color:#3E6B8C;color:#F6F3EA}
.comparator-note{margin-top:36px}
.comparator-note p{color:#39403C;max-width:900px}

/* ============ METRIC BAND ============ */
.metric-band{background-color:#24343B;padding:64px 0}
.metric-inner{
  max-width:1200px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:repeat(4,1fr);
}
.metric{text-align:center;padding:8px 12px;border-left:1px solid #46565E}
.metric:first-child{border-left:none}
.metric-num{
  font-size:54px;font-weight:800;color:#B65A32;line-height:1;
  display:inline-block;letter-spacing:1px;
}
.metric-suffix{font-size:28px;font-weight:800;color:#B65A32;letter-spacing:1px}
.metric-label{
  display:block;margin-top:12px;color:#F6F3EA;
  text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:700;
}

/* ============ STATEMENT BAND ============ */
.statement-band{background-color:#F6F7F4;padding:92px 0}
.statement-inner{
  max-width:980px;margin:0 auto;padding:0 24px;
  display:flex;gap:30px;
}
.statement-bar{width:4px;background-color:#B65A32;flex-shrink:0}
.statement-text{font-size:24px;line-height:1.55;color:#24343B;font-weight:600}
.statement-attr{
  margin-top:20px;color:#3E6B8C;text-transform:uppercase;
  letter-spacing:2.2px;font-size:13px;font-weight:700;
}

/* ============ CTA BAND ============ */
.cta-band{
  background-color:#EAEDE9;border-top:1px solid #DDE1DA;
  padding:88px 0;text-align:center;
}
.cta-band h2{color:#24343B;font-size:34px;margin-bottom:16px;line-height:1.2}
.cta-band p{color:#39403C;max-width:640px;margin:0 auto 30px}

/* ============ GANTRY RAIL FOOTER ============ */
.gantry-rail-footer{background-color:#24343B;color:#C9CFC9}
.gantry-rail{height:6px;background-color:#B65A32;position:relative}
.trolley{
  position:absolute;top:-5px;width:14px;height:14px;
  background-color:#3E6B8C;border:2px solid #F6F3EA;
}
.trolley.t1{left:16%}
.trolley.t2{left:64%}
.gantry-inner{
  max-width:1200px;margin:0 auto;padding:54px 24px 42px;
  display:grid;grid-template-columns:1.35fr 1fr;gap:44px;
  position:relative;z-index:1;
}
.brand-plate{
  display:inline-block;position:relative;background-color:#1A2529;
  padding:11px 18px;margin-bottom:18px;
  color:#F6F3EA;font-weight:800;letter-spacing:4px;font-size:16px;
}
.brand-rivet{position:absolute;width:4px;height:4px;border-radius:50%;background-color:#8FA3AC}
.brand-rivet.br1{top:5px;left:5px}
.brand-rivet.br2{bottom:5px;right:5px}
.gantry-brand p{font-size:15px;max-width:500px;margin-bottom:12px}
.gantry-links{display:flex;gap:64px;flex-wrap:wrap}
.gantry-links ul{list-style:none;margin:0;padding:0}
.gantry-links li{margin-bottom:12px}
.gantry-links a{
  color:#E7E3D8;text-decoration:none;font-size:14px;letter-spacing:1px;
}
.gantry-links a:hover{color:#E59062;text-decoration:underline}
.gantry-legal{border-top:1px solid #3A4A50}
.gantry-legal p{
  max-width:1200px;margin:0 auto;padding:20px 24px;
  font-size:13.5px;color:#AEB8B2;position:relative;z-index:1;
}

/* ============ PAGE HERO (SECONDARY PAGES) ============ */
.page-hero{
  position:relative;background-color:#24343B;
  border-bottom:6px solid #B65A32;padding:74px 0 66px;
}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{
  color:#F6F3EA;font-size:clamp(34px,4vw,48px);line-height:1.12;
  margin-bottom:18px;font-weight:800;
}
.page-hero .lede{color:#C9CFC9;font-size:17px;max-width:780px}

/* ============ SERVICE BLOCKS ============ */
.service-blocks{background-color:#F6F7F4;padding:78px 0 60px}
.service-block{
  display:flex;gap:34px;padding:36px 0;
  border-bottom:1px solid #DDE1DA;
}
.service-block:last-child{border-bottom:none}
.service-index{
  min-width:92px;font-size:46px;font-weight:800;
  color:#B65A32;line-height:1;letter-spacing:1px;
}
.service-body h2{color:#24343B;font-size:27px;margin-bottom:12px;line-height:1.2}
.service-body p{color:#39403C;margin-bottom:12px;max-width:860px}
.service-points{
  list-style:none;margin:14px 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:10px;
}
.service-points li{
  background-color:#EAEDE9;border:1px solid #DDE1DA;border-left:4px solid #3E6B8C;
  padding:8px 14px;font-size:13.5px;font-weight:600;color:#24343B;
}

/* ============ PROCESS BAND ============ */
.process-band{
  background-color:#EAEDE9;border-top:1px solid #DDE1DA;
  padding:76px 0;
}
.process-band h2{color:#24343B;font-size:32px;margin-bottom:10px;line-height:1.2}
.process-lead{color:#39403C;max-width:780px;margin-bottom:34px}
.process-list{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(5,1fr);gap:2px;
  background-color:#3E6B8C;border:2px solid #3E6B8C;
  counter-reset:step;
}
.process-list li{
  background-color:#F6F7F4;padding:22px 18px;counter-increment:step;
}
.process-list li::before{
  content:counter(step,decimal-leading-zero);
  display:block;color:#B65A32;font-weight:800;font-size:24px;margin-bottom:10px;
}
.process-list h3{
  color:#24343B;font-size:15px;text-transform:uppercase;
  letter-spacing:1.2px;margin-bottom:8px;
}
.process-list p{color:#39403C;font-size:14px}

/* ============ CONTACT PAGE ============ */
.contact-wrap{background-color:#F6F7F4;padding:78px 0}
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:44px;align-items:start}
.form-panel{
  background-color:#EAEDE9;border:1px solid #DDE1DA;
  border-top:5px solid #B65A32;padding:34px;
}
.form-panel h2{color:#24343B;font-size:26px;margin-bottom:8px}
.form-panel .form-note{color:#39403C;margin-bottom:24px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-group{margin-bottom:18px}
.form-group label{
  display:block;color:#24343B;font-weight:700;font-size:13px;
  text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;
}
.form-group input,.form-group textarea{
  width:100%;background-color:#F6F7F4;border:2px solid #DDE1DA;
  padding:12px 14px;font:inherit;color:#2B2F2C;
}
.form-group input:focus,.form-group textarea:focus{
  outline:none;border-color:#3E6B8C;background-color:#FFFFFF;
}
.form-group textarea{min-height:150px;resize:vertical}
.form-status{margin-top:16px;color:#3E6B8C;font-weight:600;min-height:24px}

.info-panel{
  background-color:#24343B;color:#C9CFC9;padding:34px;
  border-top:5px solid #3E6B8C;
}
.info-panel h2{color:#F6F3EA;font-size:24px;margin-bottom:14px}
.info-panel h3{
  color:#F6F3EA;font-size:14px;text-transform:uppercase;letter-spacing:1.6px;
  margin:24px 0 10px;padding-top:18px;border-top:1px solid #3A4A50;
}
.info-panel h3:first-of-type{border-top:none;padding-top:0;margin-top:22px}
.info-panel p{font-size:15px;margin-bottom:8px}
.info-panel a{color:#E59062;text-decoration:none;font-weight:700}
.info-panel a:hover{text-decoration:underline}
.info-block{color:#E7E3D8;font-style:normal;font-size:15px;line-height:1.7}
.hours-table{width:100%;border-collapse:collapse;margin-top:4px}
.hours-table td{
  padding:8px 0;border-bottom:1px solid #3A4A50;
  font-size:14px;color:#C9CFC9;
}
.hours-table tr:last-child td{border-bottom:none}
.hours-table td.day{color:#F6F3EA;font-weight:700}

.faq-band{
  background-color:#EAEDE9;border-top:1px solid #DDE1DA;
  padding:74px 0 84px;
}
.faq-band h2{color:#24343B;font-size:30px;margin-bottom:26px}
.faq-item{
  background-color:#F6F7F4;border:1px solid #DDE1DA;
  border-left:5px solid #B65A32;margin-bottom:14px;
}
.faq-item summary{
  cursor:pointer;list-style:none;display:flex;
  justify-content:space-between;align-items:center;gap:14px;
  padding:17px 20px;font-weight:700;color:#24343B;font-size:16px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";color:#B65A32;font-size:24px;font-weight:800;line-height:1;flex-shrink:0;
}
.faq-item[open] summary::after{content:"\2013"}
.faq-item p{padding:0 20px 19px;color:#39403C}

/* ============ RESPONSIVE ============ */
@media (max-width:1020px){
  .bay-hero-inner{flex-direction:column-reverse;gap:44px;align-items:flex-start}
  .bay-scene,.bay-copy{width:100%}
  .bay-scene{max-width:440px}
  .comparator-grid{grid-template-columns:1fr}
  .metric-inner{grid-template-columns:1fr 1fr;gap:30px 0}
  .metric:nth-child(3){border-left:none}
  .process-list{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .gantry-inner{grid-template-columns:1fr;gap:30px}
}
@media (max-width:640px){
  .hasp-inner{padding:12px 16px;gap:12px}
  .hasp-links{gap:14px 18px}
  .hasp-links a{font-size:12px;letter-spacing:1px}
  .corrugate-bay-hero{padding:56px 0 64px}
  .bay-copy h1{font-size:40px}
  .service-block{flex-direction:column;gap:10px}
  .service-index{min-width:0;font-size:36px}
  .process-list{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .form-panel,.info-panel{padding:24px}
  .metric-num{font-size:42px}
  .statement-text{font-size:20px}
  .unit-comparator h2,.cta-band h2,.process-band h2{font-size:27px}
}