/* Large botanical framing, with the reading column kept above the ornament layer. */
section, .event article, footer { isolation: isolate; }
.ornaments { position: absolute; inset: 0; z-index: 2; pointer-events: none; user-select: none; }
.ornament { position: absolute; max-width: none; height: auto; }
.flower {
  --flower-size: clamp(420px, 37vw, 580px);
  width: var(--flower-size);
  filter: drop-shadow(14px 22px 2px rgba(77, 63, 9, .16));
}
.flower.large { --flower-size: clamp(480px, 43vw, 680px); }
.flower.left { left: calc(var(--flower-size) * -.46); transform: rotate(25deg); }
.flower.right { right: calc(var(--flower-size) * -.49); transform: scaleX(-1) rotate(24deg); }
.butterfly { width: clamp(130px, 13vw, 200px); filter: drop-shadow(8px 12px 2px rgba(106, 80, 7, .12)); }
.butterfly.left { left: 9%; transform: rotate(-24deg); }
.butterfly.right { right: 9%; transform: scaleX(-1) rotate(-15deg); }
.butterfly.soft { width: clamp(230px, 25vw, 380px); opacity: .68; filter: blur(5px) drop-shadow(10px 18px 8px rgba(122, 93, 10, .08)); }
.butterfly.soft.left { left: 3%; transform: rotate(20deg); }
.butterfly.soft.right { right: 1%; transform: scaleX(-1) rotate(12deg); }
.drift-petal {
  position: absolute; width: 16px; height: 34px;
  border-radius: 95% 6% 95% 6%;
  background: linear-gradient(130deg, #fff 8%, #fffbe8 45%, #efd899 78%, #fff 100%);
  box-shadow: 4px 6px 5px rgba(122, 97, 13, .10), inset 1px 1px 2px white;
  transform: rotate(var(--turn)); opacity: .86;
}
.drift-petal:nth-last-child(2n) { width: 10px; height: 23px; filter: blur(.5px); }
.ornaments-profile::after, .ornaments-attention::after {
  content: ""; position: absolute; width: 150%; height: 1px;
  left: -25%; top: 58%; transform: rotate(-29deg);
  background: rgba(255, 253, 223, .4); z-index: -1;
}
.info, .social-cta, .accordions, .event-intro, .note-frame,
.guide .coming, .guide-note, .goods > .big-link,
.intro h1, .intro .statement, .intro .copy,
.footer .contact, .footer .copyright, .footer .concept { position: relative; z-index: 3; }
.ornaments-intro .flower.left { left: calc(var(--flower-size) * -.59); }
.ornaments-intro .drift-petal { opacity: .6; }
.ornaments-profile .flower.left:first-child { left: calc(var(--flower-size) * -.37); }
.ornaments-profile .butterfly.soft { width: clamp(250px, 26vw, 410px); left: 9%; }
.ornaments-profile .butterfly.right { right: 9%; }
.ornaments-goods .flower { z-index: -1; }
.ornaments-guide .flower { opacity: .95; }
.ornaments-footer .flower { filter: drop-shadow(12px 20px 2px rgba(0, 0, 0, .2)); }
.ornaments-footer .butterfly.soft { opacity: .4; }

@media (min-width: 801px) {
  .ornaments-about .flower.left, .event .flower.left { left: calc(var(--flower-size) * -.55); }
  .ornaments-about .flower.right, .event .flower.right { right: calc(var(--flower-size) * -.57); }
  .attention .note-frame { max-width: 900px; }
  .ornaments-attention .flower.left { left: calc(var(--flower-size) * -.64); }
  .ornaments-attention .flower.right { right: calc(var(--flower-size) * -.64); }
}

@media (min-width: 801px) and (max-width: 1150px) {
  .flower.left { left: calc(var(--flower-size) * -.60); }
  .flower.right { right: calc(var(--flower-size) * -.62); }
  .ornaments-profile .flower.left:first-child { left: calc(var(--flower-size) * -.53); }
  .butterfly.left { left: 5%; }
  .butterfly.right { right: 4%; }
  .ornaments-profile .butterfly.soft { left: -5%; }
}

@media (max-width: 800px) {
  .flower { --flower-size: 285px; }
  .flower.large { --flower-size: 330px; }
  .flower.left { left: calc(var(--flower-size) * -.71); }
  .flower.right { right: calc(var(--flower-size) * -.72); }
  .ornaments-profile .flower.left:first-child { left: -208px; }
  .ornaments-intro .flower.left { left: -235px; top: -300px !important; }
  .butterfly { width: 85px; }
  .butterfly.left { left: -10px; }
  .butterfly.right, .ornaments-profile .butterfly.right { right: -16px; }
  .butterfly.soft { width: 160px; filter: blur(3px); opacity: .48; }
  .butterfly.soft.left { left: -75px; }
  .butterfly.soft.right { right: -75px; }
  .ornaments-profile .butterfly.soft { width: 160px; left: -70px; }
  .drift-petal { width: 9px; height: 22px; opacity: .48; }
  .drift-petal:nth-last-child(2n) { width: 6px; height: 15px; }
  .ornaments .drift-petal:nth-last-child(-n+2) { display: none; }
  .note-scroll { position: relative; background: rgba(243, 211, 50, .93); }
  .ornaments-footer .flower.right { top: 290px !important; }
}