:root{--primary:#111;--secondary:#555;--border:#1111111a;--bg:#111;--theme:#2a5bb8;--black:#111;--black-2:#999;--white:#fff;--white-2:#999;--action:#2a5bb8}:root .dark{--primary:#fff;--secondary:#999;--border:#ffffff1a;--bg:#171717}:root{--font_dmsans:"DM Sans", sans-serif;--font_instrumentsans:"Instrument Sans", sans-serif;--font_thunder:"Thunder";--font_sequelsansromanbody:"Sequel Sans Roman Body";--font_sequelsansmediumbody:"Sequel Sans Medium Body";--font_timesnow:"TimesNow-SemiLightItalic";--font_bdogrotesk:"BDOGrotesk-Regular";--font_tartuffo:"tartuffo-font-family";--font_tartuffotrial:"Tartuffo_Trial";--font_awesome:"Font Awesome 6 Free"}.font-heading-instrumentsans-medium h1,.font-heading-instrumentsans-medium h2,.font-heading-instrumentsans-medium h3,.font-heading-instrumentsans-medium h4,.font-heading-instrumentsans-medium h5,.font-heading-instrumentsans-medium h6{font-family:var(--font_instrumentsans)}.font-heading-sequelsans-romanbody h1,.font-heading-sequelsans-romanbody h2,.font-heading-sequelsans-romanbody h3,.font-heading-sequelsans-romanbody h4,.font-heading-sequelsans-romanbody h5,.font-heading-sequelsans-romanbody h6{font-family:var(--font_sequelsansromanbody)}.font-heading-thunder-regular h1,.font-heading-thunder-regular h2,.font-heading-thunder-regular h3,.font-heading-thunder-regular h4,.font-heading-thunder-regular h5,.font-heading-thunder-regular h6{font-family:var(--font_thunder)}.font-heading-bdogrotesk-regular h1,.font-heading-bdogrotesk-regular h2,.font-heading-bdogrotesk-regular h3,.font-heading-bdogrotesk-regular h4,.font-heading-bdogrotesk-regular h5,.font-heading-bdogrotesk-regular h6{font-family:var(--font_bdogrotesk)}.font-heading-tartuffotrial-thin h1,.font-heading-tartuffotrial-thin h2,.font-heading-tartuffotrial-thin h3,.font-heading-tartuffotrial-thin h4,.font-heading-tartuffotrial-thin h5,.font-heading-tartuffotrial-thin h6{font-family:var(--font_tartuffotrial)}*{margin:0;padding:0}body{font-family:var(--font_dmsans);line-height:1}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:var(--primary);line-height:1.22;font-family:var(--font_instrumentsans);margin:0;padding:0;font-weight:500}ul,ol{margin:0;padding:0}li{list-style:none}a{color:inherit;text-decoration:none;transition:all .3s}a:hover{color:var(--primary)}button{background-color:#0000;border:0}p{color:var(--secondary);margin:0;padding:0;font-size:22px;font-weight:400;line-height:30px}@media only screen and (max-width:1399px){p{font-size:20px;line-height:28px}}strong{font-weight:500}video,iframe,img{margin:0;padding:0}img{max-width:100%}.medium{font-weight:600}.bold{font-weight:700}@media only screen and (max-width:767px){.g-0{padding-left:15px;padding-right:15px}.row.g-0{padding-left:0;padding-right:0}br{display:none}}main{width:100%;display:inline-block;overflow:hidden}h1{font-size:48px}h2{font-size:36px}h3{font-size:32px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}.t_parallax_image{overflow:hidden}@keyframes t-Bubble{0%{scale:1}50%{scale:1.5}to{scale:1}}@keyframes t-Zoom{0%{scale:1}50%{scale:.5}to{scale:1}}@keyframes t-Zoom_2{0%{scale:1}50%{scale:.9}to{scale:1}}@keyframes t-SlideBottom{0%{transform:translateY(0)}50%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes t-reveal{to{opacity:1;filter:blur()}}@keyframes t-fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes t-spinner{to{transform:rotate(360deg)}}@keyframes t-characters{0%,75%,to{opacity:0;transform:rotateY(-90deg)}25%,50%{opacity:1;transform:rotateY(0)}}@keyframes t-sheen{50%{color:var(--primary);transform:translateY(-20px)}}@keyframes t-slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.body-overlay{z-index:9;pointer-events:none;opacity:1;top:0;background-image:url(/imgs/writer/body-bg.webp);background-position:0 0;background-repeat:repeat;width:100vw;height:100vh;position:fixed;inset-inline-start:0}.container-xl{max-width:1550px}.rr-container-1405{max-width:1405px}.text-slider-active .swiper-slide{width:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#d6d6d6}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.pos-abs{position:absolute}.circle-text{background:0 0;border-radius:100px;justify-content:center;align-items:center;width:140px;height:140px;padding:14px;display:flex;position:relative}@media only screen and (max-width:991px){.circle-text{width:120px;height:120px}}.circle-text .text{width:100%;height:100%;color:var(--primary);font-size:14px;animation:8s linear infinite textRotation;position:absolute}@keyframes textRotation{to{transform:rotate(360deg)}}.circle-text .text span{text-transform:uppercase;transform-origin:0 65px;font-size:14px;position:absolute;top:0;left:50%}.circle-text .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-text:before{content:"";border:37px solid #0000;border-radius:50%;width:100%;height:100%;position:absolute}.p-relative{position:relative}.p-absolute{position:absolute}.fix{overflow:hidden}.bg-full{width:100%;height:100%;position:absolute;top:0;left:0}.bg-full img{object-fit:cover;width:100%;height:100%}.border-top-bottom{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.has-top-line{padding-top:10px;position:relative}.has-top-line:before{content:"";background-color:currentColor;width:100%;height:1px;position:absolute;top:0;left:0}.has-bottom-line{padding-bottom:10px;position:relative}.has-bottom-line:after{content:"";background-color:currentColor;width:100%;height:1px;position:absolute;bottom:0;left:0}.has-left-line{padding-inline-start:35px;display:inline-block;position:relative}.has-left-line:before{content:"";inset-inline-start:0;background-color:currentColor;width:30px;height:1px;position:absolute;top:50%;transform:translateY(-50%)}.has-right-line{padding-inline-end:35px;display:inline-block;position:relative}.has-right-line:after{content:"";inset-inline-end:0;background-color:currentColor;width:30px;height:1px;position:absolute;top:50%;transform:translateY(-50%)}.t-btn-play{width:56px;height:56px;color:var(--primary);border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .5s;display:inline-flex}@media only screen and (max-width:767px){.t-btn-play{border-width:1px;width:50px;height:50px;font-size:12px}}.t-btn-play:hover{color:var(--theme,--action)}.t-btn-play.light,.t-btn-play.light:hover{color:var(--white)}.t-btn-play.dark,.t-btn-play.dark:hover{color:var(--black)}.line-area{position:relative}.lines{justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.lines .line{z-index:1;background-color:#00515308;width:1px;height:100%;display:inline-block;position:relative}.t-btn-icon i{color:var(--primary);font-size:20px;transition:all .3s;transform:rotate(-45deg)}.t-btn-icon:hover i{transform:rotate(0)}.list-check li{margin-bottom:10px;padding-inline-start:30px;font-size:18px;font-weight:400;line-height:1.4;position:relative}.list-check li:before{content:"";inset-inline-start:0;background-image:url(/imgs/electrician/check-mark.webp);background-repeat:no-repeat;width:14px;height:14px;position:absolute;top:4px;transform:rotateY(0)}.list-check li:last-child{margin-bottom:0}.list-plus li{width:100%;padding-inline-start:30px;font-size:18px;font-weight:400;line-height:1.4;display:inline-block;position:relative}.list-plus li:before{content:"+";inset-inline-start:0;font-size:30px;font-weight:300;line-height:1;position:absolute;top:-10px}.list-plus li:not(:last-child){margin-bottom:10px}.pos-center{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pagination-with-dash{color:var(--primary);align-items:center;gap:10px;font-size:14px;display:flex}.pagination-with-dash .dash{background-color:var(--primary);width:100px;height:1px}.pagination-with-dash .swiper-pagination-current{align-items:center;gap:5px;display:flex}.pagination-with-dash .swiper-pagination-current:before{content:url(/imgs/icon/arrow-left.webp)}.pagination-with-dash .swiper-pagination-total{align-items:center;gap:5px;display:flex}.pagination-with-dash .swiper-pagination-total:after{content:url(/imgs/icon/arrow-right.webp)}.t__toggle_switcher .slide-toggle-wrapper{justify-content:center;display:flex}.t__toggle_switcher .slide-toggle-btn{--switcher-width:40px;--switcher-border-width:2px;--switcher-indicator-width:16px;-webkit-user-select:none;user-select:none;background-color:#f0f7f8;justify-content:center;align-items:center;gap:10px;display:flex}.t__toggle_switcher .slide-toggle-btn input{display:none}.t__toggle_switcher .before_label,.t__toggle_switcher .after_label{cursor:pointer;color:var(--primary);font-size:18px}.t__toggle_switcher .toggle-pane{display:none}.t__toggle_switcher .toggle-pane.show{display:block}.t__toggle_switcher.style-1 .switcher{width:var(--switcher-width);border:var(--switcher-border-width) solid #999;cursor:pointer;background-color:#999;border-radius:10px;height:20px;display:inline-block;position:relative}.t__toggle_switcher.style-1 .switcher:before{content:"";width:var(--switcher-indicator-width);height:var(--switcher-indicator-width);background-color:#fff;border-radius:50%;transition:transform .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.t__toggle_switcher.style-1 input:checked+.switcher:before{transform:translate(calc(var(--switcher-width) - (var(--switcher-indicator-width) + 2 * var(--switcher-border-width))), -50%)}.t__toggle_switcher.style-1 input:checked+.switcher{background-color:#000;border-color:#000}.t__toggle_switcher.style-2 .before_label,.t__toggle_switcher.style-2 .after_label{z-index:2;color:var(--primary);padding:22px 38px;font-size:16px;line-height:1;position:relative}.t__toggle_switcher.style-2 .before_label:after,.t__toggle_switcher.style-2 .after_label:after{content:"";background-color:var(--theme);z-index:-1;opacity:0;visibility:hidden;border-radius:60px;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.t__toggle_switcher.style-2 .before_label.active,.t__toggle_switcher.style-2 .after_label.active{color:var(--primary)}.t__toggle_switcher.style-2 .before_label.active:after,.t__toggle_switcher.style-2 .after_label.active:after{opacity:1;visibility:visible;transform:translate(0)}.t__toggle_switcher.style-2 .before_label:after{transform:translate(100%)}.t__toggle_switcher.style-2 .after_label:after{transform:translate(-100%)}.t__toggle_switcher.style-2 .slide-toggle-btn{border-radius:60px;gap:0}.parallax-view{overflow:hidden}.hover-reveal{cursor:none;position:relative;overflow:hidden}.hover-reveal:hover>:first-child{opacity:1!important}.hover-reveal>:first-child{opacity:0;z-index:1}.section-spacing{padding-top:100px;padding-bottom:100px}@media only screen and (max-width:1919px){.section-spacing{padding-top:90px;padding-bottom:90px}}@media only screen and (max-width:1399px){.section-spacing{padding-top:80px;padding-bottom:80px}}@media only screen and (max-width:1199px){.section-spacing{padding-top:60px;padding-bottom:60px}}.section-spacing-top{padding-top:100px}@media only screen and (max-width:1919px){.section-spacing-top{padding-top:90px}}@media only screen and (max-width:1399px){.section-spacing-top{padding-top:80px}}@media only screen and (max-width:1199px){.section-spacing-top{padding-top:60px}}.section-spacing-bottom{padding-bottom:100px}@media only screen and (max-width:1919px){.section-spacing-bottom{padding-bottom:90px}}@media only screen and (max-width:1399px){.section-spacing-bottom{padding-bottom:80px}}@media only screen and (max-width:1199px){.section-spacing-bottom{padding-bottom:60px}}.container{--bs-gutter-x:30px}@media (min-width:1600px){.container.full-hd{max-width:1920px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}}.section-subtitle{text-transform:uppercase;color:var(--primary);font-size:14px;font-weight:400;line-height:20px;display:inline-block}.section-title{font-size:100px}@media only screen and (max-width:1919px){.section-title{font-size:80px}}@media only screen and (max-width:1399px){.section-title{font-size:60px}}@media only screen and (max-width:1199px){.section-title{font-size:50px}}@media only screen and (max-width:991px){.section-title{font-size:40px}}@media only screen and (max-width:767px){.section-title{font-size:35px}}.section-title.font-instrumentsans-medium{font-family:var(--font_instrumentsans);font-weight:500;line-height:.9}.section-title.font-sequelsans-romanbody{font-family:var(--font_sequelsansromanbody);letter-spacing:-.07em;font-weight:310;line-height:.9}@media only screen and (max-width:991px){.section-title.font-sequelsans-romanbody{line-height:1.1}}.section-title.font-thunder-regular{font-family:var(--font_thunder);text-transform:uppercase;font-weight:400;line-height:.85}.section-title.font-thunder-regular span{font-family:var(--font_timesnow);color:#1116;line-height:0;display:inline-block}.section-title.font-bdogrotesk-regular{font-family:var(--font_bdogrotesk);letter-spacing:-.05em;font-weight:400;line-height:.95}@media only screen and (max-width:991px){.section-title.font-bdogrotesk-regular{line-height:1.1}}.section-title.font-tartuffotrial-thin{font-family:var(--font_tartuffotrial);font-weight:100;line-height:1}.text-invert>div{background-image:linear-gradient(to right, var(--primary) 50%, #cdc9c6 51%);color:#0000;background-position-x:100%;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.offcanvas-overlay{z-index:900;opacity:0;visibility:hidden;background:#000;width:100%;height:100%;transition:all .5s;position:fixed;top:0}.offcanvas-overlay.overlay-open{opacity:.5;visibility:visible}.side-info-close{background-color:var(--white);color:var(--black);border:1px solid var(--black);border-radius:50%;width:40px;height:40px;padding:0;font-size:18px;line-height:38px;transition:all .3s linear}.dark .side-info-close{color:var(--white);background-color:#292828}.side-info-close:hover{transform:rotate(90deg)}.side-info{background:var(--white) none repeat scroll 0 0;z-index:9999;overscroll-behavior-y:contain;scrollbar-width:none;width:500px;height:100%;padding:40px 45px;transition:transform .45s ease-in-out,opacity .45s ease-in-out;position:fixed;top:0;right:0;overflow-y:scroll;transform:translate(calc(100% + 80px))}.dark .side-info{background-color:var(--black)}.side-info ::-webkit-scrollbar{display:none}@media (max-width:575px){.side-info{width:100%;padding:30px}}.side-info.info-open{opacity:1;transform:translate(0)}.offset-header{justify-content:space-between;align-items:center;display:flex}.offset-logo{width:120px}@media (max-width:575px){.offset-logo{width:100px}}.offset-logo img{max-width:120px}.dark .offset-logo .light-logo,.offset-logo .dark-logo{display:none}.dark .offset-logo .dark-logo{display:block}.offset-button{margin-top:40px}@media (min-width:576px){.offset-button{display:none}}.offset-widget-box{margin-top:40px}.offset-widget-box .title{margin-bottom:15px;font-size:24px;line-height:1.33}@media only screen and (max-width:1919px){.offset-widget-box .title{margin-bottom:22px}}.offset-widget-box .contact-meta>:not(:first-child){margin-top:16px}.offset-widget-box .contact-item{align-items:center;gap:14px;display:flex}.offset-widget-box .contact-item span{color:var(--primary);font-weight:500}.offset-widget-box .contact-item span a:hover{color:var(--secondary)}.offset-widget-box .contact-item .icon{border:1px solid var(--primary);width:40px;min-width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.mobile-menu{margin-top:40px}.mobile-menu.mean-container .mean-nav>ul{width:100%;margin:0;padding:0;list-style-type:none;display:block!important}.mobile-menu.mean-container .mean-nav>ul>li:last-child>a{border-bottom:1px solid var(--border)}.mobile-menu.mean-container .mean-nav{background:0 0;margin-top:0}.mobile-menu.mean-container .mean-nav .new{color:var(--black-2);background:#ffa38e;border-radius:2px;align-items:center;padding:3px 7px;font-size:10px;font-weight:600;line-height:1;display:flex}.mobile-menu.mean-container .mean-nav ul li a{padding:15px 0;width:100%;color:var(--primary);text-transform:capitalize;border-top:1px solid var(--border);transform:translateY(var(--y)) translateZ(0);box-sizing:border-box;opacity:1;outline:none;justify-content:flex-start;align-items:center;gap:8px;padding-inline-start:0;font-size:18px;font-weight:500;line-height:1;transition:transform .4s,box-shadow .4s;display:flex}@media only screen and (max-width:767px){.mobile-menu.mean-container .mean-nav ul li a{font-size:20px}}.mobile-menu.mean-container .mean-nav ul li a:hover{color:var(--secondary)}.mobile-menu.mean-container .mean-nav ul li a.mean-expand{width:100%;height:48px;color:var(--primary);background:0 0;justify-content:end;font-weight:300;border:none!important}@media only screen and (max-width:767px){.mobile-menu.mean-container .mean-nav ul li a.mean-expand{height:50px}}.mobile-menu.mean-container .mean-nav ul li a.mean-expand:hover{opacity:1}.mobile-menu.mean-container .mean-nav ul li li:first-child{border-top:1px solid var(--border)}.mobile-menu.mean-container .mean-nav ul li li a{text-transform:capitalize;padding:12px 0;padding-inline-start:15px;font-size:16px;border-top:none!important}.mobile-menu.mean-container .mean-nav ul li li a.mean-expand{height:58px}@media only screen and (max-width:991px){.mobile-menu.mean-container .mean-nav ul li li a.mean-expand{height:25px}}@media only screen and (max-width:767px){.mobile-menu.mean-container .mean-nav ul li li a.mean-expand{height:22px}}.mobile-menu.mean-container .mean-nav ul li li li:last-child{border-bottom:1px solid var(--border)}.mobile-menu.mean-container .mean-nav ul li li li a{padding-left:40px}.mobile-menu.mean-container .mean-bar{max-height:auto;background:0 0;padding:0;overflow-y:scroll}.mobile-menu.mean-container .mean-bar::-webkit-scrollbar{width:0}.mobile-menu.mean-container a.meanmenu-reveal{display:none!important}.body-page-inner{z-index:100;background-color:#fff;position:relative}.body-page-inner.dark .header-area-2 .side-toggle{background-color:#1d1c1c}@media (min-width:1650px){.body-page-inner .container.large{--container-max-widths:1620px;--bs-gutter-x:30px;max-width:1650px}}.body-page-inner .header-area-2 .side-toggle{background-color:#f3f3f3}.body-page-inner .header-area-2__inner{border-bottom:1px solid var(--border)}.header-sticky{transition:all .5s}.transformed{z-index:800;width:100%;top:0;left:0;right:0;transform:translateY(-100%);position:fixed!important}.transformed .header-area__inner{height:80px}.sticky{z-index:800;background-color:#fff;width:100%;top:0;left:0;right:0;transform:translateY(0%);position:fixed!important}.sticky .header-area__inner{height:80px}.page-title-wrapper{margin-top:clamp(28px,4vw,68px);margin-bottom:clamp(10px,2vw,28px)}.page-title-wrapper .page-title{font-family:var(--font_thunder);letter-spacing:-.02em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(56px,13.5vw,240px);font-weight:600;line-height:.84}@media only screen and (min-width:1920px){.page-title-wrapper .page-title{font-size:clamp(240px,12vw,290px)}}html{--container-max-widths:1320px}@media only screen and (max-width:1399px){html{--container-max-widths:1140px}}@media only screen and (max-width:1199px){html{--container-max-widths:960px}}@media only screen and (max-width:991px){html{--container-max-widths:720px}}@media only screen and (max-width:767px){html{--container-max-widths:540px}}body{color:var(--secondary);background-color:#f8f8f8}.body-wrapper{background-color:var(--white)}.body-wrapper.dark{background-color:var(--black)}.img_anim_reveal{visibility:hidden;overflow:hidden}.img_anim_reveal img{object-fit:cover;transform-origin:0}.anim-reveal,.anim-reveal-line{overflow:hidden}.color-white{color:var(--white)}.color-black{color:var(--black)}.color-primary{color:var(--primary)}.color-secondary{color:var(--secondary)}.bg-white{background-color:var(--white)}.bg-black{background-color:var(--black)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000!important}.bg-theme{background-color:var(--theme)!important}.zi-1{z-index:1}.zi-2{z-index:2}.zi-0{z-index:0}.zi--1{z-index:-1}.text-underline{text-underline-offset:5px;text-decoration-skip-ink:none;text-decoration:underline;text-decoration-thickness:2px}.header__area-6{position:unset}.vertically-center{flex-direction:column;justify-content:center;height:100%;display:flex}.text-indent-40{text-indent:40px}.text-indent-50{text-indent:50px}header{z-index:100;margin-bottom:-1px}section{margin-bottom:-1px}.mb--1{margin-bottom:-5px}.dir-rtl{direction:rtl}.show-dark{display:none}.show-light{display:inline-block}.line-divider-sm{background-color:var(--black-9);height:.5px}.admin-bar header,.admin-bar .body-wrapper{margin-top:32px}.swiper,.swiper-container{direction:ltr}.border-e-0{border-inline-end:0!important}.border-s-0{border-inline-start:0!important}.body-portfolio-agency .header-area-7{width:100%;position:fixed;top:0;left:0;right:0}.portfolio{width:100vw;height:100vh}.portfolio__item{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;transition:all .8s cubic-bezier(.37,.23,0,.96);position:relative}.portfolio__content{z-index:9;position:absolute;bottom:200px;left:50px}@media (max-width:575px){.portfolio__content{top:120px;left:30px}}.portfolio__content-title{opacity:0;color:var(--white);font-size:100px;line-height:1.05;transform:translateY(-130px)}.portfolio__content-title a:hover{color:var(--white)}@media (max-width:575px){.portfolio__content-title{font-size:60px}}.portfolio__list{opacity:0;align-items:center;margin-top:40px;display:flex;transform:translateY(-150px)}.portfolio__list li a{color:var(--white);text-transform:uppercase;border:1px solid #fff3;border-radius:20px;padding:10px 17px;font-size:14px}.portfolio .swiper-slide{overflow:hidden}.portfolio-activ{width:100%;height:100%;position:absolute;top:0;left:0}.portfolio .slide-inner{z-index:1;text-align:left;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.portfolio .swiper-slide-active .portfolio__item{animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards}.portfolio .swiper-slide-active .portfolio__content-title{opacity:1;transition:all 2.2s;transform:translateY(0)}.portfolio .swiper-slide-active .portfolio__list{opacity:1;transition:all 2s;transform:translateY(0)}.portfolio__slider__arrow{z-index:99;align-items:center;gap:40px;display:flex;position:absolute;bottom:50px;right:50px}@media only screen and (max-width:991px){.portfolio__slider__arrow{gap:20px}}@media only screen and (max-width:767px){.portfolio__slider__arrow{left:50px}}@media (max-width:575px){.portfolio__slider__arrow{left:30px}}.portfolio__slider__arrow-prev,.portfolio__slider__arrow-next{color:var(--white);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.portfolio .portfolio-pagination{z-index:9;display:inline-block;position:absolute;bottom:50px;left:50px}@media (max-width:575px){.portfolio .portfolio-pagination{left:30px}}.portfolio .swiper-pagination-bullet{background:#ffffff4d;border-radius:5px;width:150px;height:10px;margin:0 5px;transition:all .4s;display:inline-block;position:relative;overflow:hidden}@media only screen and (max-width:1199px){.portfolio .swiper-pagination-bullet{width:120px}}@media only screen and (max-width:991px){.portfolio .swiper-pagination-bullet{width:90px}}@media only screen and (max-width:767px){.portfolio .swiper-pagination-bullet{width:70px;bottom:45px}}@media (max-width:575px){.portfolio .swiper-pagination-bullet{width:40px}}.portfolio .swiper-pagination-bullet:before{content:"";z-index:9;background:#ffffff4d;border-radius:5px;width:150px;height:100%;transition:all .6s;position:absolute;left:0}.portfolio .swiper-pagination-bullet:after{content:"";z-index:8;background-color:#fff;width:0;height:100%;transition:all .6s;position:absolute;left:0}.portfolio .swiper-pagination-bullet-active:after{opacity:1;width:100%}.portfolio-2 .line-effect{transform-origin:0 100%;flex-direction:column;gap:10px;width:100vh;height:50vw;transition:all .8s ease-in-out;display:flex;position:absolute;top:0;left:0;transform:translateY(-100%)rotate(90deg)}@media (max-width:575px){.portfolio-2 .line-effect{gap:1px}}.portfolio-2 .line:first-child{height:1px}.portfolio-2 .line:nth-child(2){height:5px}.portfolio-2 .line:nth-child(3){height:10px}.portfolio-2 .line:nth-child(4){height:20px}.portfolio-2 .line:nth-child(5){height:30px}.portfolio-2 .line:nth-child(6){height:40px}.portfolio-2 .line:nth-child(7){height:50px}.portfolio-2 .line:nth-child(8){height:60px}.portfolio-2 .line:nth-child(9){height:70px}.portfolio-2 .line:nth-child(10){height:80px}.portfolio-2 .line:nth-child(11){height:90px}.portfolio-2 .line:nth-child(12),.portfolio-2 .line:nth-child(13),.portfolio-2 .line:nth-child(14),.portfolio-2 .line:nth-child(15),.portfolio-2 .line:nth-child(16),.portfolio-2 .line:nth-child(17),.portfolio-2 .line:nth-child(18),.portfolio-2 .line:nth-child(19),.portfolio-2 .line:nth-child(20){height:100px}.portfolio-2 .line{transform-origin:50%;background:#fff;width:100%;transition:transform .8s ease-in-out,height .5s ease-in-out}.portfolio-2 .swiper-slide-active .line{transform:scaleY(0)}.portfolio-2 .swiper-slide-active .line-effect{transform:scaleY(-50px)}.portfolio-2__item{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;transition:all .8s cubic-bezier(.37,.23,0,.96);position:relative}.portfolio-2__content{z-index:9;position:absolute;bottom:200px;left:50px}@media (max-width:575px){.portfolio-2__content{top:120px;left:30px}}.portfolio-2__content-title{opacity:0;color:var(--white);font-size:100px;line-height:1.05;transform:translateY(-130px)}.portfolio-2__content-title a:hover{color:var(--white)}@media (max-width:575px){.portfolio-2__content-title{font-size:60px}}.portfolio-2__list{opacity:0;align-items:center;margin-top:40px;display:flex;transform:translateY(-150px)}.portfolio-2__list li a{color:var(--white);text-transform:uppercase;border:1px solid #fff3;border-radius:20px;padding:10px 17px;font-size:14px}.portfolio-2 .swiper-slide-active .portfolio-2__item{animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards}.portfolio-2 .swiper-slide-active .portfolio-2__content-title{opacity:1;transition:all 2.2s;transform:translateY(0)}.portfolio-2 .swiper-slide-active .portfolio-2__list{opacity:1;transition:all 2s;transform:translateY(0)}.portfolio-2__slider__arrow{z-index:99;align-items:center;gap:40px;display:flex;position:absolute;bottom:50px;right:50px}@media only screen and (max-width:991px){.portfolio-2__slider__arrow{gap:20px}}@media only screen and (max-width:767px){.portfolio-2__slider__arrow{left:50px}}@media (max-width:575px){.portfolio-2__slider__arrow{left:30px}}.portfolio-2__slider__arrow-prev,.portfolio-2__slider__arrow-next{color:var(--white);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.portfolio-2 .portfolio-2-pagination{z-index:9;display:inline-block;position:absolute;bottom:50px;left:50px}@media (max-width:575px){.portfolio-2 .portfolio-2-pagination{left:30px}}.portfolio-2 .swiper-pagination-bullet{background:#ffffff4d;border-radius:5px;width:150px;height:10px;margin:0 5px;transition:all .4s;display:inline-block;position:relative;overflow:hidden}@media only screen and (max-width:1199px){.portfolio-2 .swiper-pagination-bullet{width:120px}}@media only screen and (max-width:991px){.portfolio-2 .swiper-pagination-bullet{width:90px}}@media only screen and (max-width:767px){.portfolio-2 .swiper-pagination-bullet{width:70px;bottom:45px}}.portfolio-2 .swiper-pagination-bullet:before{content:"";z-index:9;background:#ffffff4d;border-radius:5px;width:150px;height:100%;transition:all .6s;position:absolute;left:0}.portfolio-2 .swiper-pagination-bullet:after{content:"";z-index:8;background-color:#fff;width:0;height:100%;transition:all .6s;position:absolute;left:0}.portfolio-2 .swiper-pagination-bullet-active:after{opacity:1;width:100%}.portfolio-3__item{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;transition:all .8s cubic-bezier(.37,.23,0,.96);position:relative}.portfolio-3 .grid-mask{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.portfolio-3 .grid-mask div{background-color:var(--white);width:100%;height:100%;transition:opacity .6s ease-in-out}.portfolio-3 .swiper-slide-active .grid-mask div{opacity:0}.portfolio-3__content{z-index:9;position:absolute;bottom:200px;left:50px}@media (max-width:575px){.portfolio-3__content{top:120px;left:30px}}.portfolio-3__content-title{opacity:0;color:var(--white);font-size:100px;line-height:1.05;transform:translateY(-130px)}.portfolio-3__content-title a:hover{color:var(--white)}@media (max-width:575px){.portfolio-3__content-title{font-size:60px}}.portfolio-3__list{opacity:0;align-items:center;margin-top:40px;display:flex;transform:translateY(-150px)}.portfolio-3__list li a{color:var(--white);text-transform:uppercase;border:1px solid #fff3;border-radius:20px;padding:10px 17px;font-size:14px}.portfolio-3 .swiper-slide-active .portfolio-3__item{animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards}.portfolio-3 .swiper-slide-active .portfolio-3__content-title{opacity:1;transition:all 2.2s;transform:translateY(0)}.portfolio-3 .swiper-slide-active .portfolio-3__list{opacity:1;transition:all 2s;transform:translateY(0)}.portfolio-3__slider__arrow{z-index:99;align-items:center;gap:40px;display:flex;position:absolute;bottom:50px;right:50px}@media only screen and (max-width:991px){.portfolio-3__slider__arrow{gap:20px}}@media only screen and (max-width:767px){.portfolio-3__slider__arrow{left:50px}}@media (max-width:575px){.portfolio-3__slider__arrow{left:30px}}.portfolio-3__slider__arrow-prev,.portfolio-3__slider__arrow-next{color:var(--white);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.portfolio-3 .portfolio-3-pagination{z-index:9;display:inline-block;position:absolute;bottom:50px;left:50px}@media (max-width:575px){.portfolio-3 .portfolio-3-pagination{left:30px}}.portfolio-3 .swiper-pagination-bullet{background:#ffffff4d;border-radius:5px;width:150px;height:10px;margin:0 5px;transition:all .4s;display:inline-block;position:relative;overflow:hidden}@media only screen and (max-width:1199px){.portfolio-3 .swiper-pagination-bullet{width:120px}}@media only screen and (max-width:991px){.portfolio-3 .swiper-pagination-bullet{width:90px}}@media only screen and (max-width:767px){.portfolio-3 .swiper-pagination-bullet{width:70px;bottom:45px}}.portfolio-3 .swiper-pagination-bullet:before{content:"";z-index:9;background:#ffffff4d;border-radius:5px;width:150px;height:100%;transition:all .6s;position:absolute;left:0}.portfolio-3 .swiper-pagination-bullet:after{content:"";z-index:8;background-color:#fff;width:0;height:100%;transition:all .6s;position:absolute;left:0}.portfolio-3 .swiper-pagination-bullet-active:after{opacity:1;width:100%}.portfolio-4 .slider{min-height:50vh}.portfolio-4 .slider .swiper-slide{justify-content:center;height:100%;display:flex;position:relative;overflow:hidden}.portfolio-4 .slider .swiper-slide .slide-inner{width:100%;height:100vh;position:absolute;top:0;left:0}.portfolio-4 .slider .swiper-slide .slide-inner img{object-fit:cover;width:100vw;height:100vh;margin:auto;position:absolute;top:0;bottom:0;left:0}.portfolio-4 .swiper-container{width:100%;height:100vh;position:relative}.portfolio-4__content{z-index:9;position:absolute;bottom:200px;left:50px}@media (max-width:575px){.portfolio-4__content{top:120px;left:30px}}.portfolio-4__content-title{opacity:0;color:var(--white);font-size:100px;line-height:1.05;transform:translateY(-130px)}.portfolio-4__content-title a:hover{color:var(--white)}@media (max-width:575px){.portfolio-4__content-title{font-size:60px}}.portfolio-4__list{opacity:0;align-items:center;margin-top:40px;display:flex;transform:translateY(-150px)}.portfolio-4__list li a{color:var(--white);text-transform:uppercase;border:1px solid #fff3;border-radius:20px;padding:10px 17px;font-size:14px}.portfolio-4 .swiper-slide-active .portfolio-4__item{animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards}.portfolio-4 .swiper-slide-active .portfolio-4__content-title{opacity:1;transition:all 2.2s;transform:translateY(0)}.portfolio-4 .swiper-slide-active .portfolio-4__list{opacity:1;transition:all 2s;transform:translateY(0)}.portfolio-4__slider{width:100vw;height:100vh}.portfolio-4__slider__arrow{z-index:99;align-items:center;gap:40px;display:flex;position:absolute;bottom:50px;right:50px}@media only screen and (max-width:991px){.portfolio-4__slider__arrow{gap:20px}}@media only screen and (max-width:767px){.portfolio-4__slider__arrow{left:50px}}@media (max-width:575px){.portfolio-4__slider__arrow{left:30px}}.portfolio-4__slider__arrow-prev,.portfolio-4__slider__arrow-next{color:var(--white);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.portfolio-4 .portfolio-4-pagination{z-index:9;bottom:50px;left:50px;top:inherit;transform:inherit;gap:15px;display:flex;position:absolute;right:0}@media (max-width:575px){.portfolio-4 .portfolio-4-pagination{left:30px}}.portfolio-4 .swiper-pagination-bullet{background:#ffffff4d;border-radius:5px;width:150px;height:10px;margin:0 5px;transition:all .4s;display:inline-block;position:relative;overflow:hidden}@media only screen and (max-width:1199px){.portfolio-4 .swiper-pagination-bullet{width:120px}}@media only screen and (max-width:991px){.portfolio-4 .swiper-pagination-bullet{width:90px}}@media only screen and (max-width:767px){.portfolio-4 .swiper-pagination-bullet{width:70px;bottom:45px}}.portfolio-4 .swiper-pagination-bullet:before{content:"";z-index:9;background:#ffffff4d;border-radius:5px;width:150px;height:100%;transition:all .6s;position:absolute;left:0}.portfolio-4 .swiper-pagination-bullet:after{content:"";z-index:8;background-color:#fff;width:0;height:100%;transition:all .6s;position:absolute;left:0}.portfolio-4 .swiper-pagination-bullet-active:after{opacity:1;width:100%}.portfolio-5{width:100vw;max-width:100vw;height:100vh}.portfolio-5__item{background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:relative}.portfolio-5__content{z-index:9;position:absolute;bottom:200px;left:50px}@media (max-width:575px){.portfolio-5__content{top:120px;left:30px}}.portfolio-5__content-title{opacity:0;color:var(--white);font-size:100px;line-height:1.05;transform:translateY(-130px)}.portfolio-5__content-title a:hover{color:var(--white)}@media (max-width:575px){.portfolio-5__content-title{font-size:60px}}.portfolio-5__list{opacity:0;align-items:center;margin-top:40px;display:flex;transform:translateY(-150px)}.portfolio-5__list li a{color:var(--white);text-transform:uppercase;border:1px solid #fff3;border-radius:20px;padding:10px 17px;font-size:14px}.portfolio-5 .swiper-slide-active .portfolio-5__item{animation-name:qodef-animate-slide-out;animation-duration:1.3s;animation-fill-mode:forwards}.portfolio-5 .swiper-slide-active .portfolio-5__content-title{opacity:1;transition:all 2.2s;transform:translateY(0)}.portfolio-5 .swiper-slide-active .portfolio-5__list{opacity:1;transition:all 2s;transform:translateY(0)}.portfolio-5__slider{width:100vw;height:100vh}.portfolio-5__slider__arrow{z-index:99;align-items:center;gap:40px;display:flex;position:absolute;bottom:50px;right:50px}@media only screen and (max-width:991px){.portfolio-5__slider__arrow{gap:20px}}@media only screen and (max-width:767px){.portfolio-5__slider__arrow{left:50px}}@media (max-width:575px){.portfolio-5__slider__arrow{left:30px}}.portfolio-5__slider__arrow-prev,.portfolio-5__slider__arrow-next{color:var(--white);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.portfolio-5 .swiper{width:100vw;max-width:100vw;height:100vh}.portfolio-5 img{margin:0!important;padding:0!important}.portfolio-5 .swiper-slicer-image{max-width:unset}.portfolio-5 .portfolio-5-pagination{z-index:9;bottom:50px;left:50px;top:inherit;transform:inherit;gap:15px;display:flex;position:absolute;right:0}@media (max-width:575px){.portfolio-5 .portfolio-5-pagination{left:30px}}.portfolio-5 .swiper-pagination-bullet{background:#ffffff4d;border-radius:5px;width:150px;height:10px;margin:0 5px;transition:all .4s;display:inline-block;position:relative;overflow:hidden}@media only screen and (max-width:1199px){.portfolio-5 .swiper-pagination-bullet{width:120px}}@media only screen and (max-width:991px){.portfolio-5 .swiper-pagination-bullet{width:90px}}@media only screen and (max-width:767px){.portfolio-5 .swiper-pagination-bullet{width:70px;bottom:45px}}.portfolio-5 .swiper-pagination-bullet:before{content:"";z-index:9;background:#ffffff4d;border-radius:5px;width:150px;height:100%;transition:all .6s;position:absolute;left:0}.portfolio-5 .swiper-pagination-bullet:after{content:"";z-index:8;background-color:#fff;width:0;height:100%;transition:all .6s;position:absolute;left:0}.portfolio-5 .swiper-pagination-bullet-active:after{opacity:1;width:100%}.project-detail-area .detail-header{margin-bottom:50px}.project-detail-area .detail-title-row{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:10px;display:flex}.project-detail-area .detail-title{font-size:clamp(32px,5vw,56px);line-height:1.1}.project-detail-area .detail-badge{white-space:nowrap;border:1px solid #ffffff40;border-radius:100px;padding:6px 18px;font-size:13px;display:inline-block}.project-detail-area .detail-client{opacity:.5;font-size:16px}.project-detail-area .section-label{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:24px;font-size:13px}.project-detail-area .detail-info-split{grid-template-columns:1.5fr 1fr;gap:60px;margin:80px 0;display:grid}@media (max-width:767px){.project-detail-area .detail-info-split{grid-template-columns:1fr;gap:40px}}.project-detail-area .detail-description .text{opacity:.8;font-size:17px;line-height:1.7}.project-detail-area .detail-sidebar .sidebar-block{margin-bottom:30px}.project-detail-area .detail-sidebar .sidebar-label{text-transform:uppercase;letter-spacing:1.5px;opacity:.5;margin-bottom:12px;font-size:13px}.project-detail-area .detail-sidebar .sidebar-list{padding:0;list-style:none}.project-detail-area .detail-sidebar .sidebar-list li{border-bottom:1px solid #ffffff14;padding:6px 0;font-size:15px}.project-detail-area .tech-badges{flex-wrap:wrap;gap:8px;display:flex}.project-detail-area .tech-badge{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:6px 14px;font-size:12px}.project-detail-area .detail-pagination{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:60px;padding:60px 0 0;display:flex}.project-detail-area .detail-pagination .pagination-link{color:inherit;text-decoration:none;transition:opacity .3s}.project-detail-area .detail-pagination .pagination-link:hover{opacity:.7}.project-detail-area .detail-pagination .pagination-label{text-transform:uppercase;letter-spacing:1.5px;opacity:.4;margin-bottom:4px;font-size:12px;display:block}.project-detail-area .detail-pagination .pagination-title{font-size:18px;display:block}.project-detail-area .detail-pagination .prev .pagination-title:before{content:"← "}.project-detail-area .detail-pagination .next{text-align:right}.project-detail-area .detail-pagination .next .pagination-title:after{content:" →"}.project-detail-area .detail-pagination .pagination-back{color:inherit;border:1px solid #fff3;border-radius:100px;padding:8px 20px;font-size:13px;text-decoration:none;transition:all .3s}.project-detail-area .detail-pagination .pagination-back:hover{color:#111;background:#fff}.project-detail-website .website-browser-hero{border:1px solid #ffffff1a;border-radius:12px;margin-bottom:60px;overflow:hidden}.project-detail-website .website-browser-hero .browser-chrome{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:14px 20px;display:flex}.project-detail-website .website-browser-hero .browser-dots{gap:6px;display:flex}.project-detail-website .website-browser-hero .browser-dots .dot{border-radius:50%;width:12px;height:12px}.project-detail-website .website-browser-hero .browser-dots .dot.red{background:#ff5f57}.project-detail-website .website-browser-hero .browser-dots .dot.yellow{background:#febc2e}.project-detail-website .website-browser-hero .browser-dots .dot.green{background:#28c840}.project-detail-website .website-browser-hero .browser-address-bar{opacity:.35;background:#ffffff0a;border-radius:8px;flex:1;max-width:400px;margin-left:16px;padding:6px 20px;font-size:13px}.project-detail-website .website-browser-hero .browser-viewport img{width:100%;display:block}.project-detail-website .website-features{margin:80px 0}.project-detail-website .features-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}@media (max-width:991px){.project-detail-website .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.project-detail-website .features-grid{grid-template-columns:1fr}}.project-detail-website .feature-item{border:1px solid #ffffff14;border-radius:12px;padding:30px}.project-detail-website .feature-item .feature-number{opacity:.15;margin-bottom:16px;font-size:36px;font-weight:700;display:block}.project-detail-website .feature-item h4{margin-bottom:8px;font-size:18px}.project-detail-website .feature-item p{opacity:.6;font-size:14px;line-height:1.6}.project-detail-website .website-responsive-gallery{margin:80px 0}.project-detail-website .responsive-frames{justify-content:center;align-items:flex-end;gap:30px;padding:0 40px;display:flex;overflow-x:auto}@media (max-width:767px){.project-detail-website .responsive-frames{gap:16px;padding:0 20px}}.project-detail-website .responsive-frame{border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;overflow:hidden}.project-detail-website .responsive-frame .frame-label{text-align:center;text-transform:uppercase;letter-spacing:1.5px;opacity:.4;padding:10px;font-size:11px}.project-detail-website .responsive-frame .frame-body img{width:100%;display:block}.project-detail-website .responsive-frame-desktop{width:50%;max-width:600px}.project-detail-website .responsive-frame-tablet{width:30%;max-width:350px}.project-detail-website .responsive-frame-mobile{width:18%;max-width:200px}.project-detail-branding .branding-logo-showcase{margin-bottom:60px}.project-detail-branding .branding-logo-showcase .logo-main{text-align:center;background:#ffffff05;border-radius:16px;padding:60px}.project-detail-branding .branding-logo-showcase .logo-main img{max-width:80%;margin:0 auto;display:block}.project-detail-branding .branding-story{grid-template-columns:1.5fr 1fr;gap:60px;margin:80px 0;display:grid}@media (max-width:767px){.project-detail-branding .branding-story{grid-template-columns:1fr;gap:40px}}.project-detail-branding .branding-story .story-content .text{opacity:.8;font-size:17px;line-height:1.7}.project-detail-branding .branding-story .meta-block{margin-bottom:24px}.project-detail-branding .branding-story .meta-block h4{text-transform:uppercase;letter-spacing:1.5px;opacity:.4;margin-bottom:8px;font-size:12px}.project-detail-branding .branding-story .meta-block ul{padding:0;list-style:none}.project-detail-branding .branding-story .meta-block ul li{padding:3px 0;font-size:15px}.project-detail-branding .branding-palette{margin:80px 0}.project-detail-branding .palette-swatches{flex-wrap:wrap;gap:16px;display:flex}.project-detail-branding .swatch{text-align:center;flex:1;min-width:100px}.project-detail-branding .swatch .swatch-color{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:16px;width:100%;margin-bottom:12px}.project-detail-branding .swatch .swatch-hex{opacity:.5;font-family:monospace;font-size:13px}.project-detail-branding .branding-typography{margin:80px 0}.project-detail-branding .type-specimens{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (max-width:575px){.project-detail-branding .type-specimens{grid-template-columns:1fr}}.project-detail-branding .type-specimen{border:1px solid #ffffff14;border-radius:12px;padding:40px}.project-detail-branding .type-specimen .type-label{text-transform:uppercase;letter-spacing:2px;opacity:.4;margin-bottom:20px;font-size:11px;display:block}.project-detail-branding .type-specimen .type-sample{margin-bottom:12px;font-size:48px;line-height:1.2}@media (max-width:767px){.project-detail-branding .type-specimen .type-sample{font-size:32px}}.project-detail-branding .type-specimen .type-name{opacity:.4;font-size:14px}.project-detail-branding .branding-applications{margin:80px 0}.project-detail-branding .applications-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:30px;display:grid}.project-detail-branding .applications-grid .application-item img{width:100%;display:block}@media (max-width:575px){.project-detail-branding .applications-grid{grid-template-columns:1fr}}.project-detail-social .social-hero{grid-template-columns:300px 1fr;align-items:center;gap:60px;margin-bottom:60px;display:grid}@media (max-width:767px){.project-detail-social .social-hero{grid-template-columns:1fr;gap:40px}}.project-detail-social .phone-mockup-large{background:#1a1a1a;border:3px solid #ffffff1f;border-radius:40px;max-width:300px;margin:0 auto;padding:12px}.project-detail-social .phone-mockup-large .phone-notch{z-index:1;background:#1a1a1a;border-radius:0 0 16px 16px;width:100px;height:24px;margin:-1px auto 0;position:relative}.project-detail-social .phone-mockup-large .phone-screen{border-radius:28px;margin-top:-12px;overflow:hidden}.project-detail-social .phone-mockup-large .phone-screen img{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}.project-detail-social .phone-mockup-large .phone-home-indicator{background:#fff3;border-radius:4px;width:100px;height:4px;margin:12px auto 4px}.project-detail-social .social-hero-info .text{opacity:.8;margin-bottom:30px;font-size:17px;line-height:1.7}.project-detail-social .social-hero-info .social-meta-list .meta-block{margin-bottom:20px}.project-detail-social .social-hero-info .social-meta-list .meta-block h4{text-transform:uppercase;letter-spacing:1.5px;opacity:.4;margin-bottom:6px;font-size:12px}.project-detail-social .social-hero-info .social-meta-list .meta-block ul{padding:0;list-style:none}.project-detail-social .social-hero-info .social-meta-list .meta-block ul li{padding:2px 0;font-size:15px}.project-detail-social .social-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin:60px 0;display:grid}@media (max-width:767px){.project-detail-social .social-stats{grid-template-columns:repeat(2,1fr)}}.project-detail-social .stat-card{text-align:center;border:1px solid #ffffff14;border-radius:16px;padding:40px 20px}.project-detail-social .stat-card .stat-number{margin-bottom:8px;font-size:42px;font-weight:700;line-height:1;display:block}.project-detail-social .stat-card .stat-label{opacity:.4;text-transform:uppercase;letter-spacing:1px;font-size:13px}.project-detail-social .social-content-feed{margin:80px 0}.project-detail-social .feed-scroll{-webkit-overflow-scrolling:touch;gap:4px;padding:20px 40px;display:flex;overflow-x:auto}.project-detail-social .feed-scroll::-webkit-scrollbar{display:none}.project-detail-social .feed-post{flex-shrink:0;width:280px}.project-detail-social .feed-post .feed-post-image{border-radius:4px;overflow:hidden}.project-detail-social .feed-post .feed-post-image img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.project-detail-media .media-cinematic-hero{margin-bottom:60px;position:relative}.project-detail-media .media-cinematic-hero .cinematic-frame{position:relative;overflow:hidden}.project-detail-media .media-cinematic-hero .cinematic-frame img{aspect-ratio:21/9;object-fit:cover;width:100%;display:block}.project-detail-media .media-cinematic-hero .cinematic-play{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-detail-media .media-cinematic-hero .play-circle{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .3s,background .3s;display:flex}.project-detail-media .media-cinematic-hero .play-circle svg{margin-left:4px}.project-detail-media .media-cinematic-hero .play-circle:hover{background:#ffffff40;transform:scale(1.1)}.project-detail-media .media-cinematic-hero .play-text{text-transform:uppercase;letter-spacing:2px;color:#fff;opacity:.7;font-size:12px}.project-detail-media .media-cinematic-hero .cinematic-bars .bar{background:#ffffff08;height:4px}.project-detail-media .media-cinematic-hero .cinematic-bars .bar:first-child{background:#000;height:30px}.project-detail-media .media-cinematic-hero .cinematic-bars .bar:last-child{background:#000;width:100%;height:30px;position:absolute;top:0}.project-detail-media .media-info-row{grid-template-columns:1fr 1fr;gap:60px;margin:80px 0;display:grid}@media (max-width:767px){.project-detail-media .media-info-row{grid-template-columns:1fr;gap:40px}}.project-detail-media .media-info-row .media-description .text{opacity:.8;font-size:17px;line-height:1.7}.project-detail-media .production-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.project-detail-media .production-item{border-bottom:1px solid #ffffff0f;padding:16px 0}.project-detail-media .production-item .production-label{text-transform:uppercase;letter-spacing:1.5px;opacity:.35;margin-bottom:4px;font-size:11px;display:block}.project-detail-media .production-item .production-value{font-size:15px}.project-detail-media .media-bts-gallery{margin:80px 0}.project-detail-media .bts-masonry{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:30px;display:grid}.project-detail-media .bts-masonry .bts-item img{width:100%;display:block}.project-detail-media .bts-masonry .bts-item-wide{grid-column:span 2}@media (max-width:575px){.project-detail-media .bts-masonry .bts-item-wide{grid-column:span 1}.project-detail-media .bts-masonry{grid-template-columns:1fr}}.project-detail-uiux .uiux-device-hero{justify-content:center;margin-bottom:60px;display:flex}.project-detail-uiux .device-showcase.device-phone .device-outer{background:#1a1a1a;border:3px solid #ffffff1f;border-radius:40px;max-width:340px;padding:14px}.project-detail-uiux .device-showcase.device-phone .device-outer .phone-notch{z-index:1;background:#1a1a1a;border-radius:0 0 16px 16px;width:100px;height:24px;margin:0 auto -12px;position:relative}.project-detail-uiux .device-showcase.device-phone .device-outer .device-viewport{border-radius:28px;overflow:hidden}.project-detail-uiux .device-showcase.device-phone .device-outer .device-viewport img{width:100%;display:block}.project-detail-uiux .device-showcase.device-desktop .device-outer{background:#ffffff05;border:2px solid #ffffff1a;border-radius:16px;max-width:900px;overflow:hidden}.project-detail-uiux .device-showcase.device-desktop .device-outer .desktop-toolbar{border-bottom:1px solid #ffffff14;gap:6px;padding:12px 16px;display:flex}.project-detail-uiux .device-showcase.device-desktop .device-outer .desktop-toolbar .dot{background:#ffffff26;border-radius:50%;width:10px;height:10px}.project-detail-uiux .device-showcase.device-desktop .device-outer .device-viewport img{width:100%;display:block}.project-detail-uiux .uiux-process{margin:80px 0}.project-detail-uiux .process-timeline{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:991px){.project-detail-uiux .process-timeline{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.project-detail-uiux .process-timeline{grid-template-columns:1fr}}.project-detail-uiux .process-step{border:1px solid #ffffff14;border-radius:16px;padding:30px;position:relative}.project-detail-uiux .process-step .step-number{opacity:.08;margin-bottom:16px;font-size:48px;font-weight:700;line-height:1;display:block}.project-detail-uiux .process-step .step-title{margin-bottom:8px;font-size:18px}.project-detail-uiux .process-step .step-desc{opacity:.6;font-size:14px;line-height:1.6}.project-detail-uiux .uiux-screens-gallery{margin:80px 0}.project-detail-uiux .screens-scroll{-webkit-overflow-scrolling:touch;gap:24px;padding:20px 40px;display:flex;overflow-x:auto}.project-detail-uiux .screens-scroll::-webkit-scrollbar{display:none}.project-detail-uiux .screen-card{flex-shrink:0}.project-detail-uiux .screen-card.screen-phone{width:200px}.project-detail-uiux .screen-card.screen-phone .screen-frame{background:#1a1a1a;border:2px solid #ffffff1a;border-radius:24px;padding:8px}.project-detail-uiux .screen-card.screen-phone .screen-frame .mini-notch{background:#ffffff26;border-radius:4px;width:50px;height:4px;margin:4px auto 6px}.project-detail-uiux .screen-card.screen-phone .screen-frame .screen-image{border-radius:16px;overflow:hidden}.project-detail-uiux .screen-card.screen-phone .screen-frame .screen-image img{width:100%;display:block}.project-detail-uiux .screen-card.screen-desktop{width:500px}.project-detail-uiux .screen-card.screen-desktop .screen-frame{background:#ffffff05;border:2px solid #ffffff1a;border-radius:12px;overflow:hidden}.project-detail-uiux .screen-card.screen-desktop .screen-frame .screen-image img{width:100%;display:block}.portfolio-category-area .category-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(28px,3vw,48px);margin-top:clamp(36px,4vw,60px);display:grid}@media (max-width:575px){.portfolio-category-area .category-grid{grid-template-columns:1fr}}.portfolio-category-area .category-card{text-decoration:none;transition:transform .55s cubic-bezier(.16,1,.3,1);display:block}.portfolio-category-area .category-card:hover{transform:translateY(-10px)}.portfolio-category-area .category-card:hover .category-card-arrow{opacity:1;transform:translate(3px,-3px)}.portfolio-category-area .category-card:hover .category-card-title{color:var(--theme,#2a5bb8)}.portfolio-category-area .category-card-image{aspect-ratio:4/3;background:linear-gradient(165deg,#f7f7f8 0%,#ecedef 100%);border-radius:16px;justify-content:center;align-items:center;padding:clamp(14px,4%,34px);display:flex;position:relative;overflow:hidden}.portfolio-category-area .category-card-image .jdv-mock{width:100%}.portfolio-category-area .category-card--social-media .category-card-image{background:linear-gradient(165deg,#23232a 0%,#101014 100%)}.portfolio-category-area .category-card--branding .category-card-image{background:linear-gradient(165deg,#f6efe4 0%,#e6d9c7 100%)}.portfolio-category-area .category-card-content{padding:22px 2px 0}.portfolio-category-area .category-card-title{align-items:center;gap:10px;margin-bottom:6px;font-size:clamp(20px,1.6vw,26px);line-height:1.25;transition:color .3s;display:flex}.portfolio-category-area .category-card-arrow{opacity:.45;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;display:inline-flex}.portfolio-category-area .category-card-count{opacity:.6;margin-bottom:8px;font-size:14px}.portfolio-category-area .category-card-desc{opacity:.7;margin-bottom:0;font-size:clamp(14px,1vw,15px);line-height:1.6}.portfolio-filter-tabs{flex-wrap:wrap;gap:10px;margin-bottom:clamp(36px,4vw,60px);display:flex}.portfolio-filter-tabs .filter-tab{color:#111;cursor:pointer;background:0 0;border:1px solid #11111124;border-radius:100px;align-items:center;gap:8px;padding:9px 22px;font-family:inherit;font-size:14px;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex}.portfolio-filter-tabs .filter-tab__count{opacity:.5;font-size:11px;line-height:1}.portfolio-filter-tabs .filter-tab:hover,.portfolio-filter-tabs .filter-tab.active{color:#fff;background:#111;border-color:#111}.portfolio-grid-website{--wc-ink:#111;--wc-muted:#11111194;--wc-line:#1111111f}.portfolio-grid-website .website-grid{grid-template-columns:repeat(2,1fr);gap:clamp(36px,4vw,72px) clamp(28px,3vw,48px);display:grid}@media (max-width:991px){.portfolio-grid-website .website-grid{grid-template-columns:1fr}}.portfolio-grid-website .website-card{flex-direction:column;display:flex}.portfolio-grid-website .website-card__media{border-radius:16px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden}.portfolio-grid-website .website-card__media:hover{transform:translateY(-6px)}.portfolio-grid-website .website-card__body{padding-top:26px}.portfolio-grid-website .website-card__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.portfolio-grid-website .website-card__title{margin:0;font-size:clamp(20px,1.9vw,26px);line-height:1.2}.portfolio-grid-website .website-card__title a{color:var(--wc-ink);text-decoration:none}.portfolio-grid-website .website-card__title a:hover{text-underline-offset:4px;text-decoration:underline}.portfolio-grid-website .website-card__tag{border:1px solid var(--wc-line);color:var(--wc-muted);white-space:nowrap;border-radius:100px;flex:none;padding:5px 14px;font-size:12px;line-height:1.3}.portfolio-grid-website .website-card__desc{color:var(--wc-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 22px;font-size:15px;line-height:1.66;display:-webkit-box;overflow:hidden}.portfolio-grid-website .website-card__foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.portfolio-grid-website .website-card__case{border:1px solid var(--wc-line);color:var(--wc-ink);border-radius:100px;padding:11px 24px;font-size:13px;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s}.portfolio-grid-website .website-card__case:hover{background:var(--wc-ink);border-color:var(--wc-ink);color:#fff}.portfolio-grid-website .website-card__visit{border:1px solid var(--wc-ink);background:var(--wc-ink);color:#fff;border-radius:100px;align-items:center;gap:8px;padding:11px 22px;font-size:13px;text-decoration:none;transition:background-color .3s,color .3s;display:inline-flex}.portfolio-grid-website .website-card__visit svg{transition:transform .3s}.portfolio-grid-website .website-card__visit:hover{color:var(--wc-ink);background:0 0}.portfolio-grid-website .website-card__visit:hover svg{transform:translate(2px,-2px)}.portfolio-grid-website .website-card{height:100%}.portfolio-grid-website .website-card__body{flex-direction:column;flex:auto;display:flex}.portfolio-grid-website .website-card__foot{margin-top:auto}.portfolio-grid-empty{text-align:center;color:#1111118f;margin:60px 0;font-size:15px}.portfolio-filter-tabs .filter-tab .tab-count{opacity:.45;font-size:11px;line-height:1}.portfolio-grid-branding .deck-grid{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px) clamp(20px,2.4vw,34px);display:grid}@media (max-width:1199px){.portfolio-grid-branding .deck-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.portfolio-grid-branding .deck-grid{grid-template-columns:1fr}}.portfolio-grid-branding .deck-card.deck-card-wide{grid-column:span 2}@media (max-width:767px){.portfolio-grid-branding .deck-card.deck-card-wide{grid-column:span 1}}.portfolio-grid-branding .deck-card a{color:inherit;text-decoration:none;display:block}.portfolio-grid-branding .deck-card:hover .deck-card-cover{transform:translateY(-6px);box-shadow:0 30px 60px #11111129}.portfolio-grid-branding .deck-card:hover .title{text-decoration-color:currentColor}.portfolio-grid-branding .deck-card-cover{background:#f4f2ef;border:1px solid #1111111a;border-radius:10px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 12px 30px #11111112}.portfolio-grid-branding .deck-card-frame{width:100%;display:block;position:relative}.portfolio-grid-branding .deck-card-frame img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-grid-branding .deck-card-pages{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111111b8;border-radius:100px;align-items:baseline;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:14px;left:14px}.portfolio-grid-branding .deck-card-pages i{opacity:.7;font-size:11px;font-style:normal}.portfolio-grid-branding .deck-card-content{justify-content:space-between;align-items:baseline;gap:16px;padding:16px 2px 0;display:flex}.portfolio-grid-branding .deck-card-content .title{text-underline-offset:4px;margin:0;font-size:clamp(17px,1.3vw,21px);line-height:1.25;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .3s}.portfolio-grid-branding .deck-card-content .tag{letter-spacing:.02em;color:#1111118f;flex:none;font-size:12px}.portfolio-grid-social .poster-wall{column-count:3;column-gap:clamp(16px,1.8vw,26px)}@media (max-width:991px){.portfolio-grid-social .poster-wall{column-count:2}}@media (max-width:575px){.portfolio-grid-social .poster-wall{column-count:1}}.portfolio-grid-social .poster-tile{text-align:left;cursor:pointer;break-inside:avoid;-webkit-column-break-inside:avoid;background:0 0;border:0;width:100%;margin:0 0 clamp(16px,1.8vw,26px);padding:0;font-family:inherit;display:block}.portfolio-grid-social .poster-tile:hover .poster-tile-image{transform:translateY(-4px);box-shadow:0 24px 48px #1111112e}.portfolio-grid-social .poster-tile:hover .poster-tile-image img{transform:scale(1.03)}.portfolio-grid-social .poster-tile:focus-visible{outline-offset:4px;outline:2px solid #111}.portfolio-grid-social .poster-tile-image{background:#f0eeeb;border-radius:8px;width:100%;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 22px #11111114}.portfolio-grid-social .poster-tile-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.portfolio-grid-social .poster-tile-meta{flex-direction:column;gap:2px;padding:10px 2px 0;display:flex}.portfolio-grid-social .poster-tile-meta .client{letter-spacing:.06em;text-transform:uppercase;color:#1111118f;font-size:11px}.portfolio-grid-social .poster-tile-meta .title{color:#111;font-size:14px;line-height:1.35}.project-detail-deck .deck-eyebrow,.project-detail-poster .deck-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#1111118f;margin-bottom:18px;font-size:11px;display:inline-block}.project-detail-deck .deck-title,.project-detail-poster .deck-title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(34px,4.4vw,68px);line-height:1.04}.project-detail-deck .deck-client,.project-detail-poster .deck-client{color:#1111118f;margin:0 0 22px;font-size:clamp(15px,1.2vw,18px)}.project-detail-deck .deck-lede,.project-detail-poster .deck-lede{color:#111111c7;max-width:46ch;margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.7}.project-detail-deck .section-label,.project-detail-poster .section-label{letter-spacing:.14em;text-transform:uppercase;color:#1111118f;margin:0;font-size:12px}.project-detail-deck .project-detail-inner{padding-top:clamp(60px,7vw,120px);padding-bottom:clamp(60px,7vw,120px)}.project-detail-deck .deck-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(30px,5vw,80px);margin-bottom:clamp(48px,6vw,96px);display:grid}@media (max-width:991px){.project-detail-deck .deck-hero{grid-template-columns:1fr}}.project-detail-deck .deck-open-btn{color:#111;cursor:pointer;background:0 0;border:1px solid #111;border-radius:100px;align-items:center;gap:10px;margin-top:30px;padding:12px 26px;font-family:inherit;font-size:14px;transition:background-color .3s,color .3s;display:inline-flex}.project-detail-deck .deck-open-btn span{transition:transform .3s}.project-detail-deck .deck-open-btn:hover{color:#fff;background:#111}.project-detail-deck .deck-open-btn:hover span{transform:translate(4px)}.project-detail-deck .deck-hero-cover{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.project-detail-deck .deck-hero-cover .deck-page-frame{transition:transform .6s cubic-bezier(.22,1,.36,1);box-shadow:0 40px 90px #1111112e}.project-detail-deck .deck-hero-cover:hover .deck-page-frame{transform:translateY(-6px)}.project-detail-deck .deck-specs{border-top:1px solid #1111111a;border-bottom:1px solid #1111111a;grid-template-columns:repeat(4,1fr);gap:24px clamp(20px,3vw,48px);margin:0 0 clamp(48px,6vw,96px);padding:clamp(24px,2.6vw,36px) 0;display:grid}@media (max-width:767px){.project-detail-deck .deck-specs{grid-template-columns:repeat(2,1fr)}}.project-detail-deck .deck-specs dt{letter-spacing:.12em;text-transform:uppercase;color:#1111118f;margin:0 0 8px;font-size:11px;font-weight:400}.project-detail-deck .deck-specs dd{color:#111;margin:0;font-size:15px;line-height:1.5}.project-detail-deck .deck-body-head{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:clamp(24px,3vw,44px);display:flex}.project-detail-deck .deck-progress{color:#1111118f;font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:13px;display:inline-flex}.project-detail-deck .deck-progress b{color:#111;font-weight:500}.project-detail-deck .deck-progress i{opacity:.4;font-style:normal}.project-detail-deck .deck-layout{grid-template-columns:54px minmax(0,1fr);gap:clamp(20px,2.4vw,40px);display:grid}@media (max-width:1199px){.project-detail-deck .deck-layout{grid-template-columns:1fr}.project-detail-deck .deck-rail{display:none}}.project-detail-deck .deck-rail ul{scrollbar-width:none;flex-direction:column;gap:2px;max-height:calc(100vh - 220px);margin:0;padding:0;list-style:none;display:flex;position:sticky;top:140px;overflow-y:auto}.project-detail-deck .deck-rail ul::-webkit-scrollbar{display:none}.project-detail-deck .deck-rail button{cursor:pointer;font-variant-numeric:tabular-nums;color:#1111114d;background:0 0;border:0;width:100%;padding:4px 0;font-family:inherit;font-size:11px;transition:color .25s;display:block}.project-detail-deck .deck-rail button span{padding-left:20px;display:inline-block;position:relative}.project-detail-deck .deck-rail button span:before{content:"";background:currentColor;width:12px;height:1px;transition:width .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.project-detail-deck .deck-rail button:hover{color:#111111b3}.project-detail-deck .deck-rail button.active{color:#111}.project-detail-deck .deck-rail button.active span:before{width:16px}.project-detail-deck .deck-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,44px);display:grid}@media (max-width:767px){.project-detail-deck .deck-pages{grid-template-columns:1fr}}.project-detail-deck .deck-page{margin:0;position:relative}.project-detail-deck .deck-page.deck-page-wide{grid-column:span 2}@media (max-width:767px){.project-detail-deck .deck-page.deck-page-wide{grid-column:span 1}}.project-detail-deck .deck-page figcaption{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#11111159;margin-top:10px;font-size:11px}.project-detail-deck .deck-page-btn{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.project-detail-deck .deck-page-btn .deck-page-frame{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}.project-detail-deck .deck-page-btn:hover .deck-page-frame{transform:translateY(-5px);box-shadow:0 28px 60px #11111129}.project-detail-deck .deck-page-btn:focus-visible{outline-offset:5px;outline:2px solid #111}.project-detail-deck .deck-page-frame{background:#f4f2ef;border:1px solid #1111111a;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 14px 34px #11111114}.project-detail-deck .deck-page-frame img{object-fit:contain}.project-detail-deck .branding-palette,.project-detail-deck .branding-typography,.project-detail-deck .branding-applications{margin-top:clamp(48px,6vw,96px)}.project-detail-deck .branding-palette .section-label,.project-detail-deck .branding-typography .section-label,.project-detail-deck .branding-applications .section-label{margin-bottom:24px}.project-detail-deck .palette-swatches{flex-wrap:wrap;gap:16px;display:flex}.project-detail-deck .swatch{width:120px}.project-detail-deck .swatch .swatch-color{border:1px solid #1111111a;border-radius:8px;height:120px}.project-detail-deck .swatch .swatch-hex{color:#1111118f;text-transform:uppercase;margin-top:8px;font-size:12px;display:block}.project-detail-deck .type-specimens{grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,48px);display:grid}@media (max-width:767px){.project-detail-deck .type-specimens{grid-template-columns:1fr}}.project-detail-deck .type-specimen{border:1px solid #1111111a;border-radius:10px;padding:clamp(24px,2.4vw,34px)}.project-detail-deck .type-specimen .type-label{letter-spacing:.12em;text-transform:uppercase;color:#1111118f;font-size:11px}.project-detail-deck .type-specimen .type-sample{margin:14px 0 10px;font-size:clamp(28px,3vw,44px);line-height:1.2}.project-detail-deck .type-specimen .type-name{color:#1111118f;font-size:13px}.project-detail-deck .applications-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,30px);display:grid}@media (max-width:991px){.project-detail-deck .applications-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.project-detail-deck .applications-grid{grid-template-columns:1fr}}.project-detail-deck .applications-grid .application-item{border-radius:8px;overflow:hidden}.project-detail-deck .applications-grid .application-item img{width:100%;display:block}.project-detail-poster .project-detail-inner{padding-top:clamp(60px,7vw,120px);padding-bottom:clamp(60px,7vw,120px)}.project-detail-poster .poster-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,76px);display:grid}@media (max-width:991px){.project-detail-poster .poster-detail{grid-template-columns:1fr}}.project-detail-poster .poster-detail-art{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.project-detail-poster .poster-detail-frame{background:#f0eeeb;border-radius:10px;width:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;box-shadow:0 30px 70px #11111129}.project-detail-poster .poster-detail-frame img{object-fit:cover}.project-detail-poster .poster-detail-art:hover .poster-detail-frame{transform:translateY(-5px)}.project-detail-poster .deck-specs.stacked{border-top:1px solid #1111111a;grid-template-columns:1fr;gap:18px;margin:30px 0 0;padding:26px 0 0;display:grid}.project-detail-poster .deck-specs.stacked dt{letter-spacing:.12em;text-transform:uppercase;color:#1111118f;margin:0 0 6px;font-size:11px;font-weight:400}.project-detail-poster .deck-specs.stacked dd{color:#111;margin:0;font-size:15px}.project-detail-poster .social-stats{border-top:1px solid #1111111a;border-bottom:1px solid #1111111a;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(16px,2vw,30px);margin-top:clamp(48px,6vw,90px);padding:clamp(24px,3vw,40px) 0;display:grid}.project-detail-poster .social-stats .stat-card{flex-direction:column;gap:6px;display:flex}.project-detail-poster .social-stats .stat-number{letter-spacing:-.02em;font-size:clamp(26px,3vw,40px);line-height:1.1}.project-detail-poster .social-stats .stat-label{letter-spacing:.12em;text-transform:uppercase;color:#1111118f;font-size:11px}.project-detail-poster .poster-strip{margin-top:clamp(48px,6vw,90px)}.project-detail-poster .poster-strip .section-label{margin-bottom:22px}.project-detail-poster .poster-strip-scroll{scroll-snap-type:x proximity;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.project-detail-poster .poster-strip-scroll::-webkit-scrollbar{height:4px}.project-detail-poster .poster-strip-scroll::-webkit-scrollbar-thumb{background:#1111112e;border-radius:4px}.project-detail-poster .poster-strip-item{text-align:left;cursor:pointer;scroll-snap-align:start;background:0 0;border:0;flex:none;width:200px;padding:0}.project-detail-poster .poster-strip-item img{object-fit:cover;border-radius:8px;width:100%;height:200px;transition:transform .4s;display:block}.project-detail-poster .poster-strip-item:hover img{transform:translateY(-4px)}.project-detail-poster .poster-strip-item .poster-strip-title{color:#1111118f;margin-top:10px;font-size:13px;line-height:1.4;display:block}.project-detail-deck .detail-pagination,.project-detail-poster .detail-pagination{border-top:1px solid #1111111a;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:clamp(56px,7vw,110px);padding-top:clamp(28px,3vw,44px);display:grid}@media (max-width:767px){.project-detail-deck .detail-pagination,.project-detail-poster .detail-pagination{text-align:center;grid-template-columns:1fr;gap:24px}}.project-detail-deck .pagination-link,.project-detail-poster .pagination-link{color:#111;flex-direction:column;gap:4px;text-decoration:none;display:flex}.project-detail-deck .pagination-link.next,.project-detail-poster .pagination-link.next{text-align:right}@media (max-width:767px){.project-detail-deck .pagination-link.next,.project-detail-poster .pagination-link.next{text-align:center}}.project-detail-deck .pagination-link:hover .pagination-title,.project-detail-poster .pagination-link:hover .pagination-title{text-decoration-color:currentColor}.project-detail-deck .pagination-label,.project-detail-poster .pagination-label{letter-spacing:.12em;text-transform:uppercase;color:#1111118f;font-size:11px}.project-detail-deck .pagination-title,.project-detail-poster .pagination-title{text-underline-offset:4px;font-size:clamp(15px,1.3vw,19px);line-height:1.3;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .3s}.project-detail-deck .pagination-back,.project-detail-poster .pagination-back{color:#1111118f;border:1px solid #1111111a;border-radius:100px;padding:9px 20px;font-size:13px;text-decoration:none;transition:border-color .3s,color .3s}.project-detail-deck .pagination-back:hover,.project-detail-poster .pagination-back:hover{color:#111;border-color:#111}.jdv-lightbox{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0cf0;justify-content:center;align-items:center;padding:clamp(16px,4vw,56px);animation:.25s both jdv-lightbox-in;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.jdv-lightbox{animation:none}}@keyframes jdv-lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes jdv-slide-next{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes jdv-slide-prev{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.jdv-lightbox-stage{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:min(1400px,100%);height:100%;margin:0;padding-bottom:34px;animation:.32s cubic-bezier(.22,1,.36,1) both jdv-slide-next;display:flex}.jdv-lightbox-stage[data-dir=prev]{animation-name:jdv-slide-prev}@media (prefers-reduced-motion:reduce){.jdv-lightbox-stage{animation:none}}.jdv-lightbox-frame{flex:auto;width:100%;min-height:0;position:relative}.jdv-lightbox-frame img{border-radius:4px}.jdv-lightbox-caption{text-align:center;color:#ffffffe6;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;display:flex}.jdv-lightbox-caption .title{font-size:15px}.jdv-lightbox-caption .subtitle{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:12px}.jdv-lightbox-close,.jdv-lightbox-nav{z-index:2;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:background-color .25s,border-color .25s,transform .25s;display:inline-flex;position:absolute}.jdv-lightbox-close:hover,.jdv-lightbox-nav:hover{background:#ffffff29;border-color:#fff6}.jdv-lightbox-close:focus-visible,.jdv-lightbox-nav:focus-visible{outline-offset:3px;outline:2px solid #fff}.jdv-lightbox-close{width:46px;height:46px;font-size:26px;line-height:1;top:clamp(14px,2.4vw,30px);right:clamp(14px,2.4vw,30px)}.jdv-lightbox-nav{width:52px;height:52px;font-size:30px;line-height:1;top:50%;transform:translateY(-50%)}.jdv-lightbox-nav.prev{left:clamp(10px,2vw,30px)}.jdv-lightbox-nav.next{right:clamp(10px,2vw,30px)}.jdv-lightbox-nav:hover{transform:translateY(-50%)scale(1.06)}@media (max-width:575px){.jdv-lightbox-nav{width:42px;height:42px;font-size:24px}}.jdv-lightbox-counter{color:#fff9;font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;font-size:12px;display:flex;position:absolute;bottom:clamp(14px,2.4vw,28px);left:50%;transform:translate(-50%)}.jdv-lightbox-counter .label{letter-spacing:.12em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:44vw;overflow:hidden}.jdv-lightbox-counter .count{color:#fff}.jdv-lightbox-counter i{opacity:.4;font-style:normal}.jdv-lightbox-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.jdv-mock{--mock-bezel:#16161a;--mock-bezel-2:#37373d;--mock-deck:#dcdee2;--mock-deck-2:#a4a8b0;--mock-deck-3:#babec6;--mock-ground:transparent;--mock-pad:clamp(16px, 4.2%, 56px);width:100%;position:relative}.jdv-mock img{width:100%;height:auto;display:block}.jdv-mock__stage{background:var(--mock-ground);isolation:isolate;border-radius:clamp(12px,1.2vw,20px);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.jdv-mock--tone-sand .jdv-mock__stage{--mock-ground:radial-gradient(120% 100% at 50% 0%, #f6efe4 0%, #e6d9c7 62%, #d9c9b3 100%);padding:var(--mock-pad) calc(var(--mock-pad)*1.15)}.jdv-mock--tone-blue .jdv-mock__stage{--mock-ground:radial-gradient(120% 100% at 50% 0%, #4a8cff 0%, #2264dc 55%, #14459f 100%);padding:var(--mock-pad) calc(var(--mock-pad)*1.15)}.jdv-mock--tone-mist .jdv-mock__stage{--mock-ground:radial-gradient(120% 100% at 50% 0%, #fafafb 0%, #eef0f2 58%, #e2e4e8 100%);padding:var(--mock-pad) calc(var(--mock-pad)*1.15)}.jdv-mock--tone-ink .jdv-mock__stage{--mock-ground:radial-gradient(120% 100% at 50% 0%, #26262b 0%, #131316 60%, #08080a 100%);padding:var(--mock-pad) calc(var(--mock-pad)*1.15)}.jdv-mock--tone-none .jdv-mock__stage{padding:0;overflow:visible}.jdv-mock:not(.jdv-mock--tone-none) .jdv-mock__stage:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:0;background:radial-gradient(120% 90% at 50% 40%,#0000 45%,#00000024 100%);position:absolute;inset:0}.jdv-mock--tone-ink .jdv-mock__stage:after{mix-blend-mode:normal;background:radial-gradient(120% 90% at 50% 40%,#0000 50%,#00000073 100%)}.jdv-mock__screen{aspect-ratio:16/10;z-index:1;background:#fff;border-radius:6px;position:relative;overflow:hidden}.jdv-mock__screen img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;position:absolute;inset:0}.jdv-mock__glare{pointer-events:none;opacity:.85;background:linear-gradient(104deg,#fff0 32%,#ffffff24 45%,#ffffff0d 54%,#fff0 66%);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .5s;position:absolute;inset:0;transform:translate(-12%)}.jdv-mock__laptop{z-index:1;width:100%;position:relative}.jdv-mock__lid{background:linear-gradient(178deg, #44444b 0%, var(--mock-bezel-2) 22%, var(--mock-bezel) 70%);border-radius:clamp(8px,1vw,16px) clamp(8px,1vw,16px) 3px 3px;width:84%;margin:0 auto;padding:.85%;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -1px #00000080,0 22px 40px #0a0a0e47}.jdv-mock__camera{aspect-ratio:1;z-index:3;background:#2c2c33;border-radius:50%;width:.5%;min-width:3px;position:absolute;top:.34%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff24}.jdv-mock__hinge{z-index:2;background:linear-gradient(#101014 0%,#4b4b53 60%,#2a2a30 100%);width:84%;height:.5%;min-height:2px;margin:0 auto;position:relative}.jdv-mock__base{background:linear-gradient(180deg, var(--mock-deck-3) 0%, var(--mock-deck) 30%, var(--mock-deck-2) 100%);z-index:1;border-radius:0 0 clamp(6px,.8vw,12px) clamp(6px,.8vw,12px);width:94%;height:0;margin-inline:auto;padding-bottom:2.1%;position:relative;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #0000002e}.jdv-mock__lip{background:linear-gradient(#9a9ea6 0%,#b6bac1 100%);border-radius:0 0 5px 5px;width:11%;height:46%;position:absolute;top:0;left:50%;transform:translate(-50%)}.jdv-mock__shadow{filter:blur(6px);z-index:0;background:radial-gradient(#08080c57 0%,#0000 72%);border-radius:50%;width:92%;height:5%;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.jdv-mock--laptop-tilt .jdv-mock__stage{perspective:1800px}.jdv-mock--laptop-tilt .jdv-mock__laptop{transform-origin:50% 100%;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:rotateX(8deg)rotateY(-10deg)rotate(.8deg)scale(.93)}.jdv-mock--browser .jdv-mock__window{z-index:1;background:#fff;border-radius:clamp(9px,.9vw,14px);width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #11111117,0 30px 60px -18px #0c0e1647,0 8px 18px -8px #0c0e1629}.jdv-mock__chrome{background:#dfe1e5;align-items:flex-end;gap:12px;padding:9px 14px 0;display:flex}.jdv-mock__lights{align-items:center;gap:6px;padding-bottom:9px;display:flex}.jdv-mock__dot{aspect-ratio:1;background:#cfcfd3;border-radius:50%;width:clamp(7px,.55vw,10px)}.jdv-mock__dot:first-child{background:#ff5f57}.jdv-mock__dot:nth-child(2){background:#febc2e}.jdv-mock__dot:nth-child(3){background:#28c840}.jdv-mock__tab{color:#1111119e;background:#fff;border-radius:8px 8px 0 0;align-items:center;gap:7px;max-width:44%;padding:7px 16px;font-size:clamp(9px,.62vw,11.5px);line-height:1.2;display:flex}.jdv-mock__favicon{aspect-ratio:1;background:linear-gradient(135deg, var(--theme,#2a5bb8) 0%, #7aa2f0 100%);border-radius:2px;flex:none;width:9px}.jdv-mock__tab-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jdv-mock__toolbar{background:#fff;border-bottom:1px solid #11111114;align-items:center;gap:10px;padding:8px 14px;display:flex}.jdv-mock__nav{color:#11111152;align-items:center;gap:8px;display:flex}.jdv-mock__nav svg{width:clamp(11px,.85vw,15px);height:auto}.jdv-mock__address{letter-spacing:.01em;color:#11111180;white-space:nowrap;text-overflow:ellipsis;background:#f1f2f4;border-radius:40px;flex:1;align-items:center;gap:6px;min-width:0;padding:5px 14px;font-size:clamp(9px,.62vw,11.5px);display:flex;overflow:hidden}.jdv-mock__lock{color:#1111116b;flex:none;width:clamp(9px,.6vw,11px);height:auto}.jdv-mock--browser .jdv-mock__screen{aspect-ratio:16/9.6;border-radius:0}.jdv-mock--tablet .jdv-mock__device{z-index:1;background:linear-gradient(158deg, #4a4a52 0%, var(--mock-bezel-2) 26%, var(--mock-bezel) 78%);border-radius:4.5%/3.6%;width:100%;max-width:460px;padding:2.4%;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 54px -16px #0a0a0e6b}.jdv-mock--tablet .jdv-mock__screen{aspect-ratio:834/1050;border-radius:3%/2.4%}.jdv-mock--tablet .jdv-mock__notch,.jdv-mock--tablet .jdv-mock__btn--vol{display:none}.jdv-mock--tablet .jdv-mock__btn--power{background:#33333a;border-radius:2px;width:9%;height:3px;position:absolute;top:-2px;right:16%}.jdv-mock--phone .jdv-mock__device{z-index:1;background:linear-gradient(158deg, #52525b 0%, var(--mock-bezel-2) 24%, var(--mock-bezel) 76%);border-radius:14%/6.7%;width:100%;max-width:300px;padding:3%;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 54px -16px #0a0a0e75}.jdv-mock--phone .jdv-mock__notch{background:var(--mock-bezel);z-index:3;border-radius:0 0 999px 999px;width:32%;height:3.6%;max-height:26px;position:absolute;top:3%;left:50%;transform:translate(-50%)}.jdv-mock--phone .jdv-mock__btn--power{background:#3a3a42;border-radius:2px;width:3px;height:11%;position:absolute;top:22%;right:-2px}.jdv-mock--phone .jdv-mock__btn--vol{background:#3a3a42;border-radius:2px;width:3px;height:15%;position:absolute;top:17%;left:-2px}.jdv-mock--phone .jdv-mock__screen{aspect-ratio:390/844;border-radius:11%/5.1%}.jdv-mock__home{z-index:2;background:#11111152;border-radius:999px;width:34%;height:.55%;min-height:2px;max-height:4px;position:absolute;bottom:1.1%;left:50%;transform:translate(-50%)}.jdv-mock--scroll .jdv-mock__screen img{transition:object-position 4.5s cubic-bezier(.32,0,.24,1)}.jdv-mock-hover:hover .jdv-mock__glare,.jdv-mock:hover .jdv-mock__glare{opacity:1;transform:translate(14%)}.jdv-mock-hover:hover .jdv-mock--scroll .jdv-mock__screen img,.jdv-mock--scroll:hover .jdv-mock__screen img{object-position:50% 100%}.jdv-mock-hover:hover .jdv-mock--laptop-tilt .jdv-mock__laptop{transform:rotateX(5deg)rotateY(-6deg)rotate(.4deg)scale(.95)translateY(-8px)}@media (prefers-reduced-motion:reduce){.jdv-mock__glare,.jdv-mock--scroll .jdv-mock__screen img,.jdv-mock--laptop-tilt .jdv-mock__laptop{transition:none!important}.jdv-mock-hover:hover .jdv-mock--scroll .jdv-mock__screen img{object-position:50% 0%}}@media only screen and (max-width:767px){.jdv-mock{--mock-pad:clamp(10px, 3.5%, 22px)}.jdv-mock--laptop-tilt .jdv-mock__laptop{transform:none}.jdv-mock__tab{max-width:56%}.jdv-mock--phone .jdv-mock__device{max-width:220px}.jdv-mock--tablet .jdv-mock__device{max-width:340px}}.case-study{--case-ink:#111;--case-muted:#1119;--case-line:#11111121;--case-gap:clamp(38px, 4vw, 68px);color:var(--case-ink);background:#fff;display:block}.case-hero{color:#fff;background:#111;align-items:flex-end;min-height:clamp(420px,68vh,660px);display:flex;position:relative;overflow:hidden}.case-hero__media{position:absolute;inset:0}.case-hero__media img{object-fit:cover;object-position:center;width:100%;height:100%!important}.case-hero__overlay{background:linear-gradient(#0a0a0c52 0%,#0a0a0c33 40%,#0a0a0ccc 100%);position:absolute;inset:0}.case-hero .container{z-index:2;width:100%;position:relative}.case-hero__content{max-width:min(920px,68%);padding-block:clamp(40px,4.5vw,72px)}@media (max-width:991px){.case-hero__content{max-width:none}}.case-hero__title{letter-spacing:-.02em;color:#fff;text-wrap:balance;max-width:15ch;margin:0 0 22px;font-size:clamp(30px,4vw,58px);line-height:1.08}.case-hero__meta{flex-direction:column;gap:3px;display:flex}.case-hero__meta-label{letter-spacing:.1em;text-transform:uppercase;opacity:.65;font-size:11px}.case-hero__meta-value{white-space:nowrap;font-size:clamp(15px,1.3vw,18px)}.case-label{letter-spacing:.13em;text-transform:uppercase;color:var(--case-muted);margin:0 0 14px;font-size:11px}.case-heading{letter-spacing:-.015em;max-width:16ch;margin:0 0 20px;font-size:clamp(26px,3vw,44px);line-height:1.16}.case-body{color:var(--case-muted);margin:0 0 16px;font-size:clamp(14px,1.05vw,16px);line-height:1.75}.case-body:last-child{margin-bottom:0}.case-overview{padding-block:var(--case-gap)}.case-overview__grid{grid-template-columns:minmax(240px,340px) 1fr;align-items:start;gap:clamp(36px,5vw,96px);display:grid}@media (max-width:991px){.case-overview__grid{grid-template-columns:1fr;gap:40px}}.case-overview__intro .case-heading{max-width:14ch}.case-pills{flex-wrap:wrap;gap:7px;margin:0 0 28px;padding:0;list-style:none;display:flex}.case-pills li{border:1px solid var(--case-line);color:var(--case-ink);border-radius:100px;padding:6px 16px;font-size:12.5px;line-height:1.3}.case-spec{border-top:1px solid var(--case-line);margin:0 0 26px}.case-spec__row{border-bottom:1px solid var(--case-line);justify-content:space-between;align-items:baseline;gap:20px;padding:11px 0;display:flex}.case-spec__row dt{color:var(--case-muted);flex:none;font-size:12.5px;font-weight:400}.case-spec__row dd{text-align:right;color:var(--case-ink);margin:0;font-size:12.5px}.case-figures{border-top:1px solid var(--case-line);flex-wrap:wrap;gap:clamp(24px,3vw,52px);margin:30px 0 0;padding:22px 0 0;list-style:none;display:flex}.case-figures li{flex-direction:column;gap:4px;max-width:22ch;display:flex}.case-figures strong{letter-spacing:-.02em;font-size:clamp(24px,2.4vw,34px);font-weight:400;line-height:1}.case-figures span{color:var(--case-muted);font-size:13px;line-height:1.45}.case-visit{border:1px solid var(--case-ink);color:var(--case-ink);border-radius:100px;align-items:center;gap:10px;padding:12px 24px;font-size:13.5px;text-decoration:none;transition:background-color .32s,color .32s;display:inline-flex}.case-visit svg{transition:transform .32s}.case-visit:hover{background:var(--case-ink);color:#fff}.case-visit:hover svg{transform:translate(2px,-2px)}.case-visit--solid{background:var(--case-ink);color:#fff;margin-top:22px}.case-visit--solid:hover{color:var(--case-ink);background:0 0}.case-block{padding-block:var(--case-gap)}.case-block__inner{max-width:620px;margin-left:auto;margin-right:0}@media (min-width:1200px){.case-block__inner{margin-right:6%}}@media (max-width:991px){.case-block__inner{max-width:none;margin-right:0}}.case-block--elements .case-heading{max-width:14ch}.case-elements{counter-reset:case-el;grid-template-columns:repeat(2,1fr);gap:22px 32px;margin:26px 0 0;padding:0;list-style:none;display:grid}@media (max-width:575px){.case-elements{grid-template-columns:1fr}}.case-elements li{counter-increment:case-el;border-top:1px solid var(--case-line);padding-top:16px}.case-elements li:before{content:"0" counter(case-el);letter-spacing:.08em;color:var(--case-muted);margin-bottom:8px;font-size:12px;display:block}.case-elements h3{margin:0 0 6px;font-size:16px;line-height:1.3}.case-elements p{color:var(--case-muted);margin:0;font-size:14px;line-height:1.6}.case-figure{padding-block:var(--case-gap)}.case-figure--bleed{padding-top:0;padding-inline:clamp(16px,4vw,72px)}.case-figure>.jdv-mock{max-width:1500px;margin-inline:auto}.case-grid{padding-block:var(--case-gap)}.case-grid__inner{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:clamp(20px,2.4vw,40px);display:grid}@media (max-width:767px){.case-grid__inner{grid-template-columns:1fr}}.case-grid__inner>.jdv-mock,.case-grid__inner>.jdv-mock .jdv-mock__stage{height:100%}.case-banner img{object-fit:cover;width:100%;display:block;height:clamp(260px,40vw,540px)!important}.case-client{padding-block:var(--case-gap)}.case-client__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,72px);display:grid}@media (max-width:991px){.case-client__grid{grid-template-columns:1fr}}.case-client__media{border-radius:12px;overflow:hidden}.case-client__media img{object-fit:cover;width:100%;display:block;height:clamp(240px,26vw,380px)!important}.case-client__text .case-body{max-width:46ch}.case-tags{flex-wrap:wrap;gap:7px;margin:0 0 28px;padding:0;list-style:none;display:flex}.case-tags li{border:1px solid var(--case-line);color:var(--case-muted);border-radius:100px;padding:5px 14px;font-size:11.5px;line-height:1.4}.case-pagination{padding-block:clamp(30px,3.5vw,56px) var(--case-gap)}.case-pagination__inner{border-top:1px solid var(--case-line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:26px;display:grid}@media (max-width:767px){.case-pagination__inner{text-align:center;grid-template-columns:1fr}}.case-pagination__link{color:var(--case-ink);flex-direction:column;gap:5px;text-decoration:none;display:flex}.case-pagination__link--next{text-align:right}@media (max-width:767px){.case-pagination__link--next{text-align:center}}.case-pagination__link:hover .case-pagination__title{text-underline-offset:4px;text-decoration:underline}.case-pagination__label{letter-spacing:.1em;text-transform:uppercase;color:var(--case-muted);font-size:11px}.case-pagination__title{font-size:clamp(16px,1.4vw,20px);line-height:1.25}.case-pagination__all{border:1px solid var(--case-line);color:var(--case-ink);border-radius:100px;padding:10px 22px;font-size:12.5px;text-decoration:none;transition:border-color .3s,background-color .3s,color .3s}.case-pagination__all:hover{background:var(--case-ink);border-color:var(--case-ink);color:#fff}.case-hero__media.jdv-parallax{top:-140px;bottom:-140px;will-change:transform;inset-inline:0}@media (min-width:992px){.case-overview__aside{position:sticky;top:clamp(96px,11vh,132px)}}@media (min-width:992px) and (max-width:1439px){.case-study{--case-gap:clamp(34px, 3.4vw, 52px)}.case-overview__grid{grid-template-columns:minmax(220px,290px) 1fr;gap:clamp(32px,4vw,60px)}}@media (min-width:1920px){.case-study{--case-gap:clamp(68px, 4vw, 96px)}.case-block__inner{max-width:720px}.case-hero{min-height:min(72vh,780px)}}@media (min-width:1650px){.case-figure>.jdv-mock{max-width:1780px}}@media (min-width:1920px){.case-figure>.jdv-mock{max-width:1900px}}@media (min-width:2400px){.case-figure>.jdv-mock{max-width:2040px}}@media (max-width:767px){.case-hero__content{padding-block:32px 36px}.case-hero__media.jdv-parallax{top:-60px;bottom:-60px}.case-figure--bleed{padding-inline:0}.case-visit,.case-pagination__all{text-align:center;justify-content:center;width:100%}}@media (min-width:1650px){.body-portfolio-showcase .container.large{max-width:1650px}}.body-portfolio-showcase.dark .header-area-2 .side-toggle{background-color:#1d1c1c}.body-portfolio-showcase .header-area-2 .side-toggle{background-color:#f3f3f3}.body-portfolio-showcase .footer-area-4 .footer-widget-wrapper-box{margin-top:0}.work-area-5 .works-wrapper-box{border-top:1px solid var(--border);margin-top:80px;padding-top:70px}@media only screen and (max-width:1919px){.work-area-5 .works-wrapper-box{padding-top:50px}}@media only screen and (max-width:1199px){.work-area-5 .works-wrapper-box{padding-top:40px}}.works-wrapper-5{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}@media only screen and (max-width:1919px){.works-wrapper-5{gap:30px}}@media only screen and (max-width:1199px){.works-wrapper-5{grid-template-columns:repeat(3,1fr);gap:20px}}@media only screen and (max-width:991px){.works-wrapper-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.works-wrapper-5{grid-template-columns:repeat(1,1fr)}}.works-wrapper-5>.span-2{grid-column:span 2}.works-wrapper-5>.grid-column-start-1{grid-column-start:1}@media only screen and (max-width:991px){.works-wrapper-5>.grid-column-start-1{grid-column-start:auto}}.works-wrapper-5>.grid-column-start-2{grid-column-start:2}@media only screen and (max-width:991px){.works-wrapper-5>.grid-column-start-2{grid-column-start:auto}}.works-wrapper-5>.grid-column-start-3{grid-column-start:3}@media only screen and (max-width:991px){.works-wrapper-5>.grid-column-start-3,.works-wrapper-5>:nth-child(n){grid-column-start:auto}}.works-wrapper-5 .work-box{min-height:375px}.works-wrapper-5 .work-box .thumb{border-radius:15px;overflow:hidden}.works-wrapper-5 .work-box .thumb img{width:100%}.works-wrapper-5 .section-header{margin-top:-8px}.works-wrapper-5 .section-header .section-title{letter-spacing:-.05em;max-width:440px;font-size:36px;font-weight:400;line-height:1.33}@media only screen and (max-width:1919px){.works-wrapper-5 .section-header .section-title{max-width:370px;font-size:30px}}@media only screen and (max-width:1199px){.works-wrapper-5 .section-header .section-title{max-width:300px;font-size:24px}}.works-wrapper-5 .section-header .header-shape-1{margin-top:44px}@media only screen and (max-width:1199px){.works-wrapper-5 .section-header .header-shape-1{margin-top:24px}}.works-wrapper-5 .section-header .header-shape-1 img{width:65px}@media only screen and (max-width:1919px){.works-wrapper-5 .section-header .header-shape-1 img{width:55px}}@media only screen and (max-width:1199px){.works-wrapper-5 .section-header .header-shape-1 img{width:45px}}.works-wrapper-5 .services-wrapper-box{flex-direction:column;justify-content:space-between;gap:20px;margin-top:-7px;margin-bottom:-6px;display:flex}.works-wrapper-5 .services-wrapper-box .subtitle{color:var(--primary);text-underline-offset:2px;font-size:20px;font-weight:400;line-height:28px;text-decoration:underline;text-decoration-thickness:2px}.works-wrapper-5 .service-box .title{letter-spacing:-.05em;font-size:36px;font-weight:400;line-height:1.33}@media only screen and (max-width:1919px){.works-wrapper-5 .service-box .title{font-size:30px}}@media only screen and (max-width:1199px){.works-wrapper-5 .service-box .title{font-size:24px}}.works-wrapper-5 .service-box .title a:hover{color:var(--secondary)}.card-wrap{transform-style:preserve-3d;cursor:pointer;max-height:375px;position:relative;transform:perspective(700px)}.card-wrap:hover .card-bg{opacity:1;transition:all .6s cubic-bezier(.23,1,.32,1),opacity 1s cubic-bezier(.23,1,.32,1)}.card-wrap:hover .card{transition:all .6s cubic-bezier(.23,1,.32,1)}.card{object-fit:cover;will-change:transform;background-repeat:no-repeat;border:none;border-radius:10px;width:100%;height:100%;transition:all 1s cubic-bezier(.445,.05,.55,.95);position:relative;overflow:hidden}.card-bg{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:110%;height:110%;transition:all 1s cubic-bezier(.445,.05,.55,.95),opacity 5s cubic-bezier(.445,.05,.55,.95) 1s;position:absolute;top:-18px;left:-18px}.body-parallax-carosole .header-area-8{width:100%;position:fixed;top:0;left:0;right:0}.parallax-slider-wrapper{justify-content:flex-start;align-items:center;width:100%;height:100vh;margin-left:10px;display:flex;position:relative;overflow:hidden}.parallax-slider-inner{justify-content:flex-start;align-items:center;gap:10px;width:100%;height:100vh;padding-top:80px;display:flex}.parallax-slider-item{background-size:cover;width:500px;height:100%;position:relative;overflow:hidden}.parallax-slider-item img{object-fit:cover;cursor:none;background-position:50%;background-size:cover;min-width:750px;height:80%;margin-left:-50px}.parallax-slider-item .content{margin-top:24px}@media only screen and (max-width:1199px){.parallax-slider-item .content{margin-top:14px}}.parallax-slider-item .title{letter-spacing:-.05em;font-size:20px;font-weight:400;line-height:26px}@media only screen and (max-width:1199px){.parallax-slider-item .title{font-size:18px}}.parallax-slider-item .tag{color:var(--primary);letter-spacing:-.05em;font-size:20px;font-weight:400;line-height:26px;font-family:var(--font_bdogrotesk);display:block}@media only screen and (max-width:1199px){.parallax-slider-item .tag{font-size:18px}}.parallax-slider-item .date{color:var(--primary);letter-spacing:-.05em;font-size:20px;font-weight:400;line-height:26px;font-family:var(--font_bdogrotesk);display:block}@media only screen and (max-width:1199px){.parallax-slider-item .date{font-size:18px}}