/* Lucian UX/UI Prompt #216 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#216 */
/* Existing page slots replace the 340px demo shell. Motion distances/curves
   are original; durations and delays use a 0.45 time scale (900ms total). */
.u216 .hero{background:radial-gradient(120% 70% at 50% 0%,var(--ux-accent-soft),transparent 60%),var(--ux-surface)}
.u216 .hero-layout{perspective:700px}
.u216 .u216-ln{display:block}
.u216 .u216-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .08em}
.u216 .u216-w>span{display:inline-block}
.u216 .u216-sc{transform-origin:50% 100%}
/* Content is visible without JS; only the initialized entrance hides it. */
.u216.is-ready [data-s]{opacity:0;transform:translateY(14px);transition:opacity .2475s var(--ux-ease),transform .315s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d) * 1ms)}
.u216.is-ready .u216-nav[data-s]{transform:translateY(-12px)}
.u216.is-ready .u216-w>span{transform:translateY(105%);transition:transform .3375s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d) * 1ms)}
.u216.is-ready .u216-sc[data-s]{transform:translateY(46px) rotateX(24deg) scale(.94);filter:blur(6px);transition:opacity .27s,transform .495s cubic-bezier(.2,.8,.2,1),filter .405s;transition-delay:calc(var(--d) * 1ms)}
.u216.is-ready.is-in [data-s]{opacity:1;transform:none;filter:none}
.u216.is-in .u216-w>span{transform:none}
.u216.is-snap [data-s],.u216.is-snap .u216-w>span{transition:none!important}
.u216 .hero-line>[data-s]{display:inline-block}
.u216:not(.is-prelaunch) .hero-line>.launch-note{display:none}
@media(prefers-reduced-motion:reduce){
  .u216.is-ready [data-s],.u216.is-ready .u216-w>span{opacity:1;transform:none;filter:none;transition:none;transition-delay:0s}
}
@media print{.u216.is-ready [data-s],.u216.is-ready .u216-w>span{opacity:1;transform:none;filter:none;transition:none}}