.story-demo-studio .story-transformation{grid-template-columns:minmax(0,.86fr) 34px minmax(0,1.14fr);align-items:center;gap:22px;padding:36px 0 8px;display:grid}.story-demo-studio .story-studio-label{font:600 .75rem/1.5 var(--font-interface);letter-spacing:.08em;text-transform:uppercase;color:#486050;align-items:center;gap:10px;margin:0 0 18px;display:flex}.story-demo-studio .story-studio-label>span{letter-spacing:.02em;color:#6a7769;font-weight:400}.story-demo-studio .story-transformation-note{background:#e8ecdf;border:1px solid #cad1bf;border-top:3px solid #183d32;padding:30px 32px}.story-demo-studio .story-transformation-note-title{color:#53664e;font:500 .875rem/1.5 var(--font-interface);align-items:center;gap:10px;margin:0 0 22px;display:flex}.story-demo-studio .story-transformation-note blockquote{font:400 clamp(1.35rem,2.15vw,1.75rem)/1.45 var(--font-editorial);letter-spacing:-.015em;color:#183d32;text-wrap:pretty;margin:0}.story-demo-studio .story-transformation-note-foot{font:.8125rem/1.5 var(--font-interface);color:#52674f;border-top:1px solid #c7cfbd;margin:24px 0 0;padding-top:15px}.story-demo-studio .story-transformation-disclaimer{font:.8125rem/1.6 var(--font-interface);color:#5c695c;margin:14px 0 23px}.story-demo-studio .story-studio-reveal{color:#fffdf4;min-height:54px;font:600 1rem/1.3 var(--font-interface);background:#183d32;border:1px solid #183d32;border-radius:2px;justify-content:center;align-items:center;gap:26px;padding:15px 22px;transition:background .18s,transform .18s;display:inline-flex}.story-demo-studio .story-studio-reveal:hover:not(:disabled){background:#2c5342;transform:translateY(-2px)}.story-demo-studio .story-studio-reveal:disabled{opacity:1;color:#fffdf4;background:#385b48}.story-demo-studio .story-transformation-status{min-height:20px;font:.75rem/1.6 var(--font-interface);color:#60705e;margin:10px 0 0}.story-demo-studio .story-transformation-bridge{color:#ba5738;place-items:center;padding-bottom:50px;display:grid}.story-demo-studio .story-transformation-result{min-width:0;scroll-margin-top:28px}.story-demo-studio .story-transformation-paper{color:#183d32;transform-origin:50% 30%;background:#fffdf5;border:1px solid #c4c8b8;padding:25px 30px 18px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;transform:rotate(-.65deg);box-shadow:6px 6px #e1e5d8}.story-demo-studio .story-transformation-masthead{text-align:center;padding:0 18px 16px}.story-demo-studio .story-transformation-masthead img{width:min(100%,260px);height:auto;margin:0 auto;display:block}.story-demo-studio .story-transformation-paper-rule{font:.625rem/1.5 var(--font-interface);letter-spacing:.08em;text-transform:uppercase;border-top:3px double #49634c;border-bottom:1px solid #a9b29d;justify-content:space-between;gap:18px;padding:6px 0;display:flex}.story-demo-studio .story-transformation-sheet{min-height:360px;display:grid}.story-demo-studio .story-transformation-placeholder,.story-demo-studio .story-transformation-article{grid-area:1/1;min-width:0}.story-demo-studio .story-transformation-placeholder{text-align:center;align-self:center;padding:36px 12px;transition:opacity .18s,visibility .18s}.story-demo-studio .story-transformation-kicker{font:600 .625rem/1.5 var(--font-interface);text-transform:uppercase;letter-spacing:.12em;color:#6c765f;margin:22px 0 11px}.story-demo-studio .story-transformation-paper h3{font:500 clamp(1.9rem,3.2vw,2.8rem)/1.03 var(--font-editorial);letter-spacing:-.035em;color:#183d32;text-wrap:balance;margin:0 0 20px}.story-demo-studio .story-transformation-placeholder h3{max-width:310px;margin:13px auto 18px;font-size:clamp(2rem,3.3vw,2.9rem)}.story-demo-studio .story-transformation-placeholder>p:not(.story-transformation-kicker){font:1rem/1.55 var(--font-interface);color:#65715f;max-width:270px;margin:0 auto}.story-demo-studio .story-transformation-rules{gap:9px;width:76%;margin:28px auto 0;display:grid}.story-demo-studio .story-transformation-rules i{background:#e4e7dc;height:3px}.story-demo-studio .story-transformation-rules i:last-child{width:65%;margin:0 auto}.story-demo-studio .story-transformation-headline{visibility:hidden;opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1),visibility .4s;transform:translateY(14px)}.story-demo-studio .story-transformation-copy{visibility:hidden;opacity:0;transition:opacity .5s,transform .55s cubic-bezier(.16,1,.3,1),visibility .5s;transform:translateY(12px)}.story-demo-studio .story-transformation-copy p{font:1.0625rem/1.55 var(--font-editorial);color:#2d4233;text-wrap:pretty;margin:0 0 12px}.story-demo-studio .story-transformation-copy p:first-child:first-letter{float:left;color:#183d32;padding:7px 6px 0 0;font-size:3.2em;line-height:.8}.story-demo-studio .story-transformation-copy p:nth-child(3){font-style:italic}.story-demo-studio .story-transformation-paper-foot{font:.625rem/1.5 var(--font-interface);color:#66715c;letter-spacing:.04em;text-align:center;border-top:1px solid #b4bca7;margin:10px 0 0;padding-top:9px}.story-demo-studio .story-transformation[data-stage="1"] .story-transformation-placeholder,.story-demo-studio .story-transformation[data-stage="2"] .story-transformation-placeholder,.story-demo-studio .story-transformation[data-stage="3"] .story-transformation-placeholder{opacity:0;visibility:hidden}.story-demo-studio .story-transformation[data-stage="2"] .story-transformation-headline,.story-demo-studio .story-transformation[data-stage="3"] .story-transformation-headline,.story-demo-studio .story-transformation[data-stage="3"] .story-transformation-copy{visibility:visible;opacity:1;transform:none}.story-demo-studio .story-transformation[data-stage="2"] .story-transformation-paper,.story-demo-studio .story-transformation[data-stage="3"] .story-transformation-paper{transform:rotate(0);box-shadow:8px 10px #dfe4d5}.story-demo-studio .story-transformation[data-stage="1"] .story-transformation-bridge svg{animation:.45s ease-out both story-studio-flow}.story-demo-studio .story-transformation-next{border-top:1px solid #ccd2c2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:18px 0 0;display:flex}.story-demo-studio .story-transformation-next>p{font:1rem/1.45 var(--font-editorial);color:#3e5743;max-width:250px;margin:0}@keyframes story-studio-flow{0%{opacity:.25;transform:translate(-9px)}to{opacity:1;transform:translate(8px)}}@media (max-width:980px){.story-demo-studio .story-transformation{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}.story-demo-studio .story-transformation-bridge{display:none}.story-demo-studio .story-transformation-note{padding:26px 24px}.story-demo-studio .story-transformation-paper{padding:22px}}@media (max-width:760px){.story-demo-studio .story-transformation{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:26px}.story-demo-studio .story-transformation-note blockquote{font-size:1.5rem;line-height:1.42}.story-demo-studio .story-transformation-note{padding:24px}.story-demo-studio .story-transformation-disclaimer{margin-bottom:18px}.story-demo-studio .story-transformation-status{margin-bottom:0}.story-demo-studio .story-transformation-paper{padding:22px 20px 18px;transform:none;box-shadow:4px 5px #e1e5d8}.story-demo-studio .story-transformation-paper h3{font-size:2.25rem}.story-demo-studio .story-transformation-copy p{font-size:1.0625rem}.story-demo-studio .story-transformation-sheet{min-height:340px}.story-demo-studio .story-transformation-next{gap:8px}.story-demo-studio .story-transformation-next>p{width:100%;max-width:none}.story-demo-studio .story-studio-label{letter-spacing:.05em;font-size:.6875rem}.story-demo-studio .story-transformation-paper-rule{letter-spacing:.04em;font-size:.5625rem}.story-demo-studio .story-transformation[data-stage="2"] .story-transformation-paper,.story-demo-studio .story-transformation[data-stage="3"] .story-transformation-paper{box-shadow:4px 5px #dfe4d5}}@media (prefers-reduced-motion:reduce){.story-demo-studio .story-transformation *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story-demo-studio .story-studio-reveal:hover:not(:disabled){transform:none}}