/* Harmonisation V8 — marque, hauteur des héros et raccord avec la section 01.
   Cette feuille doit être chargée après les styles propres à chaque page. */

:root {
  --studio-header-logo-desktop: 58px;
  --studio-header-logo-mobile: 54px;
  --studio-hero-bottom-desktop: 32px;
  --studio-first-section-top: clamp(28px, 2.5vw, 40px);
}

.interior-page .official-logo {
  width: var(--studio-header-logo-desktop);
  height: var(--studio-header-logo-desktop);
  flex: 0 0 var(--studio-header-logo-desktop);
}

@media (min-width: 701px) {
  .interior-page :is(
    .demo-page-hero,
    .content-hero,
    .services-hero,
    .bio-hero,
    .clients-hero,
    .equipement-hero,
    .rates-hero,
    .contact-hero
  ) {
    min-height: auto;
    padding-bottom: var(--studio-hero-bottom-desktop);
    align-items: start;
    border-bottom: 0;
  }

  .demo-page-content,
  .services-page-content,
  .rates-page-content,
  .contact-page-content,
  .clients-page-content,
  .equipement-page-content,
  .bio-page-content {
    margin-top: 0;
    padding-top: 0;
  }

  .demos-page .audio-library {
    padding-top: 0;
  }

  .demos-page .demo-category:first-child,
  .services-page .services-catalog,
  .tarifs-page .rates-factors,
  .content-archive-page .collection-section,
  .clients-page .clients-logos,
  .equipement-page .equipment-section,
  .contact-page .contact-workspace,
  .bio-v3 .bio-intro {
    padding-top: var(--studio-first-section-top);
  }
}

@media (max-width: 700px) {
  .interior-page .official-logo {
    width: var(--studio-header-logo-mobile);
    height: var(--studio-header-logo-mobile);
    flex-basis: var(--studio-header-logo-mobile);
  }
}