.studio-story__tab{transition:background .3s ease}.studio-story__tab span{color:var(--color-menu-index);font-size:var(--typo-size-eyebrow)}.studio-story__tab b{font-size:var(--typo-14)}.studio-story__tab small{color:var(--color-menu-index);font-size:var(--typo-size-eyebrow);grid-column:2;margin-top:5px}.studio-story__tab.is-active,.studio-story__tab:hover{background:#7567f81a}.studio-story__copy>small{color:var(--color-accent-soft);font-size:var(--typo-size-eyebrow);letter-spacing:var(--typo-tracking-label)}.studio-story__visual{background-size:cover}.studio-story__card{background:#0c0f15d6;border:1px solid var(--color-line);padding:18px;position:absolute;transition:.5s;width:165px}.studio-story__card b,.studio-story__card span{display:block}.studio-story__card span{color:var(--color-menu-index);font-size:var(--typo-size-eyebrow)}.studio-story__card b{font-size:var(--typo-16);margin-top:20px}.studio-story__card--a{left:28px;top:45px}.studio-story__card--b{right:28px;top:150px}.studio-story__card--c{bottom:42px;left:70px}.studio-story__pulse{animation:studio-story-pulse 2.8s ease-in-out infinite;border:1px solid var(--color-border-accent-soft);border-radius:50%;height:88px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:88px}.studio-story__shell.is-animating .studio-story__card--a{transform:translate(12px,10px)}.studio-story__shell.is-animating .studio-story__card--b{transform:translate(-12px,-8px)}.studio-story__shell.is-animating .studio-story__card--c{transform:translate(18px,-10px)}.studio-story__progress span{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-soft));display:block;height:100%;width:0}.studio-story__progress span.is-running{transition:width 3.4s linear;width:100%}@media(max-width:700px){.studio-story__stage,.studio-story__tabs{grid-template-columns:1fr}.studio-story__visual{min-height:400px}.studio-story__card{left:20px;max-width:none;padding:14px;right:20px;width:calc(100% - 40px)}.studio-story__card--a{top:18px}.studio-story__card--b{top:132px}.studio-story__card--c{bottom:auto;top:246px}.studio-story__shell.is-animating .studio-story__card--a{transform:translateY(5px)}.studio-story__shell.is-animating .studio-story__card--b{transform:translateY(-5px)}.studio-story__shell.is-animating .studio-story__card--c{transform:translateY(5px)}}@keyframes studio-story-pulse{0%,to{opacity:.35;transform:translate(-50%,-50%) scale(.82)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}
