.store-card {
  display: grid;
  grid-template-columns: minmax(200px, 1.15fr) minmax(150px, .85fr);
  padding: 0;
  overflow: hidden;
  border-top: 0;
  box-shadow: 0 18px 55px rgba(4, 28, 43, .12);
}

.hero h1 em { display: inline-block; white-space: nowrap; }

/* Emphasize the first eternalblue wordmark in the top header only. */
.site-header .brand b {
  font-size: clamp(34px, 3vw, 42px);
}

.site-header .brand small {
  margin-top: 7px;
  font-size: 9px;
}

.pro-gateway .pro-copy h2 {
  font-size: clamp(32px, 3.5vw, 52px);
}

.air-professional {
  display: inline-block;
  white-space: nowrap;
  letter-spacing: -.02em;
}

.pro-name-link {
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
}

.pro-name-link:hover,
.pro-name-link:focus-visible {
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(0, 224, 255, .2);
}

.pro-name-link span { color: var(--cyan); }

.store-card figure {
  position: relative;
  height: auto;
  min-height: 190px;
  margin: 0;
  background: #04182b;
}

.store-card figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

.store-card figcaption {
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 7px 9px;
  color: #fff;
  background: rgba(2, 19, 36, .78);
  font: 600 10px/1 "Oswald", sans-serif;
  letter-spacing: .2em;
}

.store-card .store-details {
  padding: 30px 25px 32px 30px;
  border-top: 4px solid var(--blue);
}

@media (max-width: 800px) {
  .store-card { grid-template-columns: minmax(175px, 1.15fr) minmax(120px, .85fr); }
  .store-card figure { min-height: 180px; }
  .store-card .store-details { padding: 25px 18px 28px; }
  .store-card .store-details h3 { font-size: 21px; }
  .store-card .store-details p { font-size: 13px; }
}

@media (max-width: 560px) {
  .hero h1 em { font-size: clamp(29px, 9vw, 40px); }
  .site-header .brand b { font-size: 30px; }
  .site-header .brand small { font-size: 7px; }
}
.hero-title-line { display: inline-block; white-space: nowrap; }

/* Keep the main message directly below the eternalblue wordmark and leave the
   whale shark's lower diver unobstructed in the centre of the photograph. */
.hero-copy {
  max-width: 680px;
  padding-top: 122px;
}

.hero-copy .eyebrow { margin-bottom: 14px; }
.hero h1 { font-size: clamp(42px, 4.6vw, 68px); }
.hero-copy .lead { max-width: 570px; margin-top: 20px; margin-bottom: 24px; }

@media (max-width: 560px) {
  .hero-copy { padding-top: 108px; }
  .hero h1 { font-size: clamp(30px, 8.8vw, 38px); }
}