/* Start:/local/templates/main/assets/css/cases-page.min.css?179084733216416*/
.cases--hero .hero__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: clamp(25rem,14.183rem + 48.08vw,56.25rem); height: clamp(25rem,14.183rem + 48.08vw,56.25rem) } .cases--hero .hero__bg-gradient svg { display: block; z-index: 0; width: 100%; height: 100% } .cases--hero .hero__bg-gradient--green { top: -17%; left: -15% } @media (max-width: 767px) { .cases--hero .hero__bg-gradient--green { top:-4%; left: -17% } } .cases--hero .hero__bg-gradient--blue { top: -3%; left: 14% } .hero { position: relative; background: var(--color-white,#fff) } .cases--hero .hero__inner { padding-top: 150px; } .cases--hero .hero__title { z-index: 9; margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 64px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 1280px) { .cases--hero .hero__inner { position:relative; height: 100% } .cases--hero .hero__title { margin-bottom: 24px; width: 100%; max-width: 868px } } @media (min-width: 768px) and (max-width:1279px) { .cases--hero .hero__inner { position:relative; height: 100% } .cases--hero .hero__title { margin: 0 0 16px; width: 100%; max-width: calc(100% - 90px); font-size: 42px; text-align: left } } @media (max-width: 767px) { .cases--hero .hero__bg-gradient--blue { top:7%; left: 26% } .cases--hero .hero__inner { position: relative; height: 100% } .cases--hero .hero__title { margin: 0 0 12px; width: 100%; max-width: calc(100% - 32px); max-width: none; font-size: 24px; text-align: center } } .cases--hero .hero__image-wrap { pointer-events: none } @media (min-width: 1280px) { .cases--hero .hero__image-wrap { position:absolute; top: -25px; right: -134px; width: 789px; height: 856px } } @media (max-width: 767px) { .cases--hero .hero__image-wrap { position:absolute; top: 44px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 617px; height: 510px } } @media (min-width: 768px) and (max-width:1279px) { .cases--hero .hero__image-wrap { position:absolute; top: 35px; left: 78%; width: 663px; height: 548px } } .hero__image { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .cases--hero .hero__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0 } @media (max-width: 1279px) { .cases--hero .hero__inner { padding-top:105px } .cases--hero .hero__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0 } .cases--hero .hero__subtitle { margin-top: 0 } } .cases--hero .hero__desc { z-index: 9 } @media (min-width: 1280px) { .cases--hero .hero__desc { width:100% } } @media (max-width: 767px) { .cases--hero .hero__desc { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 32px); text-align: center } } @media (min-width: 768px) and (max-width:1279px) { .cases--hero .hero__desc { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(100% - 90px); text-align: left } } .cases--hero .hero__subtitle { margin: 0; width: 100%; max-width: 750px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .cases--hero .hero__subtitle ul { /* margin-top: 20px; */ padding-left: 22px } @media (min-width: 1280px) { .cases--hero .hero__subtitle { margin-bottom:82px } } @media (max-width: 1279px) { .cases--hero .hero__subtitle { margin-bottom:24px; font-size: 16px } } @media (min-width: 768px) and (max-width:1279px) { .cases--hero .hero__subtitle { margin-bottom:90px; font-size: 16px; text-align: left } } .hero__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px } @media (max-width: 767px) { .cases--hero .hero__subtitle { margin-bottom: 78px; max-width: 100%; font-size: 14px; text-align: left } .cases--hero .hero__subtitle p { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/4 } .cases--hero .hero__subtitle ul { -ms-grid-column: 2; grid-column: 2 } .hero__actions { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content } .projects__filters .btn--primary { padding-block:15px} .projects__filters .btn--filter { padding-block:12px} } @media (min-width: 768px) and (max-width:1279px) { .hero__actions { position:relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content } } /* select { -webkit-appearance: none; -moz-appearance: none; appearance: none; --minwidth-select: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border: 1px solid var(--color-ivory); border-radius: 30px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A") right 5px center/20px no-repeat; padding-inline:20px;padding-block:13px;min-width: var(--minwidth-select); color: var(--color-deep-grey) } @supports ((-webkit-appearance: base-select) or (-moz-appearance:base-select) or (appearance:base-select)) { select,select::picker(select) { -webkit-appearance:base-select; -moz-appearance: base-select; appearance: base-select; -webkit-animation-play-state: paused; animation-play-state: paused; interpolate-size: allow-keywords } select:open { -webkit-animation-play-state: running; animation-play-state: running; background: var(--color-light-blue) } @media (prefers-reduced-motion) { select:open { -webkit-animation-play-state: paused; animation-play-state: paused } } select { background-image: none; padding-inline:20px} select img { width: 30px; line-height: 1 } select::picker-icon { rotate: -90deg; -webkit-transition: rotate .2s ease-out; transition: rotate .2s ease-out; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A"); width: 20px; height: 20px; content: "" } select:open::picker-icon { rotate: 0deg } select::picker(select) { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; -webkit-transition: height .4s ease-out,opacity .4s ease-out,overlay .4s,display .4s; transition: height .4s ease-out,opacity .4s ease-out,overlay .4s,display .4s; transition-behavior: allow-discrete; margin-top: 16px; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border: 1px solid var(--color-ivory,#e0e0e0); border-radius: 16px; background: var(--color-white,#fff); padding: 16px; max-width: 250px; height: 0; overflow: clip; font-weight: 400 } select:open::picker(select) { opacity: 1; height: auto } select option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: color,background; transition-property: color,background; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; cursor: pointer; padding: 4px; color: var(--color-deep-grey,currentColor); font-size: 16px; text-wrap: auto } select option:where(:hover,:focus,:active) { background: var(--color-light-blue,#eef2fa) } select option:checked { background: var(--color-light-blue,#eef2fa) } select option::checkmark { display: none } select option:first-child { border: 0 } select selectedcontent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px } } */ .projects { position: relative; z-index: 1; padding-top: 50px } @media screen and (min-width: 768px) { /* select { --minwidth-select:clamp(10.938rem, -3.125rem + 29.3vw, 15.625rem) } */ /* .projects { padding-top: 45px } */ } @media screen and (min-width: 1280px) { /* .projects { padding-top:85px } */ } .projects__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(1.875rem,1.659rem + .96vw,2.5rem) } .projects__filters { display: -ms-grid; display: grid; position: sticky; top: 0; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: clamp(.75rem,1.56vw,1rem); z-index: 3; background-color: var(--color-white); padding-top: 15px; padding-bottom: 5px } .projects__filters .filters-block { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(.75rem,1.56vw,1rem); visibility: hidden; -webkit-transition: all var(--transition); transition: all var(--transition); width: 100%; height: 0; overflow: hidden } /* @media (max-width: 767px) { @supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)) { .projects__filters .filters-block select { -webkit-transition:all var(--transition); transition: all var(--transition); border: 0; border-bottom: 1px solid var(--color-ivory); border-radius: 0; padding-inline:10px;padding-block:5px} .projects__filters .filters-block select::picker-icon { rotate: 0 } .projects__filters .filters-block select::picker(select) { margin-top: 0; border: 0; border-radius: 0; padding: 8px 0 0 } .projects__filters .filters-block select option { padding: 4px } } } */ @media screen and (min-width: 768px) { .projects__filters { -ms-grid-columns:auto 1fr; grid-template-columns: auto 1fr } .projects__filters .filters-block { position: relative; -ms-grid-column: 2; grid-column: 2; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; visibility: visible; height: auto; overflow: initial } .projects__filters .btn--filter { display: none } } @media screen and (max-width: 767px) { .projects__filters:has(.open--filters) .btn--primary { border:1px solid var(--color-ivory,#e0e0e0); background: var(--color-white,#fff); color: var(--color-grey,#666) } .projects__filters:has(.open--filters) .filters-block { position: relative; visibility: visible; height: auto; overflow: initial } } .projects__filters .filter-index { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px } .projects__filters .filter-index__title { color: var(--color-deep-grey); font-weight: 400; font-size: 12px; line-height: 130% } .projects .projects__grid { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill,minmax(min(290px,100%),1fr)); gap: 16px } @media screen and (min-width: 768px) { .projects .projects__grid { grid-template-columns:repeat(auto-fill,minmax(min(323px,100%),1fr)) } } .projects .project-item { position: relative; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 10px; background: var(--color-white); padding: clamp(1rem,-2.722rem + 7.75vw,4.063rem) clamp(1rem,.804rem + .87vw,1.5rem); min-height: 225px; overflow: hidden } @media screen and (min-width: 1024px) { .projects .project-item { min-height:292px } } .projects .project-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; height: 100% } @media screen and (max-width: 1024px) { .projects .project-item__content { margin-bottom: 35px } } .projects .project-item__content>* { margin-top: 12px } .projects .project-item__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 4px; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 300px; list-style: none } .projects .project-item__tag,.projects .project-item__tag a { color: var(--color-green); font-weight: 400; font-size: 14px; line-height: 130% } .projects .project-item__tag a:hover { color: var(--color-blue) } .projects .project-item__title { margin: 0; color: var(--color-deep-grey); font-weight: 600; font-size: 16px; line-height: 130% } @media screen and (min-width: 768px) { .projects .project-item__title { font-size:18px } } @media screen and (min-width: 1280px) { .projects .projects__grid { grid-template-columns:repeat(auto-fill,minmax(min(370px,100%),1fr)); gap: 24px } .projects .project-item { border-radius: 30px } .projects .project-item__title { font-size: 24px } } .projects .project-item__text { color: var(--color-deep-grey); font-weight: 400; font-size: 14px; line-height: 130% } @media screen and (min-width: 1280px) { .projects .project-item__text { font-size:16px } } .projects .project-item__link { position: absolute; bottom: 16px; left: 16px; z-index: 2; color: var(--color-grey); font-weight: 600; font-size: 16px; line-height: 130% } @media screen and (min-width: 768px) { .projects .project-item__link { bottom:24px; left: 24px; font-size: 18px } } .projects .project-item__link:hover { color: var(--color-green) } .projects .project-item__decor { position: absolute; top: -5%; right: -7%; width: clamp(18.75rem,14.193rem + 9.49vw,22.5rem); height: clamp(18.75rem,14.193rem + 9.49vw,22.5rem); pointer-events: none } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px } .pagination a,.pagination span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .3s,color .3s; transition: background-color .3s,color .3s; border-radius: 44px; width: 44px; height: 44px; color: var(--color-grey); font-weight: 400; font-size: 16px; line-height: 130%; text-decoration: none } @media (max-width: 767px) { .pagination a,.pagination span { width:35px; height: 35px } } .pagination a:hover { background-color: var(--color-white-30); color: var(--color-green,#34ae6b) } .pagination .active { background-color: var(--color-green,#34ae6b); color: var(--color-white,#fff) } .pagination .next,.pagination .prev { background-color: #f8f9fa } .pagination .next:hover,.pagination .prev:hover { color: var(--color-green,#34ae6b) } .pagination .dots { border: none; padding: 8px 10px }
/* End */


/* Start:/local/templates/main/assets/css/utils.css?17888787184206*/
.link-tag,.tag{color:var(--color-grey,#666);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.link-tag:hover,.tag:hover{color:var(--color-deep-grey,currentColor)}.link-arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-12,12px);color:var(--color-deep-grey,currentColor);font-weight:600;font-size:16px;line-height:1.1;font-family:var(--base-font),sans-serif;text-decoration:none}.link-arrow:hover{color:var(--color-green,#34ae6b)}.link-arrow__icon{-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px}.breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-4,4px);z-index:1}.breadcrumbs-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:20px;padding-bottom:20px;min-height:64px}.breadcrumbs-wrap .container{position:relative;z-index:1}@media (max-width:767px){.breadcrumbs .breadcrumbs__item{font-size:14px}.breadcrumbs .breadcrumbs__icon{width:16px;height:16px}.breadcrumbs .breadcrumbs__divider{width:16px;height:16px;font-size:12px}.breadcrumbs-wrap{padding-top:8px;padding-bottom:8px;min-height:40px}}.breadcrumbs__item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-8,8px);color:var(--color-deep-grey,currentColor);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.breadcrumbs__item--link{color:var(--color-green,#34ae6b)}.breadcrumbs__item--link:hover{text-decoration:underline}.breadcrumbs__icon{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px}.breadcrumbs__divider{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);width:24px;height:24px;color:var(--color-grey,#666);font-size:14px}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.pagination__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;cursor:pointer;border:none;border-radius:4px;background:0 0;padding:8px;width:32px;height:32px;color:var(--color-deep-grey,currentColor)}.pagination__arrow:hover{background:var(--color-light-grey,#f8f8f8)}.pagination__arrow-icon{width:24px;height:24px}.pagination__number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;cursor:pointer;border:none;border-radius:1000px;background:0 0;padding:0 8px;min-width:44px;height:44px;color:var(--color-grey,#666);font-weight:400;font-size:16px;line-height:1.3;font-family:var(--base-font),sans-serif;text-decoration:none}.pagination__number:hover{color:var(--color-deep-grey,currentColor)}.pagination__number--active{cursor:default;background:var(--color-green,#34ae6b);color:var(--color-white,#fff);font-weight:600}.pagination__ellipsis{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;min-width:44px;height:44px;color:var(--color-grey,#666);font-size:16px;font-family:var(--base-font),sans-serif}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/cases_page_reworked/style.css?179025051515166*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}


.wf-case-grid {
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    display: grid
}

@media (max-width: 1100px) {
    .wf-case-grid {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 720px) {
    .wf-case-grid {
        grid-template-columns:1fr
    }
}

.wf-direction-grid {
    grid-template-columns: repeat(auto-fit,minmax(300px,380px));
    justify-content: center;
    gap: 20px;
    display: grid
}

.wf-case-card {
    border: 1px solid var(--wf-border);
    border-radius: var(--wf-r-md);
    color: inherit;
    transition: transform .32s var(--wf-ease-out), box-shadow .32s var(--wf-ease-out);
    background: #fff;
    flex-direction: column;
    text-decoration: none;
    display: flex;
    overflow: hidden
}

.wf-case-card:hover {
    box-shadow: var(--wf-shadow-md);
    transform: translateY(-2px)
}

.wf-case-card:focus-visible {
    outline: 2px solid var(--color-green);
    outline-offset: 2px
}

.wf-case-cover {
    aspect-ratio: 16/9;
    background: var(--wf-n-100);
    position: relative;
    overflow: hidden
}

.wf-case-cover img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .52s var(--wf-ease-out);
    display: block
}

.wf-case-card:hover .wf-case-cover img {
    transform: scale(1.04)
}

.wf-case-cover-grad {
    background: linear-gradient(#0c0e120a 0%,#0c0e121f 40%,#0c0e128c 70%,#0c0e12e0 100%);
    position: absolute;
    inset: 0
}

.wf-case-cover-head {
    z-index: 1;
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px
}

.wf-case-cat {
    font-family: var(--wf-font-mono);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--wf-ink);
    white-space: nowrap;
    background: #ffffffeb;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 700
}

.wf-case-cat--ai {
    background: var(--color-green);
    color: #fff
}

.wf-case-cover-title {
    z-index: 1;
    font-family: var(--wf-font-display);
    letter-spacing: -.018em;
    color: #fff;
    text-wrap: balance;
    margin: 0;
    font-size: clamp(18px,1.7vw,22px);
    font-weight: 700;
    line-height: 1.2;
    position: absolute;
    bottom: 18px;
    left: 20px;
    right: 20px
}

.wf-case-mark {
    color: #fff;
    aspect-ratio: 16/9;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    display: flex;
    position: relative;
    overflow: hidden
}

.wf-case-mark:after {
    content: "";
    background: #ffffff14;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    position: absolute;
    top: -40px;
    right: -40px
}

.wf-case-mark-industry {
    font-family: var(--wf-font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    font-size: 11px;
    font-weight: 600;
    position: relative
}

.wf-case-mark-client {
    font-family: var(--wf-font-display);
    letter-spacing: -.02em;
    text-wrap: balance;
    z-index: 1;
    max-width: 22ch;
    font-size: clamp(22px,2vw,28px);
    font-weight: 700;
    line-height: 1.1;
    position: relative
}

.wf-case-nda {
    font-family: var(--wf-font-mono);
    letter-spacing: .12em;
    z-index: 2;
    background: #00000052;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    top: 16px;
    right: 16px
}

.wf-case-body {
    flex-direction: column;
    flex: 1;
    padding: 24px 24px 16px 24px;
    display: flex
}

.wf-case-title {
    font-family: var(--wf-font-display);
    letter-spacing: -.014em;
    color: var(--wf-ink);
    text-wrap: balance;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25
}

.wf-case-text {
    font-family: var(--wf-font-body);
    color: var(--wf-fg-2);
    margin: 12px 0 0;
    font-size: 14px;
    line-height: 1.55
}

.wf-case-tags {
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
    display: flex
}

.wf-case-tag {
    font-family: var(--wf-font-mono);
    letter-spacing: .01em;
    background: var(--wf-n-100);
    color: var(--wf-fg-2);
    white-space: nowrap;
    border-radius: 999px;
    padding: 3px 9px;
    font-size: 11px;
    font-weight: 600
}

.wf-case-tag--ai {
    background: var(--color-green-50);
    color: var(--color-green)
}

.wf-case-foot {
    border-top: 1px solid var(--wf-border);
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    margin-top: auto;
    padding-top: 12px;
	padding-bottom: 0px;
    display: flex
}

.wf-case-metric-value {
    font-family: var(--wf-font-display);
    letter-spacing: -.03em;
    color: var(--wf-ink);
    font-size: clamp(28px,2.6vw,36px);
    font-weight: 800;
    line-height: 1
}

.wf-case-metric-label {
    font-family: var(--wf-font-body);
    color: var(--wf-fg-3);
    max-width: 20ch;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.4
}

.wf-case-more {
    font-family: var(--wf-font-display);
    color: var(--wf-ink);
    cursor: pointer;
    transition: gap .2s var(--wf-ease-out);
    background: 0 0;
    border: 0;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex
}

.wf-case-more-label {
    white-space: nowrap
}

.wf-case-more-arrow {
    color: var(--color-green);
    flex-shrink: 0
}

.wf-case-more:hover {
    gap: 10px
}

.wf-case-empty {
    font-family: var(--wf-font-body);
    color: var(--wf-fg-2);
    text-align: center;
    background: var(--wf-bg-sunken);
    border-radius: var(--wf-r-md);
    padding: 64px 20px;
    font-size: 16px;
    line-height: 1.5
}

.wf-case-card.wf-case-card--h {
    align-items: stretch;
    display: grid
}

.wf-case-card--wide {
    grid-template-columns: 1.05fr 1fr
}

.wf-case-card--feature {
    grid-template-columns: 1.35fr 1fr
}

.wf-case-h-cover {
    background: var(--wf-n-100);
    min-height: 240px;
    position: relative;
    overflow: hidden
}

.wf-case-card--feature .wf-case-h-cover {
    min-height: 320px
}

.wf-case-h-cover img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .52s var(--wf-ease-out);
    display: block;
    position: absolute;
    inset: 0
}

.wf-case-card--h:hover .wf-case-h-cover img {
    transform: scale(1.04)
}

.wf-case-h-fallback {
    display: block;
    position: absolute;
    inset: 0
}

.wf-case-h-body {
    flex-direction: column;
    padding: 30px 32px;
    display: flex
}

.wf-case-card--feature .wf-case-h-body {
    padding: 40px
}

.wf-case-h-title {
    font-family: var(--wf-font-display);
    letter-spacing: -.02em;
    color: var(--wf-ink);
    text-wrap: balance;
    margin: 0;
    font-size: clamp(21px,1.9vw,27px);
    font-weight: 700;
    line-height: 1.16
}

.wf-case-card--feature .wf-case-h-title {
    letter-spacing: -.026em;
    max-width: 18ch;
    font-size: clamp(26px,2.8vw,40px);
    line-height: 1.08
}

.wf-case-h-text {
    font-family: var(--wf-font-body);
    color: var(--wf-fg-2);
    max-width: 52ch;
    margin: 14px 0 0;
    font-size: 15px;
    line-height: 1.55
}

.wf-case-card--feature .wf-case-h-text {
    margin-top: 18px;
    font-size: 16px
}

.wf-case-card--h .wf-case-foot {
    margin-top: auto
}

.wf-case-card--feature .wf-case-h-body {
    background: var(--wf-ink)
}

.wf-case-card--feature .wf-case-h-title {
    color: #fff
}

.wf-case-card--feature .wf-case-h-text {
    color: #ffffffc7
}

.wf-case-card--feature .wf-case-foot {
    border-top-color: #ffffff29
}

.wf-case-card--feature .wf-case-metric-value,.wf-case-card--feature .wf-case-more {
    color: #fff
}

@media (max-width: 1100px) {
    .wf-case-card--feature {
        grid-column:span 2!important
    }

    .wf-case-card--wide {
        grid-column: span 1!important
    }

    .wf-case-card.wf-case-card--wide {
        flex-direction: column;
        display: flex
    }

    .wf-case-card--wide .wf-case-h-cover {
        aspect-ratio: 16/9;
        min-height: 0
    }

    .wf-case-card--wide .wf-case-h-title {
        font-size: 20px
    }
}

@media (max-width: 860px) {
    .wf-case-card.wf-case-card--feature {
        flex-direction:column;
        display: flex
    }

    .wf-case-card--feature .wf-case-h-cover {
        aspect-ratio: 16/9;
        min-height: 0
    }

    .wf-case-card--feature .wf-case-h-title {
        font-size: clamp(24px,5vw,32px)
    }

    .wf-case-card--feature .wf-case-h-body {
        padding: 28px
    }
}

@media (max-width: 720px) {
    .wf-case-card--feature,.wf-case-card--wide {
        grid-column:span 1!important
    }
}

.wf-case-more-row {
    justify-content: center;
    margin-top: 44px;
    display: flex
}

.wf-case-more-rest {
    font-family: var(--wf-font-mono);
    background: var(--wf-n-100);
    color: var(--wf-fg-2);
    border-radius: 999px;
    padding: 2px 9px;
    font-size: 12px;
    font-weight: 600
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

:root {
    /* --color-green: #e5402b;
    --color-green-700: #c9351f;
    --color-green-800: #b12c18;
    --color-green-600: #d33a24;
    --color-green-100: #fce4df;
    --color-green-50: #fef3f0;
    --color-green-cta: #de2614;
    --color-green-cta-hover: #c42210;
    --color-green-cta-active: #a91d0e; */
    --wf-ink: #120d10;
    --wf-ink-soft: #1f1a1c;
    --wf-ink-80: #120d10cc;
    --wf-n-950: #0e0b0d;
    --wf-n-900: #1a1618;
    --wf-n-800: #2a2528;
    --wf-n-700: #3c3539;
    --wf-n-500: #6c6469;
    --wf-n-400: #8e878c;
    --wf-n-300: #c9c4c6;
    --wf-n-200: #e3dfe1;
    --wf-n-100: #efecee;
    --wf-n-50: #f7f5f6;
    --wf-paper: #fbfafa;
    --wf-white: #fff;
    --wf-fg-1: var(--wf-ink);
    --wf-fg-2: var(--wf-n-700);
    --wf-fg-3: var(--wf-n-500);
    --wf-fg-on-dark: var(--wf-white);
    --wf-fg-on-dark-2: #ffffffb8;
    --wf-fg-on-dark-3: #ffffff80;
    --wf-bg-page: var(--wf-paper);
    --wf-bg-surface: var(--wf-white);
    --wf-bg-sunken: var(--wf-n-50);
    --wf-bg-dark: var(--wf-ink);
    --wf-bg-dark-2: var(--wf-n-900);
    --wf-border: var(--wf-n-200);
    --wf-border-strong: var(--wf-n-300);
    --wf-border-on-dark: #ffffff1a;
    --wf-border-on-dark-2: #ffffff38;
    --wf-success: #1f8f4e;
    --wf-warning: #d98010;
    --wf-info: #2563eb;
    --wf-danger: var(--color-green);
    --wf-font-display: var(--f-sans), "Onest", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --wf-font-body: var(--f-body), "Inter", "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --wf-font-mono: var(--f-mono), "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;
    --wf-h0-size: clamp(56px, 7.2vw, 112px);
    --wf-h0-line: .95;
    --wf-h0-tracking: -.035em;
    --wf-h1-size: clamp(40px, 4.4vw, 64px);
    --wf-h1-line: 1.02;
    --wf-h1-tracking: -.028em;
    --wf-h2-size: clamp(32px, 3vw, 44px);
    --wf-h2-line: 1.08;
    --wf-h2-tracking: -.022em;
    --wf-h3-size: clamp(22px, 1.8vw, 28px);
    --wf-h3-line: 1.18;
    --wf-h3-tracking: -.014em;
    --wf-eyebrow-size: 12px;
    --wf-eyebrow-track: .1em;
    --wf-body-lg-size: 18px;
    --wf-body-lg-line: 1.55;
    --wf-body-size: 16px;
    --wf-body-line: 1.55;
    --wf-body-sm-size: 14px;
    --wf-body-sm-line: 1.5;
    --wf-caption-size: 13px;
    --wf-caption-line: 1.4;
    --wf-metric-size: clamp(48px, 5.2vw, 80px);
    --wf-metric-line: 1;
    --wf-metric-track: -.04em;
    --wf-s-1: 4px;
    --wf-s-2: 8px;
    --wf-s-3: 12px;
    --wf-s-4: 16px;
    --wf-s-5: 20px;
    --wf-s-6: 24px;
    --wf-s-8: 32px;
    --wf-s-10: 40px;
    --wf-s-12: 48px;
    --wf-s-16: 64px;
    --wf-s-20: 80px;
    --wf-s-24: 96px;
    --wf-s-32: 128px;
    --wf-r-xs: 6px;
    --wf-r-sm: 10px;
    --wf-r-md: 14px;
    --wf-r-lg: 20px;
    --wf-r-xl: 28px;
    --wf-r-2xl: 36px;
    --wf-r-pill: 999px;
    --wf-shadow-xs: 0 1px 2px #120d100d;
    --wf-shadow-sm: 0 2px 6px #120d100f, 0 1px 2px #120d100a;
    --wf-shadow-md: 0 8px 24px #120d1014, 0 2px 6px #120d100a;
    --wf-shadow-lg: 0 24px 56px #120d101f, 0 4px 12px #120d100f;
    --wf-shadow-hero: 0 40px 80px -20px #e5402b59;
    --wf-shadow-cta: 0 12px 28px -10px #de26146b;
    --wf-shadow-cta-primary: 0 12px 28px -10px #c9351f6b;
    --wf-shadow-pressed: inset 0 1px 0 #0000002e;
    --wf-ease-out: cubic-bezier(.22, .61, .36, 1);
    --wf-ease-in-out: cubic-bezier(.65, 0, .35, 1);
    --wf-dur-fast: .12s;
    --wf-dur-base: .22s;
    --wf-dur-slow: .42s;
    --wf-container: 1280px;
    --wf-gutter: clamp(20px, 4vw, 64px);
    --paper: var(--wf-paper);
    --paper-2: var(--wf-n-50);
    --ink: var(--wf-ink);
    --ink-2: var(--wf-n-700);
    --ink-3: var(--wf-n-500);
    --line: var(--wf-border);
    --line-2: var(--wf-n-100);
    --accent: var(--color-green);
    --accent-ink: var(--wf-white);
    --card: var(--wf-n-50);
    --card-hover: var(--wf-n-100);
    --gutter: 88px;
    --max: var(--wf-container)
}

/* End */


/* Start:/local/components/bitroid/consult.form/templates/.default/style.css?17877375671613*/
.bitroid-consult-form__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.bitroid-consult-form__honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.bitroid-consult-form__textarea {
    display: block;
    width: 100%;
    min-height: 124px;
    resize: vertical;
    font: inherit;
}

.bitroid-consult-form__message {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.4;
}

.bitroid-consult-form__message.is-success {
    color: #208f51;
}

.bitroid-consult-form__message.is-error {
    color: #c93434;
}

.bitroid-consult-form [hidden] {
    display: none !important;
}

.bitroid-consult-form__success {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bitroid-consult-form__success-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
    border-radius: 50%;
    color: #ffffff;
    background: #34ae6b;
    font-size: 36px;
    line-height: 1;
}

.bitroid-consult-form__success .cta__subtitle {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
}

.bitroid-consult-form__success .btn {
    margin-top: 24px;
}

.bitroid-consult-form [type="submit"][disabled] {
    cursor: wait;
    opacity: 0.7;
}

/* End */
/* /local/templates/main/assets/css/cases-page.min.css?179084733216416 */
/* /local/templates/main/assets/css/utils.css?17888787184206 */
/* /local/templates/main/components/bitrix/news.list/cases_page_reworked/style.css?179025051515166 */
/* /local/components/bitroid/consult.form/templates/.default/style.css?17877375671613 */