.aceii-social-ecosystem{--social-card-radius: 34px;--social-copy-radius: 24px;position:relative;overflow:hidden;background:#f4f6f4;color:#0b0d0c;padding:112px 0}.aceii-social-ecosystem *{box-sizing:border-box}.aceii-social-ecosystem__inner{margin:0 auto}.aceii-social-ecosystem__head{margin-bottom:58px}.aceii-social-ecosystem__head h2{margin:0;max-width:980px;color:#0b0d0c;font-size:64px;line-height:1.08;font-weight:500}.aceii-social-desktop{display:flex;gap:26px;width:100%;height:clamp(560px,38vw,680px)}.aceii-social-card{position:relative;flex:1 1 0;min-width:0;height:100%;border-radius:var(--social-card-radius);overflow:hidden;background:#070909;border:0;cursor:pointer;isolation:isolate;transform:translateZ(0);clip-path:inset(0 round var(--social-card-radius));-webkit-mask-image:-webkit-radial-gradient(white,black);box-shadow:none!important;filter:none;transition:flex .92s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.aceii-social-card.is-active{flex:0 0 50%}.aceii-social-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;background:#0000003d;transition:opacity .32s ease;pointer-events:none}.aceii-social-card.is-active:before{opacity:0}.social-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:inherit;clip-path:inherit;background:#070909}.social-media-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:inherit;transform:scale(1.02);transition:transform .75s cubic-bezier(.22,1,.36,1);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(hover:hover)and (pointer:fine){.aceii-social-card:hover .social-media-img{transform:scale(1.055)}}.social-label{position:absolute;z-index:5;left:50%;bottom:42px;width:calc(100% - 18px);color:#fffffff5;font-size:clamp(17px,1.55vw,30px);line-height:1.22;font-weight:700;text-align:center;opacity:1;transform:translate(-50%);transition:opacity .12s ease,transform .12s ease;text-shadow:none}.social-label span{display:block;white-space:nowrap}.aceii-social-card.is-active .social-label{opacity:0;transform:translate(-50%,14px)}.social-detail{position:absolute;z-index:5;left:50%;bottom:34px;width:min(640px,calc(100% - 72px));padding:24px 30px 26px;border-radius:var(--social-copy-radius);background:linear-gradient(135deg,#191c1a8a,#0d0f0e6b);border:1px solid rgba(255,255,255,.16);box-shadow:none!important;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);color:#fff;text-align:center;opacity:0;transform:translate(-50%,104px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.aceii-social-card.is-active.is-revealed .social-detail{opacity:1;transform:translate(-50%);transition:opacity .5s ease,transform .5s ease}.social-detail strong{display:block;margin-bottom:10px;color:#ffffffd1;font-size:15px;line-height:1.2;font-weight:700}.social-detail h3{margin:0 0 10px;color:#fffffffa;font-size:34px;line-height:1.05;font-weight:500}.social-detail p{margin:0 auto;max-width:560px;color:#ffffffc2;font-size:16px;line-height:1.48}.aceii-social-mobile{display:none}@media screen and (min-width:1600px){.aceii-social-ecosystem__head h2{font-size:70px}.social-detail h3{font-size:38px}}@media screen and (max-width:1180px){.aceii-social-ecosystem__head h2{max-width:920px;font-size:48px}.aceii-social-desktop{gap:18px;height:560px}.aceii-social-card.is-active{flex-basis:54%}.social-label{bottom:34px;width:calc(100% - 14px);font-size:clamp(15px,1.65vw,23px);line-height:1.22}.social-detail{width:min(560px,calc(100% - 52px));padding:22px 24px}.social-detail h3{font-size:30px}}@media screen and (max-width:900px){.aceii-social-ecosystem{padding:72px 0 84px}.aceii-social-ecosystem__head{margin-bottom:34px;text-align:center}.aceii-social-ecosystem__head h2{max-width:100%;font-size:38px;line-height:1.1}.aceii-social-desktop{display:none}.aceii-social-mobile{display:grid;gap:24px}.aceii-social-mobile-card{position:relative;width:100%;height:auto;aspect-ratio:4 / 6;border-radius:var(--social-card-radius);overflow:hidden;background:#070909;border:0;isolation:isolate;transform:translateZ(0);clip-path:inset(0 round var(--social-card-radius));-webkit-mask-image:-webkit-radial-gradient(white,black);box-shadow:none!important;filter:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.social-mobile-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:inherit;transform:scale(1.02);backface-visibility:hidden;-webkit-backface-visibility:hidden}.social-mobile-badge{position:absolute;left:50%;bottom:30px;z-index:8;width:min(360px,calc(100% - 56px));min-height:78px;padding:16px 20px 17px;border-radius:var(--social-copy-radius);background:linear-gradient(135deg,#191c1a8a,#0d0f0e6b);border:1px solid rgba(255,255,255,.16);box-shadow:none!important;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);color:#fff;transform:translate(-50%);text-align:center}.social-mobile-badge strong{display:block;color:#fff;font-size:20px;line-height:1.18;font-weight:600}.social-mobile-badge span{display:block;margin-top:6px;color:#ffffffd6;font-size:13px;line-height:1.35;font-weight:400}}@media screen and (max-width:480px){.aceii-social-ecosystem{padding:68px 0 82px}.aceii-social-ecosystem__head h2{font-size:34px}.aceii-social-mobile{gap:22px}.aceii-social-mobile-card{aspect-ratio:4 / 6;border-radius:var(--social-card-radius);clip-path:inset(0 round var(--social-card-radius))}.social-mobile-badge{bottom:24px;width:min(340px,calc(100% - 48px));padding:14px 18px 15px;border-radius:var(--social-copy-radius)}.social-mobile-badge strong{font-size:18px}.social-mobile-badge span{font-size:12.5px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-aceii-social-system.css.map */