/* Layered SVG depth: original artwork, no WebGL or continuous motion. */
.qp-plant{transition:background .2s;transform:none!important}.qp-art{position:relative;display:block;perspective:700px;isolation:isolate}.qp-art::before{content:"";position:absolute;left:24%;right:24%;bottom:12%;height:9%;border-radius:50%;background:#59434d;opacity:.14;filter:blur(7px)}.qp-art::after{content:"";position:absolute;inset:16%;width:auto;height:auto;border:1px solid #ae7d9a;border-radius:50%;box-shadow:none;opacity:0;pointer-events:none}.qp-art svg{overflow:visible;filter:drop-shadow(0 9px 6px #47324a20)}
.depth-petal{transform-origin:120px 112px;transform:scale(.86);transition:transform .65s cubic-bezier(.22,.7,.2,1);transition-delay:var(--petal-delay)}.qp-plant[aria-pressed="true"] .depth-petal{transform:scale(1)}
.qp-plant.is-blooming .qp-art::after{animation:depth-ripple .85s ease-out .4s both}.qp-plant.is-blooming .depth-sprig{animation:sprig-touch .7s ease-out}
@keyframes depth-ripple{from{transform:scale(.65);opacity:.45}to{transform:scale(1.35);opacity:0}}@keyframes sprig-touch{0%{transform:rotateX(0) rotateY(0)}40%{transform:rotateX(7deg) rotateY(-7deg)}100%{transform:rotateX(0) rotateY(0)}}
.hair-look{margin:32px 0}.hair-look figure{margin:0 auto;max-width:640px}.hair-look svg{width:100%;height:auto;display:block}.hair-look figcaption{font-size:.85rem;color:#51414c}.hair-choices{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.hair-choices button{min-height:48px;padding:12px 20px;border:1px solid #76566d;border-radius:28px;background:#fffcf7;color:#43103f;font:inherit;cursor:pointer}.hair-choices button[aria-pressed="true"]{background:#43103f;color:#fff}.hair-choices button:focus-visible{outline:3px solid #43103f;outline-offset:4px}.hair-look [data-zone]{opacity:.35;transition:opacity .25s}.hair-look [data-zone].active{opacity:1}.hair-parts.is-interactive{display:block}.hair-parts.is-interactive>section{max-width:65ch}.hair-parts.is-interactive>section[hidden]{display:none}
@media print{.hair-choices{display:none}.hair-parts.is-interactive>section[hidden]{display:block}.hair-look [data-zone]{opacity:1}}

.hair-look [data-zone]{transform-box:fill-box;transform-origin:center}.hair-look [data-zone].active{stroke-width:4;animation:part-emphasis .45s ease-out}.hair-parts.is-interactive{min-height:285px}@keyframes part-emphasis{from{transform:scale(.95)}to{transform:scale(1)}}
@media(max-width:600px){.hair-parts.is-interactive{min-height:360px}.qp-plant small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.qp-plant,.depth-petal,.hair-look [data-zone]{transition:none!important}.qp-plant.is-blooming .qp-art::after,.qp-plant.is-blooming .depth-sprig,.hair-look [data-zone].active{animation:none!important}.depth-petal{transform:none!important}}

/* Petals change contour, rather than scaling the flower. */
.depth-petal,.qp-plant[aria-pressed="true"] .depth-petal{transform:none;transition:none;filter:drop-shadow(1px 3px 2px #48233f40)}.petal-fold,.petal-vein{pointer-events:none}.qp-plant.is-blooming .petal-fold,.qp-plant.is-blooming .petal-vein{animation:petal-light .9s ease-out both}.qp-plant.is-blooming .qp-art::after{animation-delay:.85s}@keyframes petal-light{0%,35%{opacity:0}100%{opacity:.3}}
.hair-look svg{max-height:460px}.hair-look .anatomy-label{font:18px system-ui,sans-serif;fill:#43103f}.hair-look .anatomy-note{font:15px system-ui,sans-serif;fill:#51414c}
@media(prefers-reduced-motion:reduce){.qp-plant.is-blooming .petal-fold,.qp-plant.is-blooming .petal-vein{animation:none!important}}