.work-banner-section{box-sizing:border-box;width:100%;margin-top:-8px;position:relative}@media (min-width:1024px){.work-banner-section{margin-top:-12px}}@media (min-width:1750px){.work-banner-section{margin-top:-12px}}.work-banner-section .work-banner-container{background-color:#0a0d14;align-items:flex-end;width:100%;height:75vh;min-height:550px;max-height:800px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.work-banner-section .work-banner-container{height:50vh;min-height:350px}}.work-banner-section .work-banner-container .bg-image-wrapper{z-index:0;width:100%;height:100%;position:absolute;inset:0}.work-banner-section .work-banner-container .bg-image-wrapper .bg-image{object-fit:cover;object-position:center;width:100%;height:100%}.work-banner-section .work-banner-container .bg-image-wrapper .bg-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0a0d141a 30%,#0a0d1480 60%,#0a0d14f2 100%);position:absolute;inset:0}.work-banner-section .work-banner-container .banner-content{z-index:2;width:100%;padding:0 1.5rem 2rem;position:relative}@media (min-width:768px){.work-banner-section .work-banner-container .banner-content{padding:0 3rem 4rem}}@media (min-width:1024px){.work-banner-section .work-banner-container .banner-content{padding:0 5rem 5rem}}@media (min-width:1750px){.work-banner-section .work-banner-container .banner-content{padding:0 75px 75px}}.work-banner-section .work-banner-container .banner-content .industry-info{text-align:left;flex-direction:column;gap:8px;display:flex}@media (max-width:768px){.work-banner-section .work-banner-container .banner-content .industry-info{gap:4px}}.work-banner-section .work-banner-container .banner-content .industry-info .industry-label{font-family:var(--font-dm-sans),"DM Sans",sans-serif;letter-spacing:.05em;color:#ffffffa6;text-transform:capitalize;font-size:14px;font-weight:400}@media (max-width:768px){.work-banner-section .work-banner-container .banner-content .industry-info .industry-label{font-size:12px}}.work-banner-section .work-banner-container .banner-content .industry-info .industry-value{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#fff;letter-spacing:-.02em;margin:0;font-size:36px;font-weight:300;line-height:1.2}@media (max-width:768px){.work-banner-section .work-banner-container .banner-content .industry-info .industry-value{font-size:24px}}@media (min-width:1750px){.work-banner-section .work-banner-container .banner-content .industry-info .industry-value{font-size:48px}}
.work-details-section{box-sizing:border-box;color:#111;width:100%}.work-details-section .details-container{max-width:1540px;margin:0 auto;padding:1rem 1.25rem}@media (min-width:768px){.work-details-section .details-container{padding:1.5rem 2rem}}@media (min-width:1024px){.work-details-section .details-container{padding:2rem 5rem}}@media (min-width:1750px){.work-details-section .details-container{padding:2rem 0}}.work-details-section .details-container .prefix-row{align-items:center;gap:10px;margin-bottom:1.25rem;display:flex}.work-details-section .details-container .prefix-row .star-icon{flex-shrink:0;width:16px;height:16px}.work-details-section .details-container .prefix-row .prefix-text{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#111;letter-spacing:-.01em;font-size:15px;font-weight:500}.work-details-section .details-container .main-title{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#111;letter-spacing:-1.2px;max-width:1100px;margin:0 0 1rem;font-size:55px;font-weight:400;line-height:1.15}@media (max-width:768px){.work-details-section .details-container .main-title{letter-spacing:-.6px;margin-bottom:.75rem;font-size:32px}}@media (min-width:1750px){.work-details-section .details-container .main-title{letter-spacing:-1.8px;font-size:72px}}.work-details-section .details-container .description-text{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#444;letter-spacing:-.2px;max-width:1300px;margin:0 0 1.25rem;font-size:16px;font-weight:400;line-height:1.6}@media (max-width:768px){.work-details-section .details-container .description-text{margin-bottom:1rem;font-size:14px;line-height:1.5}}@media (min-width:1750px){.work-details-section .details-container .description-text{font-size:18px;line-height:1.7}}.work-details-section .details-container .tags-pills-row{flex-wrap:wrap;gap:12px;margin-bottom:1.5rem;display:flex}@media (max-width:768px){.work-details-section .details-container .tags-pills-row{gap:8px;margin-bottom:1rem}}.work-details-section .details-container .tags-pills-row .tag-pill{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#333;white-space:nowrap;background-color:#0000000f;border:1px solid #0000000a;border-radius:100px;padding:10px 22px;font-size:14px;font-weight:500;transition:background-color .25s,border-color .25s}@media (max-width:768px){.work-details-section .details-container .tags-pills-row .tag-pill{padding:8px 16px;font-size:12px}}.work-details-section .details-container .tags-pills-row .tag-pill:hover{background-color:#0000001a;border-color:#00000014}.work-details-section .details-container .button-row{justify-content:flex-start;display:flex}.work-details-section .details-container .button-row .btn-preview-site{cursor:pointer;background-color:#000;border:1px solid #000;border-radius:100px;outline:none;align-items:center;padding:6px 6px 6px 24px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s;display:inline-flex}@media (max-width:768px){.work-details-section .details-container .button-row .btn-preview-site{padding:5px 5px 5px 20px}}.work-details-section .details-container .button-row .btn-preview-site .btn-label{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#fff;letter-spacing:-.01em;font-size:15px;font-weight:500}@media (max-width:768px){.work-details-section .details-container .button-row .btn-preview-site .btn-label{font-size:13px}}.work-details-section .details-container .button-row .btn-preview-site .arrow-circle{color:#000;background-color:#fff;border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:18px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}@media (max-width:768px){.work-details-section .details-container .button-row .btn-preview-site .arrow-circle{width:36px;height:36px;margin-left:14px}}.work-details-section .details-container .button-row .btn-preview-site .arrow-circle svg{width:18px;height:18px;transition:transform .3s}@media (max-width:768px){.work-details-section .details-container .button-row .btn-preview-site .arrow-circle svg{width:15px;height:15px}}.work-details-section .details-container .button-row .btn-preview-site:hover{background-color:#111;transform:scale(1.02)}.work-details-section .details-container .button-row .btn-preview-site:hover .arrow-circle{transform:scale(1.05)}.work-details-section .details-container .button-row .btn-preview-site:hover .arrow-circle svg{transform:translate(3px)}.work-details-section .details-container .button-row .btn-preview-site:active{transform:scale(.98)}
.work-overview-challenge-section{box-sizing:border-box;color:#111;background-color:#f9f9f9;width:100%}.work-overview-challenge-section .grid-container{grid-template-columns:1fr;gap:2rem;max-width:1540px;margin:0 auto;padding:1rem 1.25rem;display:grid}@media (min-width:768px){.work-overview-challenge-section .grid-container{grid-template-columns:1fr 1fr;gap:2.5rem;padding:1.5rem 2rem}}@media (min-width:1024px){.work-overview-challenge-section .grid-container{gap:3rem;padding:2rem 5rem}}@media (min-width:1750px){.work-overview-challenge-section .grid-container{gap:3.5rem;padding:2rem 0}}.work-overview-challenge-section .column{flex-direction:column;width:100%;display:flex}.work-overview-challenge-section .image-wrapper{aspect-ratio:1.45;background-color:#ececec;border-radius:20px;width:100%;max-height:350px;margin-bottom:.75rem;position:relative;overflow:hidden}@media (min-width:768px){.work-overview-challenge-section .image-wrapper{max-height:400px}}@media (min-width:1024px){.work-overview-challenge-section .image-wrapper{border-radius:32px;max-height:460px;margin-bottom:1.5rem}}.work-overview-challenge-section .image-wrapper .project-img{object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.work-overview-challenge-section .image-wrapper:hover .project-img{transform:scale(1.04)}.work-overview-challenge-section .label-row{align-items:center;gap:8px;margin-bottom:.75rem;display:flex}@media (min-width:1024px){.work-overview-challenge-section .label-row{margin-bottom:1.25rem}}.work-overview-challenge-section .label-row .star-icon{flex-shrink:0;width:16px;height:16px}.work-overview-challenge-section .label-row .label-text{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#111;letter-spacing:-.01em;font-size:14px;font-weight:600}@media (min-width:1024px){.work-overview-challenge-section .label-row .label-text{font-size:15px}}@media (min-width:1750px){.work-overview-challenge-section .label-row .label-text{font-size:17px}}.work-overview-challenge-section .section-heading{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#111;letter-spacing:-.5px;margin:0 0 .75rem;font-size:26px;font-weight:500;line-height:1.25}@media (min-width:768px){.work-overview-challenge-section .section-heading{letter-spacing:-1px;margin-bottom:1.25rem;font-size:36px}}@media (min-width:1024px){.work-overview-challenge-section .section-heading{letter-spacing:-1.2px;font-size:42px}}@media (min-width:1750px){.work-overview-challenge-section .section-heading{letter-spacing:-1.6px;font-size:50px}}.work-overview-challenge-section .section-description{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#555;letter-spacing:-.1px;margin:0;font-size:14px;font-weight:400;line-height:1.6}@media (min-width:1024px){.work-overview-challenge-section .section-description{font-size:16px;line-height:1.65}}@media (min-width:1750px){.work-overview-challenge-section .section-description{font-size:18px;line-height:1.7}}
.work-approach-solution-section{box-sizing:border-box;color:#111;background-color:#f9f9f9;width:100%}.work-approach-solution-section .approach-solution-container{max-width:1540px;margin:0 auto;padding:1rem 1.25rem}@media (min-width:768px){.work-approach-solution-section .approach-solution-container{padding:1.5rem 2rem}}@media (min-width:1024px){.work-approach-solution-section .approach-solution-container{padding:2rem 5rem}}@media (min-width:1750px){.work-approach-solution-section .approach-solution-container{padding:2rem 0}}.work-approach-solution-section .banner-image-wrapper{aspect-ratio:1.6;background-color:#ececec;border-radius:20px;width:100%;max-height:320px;margin-bottom:1rem;position:relative;overflow:hidden}@media (min-width:768px){.work-approach-solution-section .banner-image-wrapper{aspect-ratio:2.1;max-height:450px;margin-bottom:1.75rem}}@media (min-width:1024px){.work-approach-solution-section .banner-image-wrapper{aspect-ratio:2.4;border-radius:32px;max-height:520px;margin-bottom:2.5rem}}.work-approach-solution-section .banner-image-wrapper .banner-img{object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.work-approach-solution-section .banner-image-wrapper:hover .banner-img{transform:scale(1.03)}.work-approach-solution-section .content-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.work-approach-solution-section .content-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (min-width:1024px){.work-approach-solution-section .content-grid{gap:3rem}}@media (min-width:1750px){.work-approach-solution-section .content-grid{gap:3.5rem}}.work-approach-solution-section .column{flex-direction:column;width:100%;display:flex}.work-approach-solution-section .label-row{align-items:center;gap:8px;margin-bottom:.75rem;display:flex}@media (min-width:1024px){.work-approach-solution-section .label-row{margin-bottom:1.25rem}}.work-approach-solution-section .label-row .star-icon{flex-shrink:0;width:16px;height:16px}.work-approach-solution-section .label-row .label-text{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#111;letter-spacing:-.01em;font-size:14px;font-weight:600}@media (min-width:1024px){.work-approach-solution-section .label-row .label-text{font-size:15px}}@media (min-width:1750px){.work-approach-solution-section .label-row .label-text{font-size:17px}}.work-approach-solution-section .section-heading{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#111;letter-spacing:-.5px;margin:0 0 .75rem;font-size:26px;font-weight:500;line-height:1.25}@media (min-width:768px){.work-approach-solution-section .section-heading{letter-spacing:-1px;margin-bottom:1.25rem;font-size:36px}}@media (min-width:1024px){.work-approach-solution-section .section-heading{letter-spacing:-1.2px;font-size:42px}}@media (min-width:1750px){.work-approach-solution-section .section-heading{letter-spacing:-1.6px;font-size:50px}}.work-approach-solution-section .section-description{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#555;letter-spacing:-.1px;margin:0;font-size:14px;font-weight:400;line-height:1.6}@media (min-width:1024px){.work-approach-solution-section .section-description{font-size:16px;line-height:1.65}}@media (min-width:1750px){.work-approach-solution-section .section-description{font-size:18px;line-height:1.7}}
