#projects-list-page{color:#fff;padding:150px 0 0;position:relative}#projects-list-page:before{background:linear-gradient(180deg,#000 40%,#d8dbed 70%,#fff);content:"";height:2000px;left:0;position:absolute;top:0;width:100%;z-index:-1}@media screen and (max-width:992px){#projects-list-page:before{height:1400px}}#projects-list-page .projects-list-page-dark-theme{height:1300px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}#projects-list-page button{cursor:pointer;margin:0 auto 85px}#projects-list-page button:active,#projects-list-page button:hover{background-color:unset;color:unset}#projects-list-page button:active path,#projects-list-page button:active svg,#projects-list-page button:hover path,#projects-list-page button:hover svg{fill:#fff!important}#projects-list-page h1{margin-bottom:48px;text-align:center}.project{margin-left:12px;margin-right:12px;width:calc(50% - 24px)}@media screen and (max-width:992px){.project{margin-left:0;margin-right:0;width:100%}}.project.winner{width:calc(100% - 24px)}@media screen and (max-width:992px){.project.winner{width:100%}}.project.winner .project-container .img-container{padding-bottom:56%}@media screen and (max-width:992px){.project.winner .project-container .img-container{padding-bottom:165%}}.project.winner .project-container .info-container{background:linear-gradient(180deg,rgba(0,0,0,.8) 8.5%,rgba(0,0,0,.46) 71%);border-radius:4px;height:100%;left:0;padding:60px 64px 44px;position:absolute;top:0;width:100%}@media screen and (max-width:992px){.project.winner .project-container .info-container{padding:37px 28px 65px}}.project.winner .project-container .info-container .description{font-weight:600;margin-top:22px;max-width:250px}.project.winner .project-container .info-container .tags-wrapper{margin-top:30px;max-width:350px}.project a{color:unset;position:relative;text-decoration:unset}.project a .project-container{margin-bottom:120px}@media screen and (max-width:992px){.project a .project-container{margin-bottom:74px}}.project a .project-container .img-container{border-radius:4px;height:0;overflow:hidden;padding-bottom:100%;position:relative}.project a .project-container .img-container img{height:105%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.project a .project-container .title{color:var(--blue);font-size:18px;font-weight:700;line-height:1;margin:24px 0;text-transform:uppercase}.project a .project-container .description{color:var(--black);font-size:35px;font-weight:400;line-height:120%}@media screen and (max-width:992px){.project a .project-container .description{font-size:26px}}.project a .project-container .tags-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-width:80%}.project a .project-container .tags-wrapper .tag{background:var(--black);border-radius:50px;color:#fff;display:inline-block;font-size:12px;font-weight:500;line-height:100%;padding:10px 15px}.project-hero{background:rgba(0,0,0,.3);color:#fff;flex-direction:column;position:relative}.project-hero .container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:720px}.project-hero .project-hero-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.project-hero .back-btn{left:3rem;position:absolute;top:120px}.project-hero .back-btn svg{transform:rotate(135deg)}.project-hero .back-btn svg path{fill:#fff!important}.project-hero .content{max-width:900px}.project-hero .project-title{font-size:70px;font-weight:500;line-height:120%}.project-hero .project-client{font-size:18px;font-weight:600;margin-bottom:30px;text-transform:uppercase}.project-hero .project-awards{bottom:60px;display:flex;gap:12px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:118px}@media screen and (max-width:991px){.project-hero .container{min-height:640px}.project-hero .project-title{font-size:40px}.project-hero .project-hero .back-btn{left:22px}}.project-meta-card .link-category{align-items:center;color:inherit;display:flex;gap:6px;text-decoration:none}.project-meta-card .link-category svg{background:rgba(8,198,192,.1);border-radius:50%;height:16px;padding:4px;width:16px}.project-meta-card .link-category svg path{fill:var(--blue);transform:rotate(135deg);transform-origin:center center}.project-meta-card:before{display:none}.image-banner,.title-text-section{margin:128px 0}@media screen and (max-width:991px){.image-banner,.title-text-section{margin:50px 0}}.image-banner h2,.title-text-section h2{font-size:40px}@media screen and (max-width:991px){.image-banner h2,.title-text-section h2{hyphens:auto;word-break:break-word}.image-banner .fs-5,.results .fs-5,.title-text-section .fs-5{font-size:16px!important}}.image-banner img,.results img,.title-text-section img{border-radius:6px;max-height:550px;object-fit:cover;width:100%}.image-banner-wrapper{display:flex;flex-wrap:wrap;gap:24px}.image-banner-wrapper img{border-radius:6px;flex:0 0 auto;object-fit:cover;width:100%}@media (min-width:992px){.image-banner-wrapper img:has(+img){width:calc(41.66667% - 12px)}}@media (min-width:992px){.image-banner-wrapper img+img{width:calc(58.33333% - 12px)}}.image-banner-wrapper .video-with-controls-container{border-radius:6px;flex:0 0 auto;width:100%}@media (min-width:992px){.image-banner-wrapper .video-with-controls-container{width:calc(50% - 12px)}}.image-banner-wrapper .video-with-controls-container:only-child{width:100%}.image-banner-wrapper .video-with-controls-container video{height:100%;object-fit:contain}.image-banner-wrapper.columns{align-items:center}.image-banner-wrapper.columns img:has(+.video-with-controls-container){flex:50%;max-width:calc(50% - 12px)}@media (max-width:991px){.image-banner-wrapper.columns img:has(+.video-with-controls-container){flex:100%;max-width:100%}}.results{background:linear-gradient(#d8dbed -30%,transparent)}.next-project-section .phrase-slider{background:#fff;left:0;position:absolute;top:calc(50% - 50px);transform:translateY(-50%) rotate(-1deg);width:100%;z-index:-1}.next-project-section .phrase-slider .phrases{gap:12px}.next-project-section .phrase-slider .phrases p{color:var(--blue)!important;text-transform:uppercase}@media screen and (min-width:992px){.next-project-section{background:linear-gradient(transparent,#d8dbed 130%)}}@media screen and (max-width:991px){.next-project-section{padding-top:240px}.next-project-section .phrase-slider{background:var(--gray);top:100px;transform:rotate(-1deg)}}