@media (min-width:768px){#projects .section-first{max-width:720px;width:100%;margin:0 auto}}@media (min-width:1024px){#projects .section-first{max-width:1000px}}@media (min-width:1200px){#projects .section-first{padding:0 16px;max-width:1180px}}@media (min-width:1350px){#projects .section-first{padding:0 16px;max-width:1284px}}@media (min-width:1024px){#projects .section-first .container{display:flex;gap:20px;max-width:unset;justify-content:space-between}}@media (min-width:1024px){#projects .section-first .section-header{padding:80px 0 80px 80px;max-width:42.81%}}@media (min-width:1024px){#projects .section-first .description{font-size:15px;line-height:24px}}@media (min-width:1024px){#projects .section-first .btn-two{font-size:16px;line-height:24px;width:max-content;padding:12px 32px}}@media (min-width:1024px){#projects .section-first .section-image{margin-top:0;width:49.2%}}@media (min-width:768px){#projects .section-two{max-width:720px;width:100%;margin:0 auto}}@media (min-width:1024px){#projects .section-two{max-width:1000px}}@media (min-width:1200px){#projects .section-two{padding:0 16px;max-width:1180px}}@media (min-width:1350px){#projects .section-two{padding:0 16px;max-width:1284px}}@media (min-width:768px){#projects .section-two .projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){#projects .section-two .projects-grid{display:flex;flex-wrap:wrap;gap:24px}}@media (min-width:1024px){#projects .section-two .project-card__full-details{padding:64px}}@media (min-width:1024px){#projects .section-two .project-card__full-actions{flex-direction:row;align-items:center}}@media (min-width:1024px){#projects .section-two .project-card__full-btn-link{width:auto}}@media (min-width:1024px){#projects .section-two .project-card__full-actions{flex-direction:row;align-items:center}}@media (min-width:1024px){#projects .section-two .project-card__full-btn-link{width:auto}}@media (min-width:768px){#projects .faq-wrapper{max-width:720px;width:100%;margin:0 auto}}@media (min-width:1024px){#projects .faq-wrapper{max-width:1000px}}@media (min-width:1200px){#projects .faq-wrapper{padding:0 16px;max-width:1180px}}@media (min-width:1350px){#projects .faq-wrapper{padding:0 16px;max-width:1284px}}@media (min-width:1024px){#projects .section-first{margin-top:24px}#projects .section-first .container{border-radius:64px}#projects .section-first .section-image img{width:100%;height:100%;max-width:616px}#projects .section-two .filter-buttons{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}#projects .section-two .filter-buttons .btn-filter{color:#878584;font-size:16px;line-height:24px;font-weight:600;font-family:Kanit;background:0 0;border:1px solid #eeeceb;border-radius:40px;padding:12px 32px;cursor:pointer;transition:all .3s ease-in-out;outline:0}#projects .section-two .filter-buttons .btn-filter.active,#projects .section-two .filter-buttons .btn-filter:hover{border-color:var(--studio-orange,#ff6028);color:var(--studio-orange,#ff6028)}#projects .section-two .project-card__full-content-wrapper{flex-direction:row;gap:80px;justify-content:space-between}#projects .section-two .project-card__full-info{width:27.64%}#projects .section-two .project-card__full-media-wrapper{width:58.31%;min-width:0}#projects .section-two .project-card__full .media-content{aspect-ratio:730/409}#projects .section-two .project-card{flex:0 0 calc(33.33% - 24px)}#projects .section-two .project-card.open{opacity:1}#projects .faq-wrapper{margin-top:120px!important}#projects .faq-wrapper .faq{transform:translate(0)}#projects .faq-wrapper .faq .faq__title-wrapper{opacity:0;transform:translateX(-100px)}#projects .faq-wrapper .faq .faq__title-wrapper.animate-in{animation:slideInBounceFromLeft .8s ease-out forwards}#projects .faq-wrapper .faq .faq-item--left{opacity:0;transform:translateX(-100px)}#projects .faq-wrapper .faq .faq-item--left.animate-in{animation:slideInBounceFromLeft .8s ease-out forwards}#projects .faq-wrapper .faq .faq-item--right{opacity:0;transform:translateX(100px)}#projects .faq-wrapper .faq .faq-item--right.animate-in{animation:slideInBounceFromRight .8s ease-out forwards}@keyframes slideInBounceFromLeft{0%{opacity:0;transform:translateX(-100px)}60%{opacity:1;transform:translateX(8px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInBounceFromRight{0%{opacity:0;transform:translateX(100px)}60%{opacity:1;transform:translateX(-8px)}100%{opacity:1;transform:translateX(0)}}}