html {
  scroll-behavior: smooth;
}

.dossier-section {
  scroll-margin-top: calc(var(--header-offset) + 28px);
}

.page-header.page-header-zai {
  position: relative;
  height: 320px;
  background: url("../../img/dossier.jpg") center center / cover no-repeat;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 16px;
}

.page-header.page-header-zai::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(220, 220, 220, 0.45);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.page-header.page-header-zai h1 {
  position: relative;
  z-index: 2;
  margin: 0;
  max-width: 1100px;
  width: 100%;
  color: #0A1A44;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}

@media (max-width: 768px) {
  .page-header.page-header-zai {
    height: 220px;
  }

  .page-header.page-header-zai h1 {
    font-size: 2rem;
    max-width: 92%;
  }
}