/*! * Datepicker v1.0.3 * https://fengyuanchen.github.io/datepicker * * Copyright 2014-present Chen Fengyuan * Released under the MIT license * * Date: 2018-12-20T12:51:39.076Z */.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid rgba(0,0,0,0);content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none} .tingle-modal *{box-sizing:border-box}.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.8);opacity:0;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.tingle-modal--noClose .tingle-modal__close,.tingle-modal__closeLabel{display:none}.tingle-modal--confirm .tingle-modal-box{text-align:center}.tingle-modal--noOverlayClose{cursor:default}.tingle-modal__close{position:fixed;top:10px;right:28px;z-index:1000;padding:0;width:5rem;height:5rem;border:none;background-color:transparent;color:#f0f0f0;font-size:6rem;font-family:monospace;line-height:1;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.tingle-modal__close:hover{color:#fff}.tingle-modal-box{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;width:60%;border-radius:4px;background:#fff;opacity:1;cursor:auto;-webkit-transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.tingle-modal-box__content{padding:3rem}.tingle-modal-box__footer{padding:1rem 2rem;width:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#f5f5f5;cursor:auto}.tingle-modal-box__footer::after{display:table;clear:both;content:""}.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001;opacity:1;-webkit-transition:bottom .3s ease-in-out .3s;transition:bottom .3s ease-in-out .3s}.tingle-enabled{position:fixed;overflow:hidden;left:0;right:0}.tingle-modal--visible .tingle-modal-box__footer{bottom:0}.tingle-enabled .tingle-content-wrapper{-webkit-filter:blur(8px);filter:blur(8px)}.tingle-modal--visible{visibility:visible;opacity:1}.tingle-modal--visible .tingle-modal-box{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.tingle-modal--overflow{overflow-y:scroll;padding-top:8vh}.tingle-btn{display:inline-block;margin:0 .5rem;padding:1rem 2rem;border:none;background-color:grey;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;line-height:normal;cursor:pointer;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.tingle-btn--primary{background-color:#3498db}.tingle-btn--danger{background-color:#e74c3c}.tingle-btn--default{background-color:#34495e}.tingle-btn--pull-left{float:left}.tingle-btn--pull-right{float:right}@media (max-width :540px){.tingle-modal{top:0;display:block;padding-top:60px;width:100%}.tingle-modal-box{width:auto;border-radius:0}.tingle-modal-box__content{overflow-y:scroll}.tingle-modal--noClose{top:0}.tingle-modal--noOverlayClose{padding-top:0}.tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}.tingle-modal__close{top:0;right:0;left:0;display:block;width:100%;height:60px;border:none;background-color:#2c3e50;box-shadow:none;color:#fff;line-height:55px}.tingle-modal__closeLabel{display:inline-block;vertical-align:middle;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.tingle-modal__closeIcon{display:inline-block;margin-right:.5rem;vertical-align:middle;font-size:4rem}} /* Minimal "ABE-like" styling (no Next/React required)Drop your real icons into /icon/ (same filenames as in the exported HTML) */:root{--bg:#f5f6f7;--text:#111827;--muted:#374151;--card:#ffffff;--border:rgba(48,54,61,.22);--shadow:0 12px 32px rgba(0,0,0,.10);--radius:18px;--radius2:30px;--cyan:#22d3ee;--emerald:#34d399;}body.dark{--bg:#0b0b0b;--text:#f8fafc;--muted:#cbd5e1;--card:#111827;--border:rgba(255,255,255,.22);--shadow:0 18px 44px rgba(0,0,0,.60);}/* Container (Tailwind-like) */.container{ width:100%; margin:0 auto; padding:0 16px; }@media (min-width: 640px){.container{ max-width: 640px; } }@media (min-width: 768px){.container{ max-width: 768px; } }@media (min-width: 1024px){ .container{ max-width: 1024px; } }@media (min-width: 1280px){ .container{ max-width: 1280px; } }@media (min-width: 1536px){ .container{ max-width: 1536px; } }*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;background:var(--bg);color:var(--text);}a{color:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:1024px;margin:0 auto;padding:0 16px}.header-wrap{padding-top:16px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{width:192px}.based h1{font-size:14px;font-weight:400;margin:0;display:flex;align-items:center;min-width:125px}.dot{width:8px;height:8px;border-radius:999px;background:var(--cyan);display:inline-block;margin-left:6px}.header-nav{list-style:none;display:flex;gap:8px;padding:0;margin:12px 0 0;}.header-nav li{flex:1;text-align:center;border-radius:999px;padding:8px 14px;font-size:14px;background:transparent;}.header-nav li.active{background:var(--card); color:#06b6d4; box-shadow:0 8px 24px rgba(0,0,0,.06)}.header-nav a{text-decoration:none}.home-page{max-width:1024px;margin:0 auto;padding:24px 16px 0}.grid{position:relative;height:760px}.grid-item{position:absolute;touch-action:none;user-select:none}.card{width:100%;height:100%;border-radius:var(--radius2); background:var(--card);position:relative;overflow:hidden;}.card-border{ }.pad-xl{padding:28px}@media (min-width:768px){ .pad-xl{padding:40px} }.center{display:flex;align-items:center;justify-content:center}.card-media{border-radius:var(--radius2);background:rgba(0,0,0,.06)}body.dark .card-media{background:rgba(255,255,255,.06)}.slider-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.slider{display:flex;align-items:center;gap:10px}.slider-arrow{border:none;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;}.slider-viewport{width:240px;min-height:56px;display:flex;align-items:center;}.slide{display:none;align-items:center;gap:12px;}.slide.active{display:flex}.slide .thumb{width:48px;height:56px;display:flex;align-items:center}.slide .label{font-weight:700;font-size:16px}.slide .label .accent{color:var(--cyan)}.pill-btn{border:1px solid var(--border);background:var(--card);color:var(--text);padding:10px 14px;border-radius:999px;font-weight:700;font-size:12px;display:flex;gap:8px;align-items:center;cursor:pointer;}.icon-rotate{display:inline-block}.intro-text{margin-top:18px}.intro-text h3{margin:0;font-size:18px;font-weight:700}.intro-text p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.accent{color:var(--cyan)}.card-works{background:#34d399}body.dark .card-works{background:#121212}.works-logo{width:128px;margin:40px auto 0}.works-phone{height:75%;margin-top:auto}.works-phone img{height:100%;object-fit:cover;object-position:right}.works-cta{position: absolute;left: 50%;transform: translateX(-50%);bottom: 40px;text-decoration: none;}.works-cta-inner{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(0,0,0,.20);color:white;font-size:18px;backdrop-filter: blur(8px);}.works-glass{position: absolute;left: 0;right: 0;height: 20%;bottom: -61px;border-radius: 66px;background: rgba(255, 255, 255, .60);backdrop-filter: blur(10px);}.icon-56{width:56px;height:56px}.spotify-label{color:var(--emerald);display:flex;align-items:center;gap:8px;margin:14px 0 6px}.bars{display:flex;align-items:flex-end;gap:4px}.bar{width:4px;height:12px;background:var(--emerald);border-radius:2px;animation:beat 1s infinite}.bar.fast{animation-duration:.7s}.bar.normal{animation-duration:1s}.bar.slow{animation-duration:1.3s}@keyframes beat{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.1)}}.h3{margin:0;font-size:22px;font-weight:800}.small{font-size:18px}.corner-link{position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(148,163,184,.9);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);background:transparent;transition:all .15s ease;}.corner-link:hover{background:#63DBBE;color:#fff;border-color:transparent}.corner-link.light{border-color:rgba(255,255,255,.75);color:#fff}.corner-link.light:hover{background:#63DBBE;color:#fff;border-color:transparent}.card-instagram{background:#FFA0BC;display:flex;align-items:center;justify-content:center}.big-icon{font-size:88px;color:#fff;opacity:.95}.card-vimeo{background:#89DCFF;display:flex;align-items:center;justify-content:center}.big-icon-v{font-size:88px;color:#fff;font-weight:800}.big-icon-li{font-size:84px;color:#296781;font-weight:800;text-align: center;}body.dark .big-icon-li{color:#fff}.switcher-wrapper{height:48px;width:80px;border-radius:40px;display:flex;align-items:center;position:relative;box-shadow: rgb(48 54 61) 0px 0px 0px 2px inset;border:none;background:transparent;cursor:pointer;}.switcher-inner{width:36px;height:36px;border-radius:30px;background:#296781;position:absolute;left:6px;display:flex;align-items:center;justify-content:center;transition:left .18s ease;}body.dark .switcher-inner{left:38px;background:#fce193}.switcher-inner img{width:22px;height:22px}.h2{margin:0 0 10px;font-size:20px;font-weight:800}.contact-lines a{display:block;text-decoration:none;margin:6px 0}.contact-lines p{margin:10px 0 0;color:var(--muted)}.accent2{color:#06b6d4}.contact-cta{margin-top:18px;display:flex;justify-content:flex-end}.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);text-decoration:none;transition:all .15s ease;}.btn-outline:hover{background:#111827;color:#fff}body.dark .btn-outline:hover{background:#fff;color:#000}.mail-ico{font-size:18px}.site-footer{padding:36px 0;text-align:center;color:#6b7280}body.dark .site-footer{color:#fff}.site-footer p{margin:0;font-size:15px;font-weight:500}.bold{font-weight:800}/* Drag affordance */.draggable{cursor:grab}.dragging{cursor:grabbing}.grid-item.anim { transition: left .18s ease, top .18s ease; }.grid-item.dragging { transition: none !important; cursor: grabbing; }.card-map {width: 100%;height: 100%;border-radius: 24px;overflow: hidden;}.mapbox {width: 100%;height: 100%;}/* drag sırasında map tıklamayı bozmasın */.grid-item.dragging .mapbox {pointer-events: none;}/* ===========================HEADER (ABE-like)=========================== */.header-wrap{padding: 18px 0 6px;}.container.header{max-width: 1024px;margin: 0 auto;padding: 0 16px;display: grid;grid-template-columns: 140px 1fr 180px; /* left logo | center nav | right based */align-items: center;column-gap: 18px;}/* left */.brand a{ display:inline-flex; align-items:center; }.brand img{ display:block; }/* center */.nav{display:flex;justify-content:center;}.header-nav{list-style:none;margin: 0;padding: 6px;display:flex;gap: 8px;align-items:center;justify-content:center;border-radius: 9999px;background: rgba(255,255,255,.70);border: 1px solid rgba(0,0,0,.06);box-shadow: 0 12px 28px rgba(0,0,0,.06);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.header-nav li{ margin:0; padding:0; }.header-nav a{display:block;padding: 10px 16px;border-radius: 9999px;text-decoration:none;font-size: 14px;font-weight: 500;color: #111827;transition: background-color .15s ease, box-shadow .15s ease, color .15s ease;}.header-nav li.active a{background: rgba(255,255,255,.95);box-shadow: 0 10px 22px rgba(0,0,0,.08);color: #06b6d4;}/* right */.based{display:flex;justify-content:flex-end;}.based h1{margin:0;font-size: 14px;font-weight: 400;display:flex;align-items:center;gap: 8px;white-space: nowrap;}.dot{width:8px;height:8px;border-radius:999px;background: var(--cyan);display:inline-block;}/* responsive: tablet & down */@media (max-width: 820px){.container.header{grid-template-columns: 1fr 1fr;grid-template-areas:"brand based""nav nav";row-gap: 12px;}.brand{ grid-area: brand; }.based{ grid-area: based; }.nav{ grid-area: nav; justify-content:center; }}/* dark */body.dark .header-nav{background: rgba(18,18,18,.70);border: 1px solid rgba(255,255,255,.12);box-shadow: 0 12px 30px rgba(0,0,0,.55);}body.dark .header-nav a{ color:#fff; }body.dark .header-nav li.active a{background: rgba(255,255,255,.08);color: #63DBBE;}/* HEADER (screenshot-like) */.header-wrap{padding: 14px 0; }.container.header{display: grid;grid-template-columns: 180px 1fr 220px; /* logo | nav | based */align-items: center;}/* left */.brand{ display:flex; align-items:center; }.brand img{ display:block; }/* center nav wrapper */.nav{ display:flex; justify-content:center; }/* pill container */.header-nav{list-style:none;margin:0;padding: 6px;display:flex;gap: 8px;align-items:center;background: #eef1f4;/* açık gri kapsül */border-radius: 9999px;box-shadow: 0 10px 22px rgba(0,0,0,.10);}/* links */.header-nav li{ margin:0; padding:0;width:100px; }.header-nav a{display:block;padding: 10px 18px;border-radius: 9999px;text-decoration:none;font-size: 14px;font-weight: 500;color: #111827;}/* active pill */.header-nav li.active a{background: #ffffff;color: #06b6d4;box-shadow: 0 10px 18px rgba(0,0,0,.12);}/* right */.based{display:flex;justify-content:flex-end;}.based h1{margin:0;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap;}.dot{width:8px;height:8px;border-radius:999px;background:#22d3ee;display:inline-block;}/* responsive: küçük ekranda alt satıra insin */@media (max-width: 820px){.container.header{grid-template-columns: 1fr;row-gap: 10px;justify-items: center;}.based{ justify-content:center; }}.header-wrap .container {max-width: 1536px;}.sun {background-color: #fce193;width: 40px;height: 35px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}.big-icon-li svg{font-size: 145px;}/* GridStack ile eski absolute grid çakışmasın */.grid-stack .grid-item{position: relative !important;top: auto !important;left: auto !important;width: 100% !important;height: 100% !important;touch-action: auto !important;user-select: auto !important;}/* GridStack item içi tam yüksekliği kullansın */.grid-stack > .grid-stack-item > .grid-stack-item-content{position: relative;height: 100%;}.grid-stack-item{margin-bottom:8px;}.gs-id-0 > .grid-stack-item[gs-h="3"] {}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{width: 100% !important;height: auto !important;}.ui-resizable-handle.ui-resizable-se{display:none!important;}/* be.* icon: first load “pop” effect */@keyframes abePop {0%{ transform: scale(.72); opacity: .0; filter: blur(1px); }60%{ transform: scale(1.06); opacity: 1; filter: blur(0); }100% { transform: scale(1); }}/* default: animasyon yok */#beSlider .slide .thumb img {transform-origin: center;}/* sadece ilk load’da (body class’ı ile) active slide pop yapsın */body.abe-boot #beSlider .slide.active .thumb img {animation: abePop .45s cubic-bezier(.2,.9,.2,1) both;}.title{display:none;}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:rgba(0,0,0,.1);margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%} .gs-id-0 > .grid-stack-item[gs-h="3"]{height:230px!important; } .contact-cta{margin-top: -44px;} .header-nav a{padding: 10px 12px;} .about-page{max-width:1280px;margin:0 auto;padding:24px 16px 0}.about-hero{padding:56px 56px 46px;border-radius:44px}.about-hero h1{font-size:40px;line-height:1.05;margin:0 0 22px;font-weight:800}.about-quote{margin:0 0 20px;color:var(--muted);font-size:16px}.about-hero p{margin:0 0 14px;color:var(--muted);font-size:16px;line-height:1.65;max-width:980px}.about-signoff{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:26px}.about-tags{display:flex;flex-wrap:wrap;gap:10px;color:#9ca3af;font-weight:600}.about-tags span{white-space:nowrap}.about-logo-right img{width:110px;height:auto;display:block}.about-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:26px 0 48px}.about-card{padding:42px;border-radius:36px;min-height:210px}.about-ic{margin-bottom:18px}.about-card h3{margin:0 0 12px;font-size:24px;font-weight:800}.about-card p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.65}@media (max-width:1024px){.about-hero{padding:42px 34px 38px;border-radius:38px}.about-hero h1{font-size:34px}.about-cards{grid-template-columns:1fr;gap:18px}} .references-section {max-width: 1200px;margin: 80px auto 100px;padding: 0 16px;}.references-header {display: flex;justify-content: center;margin-bottom: 36px;}.references-toggle {display: inline-flex;align-items: center;gap: 12px;padding: 12px 22px;font-size: 16px;font-weight: 700;border-radius: 14px;background: #fff;border: 2px solid #3b82f6;color: #000;cursor: default;}.references-toggle .arrow {font-size: 18px;line-height: 1;}.references-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 28px;}.ref-card {background: #fff;border-radius: 28px;padding: 28px;display: flex;align-items: center;justify-content: center;min-height: 140px;box-shadow: 0 12px 30px rgba(0,0,0,.04);}.ref-card img {max-width: 100%;max-height: 60px;object-fit: contain;filter: grayscale(100%);opacity: .9;}/* Hover çok hafif */.ref-card:hover img {filter: grayscale(0%);opacity: 1;}/* Responsive */@media (max-width: 1024px) {.references-grid {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 640px) {.references-grid {grid-template-columns: repeat(2, 1fr);gap: 18px;}}.ref-card {position: relative;background: #fff;border-radius: 28px;padding: 28px;display: flex;align-items: center;justify-content: center;min-height: 140px;box-shadow: 0 12px 30px rgba(0,0,0,.04);overflow: hidden;}/* Logo ortak */.ref-card .logo {max-width: 65%;max-height: 60px;object-fit: contain;position: absolute;transition: opacity .25s ease;}/* Varsayılan: BW görünür */.ref-card .logo.bw {opacity: 1;}/* Renkli gizli */.ref-card .logo.color {opacity: 0;}/* Hover: renkli gelsin */.ref-card:hover .logo.bw {opacity: 0;}.ref-card:hover .logo.color {opacity: 1;} p.buttonp {font-size: 20px;font-weight:bold;} button.buttons {margin-top: 4rem;margin-bottom: 4rem;justify-content: center;align-items: center;display: flex;cursor: pointer;border: none;background: none;gap: 1.5rem;} .buttondiv{border-radius: 9999px;width: 3rem;display: flex;height: 3rem;align-items: center;justify-content: center;color: #0e7490;border: 0 solid #e5e7eb;background-color: rgb(255 255 255 / 1);}.buttondiv svg {font-size: 1.5rem;line-height: 2rem;}button.buttons:hover .buttondiv{background-color: #0e7490;color:#fff;} /* GRID */#referanslar .works-grid {display: grid;grid-template-columns: repeat(12, 1fr);gap: 24px;}/* CARD */#referanslar .work-card {position: relative;border-radius: var(--card-radius);overflow: hidden;background: #000;box-shadow: var(--shadow);cursor: pointer;transition: transform .35s ease, box-shadow .35s ease;}#referanslar .work-card:hover {transform: translateY(-6px);box-shadow: 0 30px 70px rgba(0,0,0,.15);}#referanslar .work-card img {width: 100%;height: 100%;object-fit: cover;display: block;}/* OVERLAY */#referanslar .work-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,.65), transparent 60%);display: flex;align-items: flex-end;padding: 22px;}#referanslar .work-title {font-size: 15px;font-weight: 500;color: #fff;line-height: 1.3;}#referanslar .work-arrow {position: absolute;right: 18px;bottom: 18px;width: 34px;height: 34px;border-radius: 50%;border: 1px solid rgba(255,255,255,.6);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}/* GRID SPANS */#referanslar .span-3 { grid-column: span 3; }#referanslar .span-4 { grid-column: span 4; }#referanslar .span-5 { grid-column: span 5; }#referanslar .span-6 { grid-column: span 6; }#referanslar .span-7 { grid-column: span 7; }/* HEIGHTS */#referanslar .h-sm { height: 260px; }#referanslar .h-md { height: 320px; }#referanslar .h-lg { height: 380px; }/* RESPONSIVE */@media (max-width: 1024px) {#referanslar .works-grid {grid-template-columns: repeat(6, 1fr);}}@media (max-width: 640px) {#referanslar .works-grid {grid-template-columns: repeat(1, 1fr);}#referanslar .span-3,#referanslar .span-4,#referanslar .span-5,#referanslar .span-6,#referanslar .span-7 {grid-column: span 1;}#referanslar .h-sm,#referanslar .h-md,#referanslar .h-lg {height: 240px;}}#referanslar .work-card{border-radius:20px;}#iletisim #mainbox.container{max-width: 1280px;margin: 0 auto;padding: 32px;}#iletisim .card {border-radius: 30px;}#iletisim .right-col h2.h-title{font-size: 1.875rem;line-height: 2.25rem;font-size:700;}#iletisim .right-col .text-cyan-400 { color: #22d3ee;}#iletisim .form_field{}#iletisim .form_field label{display:none;}#iletisim .form_field input{padding: 4px;border: none;border-bottom: 2px solid #242424;margin-bottom: 20px;width: 100%;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}#iletisim .form_field textarea{padding: 4px;border: none;border-bottom: 2px solid #242424;margin-bottom: 20px;width: 100%;height:100px;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}#iletisim .form_submit{border-radius: 1.5rem;border: 1px solid #242424;padding: 9px;background: #fff;cursor: pointer;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}#iletisim .form_submit:hover{background:#000;color:white;}#iletisim .contact-layout{display: grid;grid-template-columns: 1.3fr 1fr;gap: 28px;align-items: start;}#iletisim .card{background: #fff;border-radius: var(--card-radius);box-shadow: var(--card-shadow);border: 1px solid var(--stroke);overflow: hidden;}/* Map */.map-card{ height: 560px; }#abeMap{ width: 100%; height: 100%; }/* Right side cards */#iletisim .right-col{display: grid;gap: 28px;}#iletisim .pad{padding: 36px 44px;}#iletisim .h-title{font-size: 40px;line-height: 1.1;margin: 0 0 14px 0;letter-spacing: -0.02em;}#iletisim .meta-line{font-size: 18px;margin: 0;}#iletisim .meta-line a{color: var(--accent);text-decoration: none;}#iletisim .meta-line a:hover{ text-decoration: underline; }#iletisim .addr{margin-top: 16px;font-size: 18px;color: #111;}/* Form */#iletisim .form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 28px;margin-top: 26px;}#iletisim .field{position: relative;padding-top: 8px;}#iletisim .field input,#iletisim .field textarea{width: 100%;border: 0;outline: none;background: transparent;font-size: 18px;padding: 16px 2px 12px;color: #111;}#iletisim .field textarea{min-height: 170px;resize: none;}#iletisim .underline{height: 2px;background: rgba(0,0,0,.6);width: 100%;border-radius: 99px;}#iletisim .placeholder{position: absolute;left: 2px;top: 0;font-size: 18px;color: rgba(0,0,0,.35);pointer-events: none;transform: translateY(20px);transition: .2s ease;}#iletisim .field input:focus + .placeholder,#iletisim .field input:not(:placeholder-shown) + .placeholder,#iletisim .field textarea:focus + .placeholder,#iletisim .field textarea:not(:placeholder-shown) + .placeholder{transform: translateY(0);font-size: 14px;color: rgba(0,0,0,.45);}#iletisim .message-row{ grid-column: 1 / -1; }#iletisim .form-footer{display: flex;align-items: center;justify-content: space-between;gap: 24px;margin-top: 22px;flex-wrap: wrap;}#iletisim .recap{width: 304px;height: 78px;border-radius: 10px;border: 1px solid rgba(0,0,0,.12);overflow: hidden;background: #fff;}#iletisim .send-btn{margin-left: auto;display: inline-flex;align-items: center;gap: 12px;border: 1px solid rgba(0,0,0,.25);background: #fff;padding: 14px 26px;border-radius: 999px;font-size: 18px;cursor: pointer;transition: .2s ease;}#iletisim .send-btn:hover{transform: translateY(-1px);box-shadow: 0 18px 40px rgba(0,0,0,.10);}#iletisim .send-ico{width: 22px;height: 22px;display: inline-flex;align-items: center;justify-content: center;}/* Bottom icons row */#iletisim .social-row{margin-top: 28px;display: grid;grid-template-columns: repeat(5, 1fr);gap: 28px;}#iletisim .social-card{height: 150px;display: flex;align-items: center;justify-content: center;border-radius: var(--card-radius);background: #fff;border: 1px solid var(--stroke);box-shadow: var(--card-shadow);transition: .2s ease;text-decoration: none;color: #000;border-radius: 30px;font-size: 86px;}#iletisim .social-card:hover{transform: translateY(-4px);box-shadow: 0 30px 70px rgba(0,0,0,.12);}#iletisim .social-card.twitter:hover{background-color: #84d0ef;color:#fff;}#iletisim .social-card.instagram:hover{background-color: #ffa0bc;color:#fff;}#iletisim .social-card.linkedin:hover{background-color: #296781;color:#fff;}#iletisim .social-card.vimeo:hover{background-color: #89dcff;color:#fff;}#iletisim .social-card.behance:hover{background-color: #0057af;color:#fff;}#iletisim .social-card img{width: 64px;height: 64px;object-fit: contain;display: block;}#referanslar .about-hero .row { display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: space-evenly;align-items: flex-start;}#referanslar .about-hero .row .col-md-6{padding: 20px;padding-left: 0px; }.is_title h3 a{text-decoration:none;}.card-works{height: 93%;}/* Responsive */@media (max-width: 1100px){#iletisim .contact-layout{grid-template-columns: 1fr;}#iletisim .map-card{ height: 420px; }}@media (max-width: 640px){#iletisim .pad{ padding: 26px; }#iletisim .h-title{ font-size: 32px; }#iletisim .form-grid{ grid-template-columns: 1fr; }#iletisim .social-row{ grid-template-columns: 1fr 1fr; }#iletisim .send-btn{ width: 100%; justify-content: center; }#iletisim .recap{ width: 100%; }}.header #box3{display:none;}#works #page .title{display:block;text-align:center;}#works #page .title h2 {font-family: Poppins, sans-serif;color: transparent;-webkit-text-stroke: 1px #000;font-size: 3em;}#works #page .content {text-align:center;}#works #page iframe{min-height:576px;width: 100%;} /* Large Devices, Wide Screens */@media only screen and (max-width : 1200px) {}/* Medium Devices, Desktops */@media only screen and (max-width : 992px) {}/* Small Devices, Tablets */@media only screen and (max-width : 768px) {.header-wrap .container {width: 100% !important;max-width: initial;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}.header-nav{gap: 0px;}#referanslar .about-hero .row {display: flex;flex-wrap: nowrap;flex-direction: column;justify-content: space-evenly;align-items: flex-start;}#works #page .title h2{font-size: 2em;}#works #page iframe{min-height:auto;}}/* Extra Small Devices, Phones */@media only screen and (max-width : 480px) {.header-wrap .container {width: 100% !important;max-width: initial;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}.header-nav{gap: 0px;}#referanslar .about-hero .row {display: flex;flex-wrap: nowrap;flex-direction: column;justify-content: space-evenly;align-items: flex-start;}#works #page .title h2{font-size: 2em;}#works #page iframe{min-height:auto;}.gs-id-0 > .grid-stack-item[gs-h="3"]{height:260px!important;}}/* Custom, iPhone Retina */@media only screen and (max-width : 320px) {.header-wrap .container {width: 100% !important;max-width: initial;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}.header-nav{gap: 0px;}#referanslar .about-hero .row {display: flex;flex-wrap: nowrap;flex-direction: column;justify-content: space-evenly;align-items: flex-start;}#works #page .title h2{font-size: 2em;}#works #page iframe{min-height:auto;}.gs-id-0 > .grid-stack-item[gs-h="3"]{height:260px!important;}}@media (min-width: 768px) {.pad-xl {padding: 21px;}}