/* Composition 4 : la couverture reste visible à droite du texte. */
.guide-showcase {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: 660px;
  padding: 40px;
  overflow: hidden;
  border-radius: var(--r-panel);
  background: var(--wall);
}
.guide-showcase__photo {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  overflow: hidden;
}
.guide-showcase__photo picture,
.guide-showcase__photo img { display: block; width: 100%; height: 100%; }
.guide-showcase__photo img { object-fit: cover; object-position: center; }
.guide-showcase__copy {
  width: 45%;
  padding: 32px;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-card);
  background: var(--paper);
}
.guide-showcase__copy .eyebrow { margin-bottom: 20px; }
.guide-showcase__copy h2 { font-size: clamp(32px, 3vw, 40px); line-height: 1.08; letter-spacing: -.022em; text-align: left; }
.guide-showcase__copy .beat { display: block; }
.guide-showcase__copy p:not(.eyebrow) { margin-top: 20px; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.guide-showcase__copy .pill { margin-top: 24px; }
@media (max-width: 900px) {
  .guide-showcase { display: block; min-height: 0; padding: 0 20px 20px; }
  .guide-showcase__photo { position: relative; inset: auto; z-index: 0; height: 440px; margin: 0 -20px; }
  .guide-showcase__photo img { object-position: right center; }
  .guide-showcase__copy { position: relative; width: 100%; margin-top: -20px; padding: 28px; }
  .guide-showcase__copy h2 { font-size: 36px; }
}
@media (max-width: 480px) {
  .guide-showcase { padding: 0 12px 12px; }
  .guide-showcase__photo { height: 360px; margin-inline: -12px; }
  .guide-showcase__copy { padding: 24px; }
  .guide-showcase__copy h2 { font-size: 32px; }
}