/* One visual world, taken from the badge: black ground, shield navy, chrome,
   and the wordmark's hard cream-over-bronze bevel. */
:root{
  --ground:#080B10;
  --plate:#16202E;
  --plate-2:#0F1825;
  --panel:#0E141D;
  --edge:#05080C;
  --bone:#E9DFC6;
  --ink-2:#9AA6B4;
  --ink-3:#6A747F;
  --chrome-hi:#D6DAE0;
  --chrome:#9AA3AE;
  --chrome-dim:#67717D;
  --ice:#A9C4DA;
  --steel:#2E4560;
  --gold-cream:#F2E3C0;
  --gold:#E0B463;
  --gold-mid:#C07C26;
  --gold-deep:#8A5418;
  --amber:#E8912A;
  --gold-wash:rgba(224,180,99,.10);
  --rule:#1E2A3A;
  --rule-lit:rgba(224,180,99,.26);
}
*{box-sizing:border-box}
body{
  background:var(--ground);color:var(--bone);
  font-family:Barlow,"Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:16.5px;line-height:1.58;-webkit-font-smoothing:antialiased;
}
.pad{max-width:1180px;margin:0 auto;padding:0 26px}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- the wordmark bevel: cream top, hard break, bronze bottom ---------- */
.plated{color:var(--gold)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .plated{
    background-image:linear-gradient(180deg,
      var(--gold-cream) 0%, var(--gold-cream) 43%,
      var(--gold) 44%, var(--gold-mid) 56%,
      var(--gold-deep) 92%, var(--gold-mid) 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
  }
}
.contour{
  filter:
    drop-shadow(0 1px 0 var(--edge)) drop-shadow(0 -1px 0 var(--edge))
    drop-shadow(1px 0 0 var(--edge)) drop-shadow(-1px 0 0 var(--edge))
    drop-shadow(0 5px 14px rgba(0,0,0,.7));
}
.plate{
  background:linear-gradient(180deg,var(--plate) 0%,var(--plate-2) 100%);
  box-shadow:inset 0 1px 0 var(--rule-lit), inset 0 -1px 0 rgba(0,0,0,.65);
}
.notch{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.chev{position:relative;height:15px;margin-bottom:26px}
.chev::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,var(--gold-deep),var(--gold) 22%,var(--gold-deep) 60%,transparent);
}
.chev::after{
  content:"";position:absolute;left:15px;top:0;width:30px;height:14px;
  background:linear-gradient(180deg,var(--gold) 0%,var(--gold-mid) 45%,var(--gold-deep) 100%);
  clip-path:polygon(0 0,100% 0,50% 100%);
}

/* ============ logo lockup ============ */
.mark{display:flex;align-items:center;gap:13px;text-decoration:none;flex:none}
.badge{height:56px;width:auto;flex:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}
.badge.big{height:100px;margin-bottom:6px}
.wordmark{display:block;line-height:1}
.wordmark .top{display:block;font-family:"Archivo Black",Impact,sans-serif;font-size:21px;letter-spacing:.012em}
.wordmark .band{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin-top:4px;padding:3px 9px 2px;
  font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:10.5px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--chrome-hi);
}
.wordmark .band i{width:3px;height:3px;background:var(--gold);flex:none;transform:rotate(45deg);font-style:normal}

