.portfolio-page{padding:150px 0 50px}.portfolio-page__title{font-size:54px;font-weight:500;line-height:100%;letter-spacing:-.05em;color:#000;margin-bottom:30px;max-width:776px}.portfolio-page__description{font-size:18px;font-weight:400;line-height:125%;color:#a9b0b8;margin-bottom:50px;max-width:600px}.portfolio-page__controls{margin-bottom:30px}.portfolio-page__filters{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.portfolio-page__active-filters{margin-top:20px;margin-bottom:30px;min-height:40px}.active-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;max-width:100%}.active-filter{background-color:#1458e4;color:#fff;font-size:14px;font-weight:500;padding:10px 18px;border-radius:25px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s ease;box-shadow:0 2px 8px #1458e433}.active-filter:hover{background-color:#0f47bd;transform:translateY(-1px);box-shadow:0 4px 12px #1458e44d}.active-filter__remove{background:#fff3;border:none;color:#fff;cursor:pointer;font-size:14px;padding:2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;flex-shrink:0}.active-filter__remove:hover{background:#ffffff4d}.portfolio-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.portfolio-card{width:100%;border-radius:10px;overflow:hidden;background-color:#fff;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.portfolio-card__image{width:100%;height:240px;overflow:hidden;position:relative}.portfolio-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.portfolio-card:hover .portfolio-card__image img{transform:scale(1.1)}.portfolio-card__content{padding:20px;display:flex;flex-direction:column;gap:12px}.portfolio-card__title{font-size:20px;font-weight:500;line-height:120%;color:#000;margin:0}.portfolio-card__brand,.portfolio-card__car{font-size:16px;font-weight:400;color:#1458e4;margin:0}.portfolio-card__model{font-size:16px;font-weight:400;color:#6b7c93;margin:0}.portfolio-card__services{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.portfolio-card__service{font-size:14px;font-weight:400;color:#000;padding:4px 12px;border:1px solid rgba(0,0,0,.3);border-radius:15px;background-color:transparent}.portfolio-card__date{font-size:14px;font-weight:400;color:#a9b0b8;margin-top:auto}.portfolio-page__show-more{width:100%;height:62px;background-color:#1458e4;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:1000px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.portfolio-page__show-more:hover{background-color:#0f47bd;transform:translateY(-2px);box-shadow:0 4px 12px #1458e44d}.portfolio-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px;box-sizing:border-box}.portfolio-modal-overlay.active{opacity:1;visibility:visible}.portfolio-modal{width:1200px;max-width:100%;max-height:90vh;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;position:relative;transform:scale(.9);transition:transform .3s ease;overflow:hidden}.portfolio-modal-overlay.active .portfolio-modal{transform:scale(1)}.portfolio-modal__header{position:relative;padding:20px;flex-shrink:0}.portfolio-modal__close{position:absolute;top:20px;right:20px;width:50px;height:50px;background-color:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.portfolio-modal__close:hover{background-color:#e5e5e5;transform:scale(1.05)}.portfolio-modal__close-icon{width:24px;height:24px;object-fit:contain}.portfolio-modal__content{flex:1;padding:0 20px 20px;overflow-y:auto}.portfolio-modal__main{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;align-items:start}.portfolio-modal__main-image{width:100%;height:400px;border-radius:10px;overflow:hidden;background-color:#f5f5f5}.portfolio-modal__main-image img{width:100%;height:100%;object-fit:cover}.portfolio-modal__info{display:flex;flex-direction:column;gap:20px}.portfolio-modal__title{font-size:32px;font-weight:500;line-height:120%;color:#000;margin:0}.portfolio-modal__details{display:flex;flex-direction:column;gap:12px}.portfolio-modal__detail{display:flex;align-items:flex-start;gap:12px}.portfolio-modal__label{font-size:16px;font-weight:500;color:#6b7c93;min-width:80px;flex-shrink:0}.portfolio-modal__value{font-size:16px;font-weight:400;color:#000}.portfolio-modal__services{display:flex;gap:8px;flex-wrap:wrap}.portfolio-modal__service-tag{background-color:#1458e4;color:#fff;font-size:14px;font-weight:400;padding:6px 14px;border-radius:15px}.portfolio-modal__description{font-size:16px;font-weight:400;line-height:140%;color:#6b7c93;margin:0}.portfolio-modal__gallery{margin-top:20px}.portfolio-modal__gallery-thumbnails{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.portfolio-modal__thumbnail{width:100px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;flex-shrink:0}.portfolio-modal__thumbnail:hover{transform:scale(1.05)}.portfolio-modal__thumbnail--active{border-color:#1458e4}.portfolio-modal__thumbnail img{width:100%;height:100%;object-fit:cover}@media(max-width:1599px){.portfolio-page__grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(max-width:1199px){.portfolio-page__grid{grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card__image{height:220px}}@media(max-width:992px){.portfolio-page{padding:120px 0 40px}.portfolio-page__title{font-size:42px}.portfolio-page__grid{grid-template-columns:repeat(2,1fr);gap:20px}.portfolio-card__image{height:200px}.portfolio-modal{width:900px}}@media(max-width:768px){.portfolio-page{padding:100px 0 30px}.portfolio-page__title{font-size:32px;margin-bottom:20px}.portfolio-page__description{font-size:16px;margin-bottom:30px}.portfolio-page__filters{flex-direction:column;gap:15px;align-items:stretch}.portfolio-page__grid{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.portfolio-card__image{height:250px}.portfolio-card__content{padding:16px}.portfolio-card__title{font-size:18px}.active-filters{gap:8px}.active-filter{font-size:13px;padding:8px 14px;gap:6px}.active-filter__remove{width:16px;height:16px;font-size:12px}.portfolio-modal-overlay{padding:10px}.portfolio-modal{width:100%;height:100vh;max-height:100vh;border-radius:0}.portfolio-modal__main{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.portfolio-modal__main-image{height:300px}.portfolio-modal__title{font-size:24px}.portfolio-modal__gallery-thumbnails{gap:10px}.portfolio-modal__thumbnail{width:80px;height:64px}}@media(max-width:480px){.portfolio-page{padding:80px 0 20px}.portfolio-page__title{font-size:26px}.portfolio-page__description{font-size:15px}.portfolio-card__image{height:220px}.portfolio-card__content{padding:14px;gap:8px}.portfolio-card__title{font-size:16px}.portfolio-card__brand,.portfolio-card__model{font-size:14px}.portfolio-card__service{font-size:12px;padding:3px 10px}.portfolio-page__show-more{height:56px;font-size:16px}.active-filters{gap:6px}.active-filter{font-size:12px;padding:6px 12px;gap:4px}.active-filter__remove{width:14px;height:14px;font-size:10px}.portfolio-modal__main-image{height:250px}.portfolio-modal__title{font-size:20px}.portfolio-modal__label,.portfolio-modal__value,.portfolio-modal__description{font-size:14px}}.filter-dropdown{position:relative;z-index:100}.filter-dropdown__toggle{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:10px;padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:400;color:#000;transition:all .3s ease;min-width:150px;justify-content:space-between}.filter-dropdown__toggle:hover{border-color:#0000004d;background-color:#f8f9fa}.filter-dropdown__toggle--small{padding:10px 15px;min-width:50px}.filter-dropdown__text{white-space:nowrap}.filter-dropdown__icon{width:20px;height:20px;object-fit:contain;transition:transform .3s ease}.filter-dropdown__icon--small{width:16px;height:16px}.filter-dropdown__menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;min-width:200px;z-index:1000;margin-top:5px}.filter-dropdown__menu.active{opacity:1;visibility:visible;transform:translateY(0)}.filter-dropdown__menu--small{min-width:180px}.filter-dropdown__option{padding:12px 20px;cursor:pointer;font-size:16px;font-weight:400;color:#000;border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}.filter-dropdown__option:last-child{border-bottom:none}.filter-dropdown__option:hover{background-color:#f8f9fa}.filter-dropdown__option--active{background-color:#1458e4;color:#fff}.filter-dropdown__option--active:hover{background-color:#0f47bd}.portfolio-loading{display:flex;justify-content:center;align-items:center;padding:60px 0;font-size:18px;color:#6b7c93}.no-portfolio{grid-column:1 / -1;text-align:center;padding:60px 20px;font-size:18px;color:#6b7c93;background-color:#f8f9fa;border-radius:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-card{animation:fadeInUp .6s ease-out}.portfolio-card:nth-child(1){animation-delay:.1s}.portfolio-card:nth-child(2){animation-delay:.2s}.portfolio-card:nth-child(3){animation-delay:.3s}.portfolio-card:nth-child(4){animation-delay:.4s}.portfolio-card:nth-child(5){animation-delay:.5s}.portfolio-card:nth-child(6){animation-delay:.6s}.portfolio-card:nth-child(7){animation-delay:.7s}.portfolio-card:nth-child(8){animation-delay:.8s}.portfolio-modal__gallery-thumbnails::-webkit-scrollbar{height:6px}.portfolio-modal__gallery-thumbnails::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:3px}.portfolio-modal__gallery-thumbnails::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:3px}.portfolio-modal__gallery-thumbnails::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}