You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
8.2 KiB
1 lines
8.2 KiB
.main-solution{background:var(--color-white);overflow:hidden}.sl-hero__intro{padding-top:calc(var(--header-h) + 7.5rem);padding-bottom:2.5rem}.sl-hero__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64)}.sl-hero__desc{max-width:50rem;color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-28);margin-left:auto}.sl-hero__media{width:100%;height:45rem;overflow:hidden}.sl-hero__media img{object-fit:cover;width:100%;height:100%;display:block}.sl-adv{padding-top:7.5rem;padding-bottom:0}.sl-adv__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 4.6875rem}.sl-adv__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.sl-adv__item{border-left:1px solid #dfe0e2;min-height:15rem;padding:0 2.5rem}.sl-adv__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:400;line-height:var(--font-42);margin:0 0 2rem}.sl-adv__text{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-28);margin:0}.sl-arch{padding-top:7.5rem;padding-bottom:0}.sl-arch__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl-arch__panel{background:var(--color-white);border:1px solid #dfe0e2;border-radius:1.875rem;overflow:hidden}.sl-arch__panel img{width:100%;height:auto;display:block}.sl-core{padding-top:7.5rem;padding-bottom:0}.sl-core__head{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.8125rem;display:flex}.sl-core__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.sl-core__swiper{overflow:hidden}.sl-core__arrows-mobile{display:none}.sl-core__card{min-width:0;height:auto}.sl-core__card-link{height:100%;color:inherit;transition:background var(--duration-normal) var(--easing);background:0 0;border-radius:1rem;flex-direction:column;gap:1.25rem;padding:0;text-decoration:none;display:flex}.sl-core__card-media{aspect-ratio:16/10;border-radius:1rem;overflow:hidden}.sl-core__card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--easing);display:block}.sl-core__card-link:hover .sl-core__card-media img{transform:scale(1.1)}.sl-core__card-foot{border-top:none;justify-content:space-between;align-items:center;gap:.75rem;padding-top:0;display:flex}.sl-core__card-name{min-width:0;color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-27);transition:color var(--duration-fast) var(--easing);flex:1;margin:0}.sl-core__card-link:hover .sl-core__card-name{color:var(--color-primary)}.sl-core__card-arrow{color:var(--color-primary);transition:color var(--duration-fast) var(--easing);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sl-core__card-arrow img,.sl-core__card-arrow svg{width:.75rem;height:auto;display:block}.sl-clients{padding-top:7.5rem;padding-bottom:0}.sl-clients__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl-clients__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;display:grid}.sl-clients__item{background:var(--color-white);box-sizing:border-box;border:1px solid #dfe0e2;border-radius:.75rem;justify-content:center;align-items:center;height:10rem;padding:1rem;display:flex}.sl-clients__item img{object-fit:contain;width:auto;max-width:60%;height:auto;display:block}.sl-cases{padding-top:7.5rem;padding-bottom:7.5rem;position:relative;overflow:visible}.sl-cases__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl-cases__body{grid-template-columns:minmax(0,57.375rem) minmax(0,40.625rem);align-items:stretch;gap:0;display:grid}.sl-cases__copy{border-left:1px solid #dfe0e2;flex-direction:column;justify-content:space-between;min-width:0;min-height:31.6875rem;padding:0 5rem;display:flex}.sl-cases__content-swiper{flex:1;width:100%;min-width:0;max-width:100%;overflow:hidden}.sl-cases__content-swiper .swiper-wrapper{max-width:100%}.sl-cases__content-swiper .swiper-slide{box-sizing:border-box;max-width:100%;height:auto;width:100%!important}.sl-cases__panel{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.sl-cases__logo{width:min(13.75rem,100%);height:auto;margin-bottom:2.5rem;display:block}.sl-cases__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:400;line-height:var(--font-42);word-break:break-word;margin:0 0 1rem}.sl-cases__sub-name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-27);word-break:break-word;margin:0 0 1.5rem}.sl-cases__desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-26);word-break:break-word;overflow-wrap:break-word;margin:0 0 2.5rem}.sl-cases__tags{flex-wrap:wrap;gap:.5rem;display:flex}.sl-cases__tags span{color:var(--color-primary);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-22);background:#ef43351a;border-radius:6.25rem;align-items:center;padding:.5rem 1.5rem;display:inline-flex}.sl-cases__stage{align-self:center;min-width:0;margin-left:-2.5rem;position:relative;overflow:visible}.sl-cases__media-swiper.swiper{aspect-ratio:650/457;width:100%;position:relative;overflow:hidden}.sl-cases__media-swiper.swiper .swiper-slide{backface-visibility:hidden;background:#2e353a0f;border-radius:1.5rem;overflow:hidden}.sl-cases__media-swiper.swiper .swiper-slide img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sl-cases__card{margin:0}.sl-cases__nav{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-top:3.5rem;display:flex}.sl-cases__pager{font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-20);align-items:center;gap:.5rem;display:inline-flex}.sl-cases__pager-current{color:var(--color-text)}.sl-cases__pager-sep,.sl-cases__pager-total{color:#afb5b9}@media (width<=1439px){.sl-hero__intro{grid-template-columns:1fr;gap:24px}.sl-hero__desc{max-width:100%;margin-top:24px}.sl-hero__media{height:520px}.sl-hero__title{font-size:40px;line-height:54px}.sl-adv,.sl-arch,.sl-core,.sl-clients,.sl-cases{padding-top:4rem}.sl-adv__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.sl-adv__item{border-top:1px solid #dfe0e2;border-left:0;min-height:10rem;padding:24px 0 0}.sl-clients__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sl-cases__body{grid-template-columns:1fr;gap:40px}.sl-cases__copy{min-height:0;padding:0 0 0 24px}.sl-cases__stage{justify-self:center;width:100%;margin-left:0}.sl-cases__nav{margin-top:32px}}@media (width<=992px){.sl-adv__list{grid-template-columns:1fr}.sl-clients__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-cases__nav{margin-top:24px}}@media (width<=576px){.sl-hero__intro{padding-top:calc(var(--header-h) + 5rem)}.sl-hero__title,.sl-hero .sl-adv__title,.sl-hero .sl-arch__title,.sl-hero .sl-core__title,.sl-hero .sl-clients__title,.sl-hero .sl-cases__title{font-size:32px;line-height:44px}.sl-hero__media{height:280px}.sl-adv__name,.sl-cases__name{font-size:24px;line-height:32px}.sl-clients__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sl-clients__item{height:100px}.sl-cases__copy{border-left:none;padding-left:0}.sl-cases__body{grid-template-columns:1fr}.sl-cases__stage{order:-1;margin-left:0}.sl-cases__logo{width:160px}.sl-core__head .s-arrows{display:none}.sl-core__arrows-mobile{justify-content:flex-start;margin-top:24px;display:flex}.sl-core__arrows-mobile .s-arrows{gap:16px;display:flex}.sl-core__swiper{margin:0 -16px;padding:0 16px;overflow:visible}}
|