/* Héros des pages intérieures : une grande étiquette de prix pendue à sa ficelle, qui porte le titre de la page,
   et la gravure de l'objet emblème posée à côté. Différent du héros de l'accueil (l'étal). */
.heros-page { padding-block: 12px clamp(40px, 6vw, 76px); overflow: clip; }
.heros-page-in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); gap: clamp(20px, 4vw, 50px); align-items: center; margin-top: 20px; }
.grande-etiquette { position: relative; background: var(--carte); padding: clamp(26px, 4vw, 46px) clamp(22px, 4vw, 48px) clamp(26px, 4vw, 40px) clamp(54px, 7vw, 92px);
  clip-path: polygon(clamp(30px, 4vw, 50px) 0, 100% 0, 100% 100%, clamp(30px, 4vw, 50px) 100%, 0 50%); transform-origin: 0 50%;
  filter: drop-shadow(0 16px 18px rgba(43, 35, 28, .25)); animation: grande-pend 1.1s cubic-bezier(.3, 1.4, .5, 1) var(--d0, .1s) both; }
.avec-ouverture .grande-etiquette { --d0: 1.45s; }
.grande-etiquette::before { content: ""; position: absolute; left: clamp(20px, 2.6vw, 32px); top: 50%; width: 16px; height: 16px; margin-top: -8px;
  border-radius: 50%; background: var(--papier); box-shadow: inset 0 0 0 3px var(--laiton); }
.grande-etiquette::after { content: ""; position: absolute; inset: 8px 8px 8px clamp(36px, 5vw, 58px); border: 1.5px dashed var(--ligne); pointer-events: none; }
.grande-etiquette .ar { display: block; color: var(--brique); font-size: clamp(22px, 2.6vw, 32px); line-height: 1.5; margin-bottom: 4px; }
.grande-etiquette h1 { font-size: clamp(30px, 4.2vw, 54px); }
.grande-etiquette .chapeau { margin-top: 16px; }
.grande-etiquette .boutons { margin-top: 22px; position: relative; z-index: 1; }
.embleme { margin: 0; justify-self: center; }
.embleme img { width: min(100%, 300px); filter: drop-shadow(0 12px 10px rgba(43, 35, 28, .22)); animation: ens-pose .9s ease calc(var(--d0, .1s) + .3s) both; }
.avec-ouverture .embleme img { --d0: 1.45s; }
@keyframes grande-pend { from { opacity: 0; transform: rotate(-7deg) translateY(-14px); } 60% { transform: rotate(1.5deg); } }
@keyframes ens-pose { from { opacity: 0; transform: translateY(16px) scale(.97); } }
@media (max-width: 820px) {
  .heros-page-in { grid-template-columns: minmax(0, 1fr); }
  .embleme { grid-row: 1; }
  .embleme img { width: 150px; }
  .grande-etiquette { padding-left: 50px; clip-path: polygon(26px 0, 100% 0, 100% 100%, 26px 100%, 0 50%); }
  .grande-etiquette::before { left: 16px; width: 12px; height: 12px; margin-top: -6px; }
  .grande-etiquette::after { inset: 6px 6px 6px 32px; }
}

/* Texte courant des pages (mentions, atelier) */
.texte-page { max-width: 760px; }
.texte-page h2 { font-size: clamp(24px, 2.6vw, 32px); margin: 36px 0 12px; }
.texte-page ul { padding-left: 20px; }
.texte-page li { margin-bottom: 6px; }