.hero-logo {
  position: absolute;
  z-index: 1;
  right: 8vw;
  top: 20%;
  width: min(29vw, 460px);
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 50%;
  clip-path: circle(49.4%);
  opacity: .93;
  filter: drop-shadow(0 24px 50px rgba(0, 0, 0, .45));
}

.safa {
  background: linear-gradient(145deg, rgba(15, 15, 12, .08), rgba(10, 10, 8, .72)),
    url("https://i.ytimg.com/vi/dxD3EdHK6a0/maxresdefault.jpg") center / cover;
}

.portrait-studio {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 38%;
  box-shadow: 0 28px 70px rgba(11, 18, 24, .18);
}

.brand{gap:13px}.brand .brand-symbol,footer .brand .brand-symbol{width:54px;height:auto;object-fit:contain;filter:none}.brand-words{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.brand-words strong{font-size:.89rem;letter-spacing:.27em;font-weight:500;color:#dcb957}.brand-words small{font-size:.42rem;letter-spacing:.28em;color:#eee8dc}

@media (max-width: 800px) {
  .hero-logo {
    right: -12vw;
    top: 14%;
    width: 62vw;
    opacity: .32;
  }

  .portrait-studio {
    max-height: 620px;
  }

  .brand .brand-symbol,footer .brand .brand-symbol{width:46px}.brand-words strong{font-size:.72rem}.brand-words small{font-size:.35rem}
}