.projects-preview{padding:135px 0 90px;background:#19241f;color:#fff}.projects-preview__intro{display:grid;grid-template-columns:1.15fr .85fr;column-gap:70px;align-items:end;margin-bottom:54px}.projects-preview__intro>.pv-section__eyebrow{grid-column:1/-1;color:#ec8759}.projects-preview__intro h2{font-size:clamp(42px,5.8vw,78px);line-height:1.13;letter-spacing:-.06em}.projects-preview__intro h2 em{color:#ec6d32;font-style:normal}.projects-preview__intro>p{padding-bottom:5px;color:#a6b2ab;font-size:18px;line-height:1.8}.projects-preview__intro>small{grid-column:2;margin-top:7px;color:#66746c;font-size:9px}.project-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;background:#f5f6f2;color:#1c2922;border-radius:18px}.project-catalog-head small{color:#ec6d32;font-size:9px;letter-spacing:1.5px}.project-catalog-head strong{display:block;margin-top:6px;font-size:22px;line-height:1.4}.project-catalog-head ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;list-style:none}.project-catalog-head li{padding:8px 12px;background:#fff;border:1px solid #dfe5dd;border-radius:18px;color:#607067;font-size:10px}.project-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.project-card{position:relative;min-height:390px;padding:22px;background:#24332b;border:1px solid #ffffff12;border-radius:17px;overflow:hidden;transition:transform .4s,border-color .4s,background-color .4s}.project-card:hover{transform:translateY(-6px);border-color:#ec6d3266;background:#293b31}.project-card>small{display:block;margin-top:22px;color:#ec8759;font-size:8px;letter-spacing:1.4px}.project-card h3{margin-top:8px;font-size:25px;letter-spacing:-.04em}.project-card>p{min-height:52px;margin-top:11px;color:#a2afa7;font-size:12px;line-height:1.7;word-break:keep-all}.project-card>ul{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px;list-style:none}.project-card>ul li{padding:6px 8px;background:#1a2720;color:#85968c;border-radius:12px;font-size:8px}.project-card--custom{background:#ec6d32;border-color:#ec6d32}.project-card--custom:hover{background:#f1763e}.project-card--custom>small,.project-card--custom>p{color:#fff}.project-card--custom>ul li{background:#ffffff18;color:#fff}.project-card__visual{position:relative;height:138px;padding:18px;background:#17221c;border:1px solid #ffffff0d;border-radius:11px;overflow:hidden}.project-card--custom .project-card__visual{background:#c95421}.visual-channels{display:grid;place-items:center}.visual-channels i{position:absolute;width:43px;height:43px;border:1px solid #ec6d32;border-radius:12px;box-shadow:0 0 0 8px #ec6d3210}.visual-channels i:after{content:'H';display:grid;place-items:center;height:100%;color:#fff;font-size:13px;font-style:normal}.visual-channels span{position:absolute;width:23px;height:23px;background:#33483b;border:1px solid #688071;border-radius:50%}.visual-channels span:nth-of-type(1){left:22px;top:20px}.visual-channels span:nth-of-type(2){right:20px;top:34px}.visual-channels span:nth-of-type(3){left:44px;bottom:14px}.visual-channels span:after{content:'';position:absolute;width:55px;height:1px;left:18px;top:11px;background:linear-gradient(90deg,#6f8275,transparent);transform-origin:left;animation:catalogLink 2.4s ease-in-out infinite}.visual-content{display:grid;align-content:center;gap:8px}.visual-content span{display:block;height:13px;background:#314139;border-radius:4px;transform-origin:left;animation:catalogLine 3s ease-in-out infinite}.visual-content span:nth-of-type(2){width:72%;animation-delay:.25s}.visual-content span:nth-of-type(3){width:88%;animation-delay:.5s}.visual-content i{position:absolute;right:17px;bottom:16px;width:28px;height:28px;border-radius:50%;background:#ec6d32}.visual-content i:after{content:'✓';display:grid;place-items:center;height:100%;color:#fff;font-style:normal;font-size:10px}.visual-monitor:before{content:'⌕';position:absolute;left:17px;top:15px;color:#ec6d32;font-size:22px}.visual-monitor span{position:absolute;left:52px;right:18px;height:8px;background:#32433a;border-radius:5px}.visual-monitor span:nth-of-type(1){top:20px}.visual-monitor span:nth-of-type(2){top:39px;width:55%}.visual-monitor i{position:absolute;left:17px;right:17px;bottom:27px;height:36px;border-bottom:1px solid #42564a}.visual-monitor i:after{content:'';position:absolute;left:0;top:17px;width:100%;height:2px;background:linear-gradient(90deg,#687d70,#ec6d32,#768b7e);clip-path:polygon(0 80%,18% 30%,34% 68%,53% 5%,73% 60%,100% 20%,100% 100%,0 100%);transform:scaleY(9);animation:catalogPulse 3s ease-in-out infinite}.visual-data{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-items:end}.visual-data span{height:78%;border:1px solid #3a4e42;border-radius:5px;background:repeating-linear-gradient(to bottom,#2e4136 0 8px,#19251e 8px 15px)}.visual-data span:nth-of-type(2){height:95%;border-color:#8d5a3e}.visual-data span:nth-of-type(3){height:65%}.visual-data i{position:absolute;left:18px;right:18px;bottom:13px;height:2px;background:#ec6d32;transform-origin:left;animation:catalogProgress 3s ease-in-out infinite}.visual-report{display:flex;align-items:end;gap:8px}.visual-report i{flex:1;height:var(--h);background:linear-gradient(#ec8759,#ab4a20);border-radius:5px 5px 0 0;transform-origin:bottom;animation:catalogBars 2.8s ease-in-out infinite alternate}.visual-custom span{position:absolute;width:55px;height:36px;border:1px solid #ffffff55;border-radius:7px;background:#ffffff10}.visual-custom span:nth-of-type(1){left:20px;top:20px}.visual-custom span:nth-of-type(2){right:22px;top:20px}.visual-custom span:nth-of-type(3){left:50%;bottom:18px;transform:translateX(-50%)}.visual-custom i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:27px;height:27px;transform:translate(-50%,-50%);background:#fff;color:#ec6d32;border-radius:50%;font-style:normal;animation:catalogCore 2.4s ease-in-out infinite}.project-catalog-cta{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:24px 28px;border:1px solid #ffffff1c;border-radius:15px;color:#aab6af;font-size:13px}.project-catalog-cta b{color:#fff;font-size:12px}.projects-preview .diff-continue{color:#66756c}.projects-preview .diff-continue span{background:#34443b}@keyframes catalogLink{50%{opacity:.3;transform:scaleX(.55)}}@keyframes catalogLine{0%,100%{transform:scaleX(.55);opacity:.45}50%{transform:scaleX(1);opacity:1}}@keyframes catalogPulse{50%{opacity:.45;transform:scaleY(7)}}@keyframes catalogProgress{0%{transform:scaleX(.08)}75%,100%{transform:scaleX(1)}}@keyframes catalogBars{to{transform:scaleY(.65)}}@keyframes catalogCore{50%{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 12px #ffffff12}}@media(max-width:900px){.project-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.projects-preview{padding:82px 0 68px}.projects-preview__intro{display:block;margin-bottom:34px}.projects-preview__intro h2{font-size:clamp(36px,10.5vw,48px)}.projects-preview__intro>p{margin-top:18px;font-size:15px;line-height:1.7}.projects-preview__intro>small{display:block;margin-top:12px}.project-catalog-head{display:block;padding:23px 20px}.project-catalog-head strong{font-size:19px}.project-catalog-head ul{justify-content:flex-start;margin-top:18px}.project-catalog{display:block;margin-top:10px}.project-card{display:grid;grid-template-columns:112px 1fr;column-gap:16px;min-height:0;padding:15px;margin-top:10px}.project-card__visual{grid-row:1/6;width:112px;height:132px;padding:12px}.project-card>small{margin-top:4px}.project-card h3{margin-top:5px;font-size:20px}.project-card>p{min-height:0;margin-top:7px;font-size:11px;line-height:1.55}.project-card>ul{margin-top:10px}.project-card>ul li{padding:5px 7px}.project-catalog-cta{display:block;padding:20px;font-size:12px;line-height:1.6}.project-catalog-cta b{display:block;margin-top:8px}.projects-preview .diff-continue{margin-top:38px}.visual-channels span:nth-of-type(2){right:10px}.visual-channels span:nth-of-type(3){left:20px}}@media(max-width:380px){.project-card{grid-template-columns:92px 1fr;column-gap:12px}.project-card__visual{width:92px}.project-card>ul{display:none}}@media(prefers-reduced-motion:reduce){.project-card__visual *{animation:none!important}.project-card{transition:none}}
