@font-face {
  font-family: "Lorenzo Capitales";
  src: url("CormorantGaramond-Lorenzo.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0020, U+0045, U+004C, U+004E-004F, U+0052, U+005A;
}

@font-face {
  font-family: "Lorenzo Action Lettrage";
  src: url("LorenzoActionLettrage-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Lorenzo Spectacles Lettrage";
  src: url("LorenzoSpectaclesLettrage-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* À utiliser pour les titres : Action, Émotion/Emotion et Signature. */
.lorenzo-brand {
  container-type: inline-size;
  width: 100%;
  max-width: 1040px;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  color: inherit;
}

.lorenzo-brand__line {
  position: relative;
  display: block;
  height: 35cqw;
  white-space: nowrap;
}

.lorenzo-brand__name {
  position: absolute;
  left: 0;
  top: 19.45cqw;
  font-family: "Lorenzo Capitales", "Cormorant Garamond", Georgia, serif;
  font-size: 7.3cqw;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.22em;
  white-space: pre;
}

.lorenzo-brand__show {
  position: absolute;
  left: 46.8cqw;
  top: 2cqw;
  font-family: "Lorenzo Spectacles Lettrage", cursive;
  font-size: 27.375cqw;
  line-height: 1.06;
  font-weight: 400;
  letter-spacing: 0;
  font-variant-ligatures: contextual;
  font-feature-settings: "calt" 1, "ccmp" 1;
}

/* La composition Action initialement approuvée reste disponible à l'identique. */
.lorenzo-brand--action .lorenzo-brand__line {
  position: relative;
  display: block;
  height: 35cqw;
  padding: 0;
}
.lorenzo-brand--action .lorenzo-brand__name {
  position: absolute;
  left: 0;
  top: 20.7cqw;
  font-size: 8.4cqw;
}
.lorenzo-brand--action .lorenzo-brand__show {
  position: absolute;
  left: 56cqw;
  top: 0;
  font-family: "Lorenzo Action Lettrage", cursive;
  font-size: 31.5cqw;
  line-height: 1.06;
  transform: none;
}

@supports not (font-size: 1cqw) {
  .lorenzo-brand .lorenzo-brand__line {
    position: static;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.35rem;
    height: auto;
    padding: 0.75rem 0;
  }
  .lorenzo-brand .lorenzo-brand__name,
  .lorenzo-brand .lorenzo-brand__show {position: static}
  .lorenzo-brand .lorenzo-brand__name {font-size: clamp(14px, 4vw, 60px)}
  .lorenzo-brand .lorenzo-brand__show {font-size: clamp(50px, 15vw, 225px)}
}