@-webkit-keyframes case-block-shadow{0%,to{-webkit-box-shadow:0 0 0 #e53935,0 0 0 #e53935,0 0 0 #e53935;box-shadow:0 0 0 #e53935,0 0 0 #e53935,0 0 0 #e53935}50%{-webkit-box-shadow:0 0 4px #e53935,0 0 6px #e53935,0 0 8px #e53935;box-shadow:0 0 4px #e53935,0 0 6px #e53935,0 0 8px #e53935}}@keyframes case-block-shadow{0%,to{-webkit-box-shadow:0 0 0 #e53935,0 0 0 #e53935,0 0 0 #e53935;box-shadow:0 0 0 #e53935,0 0 0 #e53935,0 0 0 #e53935}50%{-webkit-box-shadow:0 0 4px #e53935,0 0 6px #e53935,0 0 8px #e53935;box-shadow:0 0 4px #e53935,0 0 6px #e53935,0 0 8px #e53935}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}:root{--bg-color:#f8f9fa;--text-color:#212529;--card-bg:#ffffff;--header-bg:#ffffff;--shadow:rgba(0, 0, 0, 0.08);--meta-color:#6c757d;--card-hover:#f1f3f5;--border-color:#dee2e6}[data-theme=dark]{--bg-color:#0d1117;--text-color:#e6edf3;--card-bg:#161b22;--header-bg:#161b22;--shadow:rgba(0, 0, 0, 0.2);--meta-color:#8b949e;--card-hover:#21262d;--border-color:#30363d}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}ol,ul{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}ul[class]{list-style:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{text-decoration:none}body{font:16px Arial,sans-serif;background:var(--bg-color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-width:320px;overflow-x:hidden;color:var(--text-color)}.section-cases{padding-top:50px}.section-article,.section-preview{padding-top:30px}.section-article__container,.section-preview__container{display:-webkit-box;display:-ms-flexbox;display:flex}.site-header{margin:20px 20px 0;background:var(--header-bg);padding:12px 0;-webkit-box-shadow:0 2px 8px var(--shadow);box-shadow:0 2px 8px var(--shadow)}.site-header__container,.theme-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-header__container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.theme-toggle{background:0 0;border:0;color:var(--text-color);font-size:22px;cursor:pointer;padding:8px;margin-left:15px}.site-logo{margin:0;font-size:24px;color:var(--text-color);font-weight:800;letter-spacing:.5px;text-transform:uppercase}.container{margin:0 auto;width:100%;max-width:1200px;padding:0 20px}.cases-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}.cases-list .case{width:calc(33.333% - 20px);margin:0 10px 20px}.case{background:var(--card-bg);border-radius:12px;overflow:hidden;-webkit-box-shadow:0 4px 15px var(--shadow);box-shadow:0 4px 15px var(--shadow);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;cursor:pointer;padding:2px 2px 50px;height:auto;position:relative}.case--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;position:static;padding:10px}.case--horizontal .case__info{position:relative;padding:0 0 20px 12px}.case--horizontal .case__title{font-size:13px}.case--horizontal .case__img{max-width:130px;-ms-flex-negative:0;flex-shrink:0}.case--horizontal .meta{bottom:0;left:12px}.case__img{width:100%;overflow:hidden}.case__img img{width:100%;height:auto}.case__info{padding:12px 15px 0}.case__title{font-size:17px;line-height:1.45;color:#e53935;font-weight:600}.case:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 30px var(--shadow);box-shadow:0 8px 30px var(--shadow)}.case:hover .case__title{color:#c62828}.meta{font-size:12px;color:var(--meta-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:12px;left:15px}.meta__icon{font-style:normal;font-size:13px;margin-right:4px}.meta__item:last-child{margin-left:12px}[data-theme=dark] .case{-webkit-box-shadow:none;box-shadow:none}[data-theme=dark] .case:hover{background:var(--card-hover)}.article-content{background:var(--card-bg);padding:40px 20px 20px;border-radius:8px;-webkit-box-shadow:0 2px 5px var(--shadow);box-shadow:0 2px 5px var(--shadow);max-width:765px}.article-content p{margin:15px 0}.article-content ul{padding-left:40px;margin:15px 0}.article-content__title{font-size:24px;font-weight:700;margin-bottom:20px}.article-content__image{border-radius:4px;margin:0 auto 15px;overflow:hidden;height:420px}.article-content__image img{margin-top:-50px;width:100%;height:auto}.article-case-block{margin:30px 0;border-radius:8px;padding:15px;background:#f8f8f8;-webkit-animation:case-block-shadow 2.5s linear infinite;animation:case-block-shadow 2.5s linear infinite}.article-case-block:hover{-webkit-animation:none;animation:none}.article-case-block .case{padding:0;background:0 0;-webkit-box-shadow:none;box-shadow:none;border-radius:4px}.article-case-block .case .case__info{padding:12px 15px 35px}.article-case-block .case .case__title{font-size:17px}.article-case-block .case .case__img{max-width:200px;-ms-flex-negative:0;flex-shrink:0;margin-right:15px}.article-case-block .case .case__img img{border-radius:4px}.article-case-block .case .meta{bottom:12px}[data-theme=dark] .article-case-block{background:var(--card-bg)}.popup{display:none}.popup .case{padding:2px 2px 45px}.popup .case .case__title{font-size:15px}.popup .case__img{height:175px}.popup .case__img img{position:relative;top:-20px}.mask{background:rgba(0,0,0,.4);position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;z-index:9999;overflow:auto;padding:35px 20px}.popup__container{display:block;z-index:9999;background:var(--bg-color);max-width:1000px;width:100%;padding:20px;border-radius:10px;position:relative}.popup__title{color:var(--text-color);text-align:center;font-size:28px;margin-top:10px;margin-bottom:25px}.popup__cross{right:20px;top:20px}.cross{position:absolute;width:32px;height:32px;opacity:.3;cursor:pointer}.cross:hover{opacity:1}.cross:after,.cross:before{position:absolute;left:15px;content:" ";height:33px;width:2px;background:var(--text-color)}.cross:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.cross:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}[data-theme=dark] .popup__container{-webkit-box-shadow:0 2px 12px #7b7b7b;box-shadow:0 2px 12px #7b7b7b}.article-navigation{padding:20px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-navigation,.pagination,.pagination .page{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination .page{width:40px;min-width:40px;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid transparent;border-radius:50%}.pagination .page a{font-weight:500}.article-source__link:hover,.pagination .page a:hover{text-decoration:underline}.pagination .page.current{border:1px solid var(--text-color)}.article-source{font-size:15px;text-align:right;margin-left:15px}.article-source__link,.pagination .page a{color:var(--text-color)}.two-cases-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px 20px}.two-cases-row .case{width:calc(50% - 20px);margin:0 10px}.two-cases-row .case .case__title{font-size:15px}.sidebar .case{margin-bottom:10px}.sidebar .case .meta{font-size:11px}.sidebar .case:last-child{margin-bottom:0}.article-sidebar{position:-webkit-sticky;position:sticky;top:20px;-ms-flex-item-align:start;align-self:start;width:375px;-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.preview-sidebar{margin-left:30px;width:475px;-ms-flex-negative:0;flex-shrink:0;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-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.preview{display:block;max-width:655px;width:100%;background:var(--card-bg);border-radius:12px;padding:15px;-webkit-box-shadow:0 4px 15px var(--shadow);box-shadow:0 4px 15px var(--shadow);height:auto}.preview__img{width:100%;border-radius:8px;height:360px;overflow:hidden;margin-bottom:12px}.preview__img img{width:100%;height:auto;border-radius:8px;margin-top:-40px}.preview__title{font-size:32px;color:var(--text-color);line-height:1.4;font-weight:700;margin-bottom:12px}.preview__btn{display:inline-block;width:100%;padding:14px 35px;background:#ff5722;color:#fff;text-decoration:none;border-radius:8px;font-size:18px;-webkit-box-shadow:0 4px 12px rgba(255,87,34,.3);box-shadow:0 4px 12px rgba(255,87,34,.3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.preview__btn:hover{background:#f4511e;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 16px rgba(255,87,34,.4);box-shadow:0 6px 16px rgba(255,87,34,.4)}.preview__headline{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.preview__bottom{display:block;font-size:18px;color:var(--text-color);line-height:1.4;font-weight:600;padding:12px 0}.preview__link{display:block}.preview__bottom:hover,.preview__link:hover .preview__title{color:#c62828}.fire-icon{display:inline-block;-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite}@media (min-width:768px){.popup[data-popup-visible="1"]{display:block}body.no-scroll{overflow:hidden}}@media (max-width:1199px){.hide-1199{display:none}.container{max-width:960px}.article-sidebar .case--horizontal,.preview-sidebar .case--horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding:2px 2px 40px}.article-sidebar .case--horizontal .case__img,.preview-sidebar .case--horizontal .case__img{max-width:100%;height:170px}.article-sidebar .case--horizontal .case__img img,.preview-sidebar .case--horizontal .case__img img{margin-top:-20px}.article-sidebar .case--horizontal .case__info,.preview-sidebar .case--horizontal .case__info{position:static;padding:12px 15px 0}.article-sidebar .case--horizontal .case__title,.preview-sidebar .case--horizontal .case__title{font-size:15px}.article-sidebar .meta,.preview-sidebar .meta{bottom:12px;left:15px}.article-content__image{height:350px}.article-content__image img{margin-top:-30px}.article-sidebar,.preview-sidebar{width:295px}.preview-sidebar{margin-left:20px}.preview-sidebar .case:nth-child(2){margin-bottom:0}.preview__img{height:340px}.preview__title{font-size:28px}.preview__headline{margin-top:20px;padding-top:10px}}@media (max-width:999px){.popup .case__img{height:160px}.popup .case__img img{top:0}}@media (max-width:991px){.site-logo{font-size:20px}.container{max-width:728px}.article-sidebar .case--horizontal .case__img,.preview-sidebar .case--horizontal .case__img{height:140px}.article-sidebar .case--horizontal .case__img img,.preview-sidebar .case--horizontal .case__img img{margin-top:-10px}.article-sidebar .case--horizontal .case__title,.cases-list .case__title,.preview-sidebar .case--horizontal .case__title{line-height:1.4}.article-content__title{font-size:20px}.article-content__image{height:270px}.article-content__image img{margin-top:-20px}.article-case-block{margin:20px 0;padding:10px}.article-case-block .case .case__title{font-size:15px;line-height:1.4}.article-case-block .case .case__img{margin-right:0}.article-case-block .case .case__info{padding:12px 0 35px 15px}.article-case-block .case .case__img{position:relative;width:112px;height:130px}.article-case-block .case .case__img img{position:absolute;width:174px;max-width:none;top:0;left:0;margin-left:-34px}.article-navigation{-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}.article-source{text-align:left;margin-left:0;margin-top:15px}.two-cases-row{margin:0 0 20px}.two-cases-row .case{width:100%;margin:0 0 10px}.two-cases-row .case:last-child{margin:0}.article-sidebar,.preview-sidebar{width:215px}.preview__img{height:auto}.preview__img img{margin-top:0}.preview__title{font-size:24px}.preview__bottom,.preview__btn{font-size:16px}}@media (max-width:767px){.site-logo{font-size:18px}.container{width:calc(100% - 40px)}.cases-list .case{width:calc(50% - 20px)}.article-content__image{height:350px}.article-content__image img{margin-top:-40px}.article-case-block .case .case__img{position:static;width:100%;height:auto}.article-case-block .case .case__img img{position:static;width:100%;max-width:100%;margin-left:0}.article-sidebar,.preview-sidebar{display:none}.preview__img{height:350px}.preview__img img{margin-top:-35px}}@media (max-width:650px){.article-content__image,.preview__img{height:300px}}@media (max-width:575px){.site-header{margin:10px 10px 0;padding:10px 0}.site-logo{font-size:16px}.theme-toggle{padding:4px;font-size:20px}.container{width:100%}.article-content ul{padding-left:20px}.article-content__image{height:auto}.article-content__image img{margin-top:0}.article-case-block .case--horizontal .case__title{font-size:14px}.two-cases-row .case .case__title{font-size:14px;line-height:1.3}.preview__img{height:255px}.preview__img img{margin-top:-20px}.preview__title{font-size:22px}.preview{padding:12px}.preview__bottom,.preview__btn{font-size:15px}}@media (max-width:500px){.article-case-block{border-radius:0;padding:15px;margin:15px -15px}.article-case-block .case--horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-case-block .case--horizontal .case__img{max-width:100%;height:200px;border-radius:4px}.article-case-block .case--horizontal .case__img img{border-radius:4px;margin-top:-30px}.article-case-block .case--horizontal .case__title{font-size:17px}.article-case-block .case--horizontal .case__info{padding:15px 12px 40px}}@media (max-width:480px){.cases-list{margin:0;padding:0 10px}.cases-list .case{width:100%;margin:0 auto 20px}}@media (max-width:450px){.preview{width:calc(100% + 40px);margin:0 -20px;border-radius:0}.preview__img{height:auto}.preview__img img{margin-top:0}.preview__btn{padding:14px 25px}.preview__title{font-size:21px}}@media (max-width:375px){.article-case-block .case--horizontal .case__img{height:165px}.article-case-block .case--horizontal .case__img img{margin-top:-15px}.two-cases-row .meta .meta__item:last-child{display:none}.two-cases-row .case .case__img{position:relative;width:112px;height:112px}.two-cases-row .case .case__img img{position:absolute;width:148px;max-width:none;top:0;left:0;margin-left:-18px}}@media (max-width:360px){.two-cases-row .case .case__title{font-size:13px}.two-cases-row .case .case__img{width:105px;height:105px}.two-cases-row .case .case__img img{width:140px;margin-left:-17px}}