*{box-sizing:border-box}
:root{--red:#D72B2B;--red-dark:#A01E1E;--black:#0A0A0A;--dark:#111;--dark2:#1A1A1A;--gray:#A2A2A2;--white:#F5F5F5;--display:'Bebas Neue',Impact,sans-serif;--condensed:'Arial Narrow',Arial,sans-serif;--body:Arial,sans-serif}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);line-height:1.75}
a{color:inherit}
.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(215,43,43,.28);background:rgba(10,10,10,.96)}
.topbar-inner{max-width:1160px;margin:0 auto;padding:17px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{font-family:var(--condensed);font-size:18px;font-weight:900;letter-spacing:2px;color:var(--white);text-decoration:none}
.brand span{color:var(--red)}
.topnav{display:flex;align-items:center;gap:12px}
.topnav a{font-family:var(--condensed);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.18);padding:8px 12px}
.topnav a:hover{border-color:var(--red);color:var(--red)}
main{max-width:1160px;margin:0 auto;padding:48px 28px 90px}
.breadcrumb{font-size:12px;color:#777;margin-bottom:36px}
.breadcrumb a{text-decoration:none;color:var(--gray)}
.breadcrumb a:hover{color:var(--red)}
.eyebrow{font-family:var(--condensed);font-size:11px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--red);margin-bottom:12px}
h1{font-family:var(--display);font-size:clamp(48px,8vw,92px);line-height:.95;letter-spacing:2px;margin:0 0 22px}
h2{font-family:var(--condensed);font-size:28px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px}
h3{font-family:var(--condensed);font-size:18px;letter-spacing:1px;text-transform:uppercase;margin:26px 0 8px}
.lead{max-width:840px;color:var(--gray);font-size:17px;margin:0 0 24px}
.tags{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 46px}
.tag{border:1px solid rgba(215,43,43,.35);padding:7px 11px;font-family:var(--condensed);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:26px;margin-bottom:44px}
.panel{background:var(--dark);border-top:3px solid var(--red);padding:30px 32px}
.panel p{color:var(--gray);margin:0 0 15px}
.panel ul{margin:0;padding-left:20px;color:var(--gray)}
.facts{list-style:none!important;padding:0!important}
.facts li{border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}
.facts strong{display:block;color:var(--white);font-family:var(--condensed);font-size:11px;letter-spacing:2px;text-transform:uppercase}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:24px 0 54px}
.gallery figure{margin:0;background:var(--dark2);overflow:hidden}
.gallery figure:first-child:nth-last-child(3),.gallery figure:first-child:nth-last-child(3)~figure:last-child{grid-column:auto}
.gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery figcaption{padding:12px 14px;color:var(--gray);font-size:12px}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:28px 0 48px}
.service-item{background:var(--dark);padding:28px;border-left:3px solid var(--red)}
.service-item h2{font-size:22px}
.service-item p{color:var(--gray);margin:0}
.references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:26px 0 48px}
.reference-card{display:block;background:var(--dark);text-decoration:none;overflow:hidden}
.reference-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.reference-card div{padding:20px}
.reference-card strong{display:block;font-family:var(--condensed);font-size:20px;text-transform:uppercase;letter-spacing:1px}
.reference-card span{color:var(--gray);font-size:13px}
.cta{margin-top:52px;background:var(--red);padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.cta h2{margin:0 0 6px}.cta p{margin:0;color:#ffe8e8}
.cta a{flex-shrink:0;background:var(--black);padding:13px 20px;text-decoration:none;font-family:var(--condensed);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
footer{border-top:1px solid rgba(215,43,43,.2);padding:30px 28px;color:#777;text-align:center;font-size:12px}
@media(max-width:760px){.topbar-inner{padding:14px 20px}.brand{font-size:15px}.topnav a:first-child{display:none}main{padding:36px 20px 70px}.content-grid{grid-template-columns:1fr}.gallery,.service-list,.references{grid-template-columns:1fr}.panel{padding:24px 20px}.cta{align-items:flex-start;flex-direction:column;padding:28px 22px}}
