/* WeddingOS — three discreet discoverable leaves inside the invitation. */
.wos-secret-leaf{
  position:absolute;
  z-index:6;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(247,243,235,.36);
  color:#52674d;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  opacity:.5;
  filter:drop-shadow(0 5px 10px rgba(55,76,52,.12));
  transition:opacity .2s ease,transform .25s ease,background .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.wos-secret-leaf:hover,.wos-secret-leaf:focus-visible{opacity:.92;transform:scale(1.08) rotate(-7deg);background:rgba(232,239,229,.9);outline:2px solid rgba(91,119,84,.42);outline-offset:3px}
.wos-secret-leaf.is-found{pointer-events:none;animation:wos-secret-found .55s cubic-bezier(.2,.8,.2,1) forwards}
.wos-secret-leaf[data-slot="1"]{right:clamp(12px,4vw,54px);top:clamp(58px,10vw,112px);transform:rotate(13deg)}
.wos-secret-leaf[data-slot="2"]{left:clamp(10px,3vw,42px);bottom:clamp(52px,8vw,96px);transform:rotate(-18deg)}
.wos-secret-leaf[data-slot="3"]{right:clamp(14px,5vw,68px);bottom:clamp(42px,7vw,88px);transform:rotate(28deg)}
.wos-leaf-progress{
  position:fixed;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:120;
  transform:translateX(-50%) translateY(18px);
  padding:10px 15px;
  border-radius:999px;
  background:rgba(62,79,58,.94);
  color:#fffaf1;
  font:700 .76rem/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.04em;
  box-shadow:0 12px 35px rgba(45,63,43,.2);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.wos-leaf-progress.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes wos-secret-found{0%{opacity:.9;transform:scale(1)}55%{opacity:1;transform:scale(1.35) rotate(18deg)}100%{opacity:0;transform:scale(.45) translateY(-18px)}}
@media(max-width:600px){.wos-secret-leaf{width:42px;height:42px;font-size:24px;opacity:.56}.wos-secret-leaf[data-slot="1"]{right:8px}.wos-secret-leaf[data-slot="2"]{left:7px}.wos-secret-leaf[data-slot="3"]{right:9px}}
@media(prefers-reduced-motion:reduce){.wos-secret-leaf,.wos-leaf-progress{transition:none}.wos-secret-leaf.is-found{animation:none;opacity:0}}