
:root{--bg:#090e17;--panel:#111b29;--muted:#a5b2c2;--blue:#21b9f3;--yellow:#ffc928;--white:#f6f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.wrap{max-width:1200px;margin:auto;padding:0 26px}.top{background:#f8c627;color:#10141c;text-align:center;padding:9px 16px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.header{position:sticky;top:0;z-index:20;background:#080d16ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff17}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:85px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:53px;height:53px;object-fit:cover;border-radius:50%}.brand strong{font-family:'Barlow Condensed',sans-serif;font-size:35px;letter-spacing:2px;line-height:.8}.brand small{display:block;color:#c4d0dd;font-size:10px;letter-spacing:2.4px;margin-top:9px}.links{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.links a:hover{color:var(--blue)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:15px 23px;border-radius:5px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.6px;border:1px solid transparent;cursor:pointer}.btn.yellow{background:var(--yellow);color:#111723}.btn.outline{border-color:#ffffff65;color:white;background:#ffffff08}.btn.blue{background:var(--blue);color:#08131c}.menu{display:none;background:none;border:0;color:white;font-size:27px}.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#0c1723}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070d16 4%,#07101bed 43%,#07101b50 100%),url('assets/work-11.webp') center/cover}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--yellow))}.hero .wrap{position:relative;width:100%;padding-top:80px;padding-bottom:90px}.eyebrow{color:var(--blue);text-transform:uppercase;font-weight:800;letter-spacing:2.4px;font-size:12px}.hero h1{font:900 clamp(65px,9vw,120px)/.88 'Barlow Condensed',sans-serif;letter-spacing:-1px;text-transform:uppercase;margin:24px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;line-height:1.75;color:#d6dfe9;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-note{margin-top:50px;display:flex;gap:28px;flex-wrap:wrap;color:#d8e5f0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.hero-note span:before{content:'✓';color:var(--yellow);margin-right:9px}.section{padding:100px 0}.section.alt{background:#0d1622}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.heading h2,.section h2{font:800 clamp(42px,5.5vw,66px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:13px 0}.heading p{max-width:430px;color:var(--muted);line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{padding:29px;background:#121e2d;border:1px solid #ffffff12;border-radius:8px;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-5px);border-color:#21b9f355}.num{color:var(--blue);font:800 13px 'DM Sans',sans-serif}.service h3{font:800 29px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:19px 0 10px}.service p{font-size:14px;color:#b1bfce;line-height:1.75;margin:0}.service a{display:inline-block;color:var(--yellow);font-size:12px;font-weight:800;text-transform:uppercase;margin-top:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;height:510px;object-fit:cover;border-radius:8px}.copy p{color:#b9c5d2;line-height:1.9}.checks{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.checks span{font-size:13px;font-weight:700}.checks span:before{content:'✓';color:var(--yellow);margin-right:9px}.yellow-band{background:var(--yellow);color:#10141d;padding:28px 0}.yellow-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.yellow-band h3{font:800 32px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.yellow-band p{margin:5px 0 0;font-size:13px}.brands{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-tile{min-height:96px;border:1px solid #ffffff23;background:#ffffff0a;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:5px;padding:12px;font:800 25px 'Barlow Condensed',sans-serif;letter-spacing:.5px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery img{width:100%;height:220px;object-fit:cover;border-radius:5px;cursor:pointer;transition:opacity .2s}.gallery img:hover{opacity:.75}.contact{display:grid;grid-template-columns:1fr 1.05fr;gap:70px}.contact p{color:#b7c4d2;line-height:1.8}.contact-links{margin:30px 0;display:grid;gap:20px}.contact-links a{font-weight:800;font-size:18px}.contact-links small{display:block;font-size:11px;letter-spacing:1px;color:var(--blue);text-transform:uppercase;margin-bottom:6px}.form{padding:32px;background:#142030;border:1px solid #ffffff15;border-radius:8px}.form h3{font:800 30px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 20px}.form label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:17px 0 8px}.form input,.form select,.form textarea{width:100%;border:1px solid #ffffff24;background:#0a1421;color:white;padding:13px;border-radius:4px;outline:none}.form input:focus,.form textarea:focus{border-color:var(--blue)}.form textarea{min-height:110px;resize:vertical}.form .btn{width:100%;margin-top:20px}.form small{display:block;margin-top:13px;color:#aeb9c6;line-height:1.6}.footer{border-top:1px solid #ffffff20;padding:32px 0;color:#9fabb9;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.lightbox{position:fixed;inset:0;background:#000e;z-index:99;display:none;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:95vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:20px;top:12px;color:white;background:none;border:0;font-size:40px;cursor:pointer}@media(max-width:850px){.links{display:none;position:absolute;top:85px;left:0;right:0;padding:25px;background:#0b1420;flex-direction:column;align-items:stretch}.links.open{display:flex}.menu{display:block}.grid{grid-template-columns:repeat(2,1fr)}.split,.contact{grid-template-columns:1fr;gap:35px}.gallery{grid-template-columns:repeat(3,1fr)}.brands{grid-template-columns:repeat(2,1fr)}.heading{display:block}.hero{min-height:580px}}@media(max-width:550px){.wrap{padding:0 19px}.top{font-size:10px}.nav{min-height:73px}.links{top:73px}.brand img{width:43px;height:43px}.brand strong{font-size:29px}.brand small{font-size:8px}.hero h1{font-size:67px}.hero p{font-size:15px}.hero .wrap{padding-top:75px;padding-bottom:75px}.section{padding:70px 0}.grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:155px}.split img{height:330px}.yellow-band .wrap{display:block}.yellow-band .btn{margin-top:17px}.checks{grid-template-columns:1fr}.contact-links a{font-size:15px}}

.inner-hero{padding:95px 0 80px;background:linear-gradient(100deg,#07101bf5,#07101bb8),url('assets/work-11.webp') center/cover;border-bottom:3px solid var(--blue)}.inner-hero h1{font:900 clamp(48px,7vw,88px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:850px;margin:18px 0}.inner-hero p{max-width:680px;color:#d4deea;line-height:1.8;font-size:17px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:start}.detail-grid p{color:#bdcad8;line-height:1.9}.detail-grid h2{font:800 46px 'Barlow Condensed',sans-serif;text-transform:uppercase}.detail-photo{width:100%;height:420px;object-fit:cover;border-radius:8px}.detail-points{display:grid;gap:13px;padding:0;list-style:none;margin:30px 0}.detail-points li{padding:14px 16px;background:#142131;border-left:3px solid var(--blue);font-weight:600}.detail-points li:before{content:'✓';color:var(--yellow);margin-right:12px}.service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-links a{background:#152233;padding:20px;border:1px solid #ffffff20;border-radius:6px;font-weight:700}.service-links a:hover{border-color:var(--blue);color:var(--blue)}.crumb{font-size:13px;color:#a9bfd1}.crumb a{color:var(--blue)}@media(max-width:850px){.detail-grid{grid-template-columns:1fr}.service-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.service-links{grid-template-columns:1fr}.detail-photo{height:280px}}
/* October site enhancements */
.hero:before{background:linear-gradient(90deg,#070d16 0%,#07101be8 36%,#07101b65 75%,#07101b35 100%),url('assets/work-02.webp') center 52%/cover}
.brand-tile{background:#f6f8fc;min-height:112px;padding:18px}.brand-tile img{max-width:100%;width:100%;height:70px;object-fit:contain}.brand-name{color:#122b49;font-size:30px;letter-spacing:.8px}.maintenance{background:linear-gradient(130deg,#111d2c,#09111d)}.maintenance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.maintenance-grid article{padding:27px 23px;background:#162538;border:1px solid #ffffff18;border-radius:8px}.maintenance-icon{font-weight:900;color:#ffc928;letter-spacing:2px}.maintenance-grid h3{font:800 25px 'Barlow Condensed',sans-serif;text-transform:uppercase}.maintenance-grid p,.maintenance-cta p{color:#b7c7d6;font-size:14px;line-height:1.8}.maintenance-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #21b9f35a;border-radius:9px;padding:28px;margin-top:20px}.maintenance-cta h3{font:800 31px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.maintenance-cta p{max-width:690px}.maintenance-cta .btn{flex-shrink:0}@media(max-width:900px){.maintenance-grid{grid-template-columns:repeat(2,1fr)}.maintenance-cta{flex-direction:column;align-items:flex-start}}@media(max-width:550px){.maintenance-grid{grid-template-columns:1fr}.brand-tile{min-height:90px}.brand-tile img{height:55px}.brand-name{font-size:22px}.hero:before{background:linear-gradient(90deg,#070d16e8,#07101b88),url('assets/work-02.webp') center/cover}}
