.ripple-scene{--ripple-scene-duration:.52s;--ripple-scene-content-duration:.42s;--ripple-scene-ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;color:#fff;background:#060606;background:lab(1.5609% 0 0);min-height:32rem;position:relative;overflow:hidden;container-type:inline-size}.ripple-scene--empty{background:var(--muted);min-height:16rem;color:var(--muted-foreground);place-items:center;font-size:.875rem;display:grid}.ripple-scene__media,.ripple-scene__scene,.ripple-scene__strip,.ripple-scene__image,.ripple-scene__scrim{position:absolute;inset:0}.ripple-scene__media{z-index:-3;background:#060606;background:lab(1.5609% 0 0);overflow:hidden}.ripple-scene__scene--ripple{perspective:60rem}.ripple-scene__strip{--ripple-scene-tilt:13deg;--ripple-scene-lift:2.4rem;--ripple-scene-dip:0.55%;will-change:transform;animation:ripple-scene-strip var(--ripple-scene-duration) cubic-bezier(.36, 0, .22, 1) both;animation-delay:var(--ripple-scene-delay,0s)}.ripple-scene__strip:nth-child(2n){--ripple-scene-tilt:-13deg;--ripple-scene-lift:-2.4rem;--ripple-scene-dip:-0.55%}.ripple-scene__face--out{animation:ripple-scene-swap var(--ripple-scene-duration) linear both;animation-delay:var(--ripple-scene-delay,0s)}.ripple-scene__strip:after{content:"";opacity:0;animation:ripple-scene-shade var(--ripple-scene-duration) cubic-bezier(.36, 0, .22, 1) both;animation-delay:var(--ripple-scene-delay,0s);background:#ffffff24;position:absolute;inset:0}.ripple-scene__strip:nth-child(2n):after{background:#00000042}@keyframes ripple-scene-strip{0%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:translate(0,0)rotateY(0)}45%{transform:translate3d(0, var(--ripple-scene-dip), var(--ripple-scene-lift)) rotateY(var(--ripple-scene-tilt));animation-timing-function:cubic-bezier(.34,0,.22,1)}to{transform:translate(0,0)rotateY(0)}}@keyframes ripple-scene-swap{0%,32%{opacity:1}60%,to{opacity:0}}@keyframes ripple-scene-shade{0%{opacity:0}45%{opacity:1}to{opacity:0}}.ripple-scene__image{-webkit-user-select:none;user-select:none;object-fit:cover;width:100%;height:100%}.ripple-scene__scrim{z-index:-2;background:linear-gradient(#0000 38%,#000000c7),linear-gradient(90deg,#000000b8,#0000 68%),linear-gradient(#0000006b,#0000 32%)}.ripple-scene__chrome{height:100%;min-height:inherit;grid-template-rows:auto 1fr auto;gap:1.5rem;padding:1.25rem;display:grid}.ripple-scene__header{color:#ffffffd1;justify-content:space-between;align-items:center;gap:1rem;font-size:.8125rem;font-weight:550;display:flex}.ripple-scene__selector{border-top:1px solid #ffffff3d}.ripple-scene__tab{color:#ffffffad;min-height:3rem;padding:.875rem .75rem .75rem;font-size:.8125rem;font-weight:550;line-height:1.25}.ripple-scene__tab:hover,.ripple-scene__tab[data-active]{color:#fff}.ripple-scene__tab-indicator{top:-1px;left:.75rem;right:.75rem}.ripple-scene__content{align-items:center;min-width:0;display:flex}.ripple-scene__content-inner{width:min(100%,48rem)}.ripple-scene__content-inner>*{animation:ripple-scene-rise var(--ripple-scene-content-duration) var(--ripple-scene-ease) both}.ripple-scene__content-inner>:nth-child(2){animation-delay:55ms}.ripple-scene__content-inner>:nth-child(3){animation-delay:.11s}@keyframes ripple-scene-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ripple-scene__overline{color:#ffffffc2;max-width:58ch;margin:0 0 .75rem;font-size:.8125rem;font-weight:600;line-height:1.4}.ripple-scene__content h2{letter-spacing:-.035em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(2.25rem,11cqw,5.5rem);font-weight:620;line-height:.96}.ripple-scene__description{color:#ffffffd1;text-wrap:pretty;max-width:58ch;margin:1rem 0 0;font-size:clamp(.875rem,2.8cqw,1rem);line-height:1.6}@container (min-width:46rem){.ripple-scene__chrome{gap:2rem;padding:1.75rem 2rem 1rem}.ripple-scene__content{padding-left:clamp(1rem,6cqw,6rem)}.ripple-scene__tab{min-width:8rem;padding-inline:1rem}.ripple-scene__tab-indicator{left:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.ripple-scene__strip,.ripple-scene__strip:after,.ripple-scene__face--out,.ripple-scene__content-inner>*{animation:none!important}}