.su-ss{--ss-ratio: 4 / 5;--ss-line: color-mix(in srgb, currentColor 22%, transparent);--ss-ease: cubic-bezier(.2, .8, .2, 1);display:block}.su-ss--square{--ss-ratio: 1}.su-ss--landscape{--ss-ratio: 4 / 3}.su-ss__empty{padding:20px;border:1px dashed currentColor;border-radius:8px;text-align:center;opacity:.7}.su-ss__steps{margin:0;padding:0;list-style:none}.su-ss__copy{display:grid;gap:16px;justify-items:start;max-width:36rem}.su-ss__label{display:flex;align-items:center;gap:6px;margin:0;color:var(--su-muted);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.su-ss__dot{width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--su-ac)}.su-ss__title{margin:0;font-family:var(--su-font-h, inherit);font-weight:var(--su-font-hw, 600);font-size:calc(clamp(1.75rem,1.1rem + 2.4vw,3.25rem) * var(--su-h-scale, 1));line-height:1.06;letter-spacing:-.025em;text-wrap:balance}.su-ss__text{color:var(--su-muted);font-size:1.0625rem;line-height:1.6;text-wrap:pretty}.su-ss__text>:first-child{margin-top:0}.su-ss__text>:last-child{margin-bottom:0}.su .su-btn.su-ss__link{margin-inline-start:calc(-.5625rem - 1px)}.su .su-ss__img,.su .su-ss__video{display:block;width:100%;height:100%;object-fit:cover}.su-ss__stage,.su-ss__ticks{display:none}.su-ss__step+.su-ss__step{margin-top:64px}.su-ss__inline{aspect-ratio:var(--ss-ratio);margin-bottom:24px;overflow:hidden;border-radius:var(--su-radius);background:var(--su-line)}@media(min-width:990px){.su-ss{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(48px,7vw,112px);align-items:start}.su-ss--index{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto}.su-ss--right{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.su-ss--right.su-ss--index{grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr)}.su-ss--right .su-ss__stage{order:3}.su-ss--right .su-ss__ticks{order:-1}.su-ss__inline{display:none}.su-ss__stage{position:sticky;top:max(24px,calc(50vh - min(43vh,380px)));display:block}.su-ss__frame{position:relative;aspect-ratio:var(--ss-ratio);max-height:min(86vh,760px);margin-inline:auto;overflow:hidden;border-radius:var(--su-radius);background:var(--su-line);isolation:isolate}.su-ss__layer{position:absolute;inset:0;z-index:var(--i, 0);opacity:0;transition:opacity .8s var(--ss-ease),transform 1.1s var(--ss-ease),clip-path .9s var(--ss-ease)}.su-ss__layer.is-active{opacity:1}.su-ss--fade .su-ss__layer{transform:scale(1.04)}.su-ss--fade .su-ss__layer.is-active{transform:none}.su-ss--rise .su-ss__layer{transform:translateY(6%)}.su-ss--rise .su-ss__layer.is-active{transform:none}.su-ss--zoom .su-ss__layer{transform:scale(1.12)}.su-ss--zoom .su-ss__layer.is-active{transform:none}.su-ss--reveal .su-ss__layer{opacity:1;clip-path:inset(100% 0 0 0)}.su-ss--reveal .su-ss__layer.is-shown{clip-path:inset(0)}.su-ss__step{display:flex;align-items:center;min-height:min(80vh,760px)}.su-ss__step+.su-ss__step{margin-top:0}.su-ss__copy{transition:translate .7s var(--ss-ease)}.su-ss__title{transition:opacity .6s var(--ss-ease)}.su-ss__step:not(.is-active) .su-ss__copy{translate:0 12px}.su-ss__step:not(.is-active) .su-ss__title{opacity:.5}.su-ss__dot{transition:background-color .4s ease}.su-ss__step:not(.is-active) .su-ss__dot{background:currentColor}.su-ss__ticks{position:sticky;top:50vh;display:grid;justify-items:end;gap:12px;margin:0;padding:0;list-style:none;translate:0 -50%}.su-ss--right .su-ss__ticks{justify-items:start}.su-ss__tick{display:flex;align-items:center;gap:8px;height:6px;color:var(--su-muted);font-size:.6875rem;font-variant-numeric:tabular-nums}.su-ss--right .su-ss__tick{flex-direction:row-reverse}.su-ss__tick span{opacity:0;transition:opacity .3s ease}.su-ss__tick:after{content:"";width:14px;height:1px;background:var(--ss-line);transition:width .4s var(--ss-ease),background-color .4s ease}.su-ss__tick.is-active{color:inherit}.su-ss__tick.is-active span{opacity:1}.su-ss__tick.is-active:after{width:28px;background:currentColor}}@media(min-width:990px)and (prefers-reduced-motion:reduce){.su-ss__layer{transform:none!important;transition:opacity .3s linear}.su-ss--reveal .su-ss__layer{clip-path:none;opacity:0}.su-ss--reveal .su-ss__layer.is-active{opacity:1}.su-ss__step:not(.is-active) .su-ss__copy{translate:none}}@media(scripting:none){.su-ss{display:block}.su-ss__stage,.su-ss__ticks{display:none}.su-ss__inline{display:block}.su-ss__step{display:block;min-height:0}.su-ss__step+.su-ss__step{margin-top:64px}.su-ss__step:not(.is-active) .su-ss__copy{translate:none}.su-ss__step:not(.is-active) .su-ss__title{opacity:1}}