/* Approved 5 October 2026 illustration compositions. SVG coordinate/font sizes retained from
 * the approved previews; surrounding geometry uses the existing theme spacing and font tokens. */
@font-face { font-family: Caveat; font-style: normal; font-weight: 400; font-display: swap; src: url('../../fonts/caveat-latin-400.woff') format('woff'); }
.signature-animation { width: 100%; max-width: 620px; margin-inline: auto; }
.signature-animation svg { display: block; width: 100%; height: auto; overflow: visible; }
.signature-animation--books, .signature-animation--authors { max-width: 680px; }
.signature-animation--books text, .signature-animation--authors text { font: 400 38px var(--font-body); fill: var(--color-text); }
.signature-animation .wordfield text { font-size: 31px; }
/* Centred on the page, not in .batch-intro's 900px left column (client feedback 3); the label stays left. */
.signature-hero--center { text-align: center; }
.batch-intro.signature-hero--center { max-width: none; }
.signature-hero--center > p:not(.batch-label) { margin-inline: auto; }
.signature-hero__sign { font-family: var(--font-display); font-size: var(--wp--preset--font-size--large); margin-block: var(--heading-gap); }
.signature-hero--split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--within-gap); align-items: center; }
.signature-hero--split > * { min-width: 0; }
.signature-hero__text > p { max-width: var(--reading-width); }
.signature-hero__illustration { min-width: 0; }
.signature-hero__illustration .signature-hero__sign { text-align: center; }
.signature-hero__accessible-title { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px !important; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.signature-hero__text h1 { margin-block: 0 var(--heading-gap); }
.signature-hero__text p:not(.batch-label) { font-size: var(--wp--preset--font-size--large); }
/* « À vous la suite ! » (client feedback 3): the hero uses the page's full width instead of
   .batch-intro's 900px column, so the title fits on two lines beside the pen, and the pen (with its
   handwriting) is drawn larger. Only this hero: La Maison's split hero is unchanged. */
.batch-intro.signature-hero--split:has(.signature-animation--hc) { max-width: none; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.signature-animation--hc { max-width: 680px; }
@media (min-width: 901px) { .signature-hero--split:has(.signature-animation--hc) h1 { font-size: clamp(3.6rem, 5.6vw, 5.6rem); } }
@media (max-width: 900px) { .signature-hero--split, .batch-intro.signature-hero--split:has(.signature-animation--hc) { grid-template-columns: minmax(0, 1fr); gap: var(--heading-gap); } }


/* Homepage invitation, directly after Collections. */
.home-game__layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: var(--within-gap); align-items: center; padding-block: clamp(48px,6vw,80px); border-block: 1px solid var(--color-accent); }
.home-game__layout > * { min-width: 0; }
.home-game__text h2 { margin-block: 20px 24px; }
.home-game__text .body-large { margin-block: 0 28px; max-width: 500px; }
.home-game__text .eyebrow { margin: 0; }
.home-game__illustration { padding-block: 24px; }
@media (max-width: 900px) { .home-game__layout { grid-template-columns: minmax(0,1fr); gap: 24px; } .home-game__illustration { padding: 0; } }


/* Client feedback, 15 October: content appears sooner beneath the two listing heroes. */
.batch-intro.signature-hero--center { margin-bottom: 24px; }
.batch-intro.signature-hero--center > p:not(.batch-label) { margin-block: 12px 0; }
.catalogue-intro--compact .signature-animation--books { max-width: 240px; }
.catalogue-intro--compact .signature-animation--books svg { aspect-ratio: 680 / 150; }
.catalogue-intro--compact .signature-animation--books .copy { display: none; }
.catalogue-intro--compact h1 { font-size: clamp(2.6rem, 4.5vw, 4.2rem); margin-block: 8px 16px; }
.catalogue-intro--compact > p:last-child { max-width: 760px; }
.batch-shell:has(.signature-hero--center) { padding-top: 36px; }
.batch-shell .signature-hero--center + .lea-section,
.batch-shell .signature-hero--center + .wp-block-post-content > .lea-section:first-child { margin-top: 24px; }