.portfolio-case{flex-direction:column;gap:16px;width:100%;display:flex}@media (min-width:768px){.portfolio-case{flex-direction:row;align-items:stretch;gap:20px}}@media (min-width:1024px){.portfolio-case{gap:24px}}.portfolio-case__demo{aspect-ratio:704/500;background:#fff;border-radius:14px;flex-shrink:0;order:1;width:100%;overflow:hidden}.portfolio-case__demo--clickable{cursor:pointer}@media (min-width:768px){.portfolio-case__demo{border-radius:40px;order:2;justify-content:center;align-self:flex-start;align-items:center;width:55%;display:flex}.portfolio-case--reversed .portfolio-case__demo{order:1}}.portfolio-case__text{background:#fff9;border:1px solid #fff;border-radius:18px;flex-direction:column;order:2;gap:16px;width:100%;padding:20px;display:flex}@media (min-width:768px){.portfolio-case__text{border-radius:40px;order:1;justify-content:flex-start;gap:24px;width:45%;height:auto;padding:32px}}@media (min-width:1024px){.portfolio-case__text{border-width:2px;gap:28px}}@media (min-width:768px){.portfolio-case--reversed .portfolio-case__text{order:2}}.portfolio-case__title{color:#1b1b1b80;align-items:center;gap:5px;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:300;line-height:1.2;display:inline-flex}@media (min-width:1024px){.portfolio-case__title{gap:7px;font-size:18px}}.portfolio-case__title-dot{vertical-align:middle;background:#0000001a;border-radius:3px;flex-shrink:0;width:6px;height:6px;display:inline-block}@media (min-width:1024px){.portfolio-case__title-dot{border-radius:4px;width:8px;height:8px}}.portfolio-case__tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}@media (min-width:1024px){.portfolio-case__tags{gap:6px}}.portfolio-case__tag{color:#4b4b4b;background:#0000000d;border-radius:55px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:300}@media (min-width:1024px){.portfolio-case__tag{padding:9px 18px;font-size:14px}}.portfolio-case__heading{color:#1e293b;max-width:240px;margin:0;font-family:Inter,sans-serif;font-size:22px;font-weight:600;line-height:1.4}@media (min-width:500px){.portfolio-case__heading{max-width:300px}}@media (min-width:640px){.portfolio-case__heading{max-width:400px}}@media (min-width:768px){.portfolio-case__heading{max-width:90%}}@media (min-width:1024px){.portfolio-case__heading{font-size:38px;line-height:48px}}.portfolio-case__heading strong,.portfolio-case__heading span.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#b485ff 0%,#3d4790 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}.portfolio-case__description{color:#64748b;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.6}@media (min-width:1024px){.portfolio-case__description{font-size:16px}}.portfolio-case__description span.highlight{color:#1b1b1b;font-weight:600}.portfolio-case__cta{cursor:pointer;align-items:center;gap:8px;margin-top:auto;transition:gap .4s .2s;display:inline-flex}@media (min-width:1024px){.portfolio-case__cta{gap:0;transition:gap .4s .2s}}.portfolio-case__cta-text{color:#1b1b1b;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:12px;font-weight:400;transition:max-width .4s .2s;overflow:hidden}@media (min-width:1024px){.portfolio-case__cta-text{max-width:0;font-size:16px;font-weight:500;transition:max-width .4s .2s}}.portfolio-case__cta-icon{background:#e2f779;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .3s;display:flex}@media (min-width:1024px){.portfolio-case__cta-icon{border-radius:25px;width:50px;height:50px}}.portfolio-case__cta-icon-img{width:7px;height:7px;transition:transform .3s;display:block}@media (min-width:1024px){.portfolio-case__cta-icon-img{width:13px;height:13px}.portfolio-case__text:hover .portfolio-case__cta{gap:14px}.portfolio-case__text:hover .portfolio-case__cta .portfolio-case__cta-text{max-width:200px}.portfolio-case__cta:hover .portfolio-case__cta-icon-img{transform:rotate(45deg)}}.portfolio-case__header{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (min-width:768px){.portfolio-case__header{gap:16px}}.portfolio-case__demo-image{object-fit:cover;width:100%;height:100%;display:block}.portfolio-case__demo-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.portfolio-case__slider{width:100%;height:100%;position:relative;overflow:hidden}.portfolio-case__slider-container{width:100%;height:100%;display:flex}.portfolio-case__slider-slide{flex:0 0 100%;min-width:0;height:100%}.portfolio-case__slider-image{object-fit:cover;width:100%;height:100%;display:block}.portfolio-case__slider-controls{z-index:1;pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (min-width:768px){.portfolio-case__slider-controls{bottom:24px}}.portfolio-case__slider-nav{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;width:14px;height:12px;padding:0;transition:opacity .2s;display:flex}.portfolio-case__slider-nav svg{width:auto;height:12px;display:block}.portfolio-case__slider-nav--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.portfolio-case__compare,.portfolio-case__compare-slide{width:100%;height:100%;position:relative}.portfolio-case__compare-slider{width:100%;height:100%}.portfolio-case__compare-slider img{object-fit:cover;width:100%;height:100%}.portfolio-case__compare-labels{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:9px;left:12px;right:12px}@media (min-width:768px){.portfolio-case__compare-labels{top:18px;left:24px;right:24px}}.portfolio-case__compare-label{color:#1b1b1b;letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;width:60px;height:23px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;display:inline-flex}@media (min-width:1024px){.portfolio-case__compare-label{width:60px;height:23px;font-size:12px}}.portfolio-case__compare-label--before{color:#fff;background:linear-gradient(92.09deg,#ffffff73 12.6%,#ffffff40 103.87%)}.portfolio-case__compare-label--after{color:#282e49;background:#fff}.portfolio-case__compare-slider-wrapper{width:100%;height:100%;display:flex;position:relative}.portfolio-case__vertical-slider{flex:1;width:100%;height:100%;overflow:hidden}.portfolio-case__vertical-slider-container{flex-direction:column;height:100%;display:flex}.portfolio-case__vertical-slider-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.portfolio-case__vertical-slider-slide .portfolio-case__compare-slider{width:100%;height:100%}.portfolio-case__vertical-controls{z-index:1;pointer-events:auto;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.portfolio-case__vertical-nav{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;width:10px;height:12px;padding:0;transition:opacity .2s;display:flex}.portfolio-case__vertical-nav svg{width:10px;height:12px;display:block}.portfolio-case__vertical-nav--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}