@layer pages{.case>.container{flex-direction:column;gap:20px;display:flex}.caseHero{grid-template-columns:1fr;align-items:stretch;gap:clamp(2rem,3vw,4rem);display:grid}.backToA{color:var(--color-link-hover);font-size:clamp(1rem,.9643rem + .1786vw,1.125rem);font-weight:600;line-height:var(--lh-none);margin-bottom:var(--space-fluid-md);align-items:center;gap:5px;width:fit-content;display:inline-flex}.backToA>svg{fill:var(--color-link-hover)}.backToA:hover{color:var(--color-primary)}.backToA:hover>svg{fill:var(--color-primary)}.caseHero__info{flex-direction:column;display:flex}.caseHero__info>h1{letter-spacing:-.125rem;font-size:clamp(2.5rem,1.9rem + 2.6vw,4rem);font-weight:700;line-height:var(--lh-none);word-break:break-word}.caseHero__info>.btn,.caseHero__info>h1,.caseHero__info>p{margin-bottom:var(--space-fluid-md)}.caseHero__info>.btn{text-transform:unset}.caseLink{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ff66001f;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .25s;display:flex}.caseLink:hover{border-color:#ff66004d;box-shadow:0 8px 24px #ff660014}.caseLink__icon>svg{fill:var(--color-link-hover)}.caseLink__text{flex:1}.caseLink__copy{fill:var(--color-primary);opacity:.5;transition:all .25s}.caseLink:hover .caseLink__copy{opacity:1}.caseHero__img{aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden}.caseHero__img>img,video.caseHero__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.caseHero__img>img{width:100%;height:100%}.caseHero__img.caseHero__img-nomedia{background-color:#fdece2;justify-content:center;align-items:center;display:flex}.caseHero__img.caseHero__img-nomedia>svg{fill:var(--color-link-hover);width:90px;height:auto}.caseBlock{background-color:var(--bg-caseBlock);border-radius:var(--radius-sm);border:1px solid #ff66001a;flex-direction:column;padding-block:20px;padding-inline:25px;display:flex;box-shadow:0 4px 20px #ff66000a,0 12px 32px #ff660008}.caseBlock>h2{margin-bottom:var(--space-fluid-sm);align-items:center;gap:10px;width:fit-content;font-size:clamp(1rem,.9464rem + .2679vw,1.1875rem);font-weight:600;display:inline-flex}.caseBlock>h2>svg{fill:var(--color-link-hover)}.caseBlock>p,.caseBlock>ul{font-size:clamp(.75rem,.7143rem + .1786vw,.875rem)}.caseBlock>ul{margin-top:var(--space-fluid-xs);padding-left:15px;list-style:outside}.caseBlock>ul li::marker{color:var(--color-link-hover)}.caseGrid{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;display:grid}.caseDesigner{align-items:center;gap:10px;width:fit-content;font-size:clamp(.75rem,.7143rem + .1786vw,.875rem);display:inline-flex}.caseDesigner__img{border-radius:var(--radius-lg);width:25px;height:25px;display:inline-flex;overflow:hidden}.caseDesigner__img>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.caseDesigner__img.caseDesigner__img-noimg{background-color:#fdece2;justify-content:center;align-items:center}.caseDesigner__img.caseDesigner__img-noimg>svg{fill:var(--color-link-hover);width:16px;height:auto}.caseScreen .item{flex:0 0 100%;min-width:0}.caseWorkType{flex-wrap:wrap;align-items:flex-start;gap:15px;width:100%;display:flex}.caseWorkType>span{border-radius:var(--radius-sm);background-color:#fdece2;padding-block:5px;padding-inline:10px}.caseClientLink,.caseWorkType>span{color:var(--color-link-hover);font-size:clamp(.75rem,.7143rem + .1786vw,.875rem);display:inline-flex}.caseClientLink{margin-top:var(--space-fluid-md);align-items:center;gap:12px;font-weight:600}.caseClientLink>svg{fill:var(--color-link-hover)}.caseClientLink:hover{color:var(--color-primary)}.caseClientLink:hover>svg{fill:var(--color-primary)}.caseTechnology__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;width:100%;display:grid}.caseTechnology{border-radius:var(--radius-xl);text-align:center;border:1px solid #ff66001f;flex-direction:column;justify-content:center;align-items:center;width:100%;height:120px;font-size:clamp(.75rem,.7143rem + .1786vw,.875rem);transition:background-color .5s ease-out;display:inline-flex;box-shadow:0 4px 18px #ff7b000a,0 12px 40px #ff7b0008}.caseTechnology>svg{fill:var(--color-link-hover);height:auto;margin-bottom:var(--space-fluid-sm);width:50px}.caseTechnology:hover{background-color:var(--color-bg)}.caseMobile .item{flex:0 0 100%;min-width:0}.caseReviews{gap:25px;width:100%;display:flex}.caseReview{flex-direction:column;width:100%;display:flex}.caseReview>p{padding-left:45px;position:relative}.caseReview>p:before{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y1NTYxZCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMuMDEgMTR2NGMwIDEuMS45IDIgMiAyaDZjMS4xIDAgMi0uOSAyLTJ2LTZjMC0xLjEtLjktMi0yLTJoLTIuODVjLjI3LTEuMDIgMS4wMS0yLjUxIDMuMS0zLjAzbC43Ni0uMTlWNGgtMWMtMi43OCAwLTQuOTEuNzctNi4zMSAyLjI5LTEuODkgMi4wNS0xLjcgNC42OC0xLjY5IDQuNzF2M1ptMy4xOC02LjM3Yy40OC0uNTIgMS4xMS0uOTEgMS44Ny0xLjE5LTEuNTYgMS40Mi0yLjA0IDMuNC0yLjA0IDQuNTZ2MWg1djZoLTZ2LTcuMDhzLS4xMi0xLjkgMS4xOC0zLjI5Wk0xLjAxIDE4YzAgMS4xLjkgMiAyIDJoNmMxLjEgMCAyLS45IDItMnYtNmMwLTEuMS0uOS0yLTItMkg2LjE2Yy4yNy0xLjAyIDEuMDEtMi41MSAzLjEtMy4wM2wuNzYtLjE5VjRoLTFjLTIuNzggMC00LjkxLjc3LTYuMzEgMi4yOUMuODIgOC4zNCAxLjAxIDEwLjk3IDEuMDIgMTF2N1ptMi03LjA4cy0uMTItMS45IDEuMTgtMy4yOWMuNDgtLjUyIDEuMTEtLjkxIDEuODctMS4xOUM0LjUgNy44NiA0LjAyIDkuODQgNC4wMiAxMXYxaDV2NkgzLjAxeiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:contain;width:30px;height:30px;display:flex;position:absolute;left:0}.caseReviewUser{margin-top:var(--space-fluid-sm);gap:15px;width:fit-content;display:inline-flex}.caseReviewUser__img{border-radius:var(--radius-lg);width:30px;height:30px;display:inline-flex;overflow:hidden}.caseReviewUser__img>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.caseReviewUser__info{flex-direction:column;display:inline-flex}.caseReviewUser__info>h4{font-size:clamp(.875rem,.8393rem + .1786vw,1rem);font-weight:600}.caseReviewUser__info>p{font-size:clamp(.75rem,.7143rem + .1786vw,.875rem)}.caseNav.caseBlock{flex-direction:row;align-items:center;gap:25px;transition:color .5s ease-out}.caseNav.caseBlock:first-of-type{text-align:right;justify-content:flex-end}.caseNav__arrow{background-color:var(--bg-caseBlock);border-radius:var(--radius-full);border:1px solid #ff66001a;justify-content:center;align-items:center;width:50px;height:50px;margin-left:auto;padding:0;transition:border-color .5s ease-out;display:inline-flex;box-shadow:0 4px 20px #ff66000a,0 12px 32px #ff660008}.caseNav.caseNav-prev .caseNav__arrow{margin-left:unset;margin-right:auto}.caseNav__arrow>svg{fill:var(--color-primary);transition:fill .5s ease-out}.caseNav__info>p{font-size:clamp(.75rem,.7143rem + .1786vw,.875rem)}.caseNav__info>h5{font-size:clamp(1rem,.9464rem + .2679vw,1.1875rem);font-weight:600}.caseNav__img{aspect-ratio:16/9;border-radius:var(--radius-sm);height:95px;display:inline-flex;position:relative;overflow:hidden}.caseNav__img>img{width:100%;height:100%}.caseNav__img>img,video.caseNav__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.caseNav__img.caseNav__img-nomedia{background-color:#fdece2;justify-content:center;align-items:center}.caseNav__img.caseNav__img-nomedia>svg{fill:var(--color-link-hover);width:30px;height:auto}.caseNav:hover .caseNav__arrow{border-color:var(--color-link-hover)}.caseNav:hover .caseNav__arrow>svg{fill:var(--color-link-hover)}@media (width>=768px){.caseHero{grid-template-columns:minmax(320px,460px) 1fr}.caseGrid.caseGrid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.caseGrid.caseGrid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.caseGrid.caseGrid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.caseMobileBlock{grid-column:span 2}.caseTechnology__list{grid-template-columns:repeat(8,minmax(0,1fr))}.caseGrid.caseGrid-3 .caseTechnology__list{grid-template-columns:repeat(2,minmax(0,1fr))}.caseMobile{max-width:660px;margin-inline:auto}.caseMobile .item{flex:0 0 calc(50% - 8px)}.caseMobile .item.item-one{flex:0 0 100%}.caseMobile .embla__button.embla__button--prev{right:105%}.caseMobile .embla__button.embla__button--next{left:105%}}@media (width<=768px){.caseHero__img{order:-1}}}