.tech-diagram{color:var(--td-text)}.tech-diagram__header{max-width:58rem;margin:0 auto;text-align:center}.tech-diagram__kicker{margin:0 0 1.4rem;font-size:clamp(1.1rem,1vw,1.35rem);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--td-kicker)}.tech-diagram__heading{margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(2.1rem,1.9vw,2.5rem);line-height:1.15;letter-spacing:.06em;text-transform:uppercase;color:var(--td-heading)}.tech-diagram__subheading{margin:1.6rem auto 0;max-width:46rem;font-size:1.4rem;line-height:1.7;color:var(--td-muted)}.tech-diagram__subheading>:first-child{margin-top:0}.tech-diagram__subheading>:last-child{margin-bottom:0}.tech-diagram__stage{display:grid;margin-top:3.6rem}.tech-diagram__col{display:grid;gap:3.2rem}.tech-diagram__item{position:relative;text-align:center}.tech-diagram__icon{display:flex;align-items:center;justify-content:center;height:var(--td-icon-size);margin-bottom:1.4rem;color:var(--td-accent)}.tech-diagram__icon .gylam-icon,.tech-diagram__icon img{width:var(--td-icon-size);height:var(--td-icon-size);object-fit:contain}.tech-diagram__title{margin:0 0 .6rem;font-family:var(--font-body-family);font-size:1.15rem;font-weight:600;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--td-accent)}.tech-diagram__text{font-size:1.35rem;line-height:1.55;color:var(--td-muted)}.tech-diagram__text>:first-child{margin-top:0}.tech-diagram__text>:last-child{margin-bottom:0}.tech-diagram__media{display:flex;align-items:center;justify-content:center}.tech-diagram__image{display:block;width:100%;max-width:var(--td-media-width);height:auto}.tech-diagram__image--placeholder{width:var(--td-media-width);max-width:100%;opacity:.25}.tech-diagram__connector{display:none}@media screen and (max-width:749px){.tech-diagram__stage{grid-template-columns:1fr;gap:2.4rem;justify-items:center;margin-top:2.8rem}.tech-diagram__media{order:-1}.tech-diagram__media{width:100%}.tech-diagram__image,.tech-diagram__image--placeholder{width:min(var(--td-media-width-mobile),62vw);max-width:100%;height:auto}.tech-diagram--mobile-grid .tech-diagram__col,.tech-diagram--mobile-rows .tech-diagram__col,.tech-diagram--mobile-stack .tech-diagram__col{width:100%}.tech-diagram--mobile-grid .tech-diagram__stage{grid-template-columns:1fr 1fr;column-gap:1.6rem;row-gap:2.4rem;align-items:start}.tech-diagram--mobile-grid .tech-diagram__media{grid-column:1 / -1}.tech-diagram--mobile-grid .tech-diagram__col{gap:2.4rem;align-content:start}.tech-diagram--mobile-grid .tech-diagram__title{font-size:1.05rem}.tech-diagram--mobile-grid .tech-diagram__text{font-size:1.25rem}.tech-diagram--mobile-rows .tech-diagram__col{gap:2rem}.tech-diagram--mobile-rows .tech-diagram__item{display:grid;grid-template-columns:var(--td-icon-size) 1fr;align-items:start;column-gap:1.6rem;text-align:left}.tech-diagram--mobile-rows .tech-diagram__icon{margin-bottom:0;grid-row:span 2}.tech-diagram--mobile-rows .tech-diagram__title{margin-top:.4rem}.tech-diagram--mobile-stack .tech-diagram__col{gap:2.8rem}}@media screen and (min-width:750px){.tech-diagram__stage{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--td-column-gap);margin-top:4.4rem}.tech-diagram__col{gap:5.6rem;align-content:center}.tech-diagram__item{max-width:24rem}.tech-diagram__col--left .tech-diagram__item{margin-left:auto}.tech-diagram__col--right .tech-diagram__item{margin-right:auto}.tech-diagram--connected .tech-diagram__connector{display:block;position:absolute;top:62%;width:clamp(2.4rem,5vw,6rem);height:1px;background:var(--td-line);opacity:.7;pointer-events:none}.tech-diagram--connected .tech-diagram__connector:after{content:"";position:absolute;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:var(--td-line)}.tech-diagram--connected .tech-diagram__col--left .tech-diagram__connector{left:100%;margin-left:1.4rem;transform-origin:left center}.tech-diagram--connected .tech-diagram__col--left .tech-diagram__connector:after{right:-1.5px}.tech-diagram--connected .tech-diagram__col--left .tech-diagram__item:first-child .tech-diagram__connector{transform:rotate(10deg)}.tech-diagram--connected .tech-diagram__col--left .tech-diagram__item:last-child .tech-diagram__connector{transform:rotate(-10deg)}.tech-diagram--connected .tech-diagram__col--right .tech-diagram__connector{right:100%;margin-right:1.4rem;transform-origin:right center}.tech-diagram--connected .tech-diagram__col--right .tech-diagram__connector:after{left:-1.5px}.tech-diagram--connected .tech-diagram__col--right .tech-diagram__item:first-child .tech-diagram__connector{transform:rotate(-10deg)}.tech-diagram--connected .tech-diagram__col--right .tech-diagram__item:last-child .tech-diagram__connector{transform:rotate(10deg)}.tech-diagram--connected .tech-diagram__col .tech-diagram__item:only-child .tech-diagram__connector{transform:none}}@media screen and (min-width:750px)and (max-width:989px){.tech-diagram__col{gap:4.4rem}.tech-diagram__item{max-width:21rem}.tech-diagram__text{font-size:1.3rem}}@media screen and (min-width:990px){.tech-diagram__col{gap:6.4rem}.tech-diagram__item{max-width:26rem}.tech-diagram__title{font-size:1.2rem}.tech-diagram__text{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-tech-diagram.css.map */