/* Tulip artwork approved by Cecilia on 12 October 2026. */
.tulip-divider {
  position: relative;
  width: calc(min(1080px, 86vw) - clamp(160px, 15vw, 200px) - clamp(24px, 3vw, 48px));
  aspect-ratio: 6.2 / 1;
  margin: 12px auto 28px;
  margin-left: calc((100vw - min(1080px, 86vw)) / 2 + clamp(160px, 15vw, 200px) + clamp(24px, 3vw, 48px));
  overflow: hidden;
  pointer-events: none;
}
.tulip-divider img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  max-width: none;
  transform: translateY(-50%);
}
.tulip-divider + #work,
.tulip-divider + #little-tools,
.tulip-divider + #stories > .section-wrap,
.tulip-divider + #enthusiasms { border-top: 0; }
.footer-parrot-art {
  position: absolute;
  left: -50px;
  bottom: 0;
  width: min(38vw, 500px);
  height: auto;
  max-width: none;
}
@media (min-width: 701px) and (max-width: 1150px) {
  .footer-parrot-art { width: min(32vw, 340px); left: -70px; bottom: 90px; }
}
@media (max-width: 700px) {
  .tulip-divider { margin-block: 8px 20px; }
  .footer-parrot-art { width: 230px; left: -55px; bottom: 125px; }
}

/* About and Work switch to a single text column at this breakpoint. */
@media (max-width: 1000px) {
  .tulip-divider { width: 86%; margin-inline: auto; }
}

/* Align the painted silhouettes to the text column without distorting the artwork. */
.tulip-divider img[src$="tulip-divider-a.png"] { width: 104.679209%; left: -2.460203%; transform: translateY(-50.758621%); }
.tulip-divider img[src$="tulip-divider-e.png"] { width: 105.698977%; left: -3.312226%; transform: translateY(-52.758621%); }
.tulip-divider img[src$="tulip-divider-b.png"] { width: 106.158358%; left: -3.030303%; transform: translateY(-51.519337%); }
.tulip-divider img[src$="tulip-divider-c.png"] { width: 106.679764%; left: -3.388998%; transform: translateY(-54.488950%); }
