.hero {
  position: relative;
  isolation: isolate;
  background: #0d2937 url("assets/cerrahi-ugur-tunc.webp") center 38% / cover no-repeat;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(247,248,246,.90) 0%, rgba(247,248,246,.76) 46%, rgba(13,41,55,.10) 72%, rgba(13,41,55,.24) 100%);
}

.portrait-wrap { background: transparent; }
.portrait-frame { background: rgba(13,41,55,.14); backdrop-filter: blur(1px); }

.experience-top {
  padding-top: 72px;
  padding-bottom: 30px;
  background: #fff;
}

.experience-top .experience-heading { margin-bottom: 28px; }
.experience-top .experience-heading h2 {
  margin: 0;
  max-width: 820px;
  font-family: "Playfair Display", serif;
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.1;
}

@media (max-width: 900px) {
  .hero::before { background: linear-gradient(180deg, rgba(247,248,246,.91) 0%, rgba(247,248,246,.72) 46%, rgba(13,41,55,.18) 100%); }
  .experience-top { padding-top: 54px; }
}