:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}
.reveal-anim{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.reveal-anim.visible{opacity:1;transform:translateY(0)}.card-container{flex-direction:column;gap:40px;width:100%;margin:0;display:flex}@media (min-width:768px){.card-container{gap:50px}}@font-face{font-family:Proxima Nova;src:url(https://14studio.co/wp-content/uploads/Font/ProximaNovaRegular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Proxima Nova;src:url(https://14studio.co/wp-content/uploads/Font/ProximaNovaBold.ttf)format("truetype");font-weight:var(--heading-weight);font-style:normal}@font-face{font-family:Proxima Nova;src:url(https://14studio.co/wp-content/uploads/Font/ProximaNovaBlack.ttf)format("truetype");font-weight:var(--heading-weight);font-style:normal}.case-study-component,.case-study-component *{all:initial;color:inherit;box-sizing:border-box;font-family:inherit;display:block}.case-study-component{width:100%;color:inherit;background-color:#0000}.case-study-inner{width:100%;margin:auto;padding:0}.top{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;display:flex;position:relative;top:-8px}.logo{flex-shrink:0;width:70px;height:84px;position:relative;top:-8px;overflow:hidden}.logo img{object-fit:contain;width:100%;height:100%;display:block}.title{letter-spacing:-2px;color:inherit;text-align:right;white-space:nowrap;font-size:70px;font-weight:600;line-height:1.1}.meta{margin-top:48px}.custom-wrapper .meta-head,.custom-wrapper .meta-head div,.custom-wrapper .meta-content,.custom-wrapper .meta-content div{color:var(--fg)!important;font-family:Proxima Nova,sans-serif!important}.meta-head{color:inherit;opacity:1;grid-template-columns:1fr 1fr 1fr 120px;font-size:18px;font-weight:400;display:grid}.line{background-color:currentColor;width:100%;height:1px;margin:12px 0 14px}.meta-content{color:inherit;opacity:1;grid-template-columns:1fr 1fr 1fr 120px;font-size:18px;font-weight:400;line-height:1.3;display:grid}@media (max-width:768px){.top{flex-flow:row;justify-content:space-between;align-items:center;gap:16px;top:0}.logo{flex-shrink:0;width:40px;height:40px;position:relative;top:-4px}.title{letter-spacing:-1px;white-space:normal;text-align:right;font-size:28px;font-weight:500;line-height:1.2}.meta{margin-top:40px}.meta-head{display:none}.meta-content{flex-direction:column;gap:32px;display:flex}.meta-content div{padding-bottom:16px;font-size:16px;position:relative}.meta-content div:first-child:before{content:"Services"}.meta-content div:nth-child(2):before{content:"Client"}.meta-content div:nth-child(3):before{content:"Industry"}.meta-content div:nth-child(5):before{content:"Year"}.custom-wrapper .meta-content div:before{opacity:1;margin-bottom:6px;font-size:16px;font-weight:400;display:block;color:var(--fg)!important;font-family:Proxima Nova,sans-serif!important}.meta-content div:not(:last-child):after{content:"";opacity:.3;background-color:currentColor;width:100%;height:1px;position:absolute;bottom:0;left:0}}@media (min-width:769px) and (max-width:1024px){.title{font-size:52px}.logo{width:80px;height:80px}.top{top:-4px}}.project-details{flex-direction:column;gap:30px;display:flex}.details-header{grid-template-columns:1fr 1fr;align-items:end;gap:20px;display:grid}.header-title{margin:0;font-size:32px;font-weight:500;line-height:1;display:none;color:inherit!important}@media (min-width:768px){.details-header{grid-template-columns:50% 25% 25%;gap:0}.header-title{display:block}}.meta-group{flex-direction:column;gap:6px;display:flex}.meta-label{color:inherit;font-size:11px;font-weight:400}.meta-value{color:inherit;font-size:14px;font-weight:400}.details-description{color:inherit;font-size:14px;font-weight:400;line-height:1.7}.details-columns{grid-template-columns:1fr;gap:40px;margin-top:10px;display:grid}@media (min-width:768px){.meta-label{font-size:12px}.meta-value{font-size:16px}.details-description{font-size:15px}.details-columns{grid-template-columns:1fr 1fr;gap:60px}}.column-title{margin:0 0 20px;font-size:20px;font-weight:500;color:inherit!important}.custom-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.custom-list li{padding-left:20px;position:relative}.custom-list li:before{content:"•";color:inherit;font-size:20px;line-height:1;position:absolute;top:-2px;left:0}.list-title{color:inherit;margin-bottom:6px;font-size:15px;font-weight:600}.list-desc{color:inherit;font-size:13px;font-weight:400;line-height:1.6}@media (min-width:768px){.column-title{margin-bottom:24px;font-size:22px}.custom-list li{padding-left:24px}.list-title{font-size:16px}.list-desc{font-size:14px}}.carousel-container{background-color:#0000;width:100%;padding:0;position:relative}.swiper-main{width:100%}.swiper-main .swiper-slide{width:88%;max-width:900px}.swiper-main .swiper-slide img{object-fit:contain;width:100%}.swiper-button-prev,.swiper-button-next{z-index:10;width:35px;height:35px;top:auto;bottom:5px;color:var(--fg)!important;display:flex!important}.swiper-button-prev{left:calc(50% - 40px)}.swiper-button-next{right:calc(50% - 40px)}.swiper-button-prev:after,.swiper-button-next:after{font-size:16px;font-weight:400}@media (min-width:768px){.carousel-container{background-color:#8080801a}.swiper-main .swiper-slide{width:75%}.swiper-button-prev,.swiper-button-next{width:40px;height:40px;transition:opacity .3s;bottom:0}.swiper-button-prev{left:calc(50% - 40px)}.swiper-button-next{right:calc(50% - 40px)}.swiper-button-prev:after,.swiper-button-next:after{font-size:20px;font-weight:300}.swiper-button-disabled{opacity:.2!important}}.brand-carousel-section{width:100%}.brand-text-container{grid-template-columns:1fr;gap:12px;width:100%;margin-bottom:30px;padding:0;display:grid}.brand-category{color:inherit;font-size:15px;font-weight:500;display:none}.brand-title{color:inherit;margin:0;font-size:24px;font-weight:500;line-height:1.3}.brand-description{color:inherit;font-size:14px;line-height:1.7}@media (min-width:768px){.brand-text-container{grid-template-columns:1.5fr 2fr 4.5fr;gap:30px;margin-bottom:50px}.brand-category{display:block}.brand-title{font-size:32px}.brand-description{font-size:15px;line-height:1.8}}.swiper-marquee{width:100%}.swiper-marquee .swiper-wrapper{transition-timing-function:linear!important}.swiper-marquee .swiper-slide{width:160px}.swiper-marquee .swiper-slide img{aspect-ratio:1/1.1;object-fit:cover;width:100%}.swiper-marquee .swiper-slide{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translate(100px)}.brand-carousel-section.visible .swiper-marquee .swiper-slide{opacity:1;transform:translate(0)}@media (min-width:768px){.swiper-marquee .swiper-slide{width:260px}}.four-images-section{flex-direction:column;gap:24px;display:flex}.images-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.images-grid img{aspect-ratio:1;object-fit:cover;width:100%}.videos-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.videos-grid video{aspect-ratio:3/4;object-fit:cover;object-position:center;width:100%;display:block}.videos-grid.single-video{grid-template-columns:1fr}.videos-grid.single-video video{aspect-ratio:auto;max-height:90vh}.social-media-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.social-media-title{color:inherit;text-align:left;margin:0;font-size:24px;font-weight:500;line-height:1}.social-media-section{background-color:#0000;width:100%;padding:0;position:relative}.swiper-social{width:100%}.swiper-social .swiper-slide{width:70%;max-width:500px}.swiper-social .swiper-slide img{width:100%;height:auto;display:block}.grid-text-container{flex-direction:column;gap:12px;display:flex}.grid-title{color:inherit;margin:0;font-size:20px;font-weight:500}.grid-desc{color:inherit;margin:0;font-size:14px;line-height:1.6}@media (min-width:768px){.four-images-section{gap:40px}.images-grid,.videos-grid{gap:16px}.social-media-wrapper{gap:24px}.social-media-title{font-size:32px}.social-media-section{background-color:#8080801a}.swiper-social .swiper-slide{width:45%}.grid-title{margin-bottom:4px;font-size:28px}.grid-desc{font-size:15px}}@media (max-width:767px){.swiper-main .swiper-slide{aspect-ratio:auto;width:85%}.swiper-main .swiper-slide img{object-fit:contain;height:auto}.project-retm .swiper-main .swiper-slide img{object-position:right center}.carousel-container{margin-top:-10px;margin-bottom:-10px}}
