.portfolio-hero{background:linear-gradient(135deg,#0fb9b1 0%,#0e3a5d 50%,#0b0f1a 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:70px 24px 50px;display:flex;position:relative;overflow:hidden}.portfolio-hero__content{text-align:center;max-width:1181px}.portfolio-hero__title{color:#fff708;letter-spacing:.05em;text-align:center;margin-bottom:20px;font-family:Castoro Titling,serif;font-size:70px;font-weight:400;line-height:100%}.portfolio-hero__subtitle{color:#f8fafc;letter-spacing:.05em;text-align:center;max-width:683px;margin:0 auto;font-family:Roboto Flex,sans-serif;font-size:17px;font-style:normal;font-weight:300;line-height:150%}@media (max-width:1024px){.portfolio-hero{padding:60px 24px 40px}.portfolio-hero__title{font-size:56px}.portfolio-hero__subtitle{max-width:580px;font-size:15px}}@media (max-width:768px){.portfolio-hero{padding:45px 20px 35px}.portfolio-hero__title{margin-bottom:16px;font-size:42px}.portfolio-hero__subtitle{max-width:480px;font-size:14px;line-height:140%}}@media (max-width:480px){.portfolio-hero{padding:35px 16px 25px}.portfolio-hero__title{letter-spacing:.03em;margin-bottom:12px;font-size:30px}.portfolio-hero__subtitle{max-width:100%;font-size:13px;line-height:150%}}@media (max-width:360px){.portfolio-hero__title{font-size:24px}.portfolio-hero__subtitle{font-size:12px}}
.portfolio{background:linear-gradient(135deg,#0f9599 0%,#0b111d 50%,#0b1321 100%);padding:0 24px 80px;overflow:hidden}.portfolio__container{max-width:1215px;margin:0 auto}.portfolio__slider{align-items:center;gap:20px;display:flex;position:relative}.portfolio__arrow{color:#fff;width:50px;height:50px;transition:all var(--transition-base);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portfolio__arrow:hover{filter:drop-shadow(0 0 8px #0fb9b199);transform:scale(1.15)}.portfolio__arrow--left:hover{animation:.6s infinite bounceLeft}.portfolio__arrow--right:hover{animation:.6s infinite bounceRight}.portfolio__arrow:active{transform:scale(.9)}@keyframes bounceLeft{0%,to{transform:translate(0)scale(1.15)}50%{transform:translate(-6px)scale(1.15)}}@keyframes bounceRight{0%,to{transform:translate(0)scale(1.15)}50%{transform:translate(6px)scale(1.15)}}.portfolio__cards-wrapper{background:linear-gradient(135deg,#3dbeba,#3a424d);border-radius:15px;flex:1;justify-content:center;min-width:0;height:216px;padding:10px;display:flex;box-shadow:0 5px 5px #00000040}.portfolio__cards-clipper{border-radius:10px;height:100%;overflow:hidden}.portfolio__cards-track{height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.portfolio__card{cursor:pointer;transition:transform var(--transition-slow);background:#fff;border-radius:10px;position:relative;overflow:hidden}.portfolio__card:hover{transform:translateY(-4px)}.portfolio__card-image{object-fit:fill;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.portfolio__card:hover .portfolio__card-image{transform:scale(1.04)}.portfolio__card--skeleton{cursor:default;background:linear-gradient(90deg,#d9e4e6 25%,#f3f7f7 50%,#d9e4e6 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite portfolioShimmer}.portfolio__card--skeleton:hover{transform:none}@keyframes portfolioShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.portfolio{padding:0 20px 60px}.portfolio__slider{gap:14px}.portfolio__cards-wrapper{height:190px;padding:8px}.portfolio__arrow{width:44px;height:44px}}@media (max-width:900px){.portfolio{padding:0 16px 50px}.portfolio__slider{gap:10px}.portfolio__cards-wrapper{height:170px;padding:8px}.portfolio__arrow{width:40px;height:40px}.portfolio__arrow svg{width:12px;height:20px}}@media (max-width:600px){.portfolio{padding:0 12px 40px}.portfolio__slider{gap:8px}.portfolio__cards-wrapper{height:160px;padding:6px}.portfolio__cards-track{gap:0}.portfolio__arrow{width:32px;height:32px}.portfolio__arrow svg{width:10px;height:18px}}@media (max-width:360px){.portfolio__cards-wrapper{height:140px;padding:5px}.portfolio__arrow{width:28px;height:28px}.portfolio__arrow svg{width:8px;height:14px}}
.categories{background-color:var(--color-white);padding:40px 24px}.categories__container{justify-content:center;max-width:1215px;margin:0 auto;display:flex}.categories__list{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.categories__btn{border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;color:#d1d5d5;background-color:#f4f5f4;border:none;padding:10px 24px;font-size:15px;font-weight:500}.categories__btn:hover{color:#b0b5b5;background-color:#eaebea}.categories__btn--active{color:var(--color-white);background-color:#40807c;box-shadow:0 4px 10px #40807c33}.categories__btn--active:hover{color:var(--color-white);background-color:#356d69}.categories__btn--skeleton{cursor:default;background:linear-gradient(90deg,#edf2f7 25%,#f8fafc 50%,#edf2f7 75%) 0 0/200% 100%;width:150px;height:39px;animation:1.4s ease-in-out infinite categoriesShimmer}@keyframes categoriesShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.categories__list{gap:12px}.categories__btn{padding:8px 18px;font-size:14px}}@media (max-width:480px){.categories{padding:30px 16px}.categories__list{gap:8px}.categories__btn{padding:6px 14px;font-size:13px}}
.project-cards{background-color:var(--color-white);padding:40px 24px 80px}.project-cards__container{max-width:1215px;margin:0 auto}.project-cards__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background-color:#f7f9fb;border:none;border-radius:10px;flex-direction:column;padding:20px;display:flex;box-shadow:0 4px 7px #00000040}.project-card__image-wrapper{background-color:#fff;border:.5px solid #ebe8e8;border-radius:4px;width:100%;overflow:hidden}.project-card__image{width:100%;height:auto;display:block}.project-card__content{flex-direction:column;flex-grow:1;padding-top:24px;display:flex}.project-card__title{color:#000;margin-bottom:5px;font-family:Roboto Flex,sans-serif;font-size:25px;font-weight:500;line-height:1}.project-card__description{color:#5a5a5a;flex-grow:1;margin-bottom:24px;font-family:Roboto Flex,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.project-card__button{color:#fff;cursor:pointer;background-color:#3b4049;border:none;border-radius:5px;justify-content:center;align-self:flex-start;align-items:center;width:150px;height:40px;font-family:Roboto Flex,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 4px #00000040}.project-card__button:hover:not(:disabled){background-color:#2d3138;transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}.project-card__button:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;opacity:.7;background-color:#d1d5db}.project-card--skeleton{pointer-events:none}.project-card__skeleton{background:linear-gradient(90deg,#edf2f7 25%,#f8fafc 50%,#edf2f7 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite projectCardShimmer;display:block}.project-card__skeleton--image{aspect-ratio:16/10;width:100%}.project-card__skeleton--title{width:72%;height:26px;margin-bottom:16px}.project-card__skeleton--text{width:100%;height:15px;margin-bottom:10px}.project-card__skeleton--text-short{width:68%;margin-bottom:24px}.project-card__skeleton--button{border-radius:5px;width:150px;height:40px}@keyframes projectCardShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-cards__pagination{justify-content:center;align-items:center;margin-top:50px;display:flex}.project-cards__pagination-wrapper{background:#2d3138;border-radius:50px;gap:8px;padding:8px;display:flex;box-shadow:0 4px 15px #0003}.project-cards__page-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:Roboto Flex,sans-serif;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.project-cards__page-btn:hover{background:#ffffff26;transform:translateY(-2px)}.project-cards__page-btn--active{color:#fff;border-color:#3ea39a;box-shadow:0 4px 10px #3ea39a66;background:#3ea39a!important}@media (max-width:1024px){.project-cards__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.project-cards__grid{grid-template-columns:1fr}.project-card__image{height:auto}}
.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:744px;margin:40px auto 80px;padding:0 20px;font-family:Roboto Flex,sans-serif;display:flex}.coming-soon__icon-wrapper{margin-bottom:20px}.coming-soon__icon{object-fit:contain;width:120px;height:auto}.coming-soon__title{color:#000;margin-bottom:10px;font-size:25px;font-weight:500;line-height:1}.coming-soon__description{color:#000;margin:0;font-size:16px;font-weight:500;line-height:1.4}@media (max-width:768px){.coming-soon__title{font-size:22px}.coming-soon__description{font-size:15px}}@media (max-width:480px){.coming-soon{margin:20px auto 40px}.coming-soon__icon{width:80px}.coming-soon__title{font-size:20px}.coming-soon__description{font-size:14px;line-height:1.3}}