/* ===== Admiral Exteriors — Variant B: naval spec-sheet identity =====
   Palette (pulled from the ship logo):
   Hull Navy #1B2E5A · Depth #121F3D · Ocean #2A6CA8 · Signal Gold #D5BA48
   Brass #B69420 · Bright Gold #E6CC5B · Deck Gray #EDF0F4 · Ink #182238   */

:root {
  --navy: #1B2E5A;
  --depth: #121F3D;
  --ocean: #2A6CA8;
  --gold: #D5BA48;
  --brass: #B69420;
  --gold-bright: #E6CC5B;
  --deck: #EDF0F4;
  --ink: #182238;
  --muted: #55617a;
  --hairline: rgba(27, 46, 90, 0.14);
  --maxw: 1160px;
  --display: "Saira Condensed", "Arial Narrow", sans-serif;
  --body: "Public Sans", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --stencil: "Allerta Stencil", var(--display);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { overflow-x: clip; }

body {
  margin: 0;
  font-family: var(--body);
  color: var(--ink);
  background: #fff;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  line-height: 0.98;
  margin: 0 0 0.4em;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}

.container {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 24px;
}

.section { padding: 88px 0; }

/* Kickers — mono ship's-log labels */
.kicker {
  font-family: var(--mono);
  font-size: 0.78rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--ocean);
  margin: 0 0 14px;
}
.kicker--gold { color: var(--gold); }

.hl { color: var(--gold); }

/* ===== Buttons ===== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.02rem;
  padding: 12px 24px;
  border: 2px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  transition: transform 0.12s ease, background 0.15s ease, color 0.15s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn--gold { background: var(--gold); color: var(--depth); }
.btn--gold:hover { background: var(--gold-bright); }
.btn--line { background: transparent; color: #fff; border-color: rgba(255,255,255,0.55); }
.btn--line:hover { border-color: var(--gold); color: var(--gold-bright); }
.btn--lg { padding: 15px 30px; font-size: 1.1rem; }
.btn--block { width: 100%; }

/* ===== Header ===== */
.header {
  position: sticky;
  top: 0;
  z-index: 40;
  background: var(--depth);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.header__inner {
  display: flex;
  align-items: center;
  gap: 26px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.brand { display: flex; align-items: center; gap: 12px; margin-right: auto; }
.brand__logo { width: 62px; height: auto; flex: none; }
.brand__text { display: flex; flex-direction: column; line-height: 1.2; }
.brand__name {
  font-family: var(--display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 1.3rem;
  color: #fff;
}
.brand__reg {
  font-family: var(--mono);
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--gold);
}
.nav { display: flex; gap: 26px; }
.nav a {
  font-family: var(--mono);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #cfd8e8;
  padding: 6px 0;
  background-image: linear-gradient(var(--gold), var(--gold));
  background-repeat: no-repeat;
  background-size: 0 2px;
  background-position: 0 100%;
  transition: background-size 0.18s ease, color 0.15s ease;
}
.nav a:hover { color: #fff; background-size: 100% 2px; }
.header__call { flex: none; }

/* ===== Hero ===== */
.hero {
  position: relative;
  background: var(--depth) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%2315223f%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%220%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%220%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%221%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%222%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%224%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%226%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%227%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%227%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%227%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%227%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%228%22%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%228%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%229%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%229%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%229%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%229%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2210%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2210%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2211%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2212%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2214%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2214%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2214%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2215%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2215%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2215%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2215%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2215%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2216%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2216%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2216%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2217%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2217%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2217%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2217%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2218%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2219%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2219%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2220%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2220%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2223%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23223760%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2223%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%235e7291%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%233f5580%22%2F%3E%3C%2Fsvg%3E") repeat;
  background-size: 264px 264px;
  color: #e8edf6;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(18,31,61,0.92) 0%, rgba(18,31,61,0.72) 55%, rgba(18,31,61,0.35) 100%);
  pointer-events: none;
}
.hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 100px;
}
.hero h1 {
  font-size: clamp(3rem, 7vw, 5.4rem);
  color: #fff;
}
.hero__lead { font-size: 1.12rem; max-width: 50ch; color: #c9d4e6; margin: 0 0 30px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 26px; }
.hero__badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 26px;
  font-family: var(--mono);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--gold-bright);
}
.hero__badges li::before { content: "★ "; }

/* ===== Stats plate ===== */
.plate { background: var(--gold); color: var(--depth); }
.plate__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.plate__stat strong {
  display: block;
  font-family: var(--display);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
}
.plate__stat span {
  font-family: var(--mono);
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(18, 31, 61, 0.8);
}

/* ===== Section heads ===== */
.section__head { max-width: 760px; margin-bottom: 52px; }
.section__head h2 { font-size: clamp(2rem, 4.4vw, 3rem); color: var(--navy); }
.section__sub { color: var(--muted); font-size: 1.05rem; margin: 0; }

/* ===== Services (rectangle cards, A-style grid) ===== */
.manifest { background: var(--deck); }
.manifest__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.mcard {
  background: #fff;
  border: 1px solid var(--hairline);
  border-top: 4px solid var(--gold);
  border-radius: 4px;
  padding: 28px 24px;
  box-shadow: 0 10px 26px rgba(18, 31, 61, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.mcard:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(18, 31, 61, 0.14); }
.mcard__icon {
  display: block;
  width: 38px;
  height: 38px;
  color: var(--ocean);
  margin-bottom: 14px;
}
.mcard__icon svg { width: 100%; height: 100%; display: block; }
.mcard h3 { font-size: 1.5rem; color: var(--navy); margin: 0 0 8px; }
.mcard p { margin: 0; color: var(--muted); }

/* ===== Crew ===== */
.crew {
  background:
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.025) 0 18px, transparent 18px 36px),
    var(--navy);
  color: #dbe4f2;
}
.crew h2 { color: #fff; font-size: clamp(2rem, 4.4vw, 3rem); }
.crew .section__sub { color: #c3cfe2; }
.crew__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.crew__card {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 3px solid var(--gold);
  border-radius: 4px;
  padding: 24px;
}
.crew__role {
  font-family: var(--mono);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--gold);
  margin: 0 0 4px;
}
.crew__name {
  font-family: var(--display);
  font-weight: 700;
  font-size: 1.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #fff;
  margin: 0 0 18px;
}
.crew__photo {
  margin: 0 0 18px;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: end start;
  padding: 12px;
  border-radius: 4px;
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,0.05) 0 12px, transparent 12px 24px),
    linear-gradient(155deg, #24395f, #182a4c);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.crew__photo figcaption {
  font-family: var(--mono);
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: #dbe4f2;
  background: rgba(18, 31, 61, 0.85);
  padding: 5px 10px;
  border-left: 3px solid var(--gold);
}
.crew__bio {
  color: #c3cfe2;
  font-size: 0.95rem;
  line-height: 1.65;
  margin: 0;
}

