/* A single owl carries the envelope, releases it, then banks away. */
.owl-delivery{position:relative;width:min(610px,94vw);aspect-ratio:4/3;flex-shrink:0;isolation:isolate}
.mail-carrier{position:absolute;inset:0;will-change:transform}
.storybook .intro .owl-delivery .envelope{width:100%;height:100%;transform-origin:50% 32.2%;animation:none;transform:scale(.5)}
.owl-bird{position:absolute;left:10%;bottom:59.5%;width:80%;aspect-ratio:3/2;z-index:10;pointer-events:none;filter:drop-shadow(0 12px 12px #0004);transform-origin:50% 70%}
.owl-bird img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.owl-body{z-index:2;clip-path:polygon(38% 35%,62% 35%,62% 64%,72% 74%,69% 88%,62% 93%,62% 100%,38% 100%,38% 93%,31% 88%,28% 74%,38% 64%)}
.owl-wing-left{clip-path:polygon(0 0,43% 0,43% 36%,39% 42%,41% 66%,33% 72%,0 72%);transform-origin:43% 45%}
.owl-wing-right{clip-path:polygon(57% 0,100% 0,100% 72%,67% 72%,59% 66%,61% 42%,57% 36%);transform-origin:57% 45%}
.storybook .intro>.eyebrow{position:absolute;top:max(28px,8svh);left:20px;right:20px;margin:0;z-index:12}
.storybook .intro.awaiting-owl .mail-carrier{opacity:0}
.storybook .intro:not(.delivery-ready) .intro-note,.storybook .intro:not(.delivery-ready) #openText{opacity:0;animation:none;pointer-events:none}
.storybook .intro.delivering .mail-carrier{animation:owl-mail-arrive 3s cubic-bezier(.22,.7,.25,1) both}
.storybook .intro.delivering .owl-bird{animation:owl-release 1.65s 3.05s cubic-bezier(.45,0,.7,.45) both}
.storybook .intro.delivering .owl-wing-left{animation:owl-left-stroke .7s ease-in-out infinite}
.storybook .intro.delivering .owl-wing-right{animation:owl-right-stroke .7s ease-in-out infinite}
.storybook .intro.delivering .owl-body{animation:owl-body-bob .7s ease-in-out infinite}
.storybook .intro.delivering .owl-delivery .envelope{animation:envelope-handoff .7s 3s cubic-bezier(.22,1,.36,1) both,owl-post-hover 9s 3.7s ease-in-out infinite}
.storybook .intro.delivery-ready .intro-note,.storybook .intro.delivery-ready #openText{opacity:1;animation:none;transition:opacity .55s}
.storybook .intro.delivery-ready .seal{pointer-events:auto}
.storybook .intro.opening .owl-delivery .envelope{animation:envelope-settle 3.55s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 50%}
.storybook .intro.opening .intro-note,.storybook .intro.opening #openText{opacity:0;pointer-events:none;transition:opacity .3s}
.storybook .intro.delivery-ready:not(.delivering) .owl-bird{display:none}
.storybook .intro.delivery-ready:not(.delivering) .owl-delivery .envelope{transform:none;animation:owl-post-hover 9s ease-in-out infinite}
@keyframes owl-mail-arrive{0%{opacity:0;transform:translate(-65vw,-36svh) scale(.24) rotate(-12deg)}12%{opacity:1}48%{transform:translate(-20vw,-15svh) scale(.62) rotate(5deg)}76%{transform:translate(3vw,-3svh) scale(.95) rotate(-2deg)}92%{transform:translate(0,2px) scale(1.01) rotate(.4deg)}100%{opacity:1;transform:none}}
@keyframes envelope-handoff{0%{transform:scale(.5) rotate(-.5deg)}78%{transform:scale(1.025) rotate(.3deg)}100%{transform:none}}
@keyframes owl-left-stroke{0%,100%{transform:rotateZ(5deg) rotateY(10deg)}50%{transform:rotateZ(-23deg) rotateY(28deg)}}
@keyframes owl-right-stroke{0%,100%{transform:rotateZ(-5deg) rotateY(-10deg)}50%{transform:rotateZ(23deg) rotateY(-28deg)}}
@keyframes owl-body-bob{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@keyframes owl-release{0%{opacity:1;transform:none}22%{opacity:1;transform:translate(18px,-24px) scale(.96) rotate(4deg)}70%{opacity:1;transform:translate(28vw,-40svh) scale(.65) rotate(14deg)}100%{opacity:0;transform:translate(55vw,-85svh) scale(.28) rotate(23deg)}}
@media(max-width:600px){.owl-delivery{width:100vw;max-width:430px}.storybook .intro>.eyebrow{top:max(24px,7svh);font-size:.75rem}}
@media(max-height:550px) and (min-width:601px){.owl-delivery{width:min(360px,60vw);margin-top:80px}.storybook .intro .intro-note{display:none}.storybook .intro #openText{position:absolute;bottom:12px;left:24px;margin:0}.storybook .intro>.eyebrow{top:18px}}
@media(prefers-reduced-motion:reduce){.mail-carrier{will-change:auto}.storybook .intro.delivering .mail-carrier,.storybook .intro.delivering .owl-delivery .envelope{animation:none;transform:none;opacity:1}.owl-bird{display:none}}