/* Shared chrome and entrance motion for the scroll-driven Corner Studio demos. */
.ds-skip{position:fixed;top:-80px;left:12px;z-index:50;background:#10142a;color:#fff;padding:10px 16px;border-radius:6px}
.ds-skip:focus{top:12px}
.ds-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1.2rem;padding:.6rem clamp(1rem,4vw,3rem);background:#10142a;color:#eef0f6;font:500 .82rem/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;z-index:10}
.ds-banner p{margin:0}
.ds-banner a{color:#ffc83d;text-underline-offset:3px;white-space:nowrap}
.ds-word{display:inline-block;overflow:hidden;padding-bottom:.08em;vertical-align:bottom}
.ds-ch{display:inline-block}
.scroll-fx .ds-ch{animation:ds-rise 1.05s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 55ms + 120ms)}
@keyframes ds-rise{from{transform:translateY(112%) rotate(4deg)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.scroll-fx .ds-ch{animation:none}}
/* Stage sections: tall runway with a sticky screen inside. Without effects they collapse to normal flow. */
.ds-stage{position:relative;height:var(--stage-h,260vh)}
.ds-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.no-scroll-fx .ds-stage{height:auto}.no-scroll-fx .ds-sticky{position:relative;height:auto;min-height:100svh}
.ds-wrap{padding-left:max(16px,clamp(1rem,4vw,3rem));padding-right:max(16px,clamp(1rem,4vw,3rem))}
.ds-note{font-size:.85rem;opacity:.8}