/* ============ nav ============ */
nav.bar{
  background:linear-gradient(180deg,#0B1016,var(--ground));
  position:sticky;top:0;z-index:40;border-bottom:1px solid var(--rule);
  box-shadow:0 1px 0 rgba(224,180,99,.13);
}
nav.bar .pad{display:flex;align-items:center;gap:26px;padding-top:13px;padding-bottom:13px}
nav.bar ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav.bar ul a{
  text-decoration:none;color:var(--chrome);
  font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:15px;
  text-transform:uppercase;letter-spacing:.14em;
}
nav.bar ul a:hover{color:var(--gold)}
.navright{margin-left:auto;display:flex;align-items:center;gap:20px;flex:none}
.navtel{color:var(--bone);text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px;letter-spacing:.06em}
.navtel:hover{color:var(--gold)}
@media (max-width:940px){nav.bar ul,.navtel{display:none}}

/* ============ buttons ============ */
.btn{
  display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;
  font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:16px;
  text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;
  padding:13px 20px;border:1px solid transparent;
}
.btn.gold{
  background:linear-gradient(180deg,var(--gold-cream) 0%,var(--gold-cream) 45%,var(--gold) 46%,var(--gold-mid) 100%);
  color:#2A1804;border-color:var(--gold-deep);
  text-shadow:0 1px 0 rgba(255,255,255,.32);box-shadow:0 3px 9px rgba(0,0,0,.5);
}
.btn.gold:hover{filter:brightness(1.07)}
.btn.wire{border-color:var(--steel);color:var(--bone);background:rgba(46,69,96,.2)}
.btn.wire:hover{border-color:var(--ice);color:var(--ice)}

/* ============ hero ============ */
.hero{position:relative;overflow:hidden;background:var(--ground)}
.hero .shot{position:absolute;inset:0}
.hero .shot img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.hero .scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(8,11,16,.97) 0%,rgba(8,11,16,.92) 30%,rgba(8,11,16,.55) 58%,rgba(8,11,16,.30) 100%),
    linear-gradient(180deg,rgba(8,11,16,.72) 0%,rgba(8,11,16,.10) 38%,rgba(8,11,16,.88) 100%);
}
.hero .pad{position:relative;z-index:2;padding-top:86px;padding-bottom:82px}
.hero .copy{max-width:640px}
@media (max-width:760px){
  .hero .pad{padding-top:52px;padding-bottom:52px}
  .hero .scrim{background:linear-gradient(180deg,rgba(8,11,16,.86) 0%,rgba(8,11,16,.72) 45%,rgba(8,11,16,.95) 100%)}
}
.eyebrow{
  font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:15px;
  text-transform:uppercase;letter-spacing:.22em;color:var(--ice);
}
h1{
  font-family:"Archivo Black",Impact,sans-serif;font-weight:400;
  font-size:clamp(42px,6.4vw,74px);line-height:.93;letter-spacing:-.028em;
  margin:14px 0 0;text-wrap:balance;
}
.hero p.sub{font-size:18px;line-height:1.55;color:#C9D0D8;max-width:50ch;margin:20px 0 0}
.hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* ============ figures ============ */
.figs-wrap{border-top:1px solid var(--rule);border-bottom:1px solid var(--edge)}
.figs{display:grid;grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.figs{grid-template-columns:1fr}}
.fig{padding:22px 22px 20px;border-left:1px solid rgba(169,196,218,.11)}
.fig:first-child{border-left:0}
@media (max-width:760px){
  .fig{border-left:0;border-top:1px solid rgba(169,196,218,.11)}
  .fig:first-child{border-top:0}
}
.fig .v{font-family:"Archivo Black",Impact,sans-serif;font-size:clamp(27px,3.5vw,37px);line-height:1;letter-spacing:-.026em;font-variant-numeric:tabular-nums}
.fig .v em{font-style:normal;font-size:.46em;margin-left:4px}
.fig .k{
  font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:13px;
  text-transform:uppercase;letter-spacing:.16em;color:var(--chrome);margin-top:10px;line-height:1.4;
}

/* ============ bands ============ */
.band{padding:60px 0}
.band.alt{background:var(--panel);border-top:1px solid var(--rule);border-bottom:1px solid var(--edge)}
.head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.head .chip{
  flex:none;color:var(--gold);padding:5px 14px 4px;
  font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:13px;letter-spacing:.2em;
}
h2{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;font-size:clamp(24px,3.1vw,33px);line-height:1.04;letter-spacing:-.028em;margin:0;text-wrap:balance}
.lede{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:62ch;margin:0 0 26px}
h3{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:14.5px;text-transform:uppercase;letter-spacing:.19em;color:var(--ice);margin:0 0 14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:820px){.two{grid-template-columns:1fr;gap:30px}}

/* scope tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:34px}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.tiles{grid-template-columns:1fr}}
.tile{border:1px solid var(--rule);box-shadow:inset 0 1px 0 rgba(224,180,99,.1),0 5px 16px rgba(0,0,0,.4)}
.tile img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(.95)}
.tile .cap{padding:11px 14px 13px;border-top:1px solid var(--rule)}
.tile .cap b{
  display:block;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:16px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--bone);
}
.tile .cap span{display:block;font-size:14px;color:var(--ink-3);line-height:1.4;margin-top:2px}

/* scope list */
.scope{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule);columns:2;column-gap:26px}
@media (max-width:520px){.scope{columns:1}}
.scope li{padding:9px 0;border-bottom:1px solid var(--rule);font-size:16px;break-inside:avoid;display:flex;gap:11px;align-items:baseline}
.scope li::before{content:"";width:9px;height:9px;flex:none;transform:translateY(-1px) rotate(45deg);background:linear-gradient(180deg,var(--gold),var(--gold-deep))}

