/* Crestore brand and AI-generated imagery */
.hero-photo {
  background-image: url('assets/crestore-hero-ai.webp');
}

.operation-visual {
  height: clamp(280px, 38vw, 520px);
  margin-top: 5rem;
  background:
    linear-gradient(0deg, rgba(4, 14, 33, .68), rgba(4, 14, 33, .03) 55%),
    url('assets/crestore-terminal-ai.webp') center / cover no-repeat;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 1.5rem 1.8rem;
}

.operation-visual span {
  font-size: .68rem;
  letter-spacing: .2em;
  font-weight: 700;
  color: #fff;
}

.operation-visual + .process {
  margin-top: 0;
}

.contact-details {
  display: grid;
  gap: 1.1rem;
  margin-top: 2.2rem;
}

.contact-details a {
  display: grid;
  gap: .15rem;
  width: fit-content;
}

.contact-details small {
  font-size: .66rem;
  letter-spacing: .14em;
  color: #788493;
  font-weight: 700;
}

.contact-details strong {
  font: 600 .98rem "Manrope";
  color: var(--navy);
  border-bottom: 1px solid #ccd3dc;
  padding-bottom: .25rem;
}

@media (max-width: 620px) {
  .operation-visual {
    height: 280px;
    margin-top: 3rem;
    padding: 1rem;
  }
  .operation-visual span { font-size: .62rem; }
  .contact-details strong { font-size: .88rem; }
}