.vg-workshop-timeline__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}.vg-workshop-timeline__media{max-width:420px}.vg-workshop-timeline__media img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--vg-radius-md)}.vg-workshop-timeline__content{container-type:inline-size;min-width:0}.vg-workshop-timeline__heading{color:inherit}.vg-workshop-timeline__steps{list-style:none;padding:0;margin:32px 0 0}.vg-workshop-timeline__step{position:relative;padding:0 0 28px 40px}.vg-workshop-timeline__step:last-child{padding-bottom:0}.vg-workshop-timeline__step:not(:last-child):before{content:"";position:absolute;left:9px;top:9px;bottom:-9px;width:1px;background:var(--vg-brass-on-light);opacity:.5}.vg-workshop-timeline__dot{position:absolute;left:0;top:0;display:block;box-sizing:border-box;width:19px;height:19px;border-radius:50%;background:rgb(var(--color-background));border:2px solid var(--vg-brass-on-light)}.vg-workshop-timeline__step:first-child .vg-workshop-timeline__dot{background:var(--vg-brass-on-light)}.vg-workshop-timeline__when{margin:0 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vg-brass-on-light)}.vg-workshop-timeline__title{margin:0 0 6px;font-family:var(--font-heading-family);font-weight:600;font-optical-sizing:auto;font-size:20px;line-height:1.2;letter-spacing:0;color:var(--vg-ink)}.vg-workshop-timeline__text{margin:0;font-size:13.5px;line-height:1.5;color:var(--vg-muted)}@container (min-width:560px){.vg-workshop-timeline__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;position:relative;margin-top:34px}.vg-workshop-timeline__steps:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--vg-brass-on-light);opacity:.5}.vg-workshop-timeline__step{padding:0 20px 0 0}.vg-workshop-timeline__step:not(:last-child):before{display:none}.vg-workshop-timeline__dot{position:relative;margin-bottom:22px}}@media screen and (min-width:750px){.vg-workshop-timeline .vg-eyebrow:after{flex:0 0 160px}}@media screen and (min-width:990px){.vg-workshop-timeline__grid--media{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px}.vg-workshop-timeline__media{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/vg-workshop-timeline.css.map */