/* spec list */
.spec{border-top:1px solid var(--rule)}
.spec div{display:grid;grid-template-columns:1fr auto;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.spec .t{font-size:15.5px;color:var(--ink-2)}
.spec .v{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:17.5px;letter-spacing:.05em;color:var(--bone);text-align:right;font-variant-numeric:tabular-nums}
.spec .v.hot{color:var(--gold)}

/* ============ projects ============ */
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
@media (max-width:860px){.jobs{grid-template-columns:1fr}}
.job{border:1px solid var(--rule);display:flex;flex-direction:column;box-shadow:inset 0 1px 0 rgba(224,180,99,.12),0 5px 18px rgba(0,0,0,.42)}
.job img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid var(--rule)}
.job .meta{padding:17px 18px 19px;flex:1;display:flex;flex-direction:column}
.job h4{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;font-size:18px;line-height:1.14;margin:0 0 14px;letter-spacing:-.024em}
.job .loc{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:13px;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.job dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px}
.job dt{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--chrome-dim);padding-top:2px}
.job dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums}
.job .win{margin-top:auto;padding-top:14px;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:15.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}

/* ============ prequal + form ============ */
.band.deep{border-top:1px solid var(--rule-lit);border-bottom:1px solid var(--edge)}
.docs{list-style:none;margin:0;padding:0;border-top:1px solid rgba(169,196,218,.15)}
.docs li{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(169,196,218,.15);font-size:15.5px}
.docs .m{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{display:flex;flex-direction:column;gap:6px;font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:13.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--chrome)}
.form label.full{grid-column:1/-1}
.form input,.form select,.form textarea{background:rgba(0,0,0,.42);border:1px solid var(--steel);color:var(--bone);font-family:Barlow,sans-serif;font-size:16px;padding:10px 12px;border-radius:0}
.form textarea{resize:vertical;min-height:76px;font-family:Barlow,sans-serif}
.form input::placeholder,.form textarea::placeholder{color:var(--ink-3)}
.bigtel{
  display:block;text-decoration:none;margin:6px 0 4px;
  font-family:"Archivo Black",Impact,sans-serif;
  font-size:clamp(34px,5.2vw,58px);line-height:1;letter-spacing:-.025em;
}
.bigtel:hover{filter:brightness(1.12)}
.telnote{margin:0 0 30px;font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:16px;letter-spacing:.09em}
.telnote a{color:var(--ice);text-decoration:none}
.telnote a:hover{color:var(--gold)}
@media (max-width:640px){.form{grid-template-columns:1fr}}

/* ============ sign strip ============ */
.sign{position:relative;border-top:1px solid var(--rule);line-height:0}
.sign img{width:100%;height:auto;display:block}
.sign::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,11,16,.24) 0%,rgba(8,11,16,0) 22%,rgba(8,11,16,.08) 72%,rgba(8,11,16,.62) 100%);
}

/* ============ footer ============ */
footer{background:var(--ground);border-top:1px solid var(--rule);padding:36px 0 30px;color:var(--ink-2);position:relative;z-index:2}
.fgrid{display:flex;flex-wrap:wrap;gap:26px 46px;align-items:flex-start}
.fcol{font-size:15.5px;line-height:1.75}
.fcol b{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:13px;letter-spacing:.19em;text-transform:uppercase;color:var(--ice);margin-bottom:8px}
footer a{text-decoration:none}
footer a:hover{color:var(--gold)}
.fbot{margin-top:28px;padding-top:16px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:7px 24px;color:var(--ink-3);font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.15em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}