:root{--navy:#062b56;--deep:#031d3b;--gold:#f4aa16;--ink:#102947;--light:#f5f6f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}.wrap{max-width:1240px;margin:auto;padding:0 28px}header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 1px 8px #0001}.nav{height:112px;display:flex;align-items:center;gap:28px}.logo{width:340px;max-height:100px;object-fit:contain}.nav nav{margin-left:auto;display:flex;gap:25px;align-items:center}.nav a{text-decoration:none;color:var(--ink);font-weight:700}.btn{display:inline-block;padding:14px 22px;border-radius:5px;background:var(--gold);color:#082748!important;text-decoration:none;font-weight:800}.btn.outline{background:transparent;color:white!important;border:1px solid white;margin-left:12px}.hero{min-height:570px;color:#fff;display:grid;align-items:center;background:linear-gradient(90deg,rgba(1,25,51,.98),rgba(3,37,70,.72),rgba(3,37,70,.17)),url('hero-firefighter.png') center/cover}.hero h1{font-size:58px;line-height:1.06;margin:0 0 22px;max-width:860px}.hero p{font-size:20px;max-width:680px;margin-bottom:30px}.gold{color:#f8b427}.section{padding:72px 0}.center{text-align:center}.section h2,.page h2{font-size:42px;margin:0 0 14px;color:#082d58}.eyebrow{letter-spacing:.2em;color:#667388;font-size:13px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:42px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{background:#f5f6f6;padding:30px;border-radius:8px;border-top:4px solid var(--gold)}.icon{width:56px;height:56px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:25px}.split{display:grid;grid-template-columns:1.1fr .9fr}.dark{background:var(--deep);color:white;padding:65px max(28px,calc((100vw - 1240px)/2));padding-right:55px}.dark h2{color:white}.photo{min-height:500px;background:center/cover}.built{background:#f2f3f3;padding:60px}.built li{margin:14px 0}.cta{padding:58px 20px;text-align:center;color:#fff;background:linear-gradient(120deg,#0b426c,#031d3b)}.cta h2{color:#fff;font-size:40px}.pagehero{min-height:380px;color:white;display:grid;align-items:end;background-position:center;background-size:cover}.pagehero .wrap{width:100%;padding-bottom:55px}.pagehero h1{font-size:55px;margin:0}.pagehero p{font-size:20px;max-width:720px}.aboutHero{background-image:linear-gradient(90deg,#031d3be8,#031d3b44),url('strategy.png')}.servicesHero{background-image:linear-gradient(90deg,#031d3bdc,#031d3b33),url('fire-service.png')}.trainingHero{background-image:linear-gradient(90deg,#031d3bdc,#031d3b22),url('training.png')}.contactHero{background-image:linear-gradient(90deg,#031d3bec,#031d3b77),url('hero-firefighter.png')}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.twocol img{width:100%;border-radius:8px}.listcheck{padding:0;list-style:none}.listcheck li{margin:12px 0;padding-left:25px;position:relative}.listcheck li:before{content:'✓';position:absolute;left:0;color:#c88700;font-weight:bold}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.contactbox{background:#f4f5f5;padding:35px;border-radius:8px}.field{display:grid;gap:7px;margin-bottom:18px}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #bbc5ce;border-radius:4px;font:inherit}.field textarea{min-height:140px}footer{background:#021b36;color:#dfe7ef;padding:38px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.footerlogo{width:210px;background:#fff;border-radius:4px}.menuBtn{display:none;background:none;border:0;font-size:28px}@media(max-width:850px){.nav{height:92px}.logo{width:255px;max-height:82px}.menuBtn{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:22px;flex-direction:column}.nav nav.open{display:flex}.hero h1,.pagehero h1{font-size:41px}.grid4,.grid3{grid-template-columns:1fr 1fr}.split,.twocol,.contactgrid{grid-template-columns:1fr}.photo{min-height:350px}footer .wrap{flex-direction:column;text-align:center}}@media(max-width:520px){.grid4,.grid3{grid-template-columns:1fr}.wrap{padding:0 20px}.hero h1,.pagehero h1{font-size:35px}.btn{display:block;text-align:center;margin:10px 0!important}}
