.project-page-container{padding:0 16px}.project-page-parent-wrapper{flex-direction:column;gap:28px;max-width:1300px;margin:0 auto;display:flex}.project-page-title-text-wrapper{color:#393939;padding:96px 0 32px}@media screen and (min-width:768px){.project-page-title-text-wrapper{margin-top:64px;padding:64px 0}}@media screen and (min-width:1300px){.project-page-title-text-wrapper{padding:32px}}.project-page-title-text-wrapper h1{font-size:52px;font-weight:bolder}.project-page-title-text-wrapper h4{text-transform:uppercase;font-weight:20px;padding-top:8px}.project-details-other-images-wrapper{grid-template-columns:1fr 1fr;gap:16px;max-width:1300px;margin:0 auto;display:grid}.project-details-other-images-wrapper img{border-radius:16px;max-width:100%}@media screen and (min-width:768px){.project-details-other-images-wrapper{grid-template-columns:1fr 1fr 1fr 1fr}}.project-details-hero-wrapper{width:100%}@media screen and (min-width:1300px){.project-details-hero-wrapper{padding:0}}.project-details-hero-wrapper img{object-fit:cover;border-radius:16px;width:100%;height:200px}@media screen and (min-width:768px){.project-details-hero-wrapper img{height:400px}}@media screen and (min-width:1024px){.project-details-hero-wrapper img{height:600px}}.project-description-and-image-wrapper{width:100%;display:flex;position:relative}.project-description-and-image-wrapper h3{text-transform:uppercase;color:#393939;font-size:24px;font-weight:bolder}@media screen and (min-width:1024px){.project-description-and-image-wrapper h3{font-size:32px}}.project-description-and-image-wrapper p{color:#393939}.project-absolute-image-wrapper{height:0;position:relative;bottom:180px;right:176px}@media screen and (min-width:580px){.project-absolute-image-wrapper{bottom:180px;right:240px}}@media screen and (min-width:768px){.project-absolute-image-wrapper{bottom:300px;right:350px}}@media screen and (min-width:1024px){.project-absolute-image-wrapper{bottom:400px;right:0}}.project-absolute-image-wrapper img{height:210px}@media screen and (min-width:580px){.project-absolute-image-wrapper img{height:300px}}@media screen and (min-width:768px){.project-absolute-image-wrapper img{height:400px}}@media screen and (min-width:1024px){.project-absolute-image-wrapper img{height:500px}}@media screen and (min-width:1300px){.project-absolute-image-wrapper img{height:750px}}.project-description-text-wrapper{flex-direction:column;gap:28px;width:100%;max-width:700px;padding-top:40px;display:flex}@media screen and (min-width:1024px){.project-description-text-wrapper{margin-left:32px}}@media screen and (min-width:1300px){.project-description-text-wrapper{margin-left:0;padding-top:48px}}.project-description-text-wrapper p{width:92vw;font-size:16px;line-height:1.5}@media screen and (min-width:1024px){.project-description-text-wrapper p{width:100%;max-width:none}}@media screen and (min-width:580px){.project-description-text-wrapper h3{max-width:70%}}.badges{flex-direction:column;gap:8px;display:flex}@media screen and (min-width:580px){.badges{flex-direction:row;gap:12px}}.project-description-text-wrapper-button{flex-direction:column;align-items:center;display:flex}.project-description-text-wrapper-button img{cursor:pointer;width:auto;max-width:200px;height:auto}@media screen and (min-width:768px){.project-description-text-wrapper-button img{max-width:280px}}@media screen and (min-width:1024px){.project-description-text-wrapper-button img{max-width:220px}}@media screen and (min-width:768px){.project-description-text-wrapper-button{align-items:start}}.what-did-we-do-wrapper{color:#393939;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:80px;display:flex}@media screen and (min-width:1024px){.what-did-we-do-wrapper{justify-content:baseline;align-items:baseline}}.project-length-platforms-developers-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:0;padding:24px 0;display:flex}@media screen and (min-width:768px){.project-length-platforms-developers-wrapper{flex-direction:row;align-items:start}}@media screen and (min-width:1024px){.project-length-platforms-developers-wrapper{justify-content:flex-start;gap:20px;max-width:700px;margin-left:0;padding:0}}.project-length-platforms-developers-card{color:#393939;text-align:center;flex-direction:column;justify-content:center;gap:12px;padding:12px;display:flex;position:relative}@media screen and (min-width:1024px){.project-length-platforms-developers-card:after{content:"";border-right:2px solid #999;width:0;position:absolute;top:30%;bottom:30%;right:0}.project-length-platforms-developers-card:last-of-type:after{border-right:none}.project-length-platforms-developers-card{text-align:left;padding-right:40px}}.project-length-platforms-developers-card h4{text-transform:uppercase;text-align:center;font-size:12px;font-weight:700}@media screen and (min-width:1024px){.project-length-platforms-developers-card h4{text-align:left;font-size:16px}}.priorities-wrapper{color:#393939;flex-direction:column;gap:16px;font-weight:700;display:flex}.priorities-wrapper h4{text-transform:uppercase}.priority-item-wrapper{flex-direction:row;align-items:center;gap:8px;display:flex}.priority-item-wrapper img{height:96px}.priority-item-wrapper h5{color:#393939;font-size:14px;font-weight:400}@media screen and (min-width:1024px){.priority-item-wrapper h5{text-align:center;max-width:96px}.priority-item-wrapper{flex-direction:column;align-items:start;width:fit-content}}.priority-items-wrapper{flex-direction:column;gap:16px;width:fit-content;display:flex}@media screen and (min-width:768px){.priority-items-wrapper{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}}@media screen and (min-width:1024px){.priority-items-wrapper{grid-template-columns:repeat(3,1fr)}}.how-it-all-started-parent-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:64px;width:100%;margin-top:120px;display:flex}@media screen and (min-width:1024px){.how-it-all-started-parent-wrapper{flex-direction:row}}.how-it-all-started-left{flex:1;line-height:2}.how-it-all-started-left h3{text-transform:uppercase;color:#393939;font-size:24px;font-weight:800}.how-it-all-started-left p{color:#393939}.how-it-all-started-right{flex-direction:column;flex:1;gap:16px;display:flex}.how-it-all-started-right img{width:100%}.how-it-all-started-right-text-wrapper ul{flex-direction:column;gap:8px;list-style:none;display:flex}.how-it-all-started-right-text-wrapper ul li{color:#393939;justify-content:start;align-items:center;width:100%;font-size:16px;display:flex}.how-it-all-started-right-text-wrapper ul li svg{min-width:40px}.project-implementation-details-wrapper{justify-content:center;align-items:center;max-width:1300px;margin-top:48px;margin-bottom:120px;padding:0 16px;display:flex}.project-implementation-details-wrapper img{justify-content:center;align-items:center;width:100%;display:flex}.design-approach-parent-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-width:800px;margin:0 auto;display:flex}.design-approach-parent-wrapper h3{text-transform:uppercase;color:#393939;margin-top:80px;font-size:24px;font-weight:800}.design-approach-parent-wrapper p{color:#393939;line-height:2}.design-approach-hexagon-items-wrapper{text-transform:uppercase;color:#393939;text-align:center;justify-content:center;align-items:center;gap:24px;font-weight:700;display:flex}.design-approach-hexagon-items-wrapper p{font-size:16px;line-height:1.5}.our-tech-stack-parent-wrapper{flex-direction:column;justify-content:center;align-items:center;margin-top:0;display:flex}@media screen and (min-width:1300px){.our-tech-stack-parent-wrapper{padding:0}}.our-tech-stack-hexagon-items-wrapper{text-transform:uppercase;color:#393939;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:64px;font-weight:700;display:flex}@media screen and (min-width:1024px){.our-tech-stack-hexagon-items-wrapper{flex-direction:row}}.our-tech-stack-hexagon-items-wrapper p{font-size:16px;line-height:1.5}.our-tech-stack-text-parent-wrapper{text-align:center;flex-direction:column;max-width:800px;line-height:1.8;display:flex}.our-tech-stack-text-parent-wrapper h3{text-transform:uppercase;color:#393939;margin-top:0;font-size:24px;font-weight:800}.our-tech-stack-text-parent-wrapper p{color:#393939;margin-bottom:64px}.tech-stack-items-parent-wrapper{flex-direction:column;margin-bottom:120px;display:flex}@media screen and (min-width:768px){.tech-stack-items-parent-wrapper{padding:32px}}@media screen and (min-width:1024px){.tech-stack-items-parent-wrapper{grid-template-columns:repeat(2,1fr);display:grid}}@media screen and (min-width:1300px){.tech-stack-items-parent-wrapper{padding:0}}.tech-stack-items-parent-wrapper{gap:36px}.tech-stack-item-image-subtitle-wrapper{gap:12px;display:flex}.tech-stack-item-bold-text-wrapper{color:#393939;flex-direction:column;justify-content:center;gap:4px;display:flex}.tech-stack-item-bold-text-wrapper h4{font-size:24px}.tech-stack-item-text-wrapper{line-height:2}.tech-stack-item-text-wrapper p{color:#393939}.timeline{grid-row-gap:20px;grid-column-gap:1px;border-right:1px solid #bfbfbf;grid-template-columns:repeat(12,1fr);width:100%;margin-bottom:80px;display:grid;position:relative}@media screen and (min-width:1300px){.timeline{width:1200px;max-width:1200px}}.timeline:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 calc(8.33333% - 1px),#bfbfbf calc(8.33333% - 1px) 8.33333%) 1px 0;position:absolute;inset:0 10px 0 0}.task{color:#fff;text-transform:uppercase;z-index:1;white-space:nowrap;text-overflow:ellipsis;background-color:#d03838;border-radius:24px;padding:10px;font-size:14px;font-weight:700;position:relative;overflow:hidden}.task1{grid-column:1/4}.task2{grid-column:2/7}.task3,.task4{grid-column:5/12}.task5{background-color:#bfbfbf;grid-column:1/13}.project-timeline-parent-wrapper{width:100%;margin-bottom:64px}.timeline-parent-wrapper{text-align:center;justify-content:center;align-items:center;width:100%;margin:0 auto}.video-container{width:100%;margin-top:2rem}@media screen and (min-width:768px){.video-container{padding-left:2rem;padding-right:2rem}}.video-wrapper{justify-content:center;align-items:center;max-width:1280px;height:0;margin-left:auto;margin-right:auto;padding-bottom:56.25%;display:flex;position:relative}.video-iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.lightbox-overlay{z-index:9999;background-color:#000000f2;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-content img{object-fit:contain}.lightbox-close{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:background-color .2s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#fff3}.lightbox-nav{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:16px;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-nav.lightbox-prev{left:20px}.lightbox-nav.lightbox-next{right:20px}.lightbox-counter{color:#fff;background:#00000080;border-radius:20px;padding:8px 16px;font-size:14px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}@media (max-width:768px){.lightbox-nav{padding:12px}.lightbox-nav svg{width:32px;height:32px}.lightbox-close{padding:8px;top:10px;right:10px}.lightbox-close svg{width:24px;height:24px}}