:root {
  --coral: #b9472f;
}

:focus-visible {
  outline: 3px solid var(--white);
  outline-offset: 2px;
  box-shadow: 0 0 0 6px var(--ink);
}

.submenu-toggle {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.hero figure {
  position: relative;
}

.hero figcaption {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  padding: .3rem .55rem;
  background: rgba(20, 35, 59, .86);
  color: var(--white);
  font-size: .68rem;
  border-radius: 7px;
}

@media (max-width: 680px) {
  .hero figcaption {
    top: 1rem;
    bottom: auto;
  }
}