.connect{position:relative;margin:15% 0 0;padding-bottom:12rem}.connect__grid{display:grid;grid-template-columns:2fr 8fr 2fr}.connect__side{display:flex;flex-direction:column;justify-content:space-between}.connect__side--end{justify-content:flex-end}.connect__side img{width:100%;height:auto}.connect__left-text{max-width:17rem;margin-top:2rem;color:var(--c-gray-3)}.connect__center{position:relative;padding:0 3rem}.connect__title-1,.connect__title-2{position:absolute;left:50%;z-index:2;width:max-content;max-width:100%;text-align:center;transform:translate(-50%)}.connect__title-1{top:-6.2rem}.connect__title-2{bottom:-6rem;font-size:6.3rem;line-height:.65}.connect__image{position:relative;z-index:-1;overflow:hidden;aspect-ratio:16 / 9;max-height:62vh;border-radius:1.2rem}.connect__image>div,.connect__image img{width:100%;height:100%}.connect__image img{object-fit:cover;object-position:50% 30%}.connect__social{position:absolute;left:50%;bottom:-15rem;display:flex;justify-content:center;gap:1rem;width:max-content;transform:translate(-50%)}.connect__chip{position:relative;display:flex;align-items:center;gap:1rem;padding:.5rem 1.6rem .5rem .5rem;overflow:hidden;border:1px solid var(--c-line);border-radius:var(--radius-pill);background:#fff;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;transition:color .5s var(--ease),border-color .5s var(--ease),padding .5s var(--ease)}.connect__chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--c-text);transform:translateY(101%);transition:transform .6s var(--ease)}.connect__chip{isolation:isolate}.connect__chip-icon{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;min-width:34px;min-height:34px;border-radius:50%;background:var(--c-text);color:#fff;transition:background .5s var(--ease),color .5s var(--ease),transform .6s var(--ease)}.connect__chip-go{display:flex;width:0;opacity:0;transform:translate(-.6rem);transition:width .5s var(--ease),opacity .4s var(--ease),transform .5s var(--ease)}.connect__chip-go svg{width:.9rem;min-width:10px}@media(hover:hover){.connect__chip:hover{color:#fff;border-color:var(--c-text);padding-right:1.2rem}.connect__chip:hover:before{transform:none}.connect__chip:hover .connect__chip-icon{background:#fff;color:var(--c-text);transform:rotate(-12deg) scale(1.06)}.connect__chip:hover .connect__chip-go{width:1.2rem;opacity:1;transform:none}}.connect__end{position:relative;bottom:-14%}.connect__desc{display:none}@media(max-width:767.98px){.connect{margin-top:30%;padding-bottom:15rem}.connect__grid{position:relative;grid-template-columns:1fr}.connect__side{position:absolute;z-index:1;width:30%;pointer-events:none}.connect__side:not(.connect__side--end){left:0;top:18%}.connect__side--end{right:0;bottom:14%}.connect__side img{border:.4rem solid #fff}.connect__left-text{display:none}.connect__end{bottom:auto}.connect__center{width:76%;margin:0 auto;padding:0}.connect__image{aspect-ratio:4 / 5;max-height:none}.connect__title-1,.connect__title-2{max-width:none;white-space:nowrap}.connect__title-1{top:-3.8rem}.connect__title-2{bottom:-1.8rem;font-size:4.5rem}.connect__social{bottom:-10rem;gap:1.2rem}.connect__chip{padding:0;border:0;background:none}.connect__chip-name,.connect__chip-go{display:none}.connect__chip-icon{width:4.6rem;height:4.6rem}.connect__chip:active .connect__chip-icon{transform:scale(.9)}.connect__desc{position:relative;top:13rem;display:block;max-width:17.7rem;margin:0 auto;color:var(--c-gray-3);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-connect.css.map */