html,input,select,textarea{font-size:16px}label input,label textarea{border:1px solid var(--color-input-border);transition:border-color .6s cubic-bezier(.24, 1, .32, 1);background-color:var(--color-white);width:100%}button,html,input,select,textarea{font-family:Inter,"-apple-system",system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-feature-settings:"salt"}body,button em,label input,label textarea{background-color:var(--color-white)}.errorMessage,.successMessage,label input,label textarea{padding:16px;font-weight:516}.project,button,label em{cursor:pointer}.projectGradient,.projectView{left:0;right:0;position:absolute}.projectGradient h4,.projectView h4{font-size:24px;line-height:34px}.projectView em,.projectView h4,.projectView svg{transform:scale(.72);opacity:0}.p b,.projectGradient h4,.projectView h4,a.p:hover{font-weight:648}.close em,.map iframe,.servicesContent.show,img,svg{display:block !important}.close em,button em{left:calc(50% - 1px);bottom:0}.modalContainer,.project *,.servicesNav nav a b,.swiper-pagination{pointer-events:none}*{padding:0;margin:0;border:0;outline:0;box-sizing:border-box}body,html{overflow-x:hidden}body.noScroll,html.noScroll{overflow-y:hidden}html{scroll-behavior:smooth}li,ul{list-style:none}a{text-decoration:none}@font-face{font-family:Inter;src:url("../font/Inter-VariableFont.ttf") format("truetype");font-weight:100 900}@font-face{font-family:"Recoleta Alt Thin";src:url("../font/RecoletaAlt-Thin.ttf") format("truetype");font-weight:200}@font-face{font-family:Sentient-Variable;src:url("../font/Sentient-Variable.ttf") format("truetype");font-weight:100 900}.grid{width:1370px;margin:96px auto}.pageTitleSpan{color:var(--color-rmd);font-size:20px;line-height:30px;font-family:Sentient-Variable;font-weight:200;letter-spacing:6px;display:block}.pageSubTitle,.pageTitle{font-weight:200;color:var(--color-text-primary);font-family:Sentient-Variable}.contactFormTop,.liItem,.pageContainer,.projectView,.projects,.socials,label{display:flex}.pageTitle{font-size:72px;margin-top:24px}.pageSubTitle{font-size:54px;margin-top:72px}.liItem svg,.p,.servicesNav nav a b,.servicesNav nav a svg,label em,label input,label textarea{color:var(--color-text-secondary)}a.p{transition:.6s cubic-bezier(.24, 1, .32, 1)}a.p:hover{text-decoration:underline}.p{font-size:20px;line-height:34px;text-align:justify;font-weight:348}.pageContainer{gap:48px;margin-top:24px}.pageContainerLeft{flex:1;display:flex;flex-direction:column;gap:24px}.pageContainerRight{width:624px}.pageContainerRight img{width:100%;height:100%;object-fit:cover}.mtSub{margin-top:144px}.contactContainer,.contactContainer>.liItem+.liItem,.mt24,.servicesImage+.servicesImage,.socials{margin-top:24px}.pageSubTitleRight{text-align:right}.liItem{align-items:flex-start;gap:16px}.liItem svg{font-size:24px;position:relative;top:4px}.liItem p,.servicesContent{flex:1}.pageContainerRight img.misyonumuzImage{height:252px}.map{height:530px}.map iframe{width:100%;height:100%}.contactContainer .liItem svg{top:1px;font-size:32px}.socials{gap:96px}.contactPage .socials:nth-child(3),.servicesContent.hide,.servicesContent:not(:nth-child(2)){display:none}.socials .liItem:first-child{width:254px}.socials .liItem:nth-child(2){width:316px}.socials .liItem:nth-child(3),.socials .liItem:nth-child(4){width:216px}.contactFormTop{margin-top:48px;gap:24px}.errorMessage,.successMessage,button{margin-top:24px;font-size:18px}label{flex-direction:column;gap:8px;flex:1}label em{font-style:normal;font-size:18px;font-weight:516}label input{font-size:18px}label input::placeholder{opacity:.38}label input:focus,label textarea:focus{border-color:var(--color-rmd)}label textarea{font-size:18px;line-height:32px;min-width:100%;max-width:100%;min-height:240px}.projectGradient h4,.projectView,button,button em{transition:.6s cubic-bezier(.24, 1, .32, 1)}label textarea::placeholder{opacity:.38}button{background-color:transparent;border:1px solid var(--color-rmd);background-color:var(--color-rmd);color:var(--color-white);padding-block:16px;padding-inline:24px;font-weight:400}button em{opacity:0;position:absolute;top:0;width:2px;z-index:-1}.close:hover svg,.servicesNav nav a.selected svg,.servicesNav nav a:hover svg,button:hover{color:var(--color-rmd)}.close svg,.projectGradient h4,.projectView em,.projectView h4,.projectView svg{color:var(--color-white)}.close:hover em,button:hover em{left:0;width:100%;opacity:1}.errorMessage{background-color:#fdf1f1;color:#9a1c1d;border:1px solid #e53e3d}.successMessage{background-color:#f1faf7;color:#04543f;border:1px solid #34c38e}.close,.modal{border:1px solid var(--color-rmd)}.projects{margin-top:48px;flex-wrap:wrap;gap:48px}.project{width:calc((100% - 48px)/ 2);position:relative}.project img{width:100%;height:441px;object-fit:cover}.projectGradient{bottom:0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.96) 96%);padding:96px 48px 48px}.projectView{top:0;bottom:0;background-color:rgba(0,0,0,.64);flex-direction:column;align-items:center;justify-content:center;opacity:0;padding:24px}.swiper-button-next,.swiper-button-prev{bottom:0!important;top:0!important;margin:0!important}.reference,.references{display:flex;align-items:center}.projectView h4{transition:.6s cubic-bezier(.24, 1, .32, 1);text-align:center}.projectView em,.servicesNav nav a b{font-weight:348;transition:.6s cubic-bezier(.24, 1, .32, 1)}.projectView em{margin-top:24px;font-size:16px;font-style:normal}.projectView svg{margin-top:24px;font-size:48px;transition:.6s cubic-bezier(.24, 1, .32, 1)}.project:hover .projectView{opacity:1}.project:hover .projectView em,.project:hover .projectView h4,.project:hover .projectView svg{opacity:1;transform:scale(1)}.project:hover .projectGradient h4{opacity:0;transform:scale(.72)}.references{gap:24px;margin-top:24px;justify-content:center}.reference{width:calc((100% - 150px)/ 5);aspect-ratio:16/6;justify-content:center}.close,.servicesNav nav a{align-items:center;cursor:pointer;display:flex}.reference img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(4px 4px 4px rgba(0, 0, 0, .32))}.servicesImage,.swiper-slide img{aspect-ratio:16/9;object-fit:cover}.referenceLine{width:1px;height:48px;background-color:var(--color-seperator)}.services{display:flex;gap:48px}.servicesImage{margin-top:72px;width:100%}.servicesNav{width:324px}.closeContainer,.modal,.modalContainer .pageTitleSpan{width:970px;margin-inline:auto}.servicesNav nav{position:sticky;top:48px;width:324px;border-right:4px solid var(--color-gray)}.servicesNav nav a{gap:24px;padding:12px 24px 12px 0;position:relative}.servicesNav nav a svg{pointer-events:none;flex-shrink:0;font-size:32px;transition:.6s cubic-bezier(.24, 1, .32, 1)}.servicesNav nav a b{font-size:20px;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.servicesNav nav a.selected b,.servicesNav nav a:hover b{color:var(--color-rmd);font-weight:648}.servicesNav nav a::before{content:"";position:absolute;top:26px;width:4px;height:4px;right:-4px;opacity:0;background-color:var(--color-rmd);transition:.6s cubic-bezier(.24, 1, .32, 1)}.servicesNav nav a.selected::before{top:0;height:56px;opacity:1}.modalContainer{background-color:rgba(0,0,0,.92);z-index:900;position:fixed;inset:0;opacity:0;transition:.6s cubic-bezier(.24, 1, .32, 1)}.close em,.modal{background-color:var(--color-white)}.modal{margin-top:24px;box-shadow:0 0 14px 0 rgba(0,0,0,.096);transition:.6s cubic-bezier(.24, 1, .32, 1);transform:scale(.72);padding:48px;max-height:calc(100svh - 48px - 30px - 24px - 48px);overflow-y:auto}.modalContainer .pageTitleSpan{margin-top:48px;color:var(--color-white);transition:.6s cubic-bezier(.24, 1, .32, 1);transform:scale(.72)}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-track{background:var(--color-gray)}.modal::-webkit-scrollbar-thumb{background:var(--color-rmd)}.modalContainer.show{pointer-events:auto;opacity:1}.modalContainer.show .close,.modalContainer.show .modal,.modalContainer.show .pageTitleSpan{transform:scale(1)}.closeContainer{position:relative;z-index:1}.close,.close em{position:absolute;transition:.6s cubic-bezier(.24, 1, .32, 1)}.close{top:calc(24px - 32px);right:-32px;background-color:var(--color-rmd);width:64px;height:64px;justify-content:center;transform:scale(.72)}.close svg{font-size:32px;transition:.6s cubic-bezier(.24, 1, .32, 1);z-index:2}.close em{opacity:0;top:0;width:2px;z-index:1}.modalTitle{font-size:48px;font-family:Sentient-Variable;font-weight:200;color:var(--color-text-primary)}.swiper{margin-top:48px}.swiper-slide img{width:100%}.swiper-pagination{background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.6) 100%);bottom:0!important;display:flex;align-items:center;justify-content:center;gap:4px;padding-bottom:12px;padding-top:24px}.swiper-pagination-bullet{background-color:var(--color-white)!important;width:8px!important;height:8px!important;border-radius:8px!important;margin:0!important;transition:.6s cubic-bezier(.24, 1, .32, 1);opacity:.38!important}.swiper-button-next,.swiper-button-prev{width:auto!important;height:auto!important}.swiper-pagination-bullet-active{opacity:1!important}.swiper-button-next::after,.swiper-button-prev::after{content:""!important}.swiper-button-prev{left:0!important;padding-left:24px;padding-right:48px;background:linear-gradient(to left,transparent 0,rgba(0,0,0,.6) 100%)}.swiper-button-next{right:0!important;padding-right:24px;padding-left:48px;background:linear-gradient(to right,transparent 0,rgba(0,0,0,.6) 100%)}.swiper-button-next svg,.swiper-button-prev svg{color:var(--color-white)!important;font-size:48px;width:auto!important;height:auto!important;transition:.6s cubic-bezier(.24, 1, .32, 1)}.swiper-button-prev:hover svg{transform:translateX(-12px)}.swiper-button-next:hover svg{transform:translateX(12px)}.modalExtra{display:flex;gap:24px;margin-top:48px}.modalExtraItem{width:calc((100% - 48px - 192px)/ 2)}.modalExtraItem:nth-child(3){width:192px}.modalExtraItemHeader{display:flex;gap:12px;align-items:flex-start}.modalExtraItemHeader svg{position:relative;top:3px;font-size:24px;color:var(--color-text-secondary)}.modalExtraItem p,.modalExtraItemHeader strong{font-size:18px;line-height:32px;color:var(--color-text-secondary)}.modalExtraItemHeader strong{font-weight:464}.modalExtraItemLine{margin-block:6px;height:1px;background-color:var(--color-seperator)}.modalExtraItem p{font-weight:348;font-variant:tabular-nums}

.reference:nth-child(3) img, .reference:nth-child(7) img{filter:none}