@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');

/* Keep the photographic hero calm and uniform, without visual gradients. */
.hero__shade { background: rgba(20, 39, 28, .61); }
@media (max-width: 760px) { .hero__shade { background: rgba(20, 39, 28, .67); } }
/* Φωτογραφία ενότητας Γνωριμία */
.about__image-wrap {
  max-width: 360px;
  margin-inline: auto;
}

.about img {
  height: 440px;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  object-position: center;
  background: #f3efe6;
}

/* Ενισχυμένη παρουσία του brand στο header. */
.site-header .nav { width: 100%; max-width: none; padding-inline: 28px; }
.site-header { height: 112px; }
.brand { gap: 18px; }
.brand img { width: 84px; height: auto; transform: scale(1.55); transform-origin: center; }
.footer__brand span { text-transform: none; }
.hero__name span { text-transform: none; letter-spacing: .04em; }
@media (max-width: 760px) {
  .site-header { height: 80px; }
  .site-header .nav { padding-inline: 16px; }
  .brand { max-width: calc(100% - 64px); }
  .brand { gap: 14px; }
  .brand img { width: 58px; height: auto; transform: scale(1.55); }
  .brand small { font-size: .53rem; letter-spacing: 0; white-space: nowrap; }
  .nav__links { top: 80px; }
}