/* Illustrated paper layers unfold into a live pop-up book. */
.transformation-section{padding-top:65px}
.moment-demo.storybook-demo{position:relative;overflow:visible;border:0;border-radius:0;background:transparent;perspective:1100px;min-width:0}
.moment-scene.storybook-scene{position:relative;height:auto;aspect-ratio:16/10;overflow:visible;isolation:auto;background:transparent;transform-style:preserve-3d;transition:none}
.storybook-frame{position:absolute;inset:0;border:1px solid #7d9062;border-radius:16px;overflow:hidden;background:#10271c;box-shadow:0 22px 48px #030c0980;transform-origin:50% 80%;pointer-events:none}
.storybook-scene .storybook-forest{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none;transition:none}
.storybook-pop-up{position:absolute;inset:0;visibility:hidden;transform-style:preserve-3d;transform-origin:50% 80%;pointer-events:none}
.storybook-layer{position:absolute;aspect-ratio:3/2;transform-origin:50% 92%;opacity:0;transition:none!important;will-change:transform,opacity;backface-visibility:hidden}
.storybook-layer img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.storybook-base{left:-5%;bottom:-8%;width:110%;z-index:5;filter:drop-shadow(0 20px 17px #020a0bc0)}
.storybook-base{transform-style:preserve-3d;perspective:850px}
.storybook-page-title{position:absolute;top:60%;width:27%;text-align:center;color:#f4ce78;font:900 clamp(14px,1.65vw,24px)/1.2 Georgia,serif;letter-spacing:.07em;text-shadow:0 1px 0 #fff4c1,0 2px 0 #8a4e19,0 3px 4px #241030;transform:translate(-50%,-50%) rotate(-4deg);white-space:nowrap;transition:none!important}
.storybook-page-title-left{left:33%}
.storybook-page-title-right{left:67%;transform:translate(-50%,-50%) rotate(4deg)}
.storybook-book-leaf .storybook-page-title{width:54%}
.storybook-book-left .storybook-page-title-left{left:66%}
.storybook-book-right .storybook-page-title-right{left:34%}
.storybook-book-leaf{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;backface-visibility:hidden;transition:none!important}
.storybook-book-leaf{transform-origin:100% 76%;transform-style:preserve-3d;will-change:transform}
.storybook-book-right{left:50%;transform-origin:0% 76%}
.storybook-layer .storybook-book-leaf img{position:absolute;left:0;top:0;width:200%;height:100%;max-width:none}
.storybook-layer .storybook-book-right img{left:-100%}
.storybook-distant{left:4%;bottom:13%;width:92%;z-index:2;mask-image:radial-gradient(ellipse 48% 50% at 50% 50%,#000 45%,transparent 100%)}
.storybook-waterfall{left:13%;bottom:23%;width:74%;z-index:3;overflow:visible;mask-image:radial-gradient(ellipse 48% 50% at 50% 50%,#000 55%,transparent 100%)}
.storybook-waterfall-flow{transform-origin:50% 82%;transition:none!important}
.storybook-tree{bottom:28%;width:54%;aspect-ratio:1;z-index:4;overflow:visible;filter:drop-shadow(0 8px 5px #01080b66)}
.storybook-tree-left{left:-6%;--tree-root:26%}
.storybook-tree-right{right:-6%;--tree-root:74%}
.storybook-tree-canopy{transform-origin:var(--tree-root) 96%;transition:none!important}
.storybook-pond{left:16%;bottom:-35%;width:68%;z-index:4;overflow:visible}
.storybook-pond-surface{transform-origin:50% 55%;transition:none!important}
.storybook-foreground{left:8%;bottom:-14%;width:84%;z-index:6;filter:drop-shadow(0 7px 4px #01080b77)}
.storybook-motes{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;opacity:0}
.storybook-motes i{position:absolute;left:0;top:0;width:3px;height:3px;border-radius:50%;background:#f0fff6;box-shadow:0 0 5px var(--mote-color),0 0 13px var(--mote-color)}
.storybook-flight{position:absolute;z-index:5;left:23%;top:46%;width:30%;aspect-ratio:3/2;opacity:0;pointer-events:none;filter:drop-shadow(0 13px 10px #10070580);transform-origin:50% 60%;transition:none!important;will-change:transform,opacity}
.storybook-flight-stage{position:fixed;inset:0;z-index:80;overflow:clip;pointer-events:none;contain:layout paint}
.storybook-flight-stage[hidden]{display:none}
.storybook-flight-stage>.storybook-flight{left:0;top:0}
.storybook-flight-stage .storybook-flight:after{content:'';position:absolute;right:65%;top:45%;width:140%;height:12%;z-index:-1;border-radius:50%;background:linear-gradient(90deg,transparent,#86ffeecc,#ed8aff);opacity:var(--flight-trail,0);transform:rotate(-14deg);box-shadow:0 0 14px #4df9e6}
.storybook-flight img{display:block;width:100%;height:auto;max-width:none}
.storybook-bird-body{position:relative;display:block;width:100%;height:100%;transform-origin:50% 50%;transition:none!important}
.storybook-neon-bird{position:absolute;left:-5%;top:50%;width:110%;aspect-ratio:1;transform:translateY(-50%);opacity:0;background-size:400% 200%;background-repeat:no-repeat;transition:none!important;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.frequency-bird-ready .storybook-neon-bird{background-image:url('/assets/storybook/neon-cardinal-wingbeat-atlas.png')}
.storybook-neon-bird[data-wing-frame="3"]{clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 64%,20% 59%)}
.storybook-neon-bird[data-wing-frame="7"]{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 58%,8% 58%)}
.storybook-companion{position:absolute;left:0;top:0;aspect-ratio:1;opacity:0;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 6px 5px #10070565);transition:none!important}
.storybook-companion[hidden]{display:none}
.storybook-companion-body,.storybook-companion-sprite{position:absolute;inset:0;display:block;transition:none!important}
.storybook-companion-sprite{background-size:400% 200%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.storybook-companion[data-color="gold"] .storybook-companion-sprite{background-image:url('/assets/storybook/gold-cardinal-wingbeat-atlas.png')}
.storybook-companion[data-color="purple"] .storybook-companion-sprite{background-image:url('/assets/storybook/purple-cardinal-wingbeat-atlas.png')}
.storybook-companion-sprite[data-wing-frame="3"]{clip-path:polygon(21% 0,100% 0,100% 100%,0 100%,0 65%,21% 59%)}
.storybook-companion-sprite[data-wing-frame="7"]{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 57%,10% 57%)}
.storybook-playback{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:72px;min-height:44px}
.storybook-readout{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#c8e4dc;font:700 12px/1.3 ui-monospace,monospace;letter-spacing:.03em}
.storybook-readout b{min-width:58px;color:#cffc79;font-weight:750}
.storybook-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.storybook-progress{width:100%;height:4px;overflow:hidden;border-radius:4px;background:#322745}
.storybook-progress:before{content:'';display:block;height:100%;width:100%;transform:scaleX(var(--story-progress,0));transform-origin:left;background:linear-gradient(90deg,#ae84ff,#e9bf69 55%,#97ffdc);box-shadow:0 0 8px #b787ff}
.storybook-pause{min-height:44px;padding:8px 12px;background:#1a1628;border:1px solid #776492;border-radius:6px;color:#f5eeff;font:650 14px/1.25 system-ui,sans-serif;cursor:pointer}
.storybook-pause:hover{background:#34214d;border-color:#c4a4ef}.storybook-pause:focus-visible{outline:3px solid #b4faee;outline-offset:3px}.storybook-pause[hidden]{display:none}
.storybook-sound[aria-pressed="true"]{color:#ffdfa0;border-color:#bfa16c;background:#2b2138}.storybook-sound:disabled{cursor:default;opacity:.65}
.storybook-demo .moment-status{position:relative;margin-top:12px;border-top:1px solid #475a44;padding:15px 0;color:#bac9b5;z-index:6;min-width:0}
.storybook-demo.is-super .moment-status{color:#e0f6a3}
@media(max-width:1050px){.storybook-demo .moment-status{font-size:10px}}
@media(max-width:760px){.transformation-section{padding-top:55px;gap:80px}.storybook-demo{margin:0 5px}.storybook-base{left:0;width:100%}.storybook-demo .moment-status{gap:10px}.storybook-playback{margin-top:34px;gap:8px}.storybook-flight{width:28%}.storybook-layer{transform-origin:50% 90%}}
@media(max-width:760px){.storybook-tree{width:49%}.storybook-tree-left{left:0}.storybook-tree-right{right:0}}
@media(prefers-reduced-motion:reduce){.storybook-layer,.storybook-flight,.storybook-book-leaf{will-change:auto}}