@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css";@import"https://fonts.cdnfonts.com/css/pp-neue-montreal";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:none}*,*::before,*::after{box-sizing:border-box}.hidden{display:none}html{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box;min-width:280px}html body{width:100vw;transition:color .3s ease-in,background-color .3s ease-in;background-color:var(--bg-wh) !important}html body,html main{height:auto;width:100%;overflow-x:hidden}html body>section,html main>section{scroll-snap-align:start;scroll-snap-stop:always;place-items:center}html main{align-items:center;color:var(--color-text-primary-bk)}h1,h2,h3,h4,h5,h6,a,li,ul,i,span,section,article,label,input,input::placeholder,textarea::placeholder,form,button{font-family:"geist","acumin-pro","Inter","Helvetica";font-size:var(--font-size-primary);font-weight:300;color:var(--color-text-primary-bk);word-wrap:break-word;text-wrap:pretty;text-decoration:none !important;list-style:none;list-style-type:none;transition:all .2s ease-in}p{font-family:"geist","acumin-pro","Inter","Helvetica";font-size:var(--font-size-primary-sm);line-height:18px;font-weight:300;color:var(--color-text-primary-bk);word-wrap:break-word;text-wrap:pretty;text-decoration:none !important;list-style:none;list-style-type:none;transition:all .2s ease-in}label,a{pointer-events:auto !important;cursor:pointer !important}button{outline:none;border:none;background-color:rgba(0,0,0,0);cursor:pointer !important}input{display:none;border:none;outline:none;cursor:pointer !important}a,button{cursor:pointer !important;user-select:none}img,video{border-radius:1em;box-sizing:border-box;width:100%;height:auto;margin:0 !important;padding:0 !important;object-fit:cover !important;border:none !important;outline:none !important;vertical-align:text-top}.line{background-color:var(--bg-lightgrey02) !important;height:1px;width:100%}.line-fullopacity{background-color:var(--color-text-primary-bk) !important;height:1px;width:100%}.line-25opacity{background-color:var(--color-text-primary-bk-border-dark) !important;height:1px;width:100%}.font12px{font-size:var(--font-size-xsm)}.italic{font-style:italic}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity60{opacity:.6}.numbers{font-size:var(--font-size-xsm);opacity:.6}.dot{width:5px;height:5px;border-radius:10em;background-color:var(--bg-wh);filter:drop-shadow(0 0 2px var(--color-glow-white))}@media only screen and (max-width: 999px){h1,h2,h3,h4,h5,h6,a,p,li,ul,span,section,article,label,input,input::placeholder,textarea::placeholder,form{font-size:var(--font-size-primary-sm)}}:root{--color-accent-blue: #007AFF;--color-accent-blue-bg: #007AFF10;--color-accent-red: #e53e3e;--color-accent-red-bg: #E1391210;--color-accent-lightgreen: #B7FF00;--bg-wh: #FCFCFC;--bg-wh-bg: #FCFCFC20;--bg-wh-dark: #FCFCFC40;--bg-lightgrey01: #F5F5F5;--bg-lightgrey02: #EFEFEF;--bg-bk-light: #11111180;--line-white: #F9F9F960;--line-grey: #d1d1d1;--line-black: #11111110;--color-glow-white: #FCFCFC70;--color-text-primary-bk: #111111;--color-text-primary-bk-light: #11111110;--color-text-primary-bk-border-dark: #11111120;--color-text-primary-bk-dark: #11111170;--color-text-primary-wh: #FCFCFC;--color-text-primary-wh-light: #FCFCFC60;--color-text-primary-wh-dark: #FCFCFC80;--font-size-xxsm: 10px;--font-size-xsm: 12px;--font-size-sm: 13px;--font-size-primary-sm: 14px;--font-size-primary: 16px;--font-size-sd: 18px;--font-size-sd-md: 24px;--font-size-sd-lg: 34px;--font-size-display-title-lg: 68px;--font-size-display-title-md: 60px;--font-size-display-title-sm: 50px;--font-size-display-body: 40px;--z-negative: -1;--z-none: 0;--z-base: 1;--z-content: 10;--z-hover: 100;--z-page-open: 1000;--z-page-overlay: 1500;--z-searchOverlay: 1900;--z-nav: 2000;--z-nav-menu: 2500;--z-cursor-overlay: 10000}.hero-section{background-color:var(--bg-wh)}.hero-section .hero-top{width:100vw;height:100vh}.hero-section .hero-top .hero-top-wrapper{width:100%;height:100%;padding-top:10%;display:flex;flex-direction:column;justify-content:center;gap:3em}.hero-section .hero-top .hero-top-wrapper .hero-top-02 .hero-top-02-myself h2{font-size:var(--font-size-xsm);line-height:18px;text-transform:uppercase;opacity:.6}.hero-section .hero-top .hero-top-wrapper .hero-top-02 .hero-top-02-name-effect{position:relative;display:inline-block;width:fit-content}.hero-section .hero-top .hero-top-wrapper .hero-top-02 .hero-top-02-name-effect.name-text{position:relative;z-index:2}.hero-section .hero-top .hero-top-wrapper .hero-top-02 .hero-top-02-name-effect .point-colour-box{position:absolute;left:0;top:55%;transform:translateY(-45%);width:100%;height:.8em;z-index:var(--z-negative)}.hero-section .hero-top .hero-top-wrapper .hero-top-02 .hero-top-02-name-effect .point-colour-box::before{content:"";position:absolute;inset:0;backdrop-filter:blur(2.5px);background-color:var(--color-accent-red);border:1px solid var(--bg-lightgrey01);filter:drop-shadow(0 10px 10px rgba(17, 17, 17, 0.0823529412));border-radius:.15em}.hero-section .hero-top .hero-top-wrapper .hero-top-03 .hero-top-03-wrapper{display:flex;flex-direction:column;gap:.4em}.hero-section .hero-top .hero-top-wrapper .hero-top-03 .hero-top-03-wrapper h4{font-size:var(--font-size-sm);text-transform:uppercase}.hero-section .hero-top .hero-top-wrapper .hero-top-03 .hero-top-03-wrapper p{font-size:var(--font-size-sm);line-height:18px;text-transform:uppercase;opacity:.6}.hero-section .hero-middle{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:10em !important;padding-top:5em}.hero-section .hero-middle .hero-extra-goOtherPage{display:flex;flex-direction:row;column-gap:1em;align-items:center}.hero-section .hero-middle .hero-extra-goOtherPage label{display:inline-block;transform:translateX(0);transition:all ease .4s}.hero-section .hero-middle .hero-extra-goOtherPage label:hover{opacity:1;transform:translateX(3px)}.hero-section .hero-middle .hero-extra-black{background-color:var(--color-text-primary-bk)}.hero-section .hero-middle .hero-extra-black h2,.hero-section .hero-middle .hero-extra-black h3,.hero-section .hero-middle .hero-extra-black h4,.hero-section .hero-middle .hero-extra-black h5,.hero-section .hero-middle .hero-extra-black h6,.hero-section .hero-middle .hero-extra-black p,.hero-section .hero-middle .hero-extra-black a,.hero-section .hero-middle .hero-extra-black span,.hero-section .hero-middle .hero-extra-black ul,.hero-section .hero-middle .hero-extra-black li,.hero-section .hero-middle .hero-extra-black i{color:var(--bg-wh)}.hero-section .hero-middle .hero-extra{display:flex;flex-direction:column;row-gap:7em}.hero-section .hero-middle .hero-extra .hero-extra-box .hero-top-intro-para-about-box .hero-top-intro-para h3{text-indent:3em}.hero-section .hero-middle .hero-extra .hero-extra-box .hero-top-intro-para-about-box .hero-top-intro-para h3,.hero-section .hero-middle .hero-extra .hero-extra-box .hero-top-intro-para-about-box .hero-top-intro-para span{font-size:var(--font-size-sd-md);line-height:30px}.hero-section .hero-middle .hero-extra .hero-extra-box .hero-top-intro-para-about-box .hero-top-intro-para span{opacity:.4}.hero-section .hero-middle .hero-extra .hero-extra-box .hero-bottom-intro-details ul li{display:flex;flex-direction:column;row-gap:.3em}.hero-section .hero-middle .hero-extra .hero-extra-box .hero-bottom-intro-details ul li h3{opacity:.6}.hero-section .hero-middle .hero-extra .hero-extra-box .hero-bottom-intro-details ul li h3,.hero-section .hero-middle .hero-extra .hero-extra-box .hero-bottom-intro-details ul li h4{font-size:var(--font-size-primary-sm)}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .hero-top-intro-para-title,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .hero-top-intro-para-title,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .hero-top-intro-para-title,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title{display:flex;flex-direction:column;gap:1em}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .hero-top-intro-para-title h4,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .hero-top-intro-para-title h4,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .hero-top-intro-para-title h4,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title h4,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title h4{opacity:.6;line-height:18px}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .hero-top-intro-para-title p,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .hero-top-intro-para-title p,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .hero-top-intro-para-title p,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title p,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title p{font-size:var(--font-size-primary)}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle{display:flex;column-gap:.5em;align-items:center}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle button,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle button,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle button,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle button,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle button{position:relative;display:inline-flex;align-items:center;column-gap:.4em;width:fit-content;font-size:var(--font-size-primary-sm);background:none;border:none;cursor:pointer}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle button i,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle button i,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle button i,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle button i,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle button i{font-size:var(--font-size-primary-sm);background-color:var(--bg-lightgrey01);border-radius:3em;padding:.5em .8em;border:1px solid var(--bg-lightgrey02);color:var(--color-text-primary-bk-border-dark);transition:color .25s ease,filter .25s ease;flex-shrink:0}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle button::after,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle button::after,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle button::after,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle button::after,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle button::after{content:attr(data-text);display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-lightgrey01);border-radius:3em;padding:.5em .8em;border:1px solid var(--bg-lightgrey02);max-width:0;opacity:0;transform:translateX(-8px);overflow:hidden;white-space:nowrap;pointer-events:none;transition:max-width .35s ease,opacity .25s ease,transform .35s ease;transition-delay:0s}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle button:hover i,.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle button.active i,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle button:hover i,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle button.active i,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle button:hover i,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle button.active i,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle button:hover i,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle button.active i,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle button:hover i,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle button.active i{color:var(--color-text-primary-bk);filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle button:hover::after,.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle button.active::after,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle button:hover::after,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle button.active::after,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle button:hover::after,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle button.active::after,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle button:hover::after,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle button.active::after,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle button:hover::after,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle button.active::after{max-width:140px;opacity:1;transform:translateX(0);filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412));white-space:nowrap;transition-delay:.12s}.hero-section .hero-middle .hero-extra .hero-casestudy-title .hero-top-intro-para .works-view-toggle button:not(.active):not(:hover)::after,.hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .works-view-toggle button:not(.active):not(:hover)::after,.hero-section .hero-middle .hero-extra .hero-extra-black .hero-top-intro-para .works-view-toggle button:not(.active):not(:hover)::after,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .works-view-toggle button:not(.active):not(:hover)::after,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .works-view-toggle button:not(.active):not(:hover)::after{max-width:0;opacity:0;transform:translateX(-8px)}.hero-section .hero-middle .hero-extra .section-indicators-project h3 span{font-size:var(--font-size-primary-sm)}.hero-section .hero-middle .hero-extra .hero-extra-box-experience h2,.hero-section .hero-middle .hero-extra .hero-extra-box-contact h2{line-height:18px}.hero-section .hero-middle .hero-extra .hero-extra-box-experience p,.hero-section .hero-middle .hero-extra .hero-extra-box-contact p{font-size:var(--font-size-primary-sm);line-height:18px;opacity:.6}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn{transform:translateX(0px);transition:all .3s ease}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a{display:flex;flex-direction:row;gap:.3em;align-items:center}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a h4,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a i,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a h4,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a i{font-size:var(--font-size-primary-sm);border-radius:3em;background-color:var(--bg-lightgrey01);border:1px solid var(--bg-lightgrey02);filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a h4,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a h4{padding:8px 14px}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a i,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn a i{padding:8px}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn:hover,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper .hero-top-call-btn:hover{transform:translateX(3px)}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul li,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul li{display:flex;flex-direction:column;gap:.3em}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul li a,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul li a{display:flex;flex-direction:row;gap:.3em;align-items:center}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul li a h4,.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul li a i,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul li a h4,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul li a i{font-size:var(--font-size-primary-sm);border-radius:3em;background-color:var(--bg-lightgrey01);border:1px solid var(--bg-lightgrey02)}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul li a h4,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul li a h4{padding:8px 14px}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul li a i,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul li a i{padding:8px}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul li h5,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul li h5{font-size:var(--font-size-primary-sm);opacity:.6}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul .opacity60,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul .opacity60{font-size:var(--font-size-primary-sm)}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobRoles_Dates,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobRoles_Dates{display:flex;flex-direction:column;row-gap:.3em}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobLogo,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobLogo{display:flex;flex-direction:row;column-gap:.5em;align-items:center;filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobLogo .jobLogo_img,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobLogo .jobLogo_img{max-height:55px;max-width:55px;background-color:var(--bg-lightgrey01);border-radius:.7em;padding:.3em;border:1px solid var(--color-text-primary-wh)}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobLogo .jobLogo_img img,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobLogo .jobLogo_img img{height:100%;width:100%;border-radius:0em !important}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobLogo .jobLogo_text,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul .hero-top-intro-para-jobDetail .hero-top-intro-para-jobLogo .jobLogo_text{width:100%}.hero-section .hero-middle .hero-extra .hero-extra-box-experience .hero-top-intro-para ul .hero-top-intro-para-jobTitle,.hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para ul .hero-top-intro-para-jobTitle{padding:0 0 1em 0;font-size:var(--font-size-primary-sm) !important}.hero-section .hero-extra-works-box{transition:all .5s ease}.hero-section .hero-extra-works-box h5{display:none !important}.hero-section .hero-extra-works-box.gallery ul li{transform:scale(1);display:flex;flex-direction:column;border-top:none}.hero-section .hero-extra-works-box.gallery ul li .hero-extra-works-text{display:flex !important;flex-direction:column !important;gap:.4em}.hero-section .hero-extra-works-box.gallery ul li .hero-extra-works-text h5{display:none}.hero-section .hero-extra-works-box.gallery ul li .hero-more-projects-img img{display:inline-block;max-width:800px;width:100%;height:auto;transform:scale(1)}.hero-section .hero-extra-works-box.gallery ul li .hero-more-projects-img .no-archive-thumbnail{display:none}.hero-section .hero-extra-works-box ul,.hero-section .hero-extra-works-box.list ul{display:flex;flex-direction:column;gap:.5em}.hero-section .hero-extra-works-box ul li,.hero-section .hero-extra-works-box.list ul li{border-top:1px solid var(--line-black);padding:.8em 0;transition:all .3s ease;width:100%}.hero-section .hero-extra-works-box ul li .hero-more-projects-img,.hero-section .hero-extra-works-box.list ul li .hero-more-projects-img{display:flex;flex-wrap:wrap;gap:.5em}.hero-section .hero-extra-works-box ul li .hero-more-projects-img img,.hero-section .hero-extra-works-box.list ul li .hero-more-projects-img img{display:inline-block;max-width:100px;width:100%;height:auto;transform:scale(1);border-radius:.5em}.hero-section .hero-extra-works-box ul li .hero-extra-works-text,.hero-section .hero-extra-works-box.list ul li .hero-extra-works-text{width:100%}.hero-section .hero-extra-works-box ul li .hero-extra-works-text h3,.hero-section .hero-extra-works-box.list ul li .hero-extra-works-text h3{font-size:var(--font-size-primary-sm) !important;line-height:18px}.hero-section .hero-extra-works-box ul li .hero-extra-works-text h4,.hero-section .hero-extra-works-box ul li .hero-extra-works-text h5,.hero-section .hero-extra-works-box.list ul li .hero-extra-works-text h4,.hero-section .hero-extra-works-box.list ul li .hero-extra-works-text h5{display:flex !important;opacity:.6;font-size:var(--font-size-sm)}.hero-section .hero-extra-works-box ul li .hero-more-projects-text-details,.hero-section .hero-extra-works-box.list ul li .hero-more-projects-text-details{padding:.3em 0}.hero-section .hero-extra-works-box.changing{opacity:.1}.hero-section .hero-extra-works-box ul li{transition:transform .45s cubic-bezier(0.38, 0, 0.2, 1),width .45s cubic-bezier(0.38, 0, 0.2, 1),height .45s cubic-bezier(0.38, 0, 0.2, 1),margin .45s cubic-bezier(0.38, 0, 0.2, 1);will-change:transform,width,height;transform:all .3s ease}.hero-section .hero-extra-works-box ul li .hero-more-projects-img{overflow:hidden;position:relative;transition:all .3s ease}.hero-section .hero-extra-works-box ul li .hero-more-projects-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(0.38, 0, 0.2, 1)}.hero-section .hero-extra-works-box ul li .hero-extra-works-text,.hero-section .hero-extra-works-box ul li .hero-extra-works-text-list{display:flex;flex-direction:column;row-gap:.2em}.hero-section .hero-extra-works-box ul li .hero-extra-works-text h3,.hero-section .hero-extra-works-box ul li .hero-extra-works-text-list h3{font-size:var(--font-size-primary-sm)}.hero-section .hero-extra-works-box ul li .hero-extra-works-text h4,.hero-section .hero-extra-works-box ul li .hero-extra-works-text-list h4{font-size:var(--font-size-sm);opacity:.6}.hero-section .hero-extra-black{width:100vw;height:100%}.hero-section .hero-extra-black .hero-extra-works-box-black{display:flex;flex-direction:column;justify-content:center;width:100vw;scroll-snap-type:y mandatory}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box{position:sticky !important;top:0;height:100%;scroll-snap-type:y mandatory;scroll-behavior:smooth}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list{position:relative !important;top:0;width:100vw !important;height:100vh !important;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content{width:100%;height:100%}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content::before{content:"";position:absolute;inset:-10%;background-image:var(--bg-image);background-size:cover;background-position:center;filter:blur(20px) brightness(0.7);transform:scale(1.2);z-index:var(--z-none)}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails{grid-column-start:2;display:flex;flex-direction:column;row-gap:4em;z-index:var(--z-content)}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails-top{display:flex;flex-direction:column;row-gap:.5em}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails h2{font-size:var(--font-size-xsm);padding:0 2px}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails h3{font-size:var(--font-size-display-body);line-height:42px}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails-bottom{display:flex;flex-direction:column;row-gap:2em}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails-bottom-roles{display:flex;flex-direction:column;row-gap:.6em}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails-bottom-roles h5{font-size:var(--font-size-xsm);color:var(--color-text-primary-wh-dark)}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails-bottom ul li,.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails-bottom h4,.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails-bottom i{font-size:var(--font-size-primary-sm)}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .casestudy-each-list-content .allProjectDetails-bottom ul{display:flex;flex-direction:column;row-gap:.4em}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .allProjectThumbnails{position:relative;overflow:hidden;border-radius:1em}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .allProjectThumbnails .base-image{width:100%;display:block;z-index:1}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .allProjectThumbnails .hover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none;border-radius:0;transform:translateX(100%);transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1)}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .allProjectThumbnails.is-hovered .hover-image{transform:translateX(0)}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .allProjectThumbnails.is-leaving .hover-image{transform:translateX(-100%)}.hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .allProjectThumbnails.is-resetting .hover-image{transition:none;transform:translateX(100%)}.hero-section .hero-extra-links ul{display:flex;flex-direction:row;justify-content:flex-start;column-gap:.4em;row-gap:.6em;flex-wrap:wrap}.hero-section .hero-extra-links ul li{background-color:rgba(0,0,0,0);border-radius:3em;border:1px solid var(--color-text-primary-bk-dark);padding:.6em 1.2em;opacity:.6;transition:.3s all ease-in-out}.hero-section .hero-extra-links ul li:hover{opacity:1}.hero-section .hero-extra-links ul li:hover a,.hero-section .hero-extra-links ul li:hover span{color:var(--bg-wh)}.about-section .about-myself h3{opacity:.6}.about-section .about-myself .about-myself-title{position:relative}.about-section .about-myself .about-myself-title .about-title-highlight{position:relative;display:inline-block}.about-section .about-myself .about-myself-title .about-title-highlight h2{position:relative;z-index:2}.about-section .about-myself .about-myself-title .about-title-highlight .point-colour-box{position:absolute;left:0;top:55%;transform:translateY(-45%);width:100%;height:.8em;z-index:var(--z-negative)}.about-section .about-myself .about-myself-title .about-title-highlight .point-colour-box::before{content:"";position:absolute;inset:0;backdrop-filter:blur(2.5px);background-color:var(--color-accent-red);border:1px solid var(--bg-lightgrey01);filter:drop-shadow(0 10px 10px rgba(17, 17, 17, 0.0823529412));border-radius:.15em}.contact-section{display:grid;grid-template-columns:1fr 2fr 1fr;pointer-events:none;position:fixed;left:0;bottom:0;right:0;top:0;background-color:var(--color-text-primary-bk-border-dark);width:100vw;height:100vh;opacity:0;transition:transform .5s ease,opacity .5s ease;overflow-y:auto;z-index:var(--z-page-overlay)}.contact-section:before{content:"";backdrop-filter:blur(3px);position:absolute;inset:0}.contact-section label,.contact-section span,.contact-section h2,.contact-section h3,.contact-section a{color:var(--bg-br)}.contact-section h2{background-color:var(--bg-lightgrey01);border:1px solid var(--bg-lightgrey02);backdrop-filter:blur(8px);border-radius:3em;padding:.5em .8em;filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.contact-section h2,.contact-section h4{font-size:var(--font-size-primary-sm)}.contact-section h4{color:var(--color-text-primary-wh-dark--bg-wh80)}.contact-section i{color:var(--bg-dk);transition:all .3s ease;padding:.4em;border:1px solid var(--bg-lightgrey02);background-color:var(--bg-lightgrey01);backdrop-filter:blur(8px);border-radius:3em;filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.contact-section i:hover{background-color:var(--color-text-primary-wh-light)}.contact-section .contact-box{grid-column-start:2;backdrop-filter:blur(20px);background-color:var(--line-white);border:1px solid var(--bg-lightgrey01);border-radius:1.5em;padding:1.4em;max-width:550px;min-width:360px;width:100%;height:auto;filter:drop-shadow(0 20px 10px rgba(17, 17, 17, 0.062745098));z-index:var(--z-content)}.contact-section .contact-box .contact-details{display:flex;flex-direction:column;gap:2em}.contact-section .contact-box .contact-details .contact-details-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.contact-section .contact-box .contact-details .contact-details-box{display:flex;flex-direction:column;gap:5em}.contact-section .contact-box .contact-details .contact-details-box h3{font-size:var(--font-size-sd-md);line-height:28px}.contact-section .contact-box .contact-details .contact-details-box .contact-details-socialmedia li{border-top:1px solid var(--line-grey);padding:1em 0;display:flex;flex-direction:column;gap:.4em}.contact-section .contact-box .contact-details .contact-details-box .contact-details-socialmedia li h4{font-size:var(--font-size-xsm);text-transform:uppercase;opacity:.6}.contact-section .contact-box .contact-details .contact-details-box .contact-details-socialmedia li a{display:inline-block;width:100%;transform:translateX(0);transition:all .3s ease}.contact-section .contact-box .contact-details .contact-details-box .contact-details-socialmedia li a:hover{transform:translate(3px)}.search-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background-color:var(--bg-bk-light);backdrop-filter:blur(4px);z-index:var(--z-searchOverlay);opacity:0;transition:opacity .25s ease;width:100%}.search-modal .search-modal-wrapper{display:flex;flex-direction:column;justify-content:center;gap:3em;align-items:center;min-width:350px}.search-modal .search-modal-wrapper h1,.search-modal .search-modal-wrapper h2,.search-modal .search-modal-wrapper h3,.search-modal .search-modal-wrapper h4,.search-modal .search-modal-wrapper h5,.search-modal .search-modal-wrapper h6,.search-modal .search-modal-wrapper a,.search-modal .search-modal-wrapper li,.search-modal .search-modal-wrapper ul,.search-modal .search-modal-wrapper i,.search-modal .search-modal-wrapper span,.search-modal .search-modal-wrapper section,.search-modal .search-modal-wrapper article,.search-modal .search-modal-wrapper label,.search-modal .search-modal-wrapper input{color:var(--color-text-primary-wh)}.search-modal .search-modal-wrapper .search-intro h3{font-size:var(--font-size-primary-sm)}.search-modal .search-modal-wrapper .search-engine{font-size:var(--font-size-sm);text-transform:uppercase}.search-modal .search-modal-wrapper .search-default{padding:1em 0;border-top:1px solid var(--color-text-primary-wh-light);display:flex;flex-direction:column;gap:1em}.search-modal .search-modal-wrapper .search-default h3{font-size:var(--font-size-primary-sm);opacity:.6}.search-modal .search-modal-wrapper .search-default ul{display:flex;flex-direction:column;justify-content:center;gap:.8em}.search-modal .search-modal-wrapper .search-default ul li{font-size:var(--font-size-primary-sm)}.search-modal .search-modal-wrapper .search-default ul li span{background-color:var(--color-text-primary-wh-dark);border:1px solid var(--bg-lightgrey01);border-radius:4px;filter:drop-shadow(0 6px 5px rgba(17, 17, 17, 0.0823529412));text-align:center;align-items:center;inset:0;padding:.1em .3em}.search-modal .search-modal-wrapper .search-default ul li span,.search-modal .search-modal-wrapper .search-default ul li i{font-size:var(--font-size-sm)}.search-modal .search-preview-text{font-family:"geist","acumin-pro","Inter","Helvetica";font-size:var(--font-size-sd-md);font-weight:300;color:var(--color-text-primary-wh);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.4em}.search-modal.active{display:flex;opacity:1}.search-modal .search-preview{display:inline-flex;align-items:baseline;font-size:var(--font-size-sd-md) !important;font-weight:500;letter-spacing:-0.01em}.search-modal .search-preview .typed{color:var(--color-text-primary-wh);font-size:var(--font-size-sd-md) !important}.search-modal .search-preview .silhouette{font-size:var(--font-size-sd-md) !important;color:var(--color-text-primary-wh-light);margin-left:.02em;pointer-events:none;transition:opacity .2s ease}.search-modal .preview-hint{opacity:.6;font-size:var(--font-size-sd) !important;cursor:pointer}.search-modal .preview-hint:hover,.search-modal .preview-hint.highlighted{background-color:var(--color-glow-white)}@media only screen and (max-width: 439px){main .hero-section .hero-extra .hero-top-intro-para{display:flex;flex-direction:column;row-gap:5em}main .hero-section .hero-extra .hero-extra-box-experience .hero-top-intro-para-jobDetail,main .hero-section .hero-extra .hero-extra-box-contact .hero-top-intro-para-jobDetail{display:grid;grid-template-columns:repeat(1, auto);justify-content:space-between;gap:1em;width:100%;align-items:center}main .hero-section .hero-extra .hero-extra-works-box{width:100%}main .hero-section .hero-extra .hero-extra-works-box ul,main .hero-section .hero-extra .hero-extra-works-box.list ul{grid-template-columns:repeat(1, 1fr);row-gap:0;column-gap:0;transition:all .5s ease}main .hero-section .hero-extra .hero-extra-works-box ul li,main .hero-section .hero-extra .hero-extra-works-box.list ul li{padding:1.2em 0}}@media only screen and (min-width: 440px){main .hero-section .hero-middle .hero-extra .hero-top-intro-para{display:flex;flex-direction:column;row-gap:5em}}@media only screen and (max-width: 599px){main .hero-section .work-gallery-each-box .casestudy-each-list-content{padding:0em 1.8em 1.8em 1.8em}main .about-section .about-myself{display:flex;flex-direction:column;gap:1em}}@media only screen and (min-width: 600px)and (max-width: 743px){main .hero-section .work-gallery-each-box .casestudy-each-list-content{padding:0 2.4em 3em 2.4em}main .about-section .about-myself{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10em}}@media only screen and (max-width: 743px){main .hero-section .hero-top{padding:0 1.8em 7em 1.8em}main .hero-section .hero-top .hero-top-02 .hero-top-02-myself-name span{font-size:var(--font-size-display-title-sm)}main .hero-section .hero-top .hero-top-03{display:grid !important;grid-template-columns:3.2fr 1.8fr}main .hero-section .hero-middle .hero-extra .hero-extra-box{display:flex;flex-direction:column;row-gap:7em}main .hero-section .hero-middle .hero-extra .hero-bottom-intro-details ul{width:100%;display:grid;grid-template-columns:repeat(1, 1fr);gap:2em}main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black){padding-right:1.8em;padding-left:1.8em}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black{width:100%}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3em}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content .allProjectDetails{width:100%;display:flex;flex-direction:column;gap:2em;padding:7em 0 0 0}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content .allProjectDetails-top h3{font-size:var(--font-size-sd-md) !important}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content .allProjectDetails-bottom ul li{font-size:var(--font-size-sm) !important}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content .allProjectDetails .allProjectThumbnails{position:relative;min-width:350px;max-width:500px;width:70%}main .hero-section .hero-middle .hero-top-intro-para-about-box .hero-top-intro-para h3,main .hero-section .hero-middle .hero-extra-black .hero-top-intro-para h3,main .hero-section .hero-middle .hero-top-intro-para-moreworks-box .hero-top-intro-para h3,main .hero-section .hero-middle .hero-extra-box-experience .hero-top-intro-para h3,main .hero-section .hero-middle .hero-extra-box-contact .hero-top-intro-para h3{font-size:var(--font-size-display-body);line-height:42px}main .hero-section .hero-middle .hero-top-intro-para-about-box .hero-casestudy-title,main .hero-section .hero-middle .hero-extra-black .hero-casestudy-title,main .hero-section .hero-middle .hero-top-intro-para-moreworks-box .hero-casestudy-title,main .hero-section .hero-middle .hero-extra-box-experience .hero-casestudy-title,main .hero-section .hero-middle .hero-extra-box-contact .hero-casestudy-title{display:flex;flex-direction:column;gap:.5em}main .hero-section .hero-middle .hero-extra-works-box{width:100%}main .hero-section .hero-middle .hero-extra-works-box ul li,main .hero-section .hero-middle .hero-extra-works-box.list ul li{padding:1.2em 0;display:flex;flex-direction:column;gap:1em}main .hero-section .hero-middle .hero-extra-works-box.gallery ul{width:100%;display:grid;grid-template-columns:repeat(1, 1fr);justify-content:space-between;row-gap:2em;column-gap:.5em}main .hero-section .hero-middle .hero-extra-works-box.gallery ul li{display:flex;flex-direction:column;row-gap:.8em}main .about-section .about-container{display:flex;flex-direction:column;gap:5em;padding:15em 1.8em 10em 1.8em}main .about-section .about-container .about-container-myself{display:flex;flex-direction:column;row-gap:10em;width:100%}main .about-section .about-container .about-container-myself .about-myself h2{font-size:var(--font-size-display-title-md)}main .about-section .about-container .about-container-myself .about-myself h3{text-transform:uppercase;font-size:var(--font-size-sm);line-height:16px}main .about-section .about-container .about-container-myself .about-myself-details{display:flex;flex-direction:row;gap:2em;width:100%}main .about-section .about-container .about-container-myself .about-myself-details .about-myself-details-each{display:flex;flex-direction:column;row-gap:.5em}main .about-section .about-container .about-container-myself .about-myself-details .about-myself-details-each h2{text-transform:uppercase;opacity:.6;font-size:var(--font-size-xsm)}main .about-section .about-container .about-container-myself .about-myself-details .about-myself-details-each ul li{font-size:var(--font-size-sm);line-height:16px}main .about-section .about-container .about-myself-wrapper{display:flex;flex-direction:column;gap:5em;width:100%}main .about-section .about-container .about-container-details .about-details-left{display:flex;flex-direction:column;gap:.4em}main .about-section .about-container .about-container-details .about-details-left h3{font-size:var(--font-size-sm);opacity:.6;text-transform:uppercase}main .about-section .about-container .about-container-details .about-details-left h4{font-size:var(--font-size-sd-lg);line-height:38px}main .about-section .about-container .about-container-details ul{grid-column-start:3;display:flex;flex-direction:column;gap:2em}main .about-section .about-container .about-container-details ul .about-details-right{display:flex;flex-direction:column;gap:2em}main .about-section .about-container .about-container-details ul .about-details-right h3{font-size:var(--font-size-sm);opacity:.6;text-transform:uppercase}main .about-section .about-container .about-container-details ul .about-details-right li{display:flex;flex-direction:column;gap:.4em}main .about-section .about-container .about-container-details ul .about-details-right li h4{font-size:var(--font-size-primary-sm)}main .about-section .about-container .about-container-details ul .about-details-right li .about-each-detail-content h5,main .about-section .about-container .about-container-details ul .about-details-right li .about-each-detail-content h6{font-size:var(--font-size-primary-sm);line-height:18px;opacity:.6}main .about-section .about-container .about-myself-desc-wrapper{width:100%;display:flex;flex-direction:column;gap:1.4em}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc-names{display:flex;flex-direction:column;gap:.4em}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc-names h3{text-transform:uppercase;opacity:.6;font-size:var(--font-size-xsm)}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc-names ul li{font-size:var(--font-size-primary-sm);line-height:18px;text-transform:uppercase}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc{display:flex;flex-direction:column;gap:2em;width:100%;grid-column-start:3}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc .about-profile-img{max-width:350px}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc .about-profile-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(0.38, 0, 0.2, 1)}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc .about-myself-desc-text p{text-indent:5em;font-size:var(--font-size-primary);line-height:20px;opacity:.6}main .about-section .about-container .about-container-details{display:flex;flex-direction:column;gap:5em}}@media only screen and (min-width: 744px){main .hero-section .hero-top{padding:0 2.4em 8em 2.4em}main .hero-section .hero-top .hero-top-02 .hero-top-02-myself-name span{font-size:var(--font-size-display-title-lg)}main .hero-section .hero-middle .hero-extra{display:flex;flex-direction:column}main .hero-section .hero-middle .hero-extra .hero-extra-box{display:flex;flex-direction:column;row-gap:250px}main .hero-section .hero-middle .hero-extra .hero-bottom-intro-details ul{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5em}main .hero-section .hero-middle .hero-extra-black .allProjectThumbnails{position:relative;min-width:350px;max-width:500px;width:95% !important}main .hero-section .hero-middle .hero-extra-works-box ul li,main .hero-section .hero-middle .hero-extra-works-box.list ul li{display:flex;flex-direction:row;justify-content:space-between;align-items:top}main .about-section .about-container{display:flex;flex-direction:column;gap:5em;padding:14em 2.4em 10em 2.4em}main .about-section .about-container .about-container-myself{display:flex;flex-direction:column;row-gap:10em;width:100%}main .about-section .about-container .about-container-myself .about-myself{display:flex;flex-direction:column;gap:2em}main .about-section .about-container .about-container-myself .about-myself h2{font-size:var(--font-size-display-title-md)}main .about-section .about-container .about-container-myself .about-myself h3{text-transform:uppercase;font-size:var(--font-size-sm);line-height:16px}main .about-section .about-container .about-container-myself .about-myself-details{grid-column-start:3;display:flex;flex-direction:row;gap:2em;width:100%}main .about-section .about-container .about-container-myself .about-myself-details .about-myself-details-each{display:flex;flex-direction:column;row-gap:.5em}main .about-section .about-container .about-container-myself .about-myself-details .about-myself-details-each h2{text-transform:uppercase;opacity:.6;font-size:var(--font-size-xsm)}main .about-section .about-container .about-container-myself .about-myself-details .about-myself-details-each ul li{font-size:var(--font-size-primary-sm);line-height:18px}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc-names{display:flex;flex-direction:column;gap:.4em}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc-names h3{text-transform:uppercase;opacity:.6;font-size:var(--font-size-xsm)}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc-names ul li{font-size:var(--font-size-primary-sm);line-height:18px;text-transform:uppercase}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc{display:flex;flex-direction:column;gap:2em;width:100%;max-width:450px;grid-column-start:3}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc .about-profile-img{min-width:350px;max-width:450px}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc .about-profile-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(0.38, 0, 0.2, 1)}main .about-section .about-container .about-myself-desc-wrapper .about-myself-desc .about-myself-desc-text p{text-indent:5em;font-size:var(--font-size-primary);line-height:20px;opacity:.6}}@media only screen and (min-width: 440px)and (max-width: 999px){main .hero-section .hero-extra-box-experience .hero-top-intro-para-jobDetail,main .hero-section .hero-extra-box-contact .hero-top-intro-para-jobDetail{display:grid;grid-template-columns:3fr 2fr;justify-content:space-between;column-gap:1em;width:100%;align-items:center}main .hero-section .hero-extra-works-box{width:100%}main .hero-section .hero-extra-works-box ul,main .hero-section .hero-extra-works-box.list ul{grid-template-columns:repeat(1, 1fr);row-gap:0;column-gap:0;transition:all .5s ease}main .hero-section .hero-extra-works-box ul li,main .hero-section .hero-extra-works-box.list ul li{padding:1.2em 0}}@media only screen and (min-width: 744px)and (max-width: 999px){main .hero-section .hero-top .hero-top-02{display:flex;flex-direction:column;gap:1em}main .hero-section .hero-top .hero-top-03{display:grid;grid-template-columns:2.5fr 2fr 1.5fr}main .hero-section .hero-middle{height:auto}main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black){padding-right:2em;padding-left:2em}main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black) .hero-casestudy-title{display:flex;flex-direction:column;gap:.5em}main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black) .hero-top-intro-para-box{display:grid;grid-template-columns:25% auto;align-items:start;vertical-align:text-top;width:100%;line-height:1;margin:0;column-gap:1em}main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black) .hero-top-intro-para h3{font-size:var(--font-size-display-body);line-height:42px}main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black) .hero-extra-box-experience .hero-top-intro-para ul,main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black) .hero-extra-box-contact .hero-top-intro-para ul{display:grid;grid-template-columns:repeat(3, 1fr)}main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black) .hero-extra-box-experience .hero-top-intro-para .hero-top-intro-para-jobDetail,main .hero-section .hero-middle .hero-extra>div:not(.hero-extra-works-box-black) .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-jobDetail{display:grid;grid-template-columns:repeat(1, auto);gap:1em;width:100%;align-items:center}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black{width:100%}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3em;padding:3em 2.4em}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content .allProjectDetails{width:100%;display:grid;grid-template-columns:1fr auto;justify-content:space-between;gap:2em;padding:6em 0 0 0}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content .allProjectDetails-top h3{font-size:var(--font-size-sd-lg) !important}main .hero-section .hero-middle .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content .allProjectDetails-bottom ul li{font-size:var(--font-size-sm) !important}main .hero-section .hero-middle .hero-extra-works-box{width:100%}main .hero-section .hero-middle .hero-extra-works-box ul li,main .hero-section .hero-middle .hero-extra-works-box.list ul li{display:grid;grid-template-columns:3fr 1.5fr;gap:2em;justify-content:space-between}main .hero-section .hero-middle .hero-extra-works-box.gallery ul{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);justify-content:space-between;row-gap:5em;column-gap:.5em}main .hero-section .hero-middle .hero-extra-works-box.gallery ul li{display:flex;flex-direction:column;row-gap:.8em}main .about-section .about-container .about-myself-wrapper{display:grid;grid-template-columns:3fr 1fr 350px;justify-content:space-between;width:100%;align-items:flex-end;gap:1.4em}main .about-section .about-container .about-container-details{display:grid;grid-template-columns:3fr auto 350px;width:100%;gap:1.4em}main .about-section .about-container .about-container-details .about-details-left{display:flex;flex-direction:column;gap:.4em}main .about-section .about-container .about-container-details .about-details-left h3{font-size:var(--font-size-sm);opacity:.6;text-transform:uppercase}main .about-section .about-container .about-container-details .about-details-left h4{font-size:var(--font-size-sd-lg);line-height:38px}main .about-section .about-container .about-container-details ul{grid-column-start:3;display:flex;flex-direction:column;gap:2em}main .about-section .about-container .about-container-details ul .about-details-right{display:flex;flex-direction:column;gap:2em}main .about-section .about-container .about-container-details ul .about-details-right h3{font-size:var(--font-size-sm);opacity:.6;text-transform:uppercase}main .about-section .about-container .about-container-details ul .about-details-right li{display:flex;flex-direction:column;gap:.4em}main .about-section .about-container .about-container-details ul .about-details-right li h4{font-size:var(--font-size-primary-sm)}main .about-section .about-container .about-container-details ul .about-details-right li .about-each-detail-content h5,main .about-section .about-container .about-container-details ul .about-details-right li .about-each-detail-content h6{font-size:var(--font-size-primary-sm);line-height:18px;opacity:.6}main .about-section .about-container .about-myself-desc-wrapper{width:100%;display:grid;grid-template-columns:2.2fr 1fr 350px;align-items:flex-end;gap:1.4em}}@media only screen and (max-width: 999px){main .hero-section .hero-middle{display:flex;flex-direction:column;justify-content:space-between;gap:15em !important;padding-top:8em !important}main .hero-section .hero-middle .hero-extra-box-experience,main .hero-section .hero-middle .hero-extra-box-contact{display:flex;flex-direction:column;gap:.5em}main .hero-section .hero-middle .hero-extra-box-experience .hero-top-intro-para,main .hero-section .hero-middle .hero-extra-box-contact .hero-top-intro-para{display:flex;flex-direction:column;row-gap:5em}main .hero-section .hero-middle .hero-extra-box-experience .hero-top-intro-para ul,main .hero-section .hero-middle .hero-extra-box-contact .hero-top-intro-para ul{display:flex;flex-direction:column;row-gap:5em}main .hero-section .hero-middle .hero-extra-box-experience .hero-top-intro-para ul li,main .hero-section .hero-middle .hero-extra-box-contact .hero-top-intro-para ul li{display:flex;flex-direction:column;gap:.3em}main .hero-section .hero-middle .hero-extra-box-experience .hero-top-intro-para ul .hero-top-intro-para-jobTitle,main .hero-section .hero-middle .hero-extra-box-contact .hero-top-intro-para ul .hero-top-intro-para-jobTitle{padding:0 0 1em 0;font-size:var(--font-size-primary-sm) !important}main .hero-section .hero-middle .hero-extra-box-experience .hero-top-intro-para ul .opacity60,main .hero-section .hero-middle .hero-extra-box-contact .hero-top-intro-para ul .opacity60{font-size:var(--font-size-primary-sm)}main .hero-section .hero-middle .hero-extra .hero-top-intro-para-about-box,main .hero-section .hero-middle .hero-extra .hero-top-intro-para-box,main .hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box{display:flex;flex-direction:column;row-gap:1em}main .hero-section .hero-middle .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para{display:flex;flex-direction:column;row-gap:2em}main .hero-section .hero-middle .hero-extra .hero-extra-works-box ul .hero-extra-works-text,main .hero-section .hero-middle .hero-extra .hero-extra-works-box.list ul .hero-extra-works-text{display:flex;flex-direction:column;justify-content:flex-start;gap:.4em;align-items:right}main .hero-section .hero-middle .hero-extra .hero-extra-works-box ul .hero-extra-works-text h3,main .hero-section .hero-middle .hero-extra .hero-extra-works-box ul .hero-extra-works-text h4,main .hero-section .hero-middle .hero-extra .hero-extra-works-box ul .hero-extra-works-text h5,main .hero-section .hero-middle .hero-extra .hero-extra-works-box.list ul .hero-extra-works-text h3,main .hero-section .hero-middle .hero-extra .hero-extra-works-box.list ul .hero-extra-works-text h4,main .hero-section .hero-middle .hero-extra .hero-extra-works-box.list ul .hero-extra-works-text h5{text-align:left}main .hero-section .hero-middle .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper{display:flex;flex-direction:column;justify-content:flex-start;gap:5em;width:100%}main .contact-section{padding:0 0 6em 0}}@media only screen and (min-width: 1000px){main .hero-section .hero-top .hero-top-02{display:grid;grid-template-columns:1fr 1fr 3.5fr .5fr}main .hero-section .hero-top .hero-top-02 .hero-top-02-myself-name{grid-column-start:3}main .hero-section .hero-top .hero-top-02 .hero-top-02-myself-name h4{padding:0 .2em}main .hero-section .hero-top .hero-top-03{display:grid;grid-template-columns:1fr 1fr 1.5fr 2.5fr}main .hero-section .hero-top .hero-top-03 .hero-top-03-wrapper{grid-column-start:3}main .hero-section .hero-middle{display:flex;flex-direction:column;justify-content:space-between;row-gap:15em !important}main .hero-section .hero-extra .hero-bottom-intro-details,main .hero-section .hero-extra .hero-top-intro-para-about-box,main .hero-section .hero-extra .hero-top-intro-para-moreworks-box,main .hero-section .hero-extra .hero-casestudy-title{display:grid;grid-template-columns:1fr 1fr 3fr 1fr;align-items:start;vertical-align:text-top;width:100%;line-height:1;margin:0;padding-right:2.4em;padding-left:2.4em}main .hero-section .hero-extra .hero-bottom-intro-details .section-indicators-project,main .hero-section .hero-extra .hero-top-intro-para-about-box .section-indicators-project,main .hero-section .hero-extra .hero-top-intro-para-moreworks-box .section-indicators-project,main .hero-section .hero-extra .hero-casestudy-title .section-indicators-project{grid-column-start:2}main .hero-section .hero-extra .hero-bottom-intro-details .section-indicators-project h3 span,main .hero-section .hero-extra .hero-top-intro-para-about-box .section-indicators-project h3 span,main .hero-section .hero-extra .hero-top-intro-para-moreworks-box .section-indicators-project h3 span,main .hero-section .hero-extra .hero-casestudy-title .section-indicators-project h3 span{font-size:var(--font-size-primary-sm)}main .hero-section .hero-extra .hero-bottom-intro-details .hero-top-intro-para,main .hero-section .hero-extra .hero-top-intro-para-about-box .hero-top-intro-para,main .hero-section .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para,main .hero-section .hero-extra .hero-casestudy-title .hero-top-intro-para{grid-column-start:3}main .hero-section .hero-extra .hero-bottom-intro-details ul{grid-column-start:3}main .hero-section .hero-extra .hero-extra-box-contact .hero-top-intro-para .hero-top-intro-para-title-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}main .hero-section .hero-extra .hero-casestudy-title,main .hero-section .hero-extra .hero-top-intro-para-moreworks-box{text-align:left;vertical-align:text-top;width:100%;line-height:1;margin:0}main .hero-section .hero-extra .hero-casestudy-title .hero-top-intro-para,main .hero-section .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para{grid-column-start:3}main .hero-section .hero-extra .hero-casestudy-title .hero-top-intro-para .hero-top-intro-para-title h3,main .hero-section .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .hero-top-intro-para-title h3{font-size:var(--font-size-display-body) !important}main .hero-section .hero-extra .hero-casestudy-title .hero-top-intro-para .hero-top-intro-para-title h4,main .hero-section .hero-extra .hero-top-intro-para-moreworks-box .hero-top-intro-para .hero-top-intro-para-title h4{font-size:var(--font-size-primary-sm)}main .hero-section .hero-extra .hero-extra-works-box{padding-left:2.4em;padding-right:2.4em;width:100%}main .hero-section .hero-extra .hero-extra-works-box.gallery ul{width:100%;display:grid;grid-template-columns:repeat(4, 1fr);justify-content:space-between;row-gap:7em;column-gap:.5em}main .hero-section .hero-extra .hero-extra-works-box.gallery ul li{display:flex;flex-direction:column;row-gap:.8em;border-top:1px solid rgba(29,29,29,0);padding:0 !important}main .hero-section .hero-extra .hero-extra-works-box.gallery ul li img{display:inline-block;max-width:350px !important;width:100% !important;height:auto;transform:scale(1)}main .hero-section .hero-extra .hero-extra-works-box ul,main .hero-section .hero-extra .hero-extra-works-box.list ul{display:flex;flex-direction:column;row-gap:0}main .hero-section .hero-extra .hero-extra-works-box ul li,main .hero-section .hero-extra .hero-extra-works-box.list ul li{display:grid;grid-template-columns:3fr 1fr 2fr;justify-content:space-between;border-top:1px solid var(--line-black);transition:all .3s ease}main .hero-section .hero-extra .hero-extra-works-box ul li .hero-more-projects-text-details,main .hero-section .hero-extra .hero-extra-works-box.list ul li .hero-more-projects-text-details{grid-column-start:3;width:100%}main .hero-section .hero-extra .hero-extra-works-box ul li .hero-more-projects-text-details .hero-extra-works-text,main .hero-section .hero-extra .hero-extra-works-box.list ul li .hero-more-projects-text-details .hero-extra-works-text{display:grid;grid-template-columns:repeat(2, 1fr);justify-content:space-between;width:100%;column-gap:3em;align-items:right}main .hero-section .hero-extra .hero-extra-box-experience,main .hero-section .hero-extra .hero-extra-box-contact{padding:3em 2.4em;display:grid;grid-template-columns:1fr 1fr 3.5fr .5fr;align-items:start;vertical-align:text-top;width:100%;line-height:1;margin:0}main .hero-section .hero-extra .hero-extra-box-experience .hero-top-intro-para,main .hero-section .hero-extra .hero-extra-box-contact .hero-top-intro-para{display:flex;flex-direction:column;row-gap:7em;grid-column-start:3}main .hero-section .hero-extra .hero-extra-box-experience .hero-top-intro-para h3,main .hero-section .hero-extra .hero-extra-box-contact .hero-top-intro-para h3{font-size:var(--font-size-display-body);line-height:42px}main .hero-section .hero-extra .hero-extra-box-experience .hero-top-intro-para ul,main .hero-section .hero-extra .hero-extra-box-contact .hero-top-intro-para ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:1em}main .hero-section .hero-extra .hero-extra-box-experience .hero-top-intro-para ul .hero-top-intro-para-jobDetail,main .hero-section .hero-extra .hero-extra-box-contact .hero-top-intro-para ul .hero-top-intro-para-jobDetail{display:flex;flex-direction:column;row-gap:1em}main .hero-section .hero-extra .hero-extra-box-experience .section-indicators-project,main .hero-section .hero-extra .hero-extra-box-contact .section-indicators-project{grid-column-start:2}main .hero-section .hero-extra .hero-extra-box-experience .section-indicators-project h3 span,main .hero-section .hero-extra .hero-extra-box-contact .section-indicators-project h3 span{font-size:var(--font-size-primary-sm) !important}main .hero-section .hero-extra .hero-top-intro-para-about-box .hero-top-intro-para{display:grid}main .hero-section .hero-extra .hero-top-intro-para-about-box .hero-top-intro-para h3{font-size:var(--font-size-sd-md) !important;line-height:30px}main .hero-section .hero-extra .hero-top-intro-para-about-box .hero-top-intro-para p{width:90%;line-height:20px}main .hero-section .hero-extra .hero-top-intro-para-box{display:grid;grid-template-columns:1fr 2fr 3fr 1fr;align-items:start;vertical-align:text-top;width:100%;line-height:1;margin:0}main .hero-section .hero-extra .hero-top-intro-para-box .section-indicators-project{display:grid;grid-column-start:2}main .hero-section .hero-extra .hero-top-intro-para-box .hero-top-intro-para{display:grid;grid-column-start:3}main .hero-section .hero-extra .hero-top-project-box{display:flex;flex-direction:column;align-items:start;vertical-align:text-top;width:100%;line-height:1;margin:0}main .hero-section .hero-extra-black .hero-extra-works-box-black{width:100%}main .hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content{width:100%;height:100%;display:grid;grid-template-columns:.7fr 2.5fr 2.8fr .1fr;align-items:center}main .hero-section .hero-extra-black .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list-content .allProjectDetails-bottom{display:flex;flex-direction:column;row-gap:4em !important}main .about-section .about-container .about-container-myself .about-myself-wrapper{display:grid;grid-template-columns:2.2fr 1fr 450px;justify-content:space-between;width:100%;align-items:flex-end;gap:2em}main .about-section .about-container .about-container-myself .about-myself-desc-wrapper{width:100%;display:grid;grid-template-columns:4fr 1.2fr auto;align-items:flex-end;gap:2em}main .about-section .about-container .about-container-myself .about-myself-desc-wrapper .about-myself-desc{display:flex;flex-direction:column;gap:2em;width:100%;max-width:450px;grid-column-start:3}main .about-section .about-container .about-container-myself .about-myself-desc-wrapper .about-myself-desc .about-profile-img{min-width:350px;max-width:450px}main .about-section .about-container .about-container-myself .about-myself-desc-wrapper .about-myself-desc .about-profile-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(0.38, 0, 0.2, 1)}main .about-section .about-container .about-container-myself .about-myself-desc-wrapper .about-myself-desc .about-myself-desc-text p{text-indent:5em;font-size:var(--font-size-sd);line-height:22px;opacity:.6}main .about-section .about-container .about-container-details{display:grid;grid-template-columns:2.2fr auto 450px;width:100%;gap:2em}main .about-section .about-container .about-container-details .about-details-left{display:flex;flex-direction:column;gap:.4em}main .about-section .about-container .about-container-details .about-details-left h3{font-size:var(--font-size-sm);opacity:.6;text-transform:uppercase}main .about-section .about-container .about-container-details .about-details-left h4{font-size:var(--font-size-sd-lg)}main .about-section .about-container .about-container-details ul{grid-column-start:3;display:flex;flex-direction:column;gap:2em}main .about-section .about-container .about-container-details ul .about-details-right{display:flex;flex-direction:column;gap:2em}main .about-section .about-container .about-container-details ul .about-details-right h3{font-size:var(--font-size-sm);opacity:.6;text-transform:uppercase}main .about-section .about-container .about-container-details ul .about-details-right li{display:flex;flex-direction:column;gap:.4em}main .about-section .about-container .about-container-details ul .about-details-right li h4{font-size:var(--font-size-primary-sm)}main .about-section .about-container .about-container-details ul .about-details-right li .about-each-detail-content h5,main .about-section .about-container .about-container-details ul .about-details-right li .about-each-detail-content h6{font-size:var(--font-size-primary-sm);line-height:18px;opacity:.6}}@media only screen and (min-width: 1200px){main .hero-section .hero-casestudy-title .hero-top-intro-para-title h3,main .hero-section .hero-top-intro-para-moreworks-box .hero-top-intro-para-title h3{font-size:var(--font-size-display-body) !important}main .hero-section .hero-extra-box-experience ul,main .hero-section .hero-extra-box-contact ul{display:grid;grid-template-columns:repeat(3, 1fr)}main .hero-section .hero-extra-box-experience ul li,main .hero-section .hero-extra-box-contact ul li{display:flex;flex-direction:column;gap:.3em}main .hero-section .hero-extra .hero-extra-works-box.gallery ul{width:100%;display:grid;grid-template-columns:repeat(5, 1fr) !important;justify-content:space-between;row-gap:7em;column-gap:.5em}main .about-section .about-myself-wrapper{display:grid;grid-template-columns:2.2fr 4fr 550px !important;justify-content:space-between;width:100%;align-items:flex-end;gap:2em}main .about-section .about-myself-desc{max-width:550px !important}main .about-section .about-container-details{display:grid;grid-template-columns:2.2fr auto 550px !important;width:100%;gap:2em}}@media only screen and (min-width: 1400px){main .hero-section .hero-extra-box-experience .hero-top-intro-para,main .hero-section .hero-extra-box-contact .hero-top-intro-para{display:flex;flex-direction:column;row-gap:7em;grid-column-start:3}main .hero-section .hero-extra-box-experience .hero-top-intro-para h3,main .hero-section .hero-extra-box-contact .hero-top-intro-para h3{font-size:var(--font-size-display-body)}}#main-nav-pc{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--z-nav) !important}#main-nav-pc .nav-top-pc{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--color-text-primary-wh-dark);backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0;width:100%;padding:1em 2.4em;z-index:2001 !important;transition:background-color .3s ease}#main-nav-pc .nav-top-pc .main-nav-pc-top{display:flex;flex-direction:row;gap:.8em;align-items:center}#main-nav-pc .nav-top-pc .main-nav-pc-top h3,#main-nav-pc .nav-top-pc .main-nav-pc-top h4,#main-nav-pc .nav-top-pc .main-nav-pc-top h5,#main-nav-pc .nav-top-pc .main-nav-pc-top span{color:var(--bg-dk);text-transform:uppercase}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-left h4{font-size:var(--font-size-xsm);opacity:.6}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-call{display:flex;flex-direction:row;justify-content:flex-end}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-call h5,#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-call span{font-size:var(--font-size-xsm)}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-call label{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5em}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-call label .dot{background-color:var(--color-accent-lightgreen) !important}#main-nav-pc .nav-center-pc{position:fixed;bottom:0;padding:0 0 2em 0;background-color:rgba(0,0,0,0);z-index:var(--z-nav) !important}#main-nav-pc .nav-center-pc .nav-center{width:100%;z-index:var(--z-nav-menu) !important;display:flex;flex-direction:row;justify-content:center;gap:.5em;transition:all .3s ease}#main-nav-pc .nav-center-pc .nav-center ul{display:flex;justify-content:center;position:relative;gap:.2em;border-radius:3em;padding:4px;overflow:hidden;align-items:center;box-shadow:0px 8px 10px var(--color-text-primary-bk-light)}#main-nav-pc .nav-center-pc .nav-center ul::before{content:"";position:absolute;inset:0;z-index:var(--z-negative);backdrop-filter:blur(8px);background-color:var(--color-text-primary-wh-dark);border:1px solid var(--bg-lightgrey01);border-radius:3em}#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each{position:relative;padding:8px;border-radius:3em;transition:background-color .3s ease,padding .3s ease,border-radius .3s ease}#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each button{display:flex;flex-direction:row;gap:.3em;justify-content:center;align-items:center;background:none;border:none;padding:0;font:inherit;cursor:pointer}#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each button i{font-size:var(--font-size-primary);opacity:.6;padding:0 0 1.5px 0}#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each button .nav-menu{opacity:0;visibility:hidden;transform:translateX(-4px);max-width:0px;overflow:hidden;white-space:nowrap;transition:opacity .25s ease,transform .25s ease,max-width .35s ease;font-size:var(--font-size-primary-sm);color:var(--bg-wh)}#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each:hover,#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each.is-page-active,#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each.is-active.is-contact .nav-link{background-color:var(--color-text-primary-bk);padding:8px 16px;box-shadow:0px 2px 4px var(--color-text-primary-bk-border-dark)}#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each:hover .nav-menu,#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each.is-page-active .nav-menu,#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each.is-active.is-contact .nav-link .nav-menu{opacity:1;visibility:visible;transform:translateX(0);max-width:120px}#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each:hover i,#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each.is-page-active i,#main-nav-pc .nav-center-pc .nav-center ul .nav-menu-each.is-active.is-contact .nav-link i{opacity:1;color:var(--bg-wh)}@media only screen and (max-width: 743px){#main-nav-pc .nav-top-pc{padding:1.2em 1.8em}#main-nav-pc .nav-top-pc .main-nav-pc-top{display:flex;flex-direction:row;gap:.8em;align-items:flex-start}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-left{display:none}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-logo label h3{font-size:var(--font-size-xsm)}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-logo h4{opacity:.6;font-size:var(--font-size-xsm)}#main-nav-pc .nav-search{display:none}}@media only screen and (min-width: 744px){#main-nav-pc .nav-top-pc{padding:1em 2.4em;width:100%;display:grid;grid-template-columns:1fr 1fr 3fr 1fr}#main-nav-pc .nav-top-pc .main-nav-pc-top{display:flex;flex-direction:row;gap:.8em;align-items:center}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-logo{grid-column-start:3}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-logo label h3{font-size:var(--font-size-xsm)}#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-logo h4{opacity:.6;font-size:var(--font-size-xsm)}#main-nav-pc .nav-search{position:relative;display:flex;flex-direction:row;justify-content:flex-start;gap:10px;align-items:center;border-radius:10em;padding:9px 16px;overflow:hidden;box-shadow:0px 8px 10px var(--color-text-primary-bk-light);transition:background-color .25s ease}#main-nav-pc .nav-search::before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(8px);background-color:var(--color-text-primary-wh-dark);border:1px solid var(--bg-lightgrey01);border-radius:10em;filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}#main-nav-pc .nav-search .search-icon{font-size:var(--font-size-primary-sm);color:var(--bg-dk);opacity:.6;pointer-events:none;transition:opacity .25s ease,transform .25s ease}#main-nav-pc .nav-search input{display:block;position:relative;z-index:1;width:55px;background:none;border:none;outline:none;font-size:var(--font-size-primary-sm) !important;color:var(--bg-dk);line-height:1}#main-nav-pc .nav-search input::placeholder{color:var(--bg-dk);opacity:.6;font-size:var(--font-size-primary-sm) !important}#main-nav-pc .nav-search input:focus,#main-nav-pc .nav-search input:hover{width:200px;border-color:var(--color-text-primary-bk)}#main-nav-pc .nav-search input:focus::placeholder,#main-nav-pc .nav-search input:hover::placeholder{opacity:.2}#main-nav-pc .nav-search input:focus,#main-nav-pc .nav-search input:not(:placeholder-shown){opacity:1}#main-nav-pc .nav-search .search-key{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.4em}#main-nav-pc .nav-search .search-key span{background-color:var(--color-text-primary-wh-dark);border:1px solid var(--bg-lightgrey01);filter:blur(10px);border-radius:4px;filter:drop-shadow(0 6px 5px rgba(17, 17, 17, 0.0823529412));width:20px;height:20px;text-align:center;align-items:center;inset:0;padding:.2em}#main-nav-pc .nav-search .search-key span,#main-nav-pc .nav-search .search-key p,#main-nav-pc .nav-search .search-key i{font-size:var(--font-size-sm)}}@media only screen and (max-width: 1199px){#main-nav-pc .nav-top-pc .main-nav-pc-top.main-nav-call h5 span{display:none !important}}.footer-container{width:100vw;background-color:var(--bg-lightgrey01);display:flex;flex-direction:column;gap:8em}.footer-container .footer-container-wrapper{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.footer-container .footer-container-wrapper .footer-credit-top-line{display:flex;flex-direction:column;gap:1em}.footer-container .footer-container-wrapper .footer-credit-top-line h3{font-size:var(--font-size-xsm);opacity:.6;text-transform:uppercase}.footer-container .footer-container-wrapper .footer-credit-top-line h4{font-size:var(--font-size-sd-lg);white-space:nowrap}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-connectBox{display:flex;flex-direction:column;gap:.5em}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-connectBox-title{font-size:var(--font-size-xsm);text-transform:uppercase;opacity:.6}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-socialmedia ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5em}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-socialmedia ul li{display:inline-block;inset:0;background-color:var(--color-text-primary-wh-dark);border:1px solid var(--bg-lightgrey01);border-radius:3em;filter:drop-shadow(0 15px 10px rgba(17, 17, 17, 0.0823529412));padding:.5em .8em;transform:translateX(0)}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-socialmedia ul li .ft-credit-connectBox-each{display:flex;flex-direction:row;justify-content:flex-start;gap:.8em;align-items:center}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-socialmedia ul li .ft-credit-connectBox-each h4{display:inline-block;font-size:var(--font-size-primary-sm)}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-socialmedia ul li .ft-credit-connectBox-each i{font-size:var(--font-size-sd)}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-socialmedia ul li:hover{transform:translateX(3px)}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-calls ul{width:100%;display:flex;flex-direction:column;gap:1em}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-calls ul li{display:flex;flex-direction:column;align-items:flex-start;gap:.4em;padding:.5em 0}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-calls ul li .ft-credit-call-each{display:flex;flex-direction:row;gap:.4em;transform:translateX(0);transition:all .3s ease}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-calls ul li .ft-credit-call-each h4,.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-calls ul li .ft-credit-call-each i{font-size:var(--font-size-sd)}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-calls ul li .ft-credit-call-each:hover{transform:translateX(3px)}.footer-container .footer-container-wrapper .footer-credit-top-connect .footer-credit-calls ul li h5{font-size:var(--font-size-sm);opacity:.6}.footer-container .footer-container-wrapper .footer-credit-bottom h4{line-height:1;display:inline-block;text-align:center;white-space:nowrap;transition:font-size .3s ease-in-out;margin:0;padding:0;font-weight:300}@media only screen and (max-width: 743px){.footer-container{padding:6em 1.8em 2.4em 1.8em;height:100vh;display:flex;flex-direction:column;justify-content:space-between}.footer-container .footer-container-wrapper{width:100%}.footer-container .footer-container-wrapper .footer-credit-top{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;gap:4em;width:100%}.footer-container .footer-container-wrapper .footer-credit-top-connect{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:3em}.footer-container .footer-container-misc{display:flex;flex-direction:column;gap:1em}.footer-container .footer-container-misc ul{display:flex;flex-direction:row;align-items:center;gap:1em}.footer-container .footer-container-misc ul li{font-size:var(--font-size-sm);opacity:.6;text-transform:uppercase}.footer-container .footer-container-misc ul a{font-size:var(--font-size-sm)}}@media only screen and (min-width: 744px){.footer-container{padding:3em 1.8em 2.4em 1.8em}.footer-container .footer-container-misc{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.footer-container .footer-container-misc ul{display:flex;flex-direction:row;align-items:center;gap:1em}.footer-container .footer-container-misc ul li{font-size:var(--font-size-sm);opacity:.6;text-transform:uppercase}.footer-container .footer-container-misc ul a{font-size:var(--font-size-sm)}}@media only screen and (min-width: 744px)and (max-width: 999px){.footer-container .footer-container-wrapper{width:100%}.footer-container .footer-container-wrapper .footer-credit-top{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;gap:3em;width:100%}.footer-container .footer-container-wrapper .footer-credit-top-connect{width:100%;display:flex;flex-direction:column;gap:3em}}@media only screen and (max-width: 999px){.footer-container{padding-bottom:7em}}@media only screen and (min-width: 1000px){.footer-container .footer-container-wrapper .footer-credit-top{display:grid;grid-template-columns:2.2fr auto 450px;justify-content:space-between;width:100%;gap:2em}.footer-container .footer-container-wrapper .footer-credit-top-connect{grid-column-start:3;display:flex;flex-direction:column;width:100%;gap:3em}}@media only screen and (min-width: 1200px){.footer-container .footer-container-wrapper .footer-credit-top{display:grid;grid-template-columns:2.2fr 4fr 550px !important;justify-content:space-between;width:100%;gap:2em}.footer-container .footer-container-wrapper .footer-credit-top-connect{grid-column-start:3;display:flex;flex-direction:column;width:100%;gap:3em}}.casestudy-section{overflow-y:scroll !important;width:100%;height:100%;align-items:center}.casestudy-section .casestudy-container-wrapping-box{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;pointer-events:none;z-index:var(--z-page-open) !important}.casestudy-item-1,.casestudy-item-2,.casestudy-item-3,.casestudy-item-4,.casestudy-item-5,.casestudy-item-6,.casestudy-item-7,.casestudy-item-8,.casestudy-item-9,.casestudy-item-10,.casestudy-item-11,.casestudy-item-12,.casestudy-item-13,.casestudy-item-14{overflow-y:scroll !important;visibility:hidden;opacity:0;transition:transform .5s ease-in-out,opacity .4s ease-in-out}.main-casestudy.casestudy-item{background-color:var(--bg-wh) !important}.archive-project.casestudy-item{backdrop-filter:blur(4px);background-color:var(--bg-bk-light) !important}.main-casestudy.casestudy-item,.archive-project.casestudy-item{width:100vw;pointer-events:auto;visibility:hidden;opacity:0;transition:transform .5s ease-in-out,opacity .4s;position:fixed;top:0;left:0;right:0;overflow-y:auto;inset:0}.main-casestudy.casestudy-item.is-hidden,.archive-project.casestudy-item.is-hidden{pointer-events:none}.main-casestudy.casestudy-item .casestudy-container,.archive-project.casestudy-item .casestudy-container{display:flex;flex-direction:column;justify-content:flex-start;row-gap:5em;align-items:start;width:100%;height:100%}.main-casestudy.casestudy-item .casestudy-container-archive,.archive-project.casestudy-item .casestudy-container-archive{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100%;row-gap:5em;align-items:start}.casestudy-item{width:100vw;height:100vh}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-left{display:flex;flex-direction:column;justify-content:space-between}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-left .page span{font-size:var(--font-size-primary-sm)}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-left .casestudy-title{display:flex;flex-direction:column;row-gap:2em}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-left .casestudy-title h3{font-weight:200}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-left .casestudy-title div{display:flex;flex-direction:row;column-gap:.5em}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-left .casestudy-title div h4{border:1px solid #302d25;border-radius:2px;padding:7px 12px 6px 12px}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right{display:flex;flex-direction:column;gap:4em}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details .casestudy-eachDetail,.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details-3c .casestudy-eachDetail{display:flex;flex-direction:column;gap:.5em}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details .casestudy-eachDetail h3,.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details-3c .casestudy-eachDetail h3{font-size:var(--font-size-xsm);opacity:.6;text-transform:uppercase}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details .casestudy-eachDetail h4,.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details .casestudy-eachDetail ul li,.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details-3c .casestudy-eachDetail h4,.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details-3c .casestudy-eachDetail ul li{font-size:var(--font-size-primary-sm);line-height:17px}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details .casestudy-eachDetail p,.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details-3c .casestudy-eachDetail p{font-size:var(--font-size-primary);line-height:20px;opacity:.6}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details .casestudy-eachDetail .tagline,.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details-3c .casestudy-eachDetail .tagline{font-size:var(--font-size-primary) !important;padding-bottom:1em}.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details .casestudy-eachDetail ul,.casestudy-item .casestudy-container .casestudy-container-top .casestudy-container-right .casestudy-details-3c .casestudy-eachDetail ul{display:flex;flex-direction:column;gap:.2em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box{display:flex;flex-direction:column;align-items:center}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .casestudy-detail-imgbox{width:100%;align-items:center;margin:0 auto}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper h2,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper h3,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper h4,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper h6,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper a,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper p,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper li,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper span{color:var(--bg-dk)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .casestudy-each-step{background-color:var(--color-glow-white);border:1px solid var(--bg-lightgrey02);border-radius:1em;padding:1.6em 1.6em !important}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper{display:flex;flex-direction:column;row-gap:10em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper{width:100%}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process-top,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-text-wrapping-box-process-top{display:grid;grid-template-columns:repeat(2, 1fr);gap:3em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process-top h3,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-text-wrapping-box-process-top h3{opacity:.6;font-size:var(--font-size-primary-sm);white-space:nowrap}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process-top span,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-text-wrapping-box-process-top span{opacity:.4}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process-top h4,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process-top span,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-text-wrapping-box-process-top h4,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-text-wrapping-box-process-top span{font-size:var(--font-size-sd-md);line-height:30px}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process-top h5,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-text-wrapping-box-process-top h5{color:var(--color-accent-blue)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top{display:flex;flex-direction:column;gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top h3,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top h3{font-size:var(--font-size-primary-sm);opacity:.6}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top h4,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top h4{font-size:var(--font-size-sd-md);line-height:30px}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top h4 span,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top h4 span{font-size:var(--font-size-sd-md);line-height:30px;color:var(--color-accent-blue)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox{display:flex;flex-direction:column;gap:1em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox p,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox p{opacity:.6;line-height:20px}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox .cs-each-step-section-wrapper-textbox-div,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox .cs-each-step-section-wrapper-textbox-div{padding:1em 0 0 0}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul{display:flex;flex-direction:column;gap:1em;width:100%;border-top:1px solid var(--bg-wh-dark);padding-top:1em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each{display:flex;flex-direction:column;justify-content:flex-start;border-top:1px solid var(--bg-wh-dark);padding-top:1em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each .define-reason-title,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each .define-reason-title{display:flex;flex-direction:row;justify-content:space-between;vertical-align:middle;align-items:center;transition:all .4s ease}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each .define-reason-title span,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each .define-reason-title span{font-size:var(--font-size-primary-sm)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each .define-reason-title i,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each .define-reason-title i{transform:rotateZ(0)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each .define-reason-content,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each .define-reason-content{display:flex;gap:1em;max-height:0;width:95%;opacity:0;overflow:hidden;padding:0;font-size:var(--font-size-primary-sm);line-height:18px;transition:max-height .4s ease,opacity .4s ease,padding .4s ease}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each:hover .define-reason-title span,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each:hover .define-reason-title span{opacity:.6}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each:hover .define-reason-title i,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each:hover .define-reason-title i{transform:rotateZ(90deg)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each.define-active .define-reason-title span,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each.define-active .define-reason-title span{opacity:.6}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each.define-active .define-reason-title i,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each.define-active .define-reason-title i{transform:rotateZ(90deg)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each.define-active .define-reason-content,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox ul .define-detail-box-each.define-active .define-reason-content{opacity:1;max-height:500px;height:100%;padding:1em 0 0 0}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper{display:flex;flex-direction:column;row-gap:1em;width:100%}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process{display:flex;flex-direction:column;row-gap:3em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .cs-text-wrapping-box-process-top h3{font-size:var(--font-size-xsm);text-transform:uppercase}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .cs-text-wrapping-box-process-top p{font-size:var(--font-size-sd-md);line-height:30px;width:80%}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step{width:100%}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step{display:flex;flex-direction:column;row-gap:12em;padding:1em .2em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-title{display:flex;flex-direction:column;width:100%;padding-bottom:1em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-title .cs-each-step-title-wrapping-box{display:flex;flex-direction:column;justify-content:flex-start;row-gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-title .cs-each-step-title-wrapping-box .cs-es-subtitle{opacity:.6;font-size:var(--font-size-primary-sm)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details{display:flex;flex-direction:column;row-gap:1em;padding-top:1em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:auto;padding-top:1em;border-top:1px solid var(--line-black);display:flex;flex-direction:column}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .casestudy-each-step-details-box-title,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .casestudy-each-step-details-box-title-noHover{display:flex;flex-direction:row;justify-content:space-between;align-items:center;vertical-align:middle}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .casestudy-each-step-details-box-title h4,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .casestudy-each-step-details-box-title-noHover h4{opacity:.6;font-size:var(--font-size-primary-sm);margin:0}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .casestudy-each-step-details-box-title i,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .casestudy-each-step-details-box-title-noHover i{transform:rotateZ(0);transition:all .4s ease;color:var(--bg-dk)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .casestudy-each-step-details-box-title:hover h4{opacity:1}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .casestudy-each-step-details-box-title:hover i{transform:rotateZ(90deg)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box .extra-info{width:90%;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s ease,opacity .4s ease,padding .4s ease}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box span,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box li{line-height:20px;font-size:var(--font-size-primary-sm)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box.active .casestudy-each-step-details-box-title i,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box.active .casestudy-each-step-details-box-title--noHover i{transform:rotateZ(90deg)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box.active .extra-info{opacity:1;max-height:300px;height:100%;padding-top:1em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step .casestudy-each-step-details .casestudy-each-step-details-box.active .extra-info ul li::before{content:"• "}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container{width:100%;padding:10em 0em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wb-first{width:100%;display:flex;flex-direction:column;row-gap:8em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wb-first .cs-img-wb-first-title{display:flex;flex-direction:column;row-gap:1em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wb-first .cs-img-wb-first-title h3{font-size:var(--font-size-sd)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wb-first .cs-img-wb-first-title h4{font-size:var(--font-size-xsm);text-transform:uppercase}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider{width:100%;display:flex;flex-direction:column;row-gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider h3{opacity:.6;padding:4px 0;font-size:var(--font-size-xsm)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider h4{padding:4px 0;line-height:20px}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider .cs-img-wb-details-each-box-container{display:flex;flex-direction:column;row-gap:1.6em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-container{display:flex;flex-direction:column;row-gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-details{width:100%;grid-auto-flow:row;align-items:start;justify-content:space-between}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-details .cs-img-wb-details-each-box{width:100%;height:100%;display:flex;flex-direction:column;row-gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-details .cs-img-wb-details-each-box img{width:100%;height:100%;object-fit:cover}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-details .cs-img-wb-details-each-box .cs-imgbox-textbox-span-box-1{display:flex;flex-direction:column;row-gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-details .cs-img-wb-details-each-box .cs-imgbox-textbox-span-box-1 .cs-imgbox-textbox-span-box-2-subtitle{font-size:var(--font-size-xsm)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-details .cs-img-wb-details-each-box .cs-imgbox-textbox-span-box-1-sizing{display:flex;flex-direction:row;column-gap:.8em;align-items:baseline;width:100%}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-container .cs-img-supporting-text h3{text-transform:uppercase}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-container .cs-img-supporting-text .cs-img-supporting-text-each-main{display:flex;flex-direction:column;grid-column-start:3;gap:2em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-container .cs-img-supporting-text .cs-img-supporting-text-each-main h4,.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-container .cs-img-supporting-text .cs-img-supporting-text-each-main span{font-size:var(--font-size-sd-lg);line-height:38px}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-container .cs-img-supporting-text .cs-img-supporting-text-each-main p{font-size:var(--font-size-primary);line-height:20px;opacity:.6}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box-container .cs-img-wrapping-box-section-divider-wb-container .cs-img-supporting-text .cs-img-supporting-text-each-main ul{display:flex;flex-direction:column;gap:1em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box{width:100%}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-detail-box .cs-img-wrapping-box .cs-img-design-box-top h3{opacity:.6}.casestudy-item .casestudy-container .casestudy-container-middle .sideProjects-img-wrapper-box{display:flex;flex-direction:column;gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .sideProjects-img-wrapper-box .sideProjects-img-wrapper{display:flex;flex-flow:row wrap;gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .sideProjects-img-wrapper-box .sideProjects-img-wrapper .sideProjects-img-2{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .sideProjects-img-wrapper-box .sideProjects-img-wrapper .sideProjects-img-row{display:flex;flex-direction:row;justify-content:space-between;gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:8em 0;gap:8em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container h3{text-transform:uppercase;font-size:var(--font-size-xsm);opacity:.6;line-height:16px}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox{display:flex;flex-direction:column;gap:.5em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox .casestudy-projectBG{display:flex;flex-direction:column;gap:8em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox .casestudy-projectBG .casestudy-projectBG-left{display:grid;grid-template-columns:2fr 1fr 1fr}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox .casestudy-projectBG .casestudy-projectBG-left i{font-size:var(--font-size-display-title-sm)}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox .casestudy-projectBG .casestudy-projectBG-right{display:grid;grid-template-columns:1fr 1fr 2fr;justify-content:space-between;width:100%}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox .casestudy-projectBG .casestudy-projectBG-right .casestudy-projectBG-right-context{grid-column-start:3;display:grid;grid-template-columns:1fr 3fr;gap:2em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox .casestudy-projectBG .casestudy-projectBG-right .casestudy-projectBG-right-context p{font-size:var(--font-size-primary);line-height:20px;opacity:.6}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox-prob-solu{display:grid;grid-template-columns:1fr 1fr 2fr}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox-prob-solu .cs-textbox-prob-solu-container{grid-column-start:3;display:flex;flex-direction:column;gap:3em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox-prob-solu .cs-textbox-prob-solu-container h2{font-size:var(--font-size-sd-sm);text-transform:uppercase}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox-prob-solu .cs-textbox-prob-solu-container .casestudy-prob-solu-projectBG ul{display:flex;flex-direction:column;gap:2em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox-prob-solu .cs-textbox-prob-solu-container .casestudy-prob-solu-projectBG ul li{display:grid;grid-template-columns:1fr 3fr;gap:2em}.casestudy-item .casestudy-container .casestudy-container-middle .casestudy-text-container .casestudy-textbox-prob-solu .cs-textbox-prob-solu-container .casestudy-prob-solu-projectBG ul li p{font-size:var(--font-size-primary);line-height:20px;opacity:.6}.casestudy-item .casestudy-container-archive h2,.casestudy-item .casestudy-container-archive h3,.casestudy-item .casestudy-container-archive h4,.casestudy-item .casestudy-container-archive h5,.casestudy-item .casestudy-container-archive h6,.casestudy-item .casestudy-container-archive p,.casestudy-item .casestudy-container-archive a,.casestudy-item .casestudy-container-archive span,.casestudy-item .casestudy-container-archive ul,.casestudy-item .casestudy-container-archive li,.casestudy-item .casestudy-container-archive i{color:var(--bg-wh)}.casestudy-item .casestudy-container-archive .archive-details{display:flex;flex-direction:column;row-gap:3em}.casestudy-item .casestudy-container-archive .archive-details-top{display:flex;flex-direction:column;row-gap:.5em}.casestudy-item .casestudy-container-archive .archive-details-top h3{font-size:var(--font-size-sd-lg)}.casestudy-item .casestudy-container-archive .archive-details-top h4{font-size:var(--font-size-primary)}.casestudy-item .casestudy-container-archive .archive-details-top h5{font-size:var(--font-size-primary-sm);color:var(--color-text-primary-wh-dark)}.casestudy-item .casestudy-container-archive .archive-details-bottom{display:flex;flex-direction:column;row-gap:2em}.casestudy-item .casestudy-container-archive .archive-details-bottom .archive-details-bottom-roles{display:flex;flex-direction:column;row-gap:.6em}.casestudy-item .casestudy-container-archive .archive-details-bottom .archive-details-bottom-roles h5{font-size:var(--font-size-xsm);color:var(--color-text-primary-wh-dark)}.casestudy-item .casestudy-container-archive .archive-details-bottom .archive-details-bottom-roles ul li,.casestudy-item .casestudy-container-archive .archive-details-bottom .archive-details-bottom-roles h4,.casestudy-item .casestudy-container-archive .archive-details-bottom .archive-details-bottom-roles i{font-size:var(--font-size-primary-sm)}.casestudy-item .casestudy-container-archive .archive-details-bottom .archive-details-bottom-roles ul{display:flex;flex-direction:column;row-gap:.4em}.casestudy-item .casestudy-container-archive .archive-details-imgs{width:100%}.casestudy-item .casestudy-container-archive .archive-details-imgs ul{display:flex;flex-direction:row;gap:.5em;overflow-x:scroll;width:100%}.casestudy-item .casestudy-container-archive .archive-details-imgs ul li img{min-width:350px;width:100%}@media only screen and (max-width: 439px){.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-top .casestudy-container-right-3c{display:flex;flex-direction:column;gap:2em;width:100%}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-top .casestudy-container-right-3c .casestudy-details-3c{display:grid;grid-template-columns:repeat(1, 1fr);gap:2em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .casestudy-textbox .casestudy-projectBG .casestudy-projectBG-left{display:flex;flex-direction:column}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .casestudy-textbox .casestudy-projectBG .casestudy-projectBG-right{display:flex;flex-direction:column;width:100%}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .casestudy-textbox-prob-solu{display:flex;flex-direction:column;width:100%}}@media only screen and (min-width: 440px)and (max-width: 743px){.casestudy-section .casestudy-container-top .casestudy-container-right-3c{display:flex;flex-direction:column;gap:3em;width:100%}.casestudy-section .casestudy-container-top .casestudy-details-3c{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);justify-content:space-between}}@media only screen and (max-width: 743px){.casestudy-section .main-casestudy .casestudy-item-bg{padding:40% 0 0 0 !important}.casestudy-section .archive-project .casestudy-item-bg{padding:13em 0 3em 0}.casestudy-section .archive-project .casestudy-item-bg .archive-details{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding-left:2em;padding-right:2em}.casestudy-section .archive-project .casestudy-item-bg .archive-details-imgs ul{padding-left:2em;padding-right:2em}.casestudy-section .casestudy-item .casestudy-container-top,.casestudy-section .casestudy-item div.casestudy-container-middle .casestudy-detail-box>div:not(.cs-process-box-wrapper){padding-left:1.8em;padding-right:1.8em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-top{display:flex;flex-direction:column;row-gap:5em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-top .tagline{font-size:var(--font-size-sd);line-height:24px}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-top .casestudy-container-left{display:flex;flex-direction:column;row-gap:2em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-top .casestudy-container-left .casestudy-title h3{font-size:var(--font-size-display-title-md)}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-top .casestudy-container-right{width:100%;height:100%;display:flex;flex-direction:column;row-gap:4em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-top .casestudy-container-right p{line-height:18px}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .casestudy-text-container .casestudy-projectBG-left .cs-proj-left-1,.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .casestudy-text-container .casestudy-projectBG-left span,.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .casestudy-text-container .casestudy-projectBG-left h4{font-size:var(--font-size-display-title-sm)}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step{width:100%}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box{display:flex;flex-direction:column;gap:1em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .casestudy-each-step{width:100%;display:flex;flex-direction:column;row-gap:5em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step .casestudy-step-box .cs-each-step-title-wrapping-box .cs-es-title{font-size:var(--font-size-sd-md)}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper{padding-left:1.8em;padding-right:1.8em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper,.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper{padding-top:8em;padding-bottom:8em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .casestudy-projectBG ul,.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .casestudy-projectBG ul{display:flex;flex-direction:column;row-gap:3em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .casestudy-projectBG ul li,.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .casestudy-projectBG ul li{display:flex;flex-direction:column;row-gap:.5em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .casestudy-projectBG ul li h4,.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .casestudy-projectBG ul li h4{color:var(--color-accent-blue);font-size:var(--font-size-primary-sm)}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .casestudy-projectBG ul li p,.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .casestudy-projectBG ul li p{opacity:.6}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .cs-each-step-section-box,.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .cs-each-step-section-box{display:flex;flex-direction:column;row-gap:3em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-imgbox{display:flex;flex-direction:column;row-gap:3em;align-items:flex-start}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-imgbox .cs-img-wrapping-box{width:100%;display:flex;flex-direction:column;row-gap:8em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-imgbox .cs-img-wrapping-box-section-divider-wb-container .cs-img-wrapping-box-section-divider-wb-details{display:flex;flex-direction:column;row-gap:.5em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-imgbox .cs-img-wrapping-box-section-divider-wb-container .cs-img-wrapping-box-section-divider-wb-details .cs-img-wb-square{display:grid;grid-template-columns:repeat(1, auto);width:100%;height:auto;gap:.5em}.casestudy-section .casestudy-item .casestudy-item-bg .casestudy-container-middle .cs-imgbox .cs-img-wrapping-box-section-divider-wb-container .cs-img-wrapping-box-section-divider-wb-details .cs-img-supporting-text-each{padding:5em 0}}@media only screen and (min-width: 744px)and (max-width: 999px){.casestudy-section .casestudy-item .casestudy-container-top,.casestudy-section .casestudy-item div.casestudy-container-middle .casestudy-detail-box>div:not(.cs-process-box-wrapper){padding-left:2em;padding-right:2em}.casestudy-section .main-casestudy .casestudy-item-bg{padding:30% 0 0 0 !important}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-top{display:flex;flex-direction:column;row-gap:5em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-top .casestudy-container-left{display:flex;flex-direction:column;row-gap:2em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-top .casestudy-container-left .casestudy-title h3{font-size:var(--font-size-display-title-lg)}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-top .casestudy-container-right{width:85%;height:100%;display:flex;flex-direction:column;justify-content:center;row-gap:4em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-top .casestudy-container-right .casestudy-container-right-3c{display:flex;flex-direction:column;gap:2em;width:100%}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-top .casestudy-container-right .casestudy-details-3c{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);justify-content:space-between !important;gap:.5em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper{padding-left:2em;padding-right:2em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper{width:85%}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper{padding-top:8em;padding-bottom:8em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .casestudy-projectBG ul,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .casestudy-projectBG ul{display:flex;flex-direction:column;row-gap:3em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .casestudy-projectBG ul li,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .casestudy-projectBG ul li{display:flex;flex-direction:column;row-gap:.5em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .casestudy-projectBG ul li h4,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .casestudy-projectBG ul li h4{color:var(--color-accent-blue);font-size:var(--font-size-primary-sm)}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .casestudy-projectBG ul li p,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .casestudy-projectBG ul li p{opacity:.6}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper .cs-each-step-section-box,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .cs-each-step-section-box{display:flex;flex-direction:column;row-gap:3em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-imgbox{display:flex;flex-direction:column;row-gap:3em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-img-wrapping-box{display:flex;flex-direction:column;row-gap:5em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox .cs-imgbox-textbox-span-box-2-container{display:flex;flex-direction:column;width:100%}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox .cs-imgbox-textbox-span-box-2-container p{max-width:500px}.casestudy-section .archive-project .casestudy-item-bg{padding:12em 0 3em 0}.casestudy-section .archive-project .casestudy-item-bg .archive-details{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding-left:3.2em;padding-right:3.2em}.casestudy-section .archive-project .casestudy-item-bg .archive-details-imgs ul{padding-left:3.2em;padding-right:3.2em}}@media only screen and (min-width: 744px){.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-text-container .casestudy-projectBG-left .cs-proj-left-1,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-text-container .casestudy-projectBG-left span,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-text-container .casestudy-projectBG-left h4{font-size:var(--font-size-display-title-sm)}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-step .cs-each-step-title-wrapping-box .cs-es-title{font-size:var(--font-size-sd-md)}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-img-wrapping-box-section-divider-wb-details .cs-img-wb-square{display:grid;grid-template-columns:repeat(2, auto);width:100%;height:auto;gap:.5em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-each-list{padding:10em 0em 3em 0;display:flex;flex-direction:column;gap:2em;align-items:center}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-each-list .next-project-img{filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-each-list .next-project-img img{max-width:350px}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-each-list .cs-next-project-text{display:flex;flex-direction:column;gap:.5em;align-items:center;text-align:center}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-each-list .cs-next-project-text h3{font-size:var(--font-size-primary)}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-each-list .cs-next-project-text h4{font-size:var(--font-size-sm);opacity:.6}}@media only screen and (max-width: 999px){.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-top{width:100%}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .cs-process-box-wrapper{display:flex;flex-direction:column;row-gap:1em;width:100%}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-detail-box .casestudy-detail-imgbox video,.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-detail-box .casestudy-detail-imgbox img{object-fit:contain;width:100%;height:450px}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-detail-box .casestudy-text-container{padding:8em 1.8em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-detail-box .casestudy-text-container .casestudy-textbox .casestudy-projectBG .casestudy-projectBG-right-context{display:flex;flex-direction:column;gap:1em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-detail-box .casestudy-text-container .casestudy-textbox-prob-solu .casestudy-prob-solu-projectBG ul{display:flex;flex-direction:column;gap:3em}.casestudy-section .main-casestudy .casestudy-item-bg .casestudy-container-middle .casestudy-detail-box .casestudy-text-container .casestudy-textbox-prob-solu .casestudy-prob-solu-projectBG li{display:flex;flex-direction:column;gap:1em}}@media only screen and (min-width: 1000px){.casestudy-section .casestudy-container-middle .cs-img-wrapping-box{display:flex;flex-direction:column;row-gap:7em;width:100%}.casestudy-section .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox{display:grid;justify-content:space-between;align-items:flex-start}.casestudy-section .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox{display:flex;flex-direction:column;position:sticky;top:5em;left:0;bottom:0;overflow-y:scroll !important}.casestudy-section .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox .cs-imgbox-textbox-span-box-2-container{display:flex;flex-direction:column}.casestudy-section .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox .cs-imgbox-textbox-span-box-2 h4{line-height:20px}.casestudy-section .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox .cs-imgbox-textbox-span-box-2 .cs-imgbox-textbox-span-box-2-keywords{display:flex;flex-direction:column;row-gap:.3em;flex-wrap:wrap}.casestudy-section .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox .cs-imgbox-textbox-span-box-2 .cs-imgbox-textbox-span-box-2-type{padding:1em 0 .6em 0;display:flex;flex-direction:row;column-gap:1.6em;flex-wrap:wrap}.casestudy-section .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox .cs-img-wrapping-box-section-divider-wb-container .cs-img-supporting-text{padding:5em 0}.casestudy-section .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox .cs-img-wrapping-box-section-divider-wb-container .cs-img-supporting-text-each{display:grid;grid-template-columns:1fr 1fr 2.5fr 1.5fr;width:100%;height:auto}.casestudy-section .casestudy-container-middle .casestudy-detail-box .casestudy-detail-imgbox video,.casestudy-section .casestudy-container-middle .casestudy-detail-box .casestudy-detail-imgbox img{object-fit:contain;width:100%;height:650px}}@media only screen and (min-width: 1000px){.casestudy-section .main-casestudy .casestudy-item-bg{display:flex;flex-direction:column;row-gap:10em;padding:24% 0 0 0 !important}.casestudy-section .archive-project .casestudy-item-bg{padding-top:18em;padding-bottom:3em}.casestudy-section .casestudy-item .casestudy-container-top,.casestudy-section .casestudy-item div.casestudy-container-middle .casestudy-detail-box>div:not(.cs-process-box-wrapper){padding-left:2.4em;padding-right:2.4em}.casestudy-section .casestudy-item .casestudy-step{width:100%}.casestudy-section .casestudy-item .casestudy-step .casestudy-step-box{display:grid;grid-template-columns:repeat(4, 1fr);justify-content:space-between;width:100%;gap:.5em}.casestudy-section .casestudy-item .casestudy-container-top{width:100%;display:grid;grid-template-columns:1.5fr 1fr 2fr;justify-content:space-between}.casestudy-section .casestudy-item .casestudy-container-top .casestudy-container-left .casestudy-title h3,.casestudy-section .casestudy-item .casestudy-container-top .casestudy-container-left .casestudy-title span{font-size:90px}.casestudy-section .casestudy-item .casestudy-container-top .casestudy-container-right{grid-column-start:3;display:flex;flex-direction:column;row-gap:4em;align-items:flex-start;width:100%}.casestudy-section .casestudy-item .casestudy-container-top .casestudy-container-right .casestudy-container-right-3c{display:flex;flex-direction:column;gap:2em;width:100%}.casestudy-section .casestudy-item .casestudy-container-top .casestudy-container-right .casestudy-details-3c{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:space-between;gap:.5em;width:100%}.casestudy-section .casestudy-item .casestudy-container-top .casestudy-container-right .casestudy-details .casestudy-eachDetail,.casestudy-section .casestudy-item .casestudy-container-top .casestudy-container-right .casestudy-details-3c .casestudy-eachDetail{display:flex;flex-direction:column;gap:.5em}.casestudy-section .casestudy-item .casestudy-container-middle .cs-process-box-wrapper,.casestudy-section .casestudy-item .casestudy-container-middle .cs-each-step-section-wrapper{padding:10em .5em}.casestudy-section .casestudy-item .casestudy-container-middle .cs-process-box-wrapper{width:100%;padding-left:2.4em;padding-right:2.4em}.casestudy-section .casestudy-item .casestudy-container-middle .cs-each-step-section-wrapper .cs-each-step-section-box{display:grid;grid-template-columns:.5fr 3fr .5fr;row-gap:3em}.casestudy-section .casestudy-item .casestudy-container-middle .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top,.casestudy-section .casestudy-item .casestudy-container-middle .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox{grid-column-start:2}.casestudy-section .casestudy-item .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox{display:grid;justify-content:space-between;align-items:flex-start}.casestudy-section .casestudy-item .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox{display:flex;flex-direction:column;row-gap:3em;padding-right:2em}.casestudy-section .casestudy-item .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox .cs-imgbox-textbox-span-box-2 .cs-imgbox-textbox-span-box-2-keywords{display:flex;flex-direction:column;row-gap:.3em;flex-wrap:wrap}.casestudy-section .casestudy-item .casestudy-container-middle .cs-img-wrapping-box .cs-imgbox-textbox .cs-imgbox-textbox-span-box-2 .cs-imgbox-textbox-span-box-2-type{padding:1em 0 .6em 0;display:flex;flex-direction:row;column-gap:1.6em;flex-wrap:wrap}.casestudy-section .casestudy-item .casestudy-container-archive{display:grid;grid-template-columns:2fr 3fr;padding-left:4.8em;padding-right:7.2em;gap:3em}.casestudy-section .casestudy-item .casestudy-container-archive .archive-details{position:sticky;left:2.4em;top:18em;display:flex;flex-direction:column;row-gap:4em}.casestudy-section .casestudy-item .casestudy-container-archive .archive-details-top h3{font-size:var(--font-size-display-body) !important}.casestudy-section .casestudy-item .casestudy-container-archive .archive-details-top h4{font-size:var(--font-size-sd) !important}.casestudy-section .casestudy-item .casestudy-container-archive .archive-details-bottom{display:flex;flex-direction:column;row-gap:4em}.casestudy-section .casestudy-item .casestudy-container-archive .archive-details-imgs ul{display:flex;flex-direction:column;row-gap:.5em}}@media only screen and (max-width: 1199px){main .casestudy-container .cs-text-wrapping-box-content{display:flex;flex-direction:column;justify-content:center;row-gap:2em;width:100%}main .casestudy-container .cs-process-box-wrapper .cs-text-wrapping-box-process .casestudy-step-box{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5em}}@media only screen and (min-width: 1200px){.casestudy-section .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .cs-each-step-section-box{display:grid;grid-template-columns:1fr 2fr 1fr;row-gap:3em}.casestudy-section .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-top,.casestudy-section .casestudy-item-bg .casestudy-container-middle .cs-each-step-section-wrapper .cs-each-step-section-box .cs-each-step-section-wrapper-textbox{grid-column-start:2}}@media only screen and (min-width: 1400px){.casestudy-item .casestudy-container .cs-img-wrapping-box .cs-imgbox-textbox{display:flex;flex-direction:column;row-gap:3em}}.page-open{visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:translateY(0);display:block;background-color:var(--bg-wh);z-index:var(--z-page-overlay);width:100vw;height:100vh;transition:transform .5s ease-in-out,opacity .4s ease-in-out}#page-about{opacity:0;transform:scale(0.85) translateY(30px);pointer-events:none;visibility:hidden;transition:transform .5s ease,opacity .5s ease}#page-projects{opacity:1;pointer-events:auto;visibility:visible;transform:scale(1) translateY(0);transition:transform .5s ease,opacity .5s ease}#nav-toggle1:checked~#page-about{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible}#nav-toggle1:checked~#page-projects{opacity:0;transform:scale(0.85) translateY(30px);pointer-events:none;visibility:hidden}#nav-toggle2:checked~#page-projects{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible}#nav-toggle2:checked~#page-about{opacity:0;transform:scale(0.85) translateY(30px);pointer-events:none;visibility:hidden}#nav-toggle4:checked~.goback-btn-wrapper{display:flex;transition:transform .5s ease,opacity .5s ease;transform:translateY(0)}.contact-section{pointer-events:none;opacity:0;visibility:hidden;transform:translateY(1em)}#nav-toggle3:checked~.contact-section{pointer-events:auto;opacity:1;visibility:visible;transform:translateY(0);transition:transform .5s ease,opacity .5s ease,scale(1) ease}main .hero-section,main .about-section{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;overflow:scroll}main .about-section{background-color:var(--bg-wh)}main .about-section .about-box{display:flex;flex-direction:column;row-gap:3em;width:100%}main .about-section .about-box .line{height:1px;width:100%;background-color:var(--bg-wh)}main .about-section .about-box .about-me-name,main .about-section .about-box .about-me-02,main .about-section .about-box .about-me-section,main .about-section .about-box .backgrounds-section,main .about-section .about-box .skill-award-section{width:100%}@media(pointer: coarse),(prefers-reduced-motion: reduce){#mouse_cursor{display:none}}#mouse_cursor{position:fixed;left:0;top:0;z-index:var(--z-cursor-overlay);padding:0 10px;width:22px;height:22px;mix-blend-mode:difference;pointer-events:none;border-radius:50%;border:1.2px solid var(--bg-wh);background-color:rgba(0,0,0,0);font-family:"geist","aktiv-grotesk","acumin-pro","Inter","Helvetica";font-size:var(--font-size-xxsm);line-height:normal;text-transform:uppercase;word-wrap:break-word;color:var(--bg-wh);text-align:center;overflow:hidden;display:flex !important;justify-content:center !important;align-items:center !important;transition:width .3s ease-in-out,height .3s ease-in-out,transform .15s ease-out}.hover-trigger{cursor:pointer !important;z-index:var(--z-cursor-hover)}.reveal{opacity:0;transform:translateY(120px);transition:opacity 1.5s ease,transform 1.5s ease}.reveal.active{opacity:1;transform:translateY(0)}.hero-section .hero-middle .hero-extra-goOtherPage label .btn-wrapper{display:flex;flex-direction:row;column-gap:.2em;align-items:center;transition:all .4s ease-in;filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.hero-section .hero-middle .hero-extra-goOtherPage label .btn-wrapper h4{font-size:var(--font-size-primary-sm);display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-lightgrey01);border-radius:3em;padding:.5em .8em;line-height:1;border:1px solid var(--bg-lightgrey02)}.hero-section .hero-middle .hero-extra-goOtherPage label .btn-wrapper i{font-size:var(--font-size-primary-sm);display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-lightgrey01);border-radius:3em;padding:.5em;line-height:1;border:1px solid var(--bg-lightgrey02)}.hero-section .hero-middle .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .btn-wrapper{display:flex;flex-direction:row;column-gap:.2em;align-items:center;transform:translateX(0);transition:all .4s ease-in;filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.hero-section .hero-middle .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .btn-wrapper h4{font-size:var(--font-size-primary-sm);display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-wh-dark);border-radius:3em;padding:.5em .8em;line-height:1;border:1px solid var(--bg-lightgrey02)}.hero-section .hero-middle .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .btn-wrapper i{font-size:var(--font-size-primary-sm);display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-wh-dark);border-radius:3em;padding:.5em;line-height:1;border:1px solid var(--bg-lightgrey02)}.hero-section .hero-middle .hero-extra-works-box-black .work-gallery-each-box .casestudy-each-list .btn-wrapper:hover{transform:translateX(3px)}.casestudy-section .casestudy-item .casestudy-container-archive .archive-details-bottom .btn-wrapper{display:flex;flex-direction:row;column-gap:.2em;align-items:center;transform:translateX(0);transition:all .4s ease-in}.casestudy-section .casestudy-item .casestudy-container-archive .archive-details-bottom .btn-wrapper a{font-size:var(--font-size-primary-sm);display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-wh-dark);border-radius:3em;padding:.5em .8em;line-height:1;border:1px solid var(--bg-lightgrey02)}.casestudy-section .casestudy-item .casestudy-container-archive .archive-details-bottom .btn-wrapper:hover{transform:translateX(3px)}.casestudy-section .goback-btn-wrapper{background-color:rgba(0,0,0,0);display:none;z-index:var(--z-nav);align-items:center}.casestudy-section .goback-btn-wrapper .goback-btn{display:flex;flex-direction:column;justify-content:center;gap:.3em;align-items:center;overflow:hidden}.casestudy-section .goback-btn-wrapper .goback-btn .btn-wrapper{align-items:center;padding:12px;width:100%;transition:all .3s ease;overflow:hidden;backdrop-filter:blur(8px);background-color:var(--color-text-primary-bk-dark);border-radius:10em}.casestudy-section .goback-btn-wrapper .goback-btn .btn-wrapper i{opacity:.6;color:var(--bg-wh)}.casestudy-section .goback-btn-wrapper .goback-btn .btn-wrapper:hover i{opacity:1}.casestudy-section .project-badge h4{font-size:var(--font-size-xsm);display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-lightgrey01);border-radius:3em;padding:.5em .8em;line-height:1;text-transform:uppercase;border:1px solid var(--bg-lightgrey02);filter:drop-shadow(0 12px 10px rgba(17, 17, 17, 0.0823529412))}.gotop-btn{width:100%;align-items:center;display:flex;justify-content:center;position:relative}.gotop-btn button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 10px !important;border-radius:3em;background-color:var(--color-text-primary-bk);border:1px solid var(--bg-lightgrey02);box-shadow:0px 12px 10px rgba(17,17,17,.0823529412);transition:background-color .3s ease,padding .3s ease,border-radius .3s ease}.gotop-btn button i{font-size:var(--font-size-primary);opacity:.6;color:var(--bg-wh)}.gotop-btn button span{opacity:0;visibility:hidden;transform:translateX(-4px);max-width:0px;overflow:hidden;white-space:nowrap;transition:opacity .25s ease,transform .25s ease,max-width .35s ease;font-size:var(--font-size-primary-sm);color:var(--bg-wh)}.gotop-btn button:hover{background-color:var(--color-text-primary-bk);box-shadow:0px 2px 4px var(--color-text-primary-bk-border-dark);display:flex;flex-direction:row;gap:.3em;padding:8px 14px !important}.gotop-btn button:hover span{opacity:1;visibility:visible;transform:translateX(0);max-width:120px}.gotop-btn button:hover i{opacity:1;color:var(--bg-wh)}@media only screen and (max-width: 743px){.hero-section .hero-middle .hero-extra-black .btn-wrapper{display:none}.casestudy-section .goback-btn-wrapper{position:fixed;right:1.8em;top:50%}}@media only screen and (min-width: 744px){.casestudy-section .goback-btn-wrapper{position:fixed;right:2.4em;top:50%}}@media only screen and (min-width: 744px)and (max-width: 999px){.hero-section .hero-middle .hero-extra-black .btn-wrapper{display:none}}/*# sourceMappingURL=main.css.map */