.mst-logo-story{display:grid;gap:4.8rem;align-items:center}.mst-logo-story__visual{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:var(--mst-stone);color:var(--mst-ink);padding:8%}.mst-logo-story__svg{width:100%;max-width:46rem;height:auto;overflow:visible}.mst-logo-story [data-part]{transition:opacity .6s var(--mst-ease),transform .9s var(--mst-ease);transform-box:fill-box;transform-origin:center bottom}.mst-logo-story.is-prepared:not(.is-built) [data-part]{opacity:0;transform:translateY(1.4rem) scale(.97)}.mst-logo-story.is-built:not(.is-done) [data-part]{transition-delay:calc(var(--i, 0) * .17s)}.mst-logo-story[data-active=arch] [data-part]:not([data-part=arch]):not([data-part=base]),.mst-logo-story[data-active=curves] [data-part]:not([data-part=curve]),.mst-logo-story[data-active=m] [data-part]:not([data-part=leg]),.mst-logo-story[data-active=tricolore] [data-part=arch],.mst-logo-story[data-active=tricolore] [data-part=base]{opacity:.14}.mst-logo-story__content .mst-eyebrow{margin:0 0 1.6rem}.mst-logo-story__content .mst-title{margin:0}.mst-logo-story__content .mst-text{margin-top:2rem}.mst-logo-story__steps{list-style:none;margin:3.6rem 0 0;padding:0;border-top:1px solid var(--mst-line)}.mst-logo-story__step{display:grid;grid-template-columns:4.4rem 1fr;gap:1.2rem;padding:2rem 0;border-bottom:1px solid var(--mst-line)}.mst-logo-story__step-num{font-family:var(--mst-font-display);font-style:italic;font-size:2rem;color:var(--mst-mute);line-height:1.3}.mst-logo-story__step-title{margin:0 0 .6rem;font-family:var(--mst-font-display);font-weight:500;font-size:2.2rem;line-height:1.2}.mst-logo-story__step-btn{all:unset;cursor:pointer;display:inline-block;color:inherit;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .5s var(--mst-ease)}.mst-logo-story__step:hover .mst-logo-story__step-btn,.mst-logo-story__step-btn[aria-pressed=true]{background-size:100% 1px}.mst-logo-story__step-btn:focus-visible{outline:2px solid var(--mst-ink);outline-offset:4px}.mst-logo-story__step-text{font-family:var(--mst-font-ui);font-size:1.4rem;line-height:1.75;color:rgba(var(--color-foreground),.82)}.mst-logo-story__step-text p{margin:0}@media screen and (min-width:990px){.mst-logo-story{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8rem}.mst-logo-story__visual{aspect-ratio:1 / 1;position:sticky;top:12rem}}@media(prefers-reduced-motion:reduce){.mst-logo-story [data-part],.mst-logo-story__step-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mastroianni-logo-story.css.map */