:root{--navy:#102635;--blue:#176586;--red:#ad3446}
header{height:88px;padding-inline:clamp(20px,6vw,110px)}header .original-logo{width:165px;height:71px}nav a{font-weight:600}.header-call{border-radius:40px;color:white;background:var(--navy);padding:13px 20px}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(510px,45vw,730px);background:#0c1c28;color:white}.cover-photo{position:absolute;right:0;inset-block:0;width:67%;height:100%;object-fit:cover;object-position:50% 53%;z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1c28 18%,#0c1c28f2 32%,#0c1c2899 49%,transparent 73%);z-index:-1}.hero-copy{padding:60px 6%;width:62%}.hero .eyebrow{color:#bee2f2;letter-spacing:.18em}.hero h1{font-size:clamp(42px,4.8vw,78px);letter-spacing:-.062em;line-height:1.06}.hero h1 em{color:#b4d9e7}.hero-copy>p{color:#e1eaee;max-width:430px}.hero .outline{background:transparent;color:white;border-color:#93a5ae}.button{border-radius:30px}.hero .actions{margin-bottom:22px}.cover-gallery{font-size:13px;color:#fff;text-decoration:underline;text-underline-offset:5px}
#services{background:#f8f8f5}.section-heading p{font-size:14px}.services{gap:0;border-top:1px solid #afbec5}.service{background:transparent;border:none;border-bottom:1px solid #bfcbd0;border-radius:0;padding:30px 26px;position:relative}.service:hover{box-shadow:none;background:#e9eff0}.service h3{padding-right:19px;font-size:21px}.service[data-service]:after{content:'↗';position:absolute;right:16px;top:31px;font-size:18px}.service.featured,.service.featured:hover{background:#143c50}.service.help{background:#e9eff0}.service p{margin-bottom:0}.service.help a{max-width:200px}
.vehicle-showcase{background:#fff}.vehicle-image{border-radius:4px;box-shadow:none}.gallery-filters button[aria-pressed=true]{background:#163c50}.vehicle-caption>span{font-size:20px}.fob-feature{display:grid;grid-template-columns:.85fr 1.15fr;background:#e7f0f2}.fob-intro{align-self:center;padding:60px 12%}.fob-intro p{max-width:340px}.fob-feature .hero-art{min-height:470px;background-color:#c1d6df}.fob-feature .photo-key{height:340px;width:170px}.fob-response{right:4%;bottom:24px}.story-sticky{min-height:min(700px,100svh)}.quote form{border:1px solid #d1dde1;border-radius:12px}.quote input,.quote select,.quote textarea{background:white}.menu-open{transform:none!important}
@media(max-width:780px){header{height:76px;gap:8px;padding-inline:4%}header .original-logo{width:131px;height:57px}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;color:var(--navy);padding:12px 8px;font-size:13px;font-weight:700}header nav{display:none}header.menu-open nav{position:absolute;display:grid;top:100%;left:0;right:0;background:white;padding:10px 6% 22px;gap:0;box-shadow:0 14px 18px #10263522}header nav a{padding:13px;border-bottom:1px solid #e1e9ee}.header-call{padding:10px 12px}.hero{display:flex;align-items:flex-end;min-height:625px}.cover-photo{width:100%;height:70%;object-position:50% 53%}.hero:before{background:linear-gradient(0deg,#0c1c28 23%,#0c1c28f7 40%,#0c1c2888 57%,transparent 78%)}.hero-copy{width:100%;padding:230px 6% 32px}.hero h1{font-size:clamp(37px,8vw,54px)}.hero .eyebrow{margin-bottom:14px}.hero .actions{margin:18px 0}.services{grid-template-columns:1fr}.service{padding:23px 14px}.service[data-service]:after{top:24px}.fob-feature{grid-template-columns:1fr}.fob-intro{padding:36px 6% 18px}.fob-intro h2 br{display:none}.fob-intro h2 br:after{content:' '}.fob-feature .hero-art{height:370px;min-height:370px}.fob-feature .photo-key{height:262px;width:131px}.fob-response{bottom:15px}.story-sticky{height:auto;min-height:100svh}.gallery-toolbar{align-items:center}}@media(max-height:680px){.story-sticky{position:relative;height:auto}.scroll-story{min-height:0;height:auto}}

/* Let the electronics section travel with the rest of the page. */
.scroll-story,
.story-sticky {
  height: auto;
  min-height: 0;
}
.story-sticky {
  position: relative;
  padding-block: clamp(44px, 7vw, 100px);
}
.scroll-story .chapter {
  opacity: 1;
  transform: none;
  border-top: 0;
  transition: none;
}

#services .services {
  gap: 14px;
  border: 0;
}
#services .service {
  --card-color: #e7f2fa;
  --card-ink: #225c83;
  border: 1px solid color-mix(in srgb, var(--card-ink) 18%, transparent);
  border-inline-start: 4px solid var(--card-ink);
  border-radius: 14px;
  padding: clamp(20px, 2vw, 30px);
  background: var(--card-color);
}
#services .service:nth-child(2) {
  --card-color: #e3f3ef;
  --card-ink: #216b61;
}
#services .service.featured {
  --card-color: #153c52;
  --card-ink: #80c7e5;
  background: linear-gradient(125deg, #102f45, #20526a);
  color: white;
}
#services .service:nth-child(4) {
  --card-color: #fbefe0;
  --card-ink: #905622;
}
#services .service:nth-child(5) {
  --card-color: #efeaf6;
  --card-ink: #695486;
}
#services .service.help {
  --card-color: #edf0f2;
  --card-ink: #556a78;
}
#services .service[data-service] h3 {
  padding-inline-end: 39px;
  line-height: 1.24;
  text-wrap: pretty;
}
#services .service[data-service]::after {
  inset: 20px 16px auto auto;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--card-ink);
  background: color-mix(in srgb, var(--card-ink) 10%, transparent);
}
#services .service p { color: #405560; }
#services .service.featured p { color: #d7e9f2; }
#services a.service:focus-visible { outline-offset: 3px; }
@media (hover: hover) {
  #services a.service:hover {
    box-shadow: 0 6px 18px #142e3e15;
    border-color: var(--card-ink);
  }
}

.original-logo img { filter: url(#logo-white); }

footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "logo contact" "copyright copyright";
  gap: 4px 12px;
}
footer .footer-brand { grid-area: logo; }
footer > div { grid-area: contact; justify-self: end; gap: clamp(10px, 3vw, 20px); }
footer small { grid-area: copyright; text-align: center; margin-top: 20px; }
#gallery-expand { margin-top: 1rem; } #gallery-expand[hidden] { display: none; }