/* ===== Work ===== */
.work { background: #fff; }
.work__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.work__item {
  margin: 0;
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: end start;
  padding: 16px;
  border-radius: 4px;
  background:
    repeating-linear-gradient(180deg, rgba(27,46,90,0.045) 0 12px, transparent 12px 24px),
    linear-gradient(155deg, #dbe2ec, #eef2f7);
  border: 1px solid var(--hairline);
}
.work__item figcaption {
  font-family: var(--mono);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: var(--navy);
  background: #fff;
  padding: 6px 12px;
  border-left: 3px solid var(--gold);
}

/* ===== Contact ===== */
.contact { background: var(--deck); }
.contact__inner {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 48px;
  align-items: start;
}
.contact h2 { color: var(--navy); font-size: clamp(2rem, 4.4vw, 3rem); }
.contact__pitch > p { color: var(--muted); }
.contact .btn--line { color: var(--navy); border-color: var(--navy); }
.contact .btn--line:hover { color: var(--ocean); border-color: var(--ocean); }
.contact__actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 24px 0; }
.contact__meta {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  font-family: var(--mono);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: var(--muted);
}

.contact__form {
  background: #fff;
  border: 1px solid var(--hairline);
  border-top: 4px solid var(--gold);
  border-radius: 4px;
  padding: 30px 28px;
  box-shadow: 0 14px 36px rgba(18, 31, 61, 0.12);
}
.contact__form-title {
  font-family: var(--display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
  color: var(--navy);
  margin: 0 0 18px;
}
.contact__form label {
  display: block;
  margin-bottom: 14px;
  font-family: var(--mono);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: var(--navy);
}
.contact__form input,
.contact__form textarea {
  width: 100%;
  margin-top: 6px;
  padding: 11px 13px;
  border: 1px solid #c6cedb;
  border-radius: 3px;
  font-family: var(--body);
  font-size: 1rem;
  color: var(--ink);
  background: #fbfcfe;
}
.contact__form input:focus,
.contact__form textarea:focus {
  outline: none;
  border-color: var(--ocean);
  box-shadow: 0 0 0 3px rgba(42, 108, 168, 0.18);
}
.contact__form-note { font-size: 0.82rem; color: var(--muted); text-align: center; margin: 12px 0 0; }

/* ===== Footer ===== */
.footer { background: var(--depth); color: #b9c4d8; }
.footer__inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.8fr;
  gap: 40px;
  padding-top: 56px;
  padding-bottom: 44px;
}
.footer__brand img { width: 96px; }
.footer__brand p {
  font-family: var(--display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 1.25rem;
  color: #fff;
  margin: 10px 0 4px;
}
.footer__brand span { font-size: 0.9rem; }
.footer__col h4 {
  font-family: var(--mono);
  font-weight: 500;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--gold);
  margin: 0 0 14px;
}
.footer__col a, .footer__col span { display: block; margin-bottom: 8px; font-size: 0.95rem; overflow-wrap: anywhere; }
.footer__col a:hover { color: #fff; }
.footer__bar { border-top: 1px solid rgba(255,255,255,0.12); }
.footer__bar-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: var(--mono);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #8592ab;
}

/* ===== Sticky mobile bar ===== */
.stickybar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  display: none;
  grid-template-columns: 1fr 1fr;
}
.stickybar__btn {
  padding: 15px 0;
  text-align: center;
  font-family: var(--display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.stickybar__btn--call { background: var(--navy); color: #fff; }
.stickybar__btn--email { background: var(--ocean); color: #fff; }

/* ===== Responsive ===== */
@media (max-width: 980px) {
  .hero__inner { grid-template-columns: 1fr; padding-top: 64px; padding-bottom: 80px; }
  .crew__grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .work__grid { grid-template-columns: repeat(2, 1fr); }
  .footer__inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 880px) {
  .nav { display: none; }
  .manifest__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  .section { padding: 64px 0; }
  .header__call { display: none; }
  .plate__inner { grid-template-columns: 1fr; gap: 22px; }
  .contact__inner { grid-template-columns: 1fr; }
  .work__grid { grid-template-columns: 1fr; }
  .crew__grid { grid-template-columns: 1fr; }
  .crew__photo { max-width: 420px; }
  .footer__inner { grid-template-columns: 1fr; gap: 28px; }
  .stickybar { display: grid; }
  body { padding-bottom: 52px; }
  .manifest__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn:hover { transform: none; }
}