:root:has(.petal-opening){--fold-bg:255}
.petal-opening{--petal-lavender:rgb(174 140 214);position:relative;z-index:2;background:#fff;color:#111;margin:70px auto 0;width:100%;max-width:1536px;min-height:calc(100vw * 1086 / 1536);overflow:hidden;display:flow-root}
.petal-art{position:absolute;top:0;left:0;width:100%;height:auto;display:block}
.petal-information{position:relative;margin-left:63.5%;width:36.5%;min-height:min(70.703125vw,1086px);padding:clamp(36px,3.8vw,58px) clamp(16px,2vw,32px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.petal-information h1{font-size:clamp(22px,2.2vw,34px);font-weight:600;letter-spacing:.035em;line-height:1.3;margin:0 0 48px}
.petal-section{width:100%}
.petal-section+.petal-section{margin-top:32px}
.petal-label{display:flex;flex-direction:column;align-items:center;gap:3px}
.petal-label h2{margin:0;font-size:16px;font-weight:600;letter-spacing:.09em;line-height:1.5}
.petal-toggle{position:relative;display:grid;place-items:center;flex:none;width:56px;height:56px;padding:4px;border:0;border-radius:0;background:transparent;color:var(--petal-lavender);cursor:pointer;touch-action:manipulation}
.petal-toggle canvas{position:absolute;inset:4px;width:48px;height:48px;pointer-events:none}
.petal-star{font-size:52px;line-height:1}
.petal-toggle.ready .petal-star{visibility:hidden}
.petal-toggle:focus-visible{outline:1px solid var(--petal-lavender);outline-offset:4px}
.petal-reveal{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-7px);transition:grid-template-rows .65s cubic-bezier(.22,.61,.36,1),opacity .4s ease,transform .65s cubic-bezier(.22,.61,.36,1)}
.petal-reveal.open{grid-template-rows:1fr;opacity:1;transform:translateY(0)}
.petal-reveal-inner{min-height:0;overflow:hidden}
.petal-reveal p{font-size:16px;line-height:1.7;font-weight:400;margin:0 auto;padding:16px 0 8px;max-width:44ch}
@media(min-width:1536px){.petal-opening{min-height:1086px}}
@media(max-width:800px){.petal-opening{margin-top:60px;min-height:0}.petal-art{position:relative}.petal-information{margin:0;width:100%;min-height:0;padding:20px 8vw 70px}.petal-information h1{font-size:26px;margin-bottom:36px}.petal-information h1 br{display:none}.petal-label{gap:3px}.petal-section+.petal-section{margin-top:30px}.petal-reveal p{max-width:52ch}}
@media(prefers-reduced-motion:reduce){.petal-reveal{transition:none;transform:none}}
@media print{.petal-opening{margin:0}.petal-reveal{grid-template-rows:1fr;opacity:1;transform:none}}