.Scroll-state_pin{height:200vh;position:relative}.Scroll-state_grid{position:sticky;top:0;height:100vh;display:grid;grid-template-areas:"heading heading heading" "left-col image right-col";grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:1fr max-content;column-gap:4rem;align-items:center}.Scroll-state_section-heading{grid-area:heading;font-weight:700;font-size:5rem;line-height:1.1;letter-spacing:0;text-align:center;margin:2rem 0 0}.Scroll-state_column{display:flex;flex-direction:column;gap:2.5rem}.Scroll-state_column--left{grid-area:left-col;display:flex;align-items:flex-start;height:100%}.Scroll-state_media{height:70vh;display:flex;grid-area:image;width:100%;border-radius:24px}.Scroll-state_column--right{grid-area:right-col;display:flex;align-items:flex-end;height:100%}.Scroll-state_image{width:100%;height:auto;object-fit:contain;transition:opacity .3s ease;border-radius:24px}@media(max-width:749px){.Scroll-state_image{border-radius:12px}}.Scroll-state_step{opacity:.35;transition:opacity .3s ease}.Scroll-state_step.active{opacity:1}@media(min-width:1024px){.Scroll-state_grid{padding-bottom:2rem}}@media(max-width:749px){.Scroll-state_pin{height:auto}.Scroll-state_grid{position:relative;grid-template-columns:1fr;height:auto}.Scroll-state_media{order:-1;height:auto}}.Scroll-state_step{display:flex;gap:2rem}.Scroll-state_step-number{height:2.5rem;width:2.5rem;padding:2.5rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:6rem;line-height:1;display:flex;align-items:center;justify-content:center;font-weight:600}.Scroll-state_step-text{font-size:12px}@media screen and (max-width:1023px){.Scroll-state_pin{display:none}.Scroll-state_section-heading{margin-bottom:4rem}.scroll-info__swiper-slide_inner{display:flex;flex-direction:column;gap:1rem}.scroll-info__swiper-content{display:flex;gap:1rem}.Scroll-state_step-number{padding:1rem}.scroll-info__swiper-image{display:block;height:100%;width:100%}}@media screen and (max-width:749px){.Scroll-state_section-heading{margin-bottom:2rem;font-size:3rem}.Scroll-state_step-text h3{margin-top:.5rem}.Scroll-state_step-number{height:1rem;width:1.5rem}}@media screen and (min-width:1024px){.scroll-info__swiper--wrapper{display:none}}.scroll-info__swiper{padding-bottom:4rem}.scroll-info__swiper-pagination .swiper-pagination-bullet{transition:width .5s ease-in-out;border-radius:1rem}.scroll-info__swiper-pagination .swiper-pagination-bullet-active{width:3rem;background:#614c38}
/*# sourceMappingURL=/cdn/shop/t/31/assets/scroll-info.css.map */