@import url('../assets/fonts/google-fonts.css');
:root{--black:#070707;--coal:#111;--coal2:#1a1a1a;--card:#161616;--silver:#bfc1c4;--light:#f2f2f2;--white:#fff;--muted:#a9a9a9;--line:rgba(217,217,217,.2);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--container:min(1180px,calc(100% - 40px));--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--light);font-family:var(--sans);font-size:16px;line-height:1.7;overflow-x:hidden}body.page-loading{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:var(--container);margin-inline:auto}.section{padding:88px 0;border-top:1px solid var(--line);position:relative}.eyebrow{font-size:.72rem;letter-spacing:.32em;font-weight:700;color:var(--silver);text-transform:uppercase}.display{font:500 clamp(2.4rem,5vw,5.4rem)/.95 var(--serif);letter-spacing:-.03em;margin:.2em 0}.title{font:500 clamp(2rem,3.2vw,3.65rem)/1.06 var(--serif);margin:.15em 0 .45em}.lead{color:var(--muted);max-width:680px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head p{margin:0}.section-link,.text-link{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700}.section-link i,.text-link i,.btn i{transition:transform .3s}.section-link:hover i,.text-link:hover i,.btn:hover i{transform:translateX(5px)}
.btn{min-height:48px;padding:0 22px;border:1px solid var(--silver);display:inline-flex;align-items:center;justify-content:center;gap:12px;background:transparent;color:#fff;cursor:pointer;font-weight:700;font-size:.84rem;transition:.35s var(--ease)}.btn:hover{background:#fff;color:#070707}.btn.light{background:#fff;color:#070707}.btn.light:hover{background:var(--silver)}.btns{display:flex;gap:14px;flex-wrap:wrap}.skip{position:fixed;left:12px;top:-60px;background:#fff;color:#000;padding:10px 15px;z-index:9999}.skip:focus{top:10px}:focus-visible{outline:2px solid #fff;outline-offset:4px}
.preloader{position:fixed;inset:0;width:100%;height:100dvh;min-height:100svh;background:#050505;z-index:9998;display:grid;place-items:center;overflow:hidden;transition:opacity .5s,visibility .5s}.preloader.done{opacity:0;visibility:hidden}.preloader-mark{width:min(42vw,170px);display:grid;place-items:center;transform:translateZ(0)}.preloader img{display:block;width:100%;height:auto;aspect-ratio:436/394;object-fit:contain;animation:logoIn 1s var(--ease);transform-origin:center}@keyframes logoIn{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
.topbar{height:36px;background:#030303;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem}.topbar .container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.top-contact{display:flex;gap:22px;white-space:nowrap}.top-contact a,.top-contact span{display:flex;align-items:center;gap:7px}.top-slogan{font-family:var(--serif);font-style:italic;color:var(--silver)}
.site-header{position:absolute;top:36px;left:0;right:0;height:88px;z-index:90;background:linear-gradient(#080808c9,transparent);transition:.35s}.site-header.sticky{position:fixed;top:0;background:rgba(7,7,7,.96);border-bottom:1px solid var(--line);box-shadow:0 10px 40px #0008}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:150px;height:70px;object-fit:contain}.mobile-nav-panel{display:contents}.mobile-nav-head,.mobile-nav-contact,.nav-backdrop{display:none}.nav-list{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0}.nav-list>li{position:relative}.nav-list>li>a,.nav-trigger{background:none;border:0;color:#fff;padding:31px 0;cursor:pointer;font-size:.78rem}.nav-trigger{display:flex;align-items:center;gap:5px}.nav-trigger i{width:13px;height:13px;transition:transform .25s}.nav-list>li>a::after,.nav-trigger::after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:1px;background:var(--silver);transition:right .3s}.nav-list>li>a:hover::after,.nav-list>li.active>a::after,.nav-trigger:hover::after{right:0}.dropdown{position:absolute;left:-18px;top:80%;min-width:245px;background:#0b0b0bf5;border:1px solid var(--line);padding:10px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;list-style:none}.dropdown a{display:block;padding:9px 12px;font-size:.78rem;color:#ccc}.dropdown a:hover{background:#1a1a1a;color:#fff}.has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:none}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;min-width:74px;height:44px;padding:0 12px;align-items:center;justify-content:center;gap:9px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.menu-lines{width:18px;height:14px;display:flex;flex-direction:column;justify-content:center;gap:5px}.menu-lines b{display:block;width:100%;height:1px;background:#fff}.nav-cta{display:none}
.hero{height:min(820px,100vh);min-height:680px;position:relative}.hero .swiper,.hero .swiper-wrapper,.hero .swiper-slide{height:100%}.hero-slide{background-size:cover;background-position:center;overflow:hidden}.hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.64) 38%,rgba(0,0,0,.12) 75%),linear-gradient(0deg,#070707 0%,transparent 30%);z-index:1}.hero-slide::after{content:"";position:absolute;inset:-4%;background:inherit;background-size:cover;background-position:center;animation:kenburns 12s linear infinite alternate;z-index:0}.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding-top:100px}.hero-copy{max-width:650px}.hero-copy p{max-width:620px;font-size:1.03rem}.hero .swiper-slide-active .hero-copy>*{animation:fadeUp .8s both}.hero .swiper-slide-active .hero-copy>*:nth-child(2){animation-delay:.12s}.hero .swiper-slide-active .hero-copy>*:nth-child(3){animation-delay:.22s}.hero .swiper-slide-active .hero-copy>*:nth-child(4){animation-delay:.32s}.hero-sideword{position:absolute;right:5vw;top:44%;z-index:3;border-left:1px solid var(--silver);padding-left:18px;white-space:pre-line;font-size:.68rem;letter-spacing:.2em}.hero-controls{position:absolute;left:max(20px,calc((100vw - 1180px)/2));bottom:42px;z-index:5;display:flex;align-items:center;gap:18px}.hero-pagination{display:flex;gap:15px}.hero-pagination .swiper-pagination-bullet{width:46px;height:auto;border-radius:0;background:none;color:#fff;opacity:.5;font-size:.75rem;border-bottom:1px solid #777;padding-bottom:7px}.hero-pagination .swiper-pagination-bullet-active{opacity:1;border-color:#fff}.hero-arrows{display:flex;gap:8px}.hero-arrows button{width:42px;height:42px;background:#08080880;border:1px solid var(--line);color:#fff}.hero-scroll{position:absolute;right:30px;bottom:45px;z-index:4;writing-mode:vertical-rl;font-size:.62rem;letter-spacing:.2em;color:#bbb}@keyframes kenburns{to{transform:scale(1.07)}}@keyframes fadeUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.split{display:grid;grid-template-columns:1.08fr 1fr;min-height:570px}.split-media{min-height:500px;background-size:cover;background-position:center;position:relative}.split-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070707bb,transparent 55%)}.vertical-note{position:absolute;z-index:2;left:7%;bottom:8%;white-space:pre-line;border-left:1px solid var(--silver);padding-left:16px;letter-spacing:.15em;font-size:.73rem}.split-copy{padding:75px clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.corp-logo{display:block;flex:none;align-self:flex-end;width:clamp(180px,18vw,230px);max-width:100%;height:auto!important;aspect-ratio:436/394;object-fit:contain;margin:25px 0 0;opacity:.82}.values{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.value{padding:34px 27px;border-right:1px solid var(--line)}.value:last-child{border:0}.value i{width:30px;height:30px;color:var(--silver)}.value h3{font:600 1.45rem var(--serif);margin:13px 0 6px}.value p{font-size:.82rem;color:var(--muted);margin:0}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card,.project-card,.article-card{position:relative;border:1px solid var(--line);background:var(--card);overflow:hidden;min-height:290px}.service-card img,.project-card img,.article-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.service-card::after,.project-card::after,.article-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505f5 0%,#07070733 75%)}.service-card:hover img,.project-card:hover img,.article-card:hover img{transform:scale(1.06)}.card-body{position:absolute;inset:auto 22px 19px;z-index:2}.card-body h3{font:600 1.5rem var(--serif);margin:5px 0}.card-body p{font-size:.78rem;color:#ccc;margin:6px 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-card .icon{position:absolute;z-index:3;left:20px;top:20px;width:40px;height:40px;border:1px solid #fff7;display:grid;place-items:center}.service-card .icon i{width:21px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--line);color:#ccc;padding:9px 15px;font-size:.73rem;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#fff;color:#070707}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-card{min-height:370px}.project-card.hidden{display:none}.project-card.show{animation:cardIn .45s both}@keyframes cardIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.badge{font-size:.65rem;letter-spacing:.08em;color:#ccc}.demo{border:1px solid #fff6;padding:3px 7px;margin-left:7px}.why{display:grid;grid-template-columns:.9fr 1.2fr}.why-copy{padding:65px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.feature{border:1px solid var(--line);padding:18px}.feature h3{font-size:.82rem;margin:7px 0}.feature p{font-size:.75rem;color:#aaa;margin:0}.feature i{color:var(--silver)}
.timeline{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:45px}.timeline::before,.timeline::after{content:"";position:absolute;top:17px;left:0;height:1px}.timeline::before{right:0;background:#555}.timeline::after{width:0;background:#fff;transition:width 1.4s var(--ease)}.timeline.active::after{width:100%}.step{position:relative;z-index:1}.step-no{width:35px;height:35px;border:1px solid #fff;border-radius:50%;background:#070707;display:grid;place-items:center;font-size:.7rem}.step h3{font-size:.82rem;margin:16px 0 4px}.step p{font-size:.72rem;color:#999;margin:0}.timeline.active .step{animation:fadeUp .6s both}.timeline.active .step:nth-child(2){animation-delay:.15s}.timeline.active .step:nth-child(3){animation-delay:.3s}.timeline.active .step:nth-child(4){animation-delay:.45s}.timeline.active .step:nth-child(5){animation-delay:.6s}.timeline.active .step:nth-child(6){animation-delay:.75s}.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shine-card{position:relative;border:1px solid var(--line);padding:34px;overflow:hidden}.shine-card::after{content:"";position:absolute;inset:-100% auto -100% -30%;width:18%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:rotate(20deg);transition:left .7s}.shine-card:hover::after{left:120%}.shine-card h3{font:600 1.8rem var(--serif);margin:0 0 8px}.shine-card p{color:#aaa;font-size:.86rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-card{height:380px}.cta{background:linear-gradient(90deg,#070707 5%,#07070785),url('../assets/images/havuzlu-modern-villa.webp') center/cover;min-height:240px;display:flex;align-items:center}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font:500 2.8rem/1 var(--serif);margin:0 0 8px}
.inner-hero{min-height:440px;padding:175px 0 70px;display:flex;align-items:end;background:linear-gradient(90deg,#050505e8,#05050555),url('../assets/images/modern-ticari-yapi.webp') center/cover}.breadcrumb{font-size:.76rem;color:#bbb}.content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px}.prose h2{font:500 2.4rem var(--serif);margin:1.2em 0 .3em}.prose p,.prose li{color:#b8b8b8}.prose ul{padding-left:1.1em}.side-panel{border-left:1px solid var(--line);padding-left:30px}.values-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none!important;padding:0!important}.values-list li{border:1px solid var(--line);padding:12px 15px;color:#eee}.detail-services{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-card{border:1px solid var(--line);background:#111;padding:28px}.detail-card h2{font:600 2rem var(--serif);margin:.3em 0}.detail-card ul{columns:2;color:#aaa;font-size:.82rem}.detail-card img{width:100%;height:220px;object-fit:cover;margin-bottom:20px}.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ref-placeholder{min-height:170px;border:1px dashed #666;display:grid;place-items:center;text-align:center;color:#999;padding:20px}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:35px}.search{width:100%;background:#111;border:1px solid var(--line);color:#fff;padding:14px}.sidebar{border-left:1px solid var(--line);padding-left:25px}.sidebar h3{font:600 1.5rem var(--serif)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;color:#ccc}.field input,.field textarea,.field select{width:100%;background:#101010;border:1px solid #3b3b3b;color:#fff;padding:13px}.field textarea{min-height:125px;resize:vertical}.field-error{color:#ffb0b0;font-size:.7rem;min-height:1em}.form-success{display:none;border:1px solid #9bbca8;color:#d5f0df;padding:13px;margin-top:14px}.form-success.show{display:block}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px}.contact-card{border:1px solid var(--line);padding:25px}.contact-card h3{font:600 1.5rem var(--serif)}.map-link{display:flex;align-items:center;justify-content:center;min-height:280px;border:1px solid var(--line);background:linear-gradient(#070707aa,#070707aa),url('../assets/images/modern-rezidans-gece.webp') center/cover;text-align:center}
.footer{background:#050505;border-top:1px solid var(--line);padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1.4fr;gap:40px}.footer-logo{width:160px}.footer h3{font-size:.8rem;margin-bottom:16px}.footer p,.footer li,.footer a{font-size:.76rem;color:#aaa}.footer ul{list-style:none;padding:0;margin:0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.legal{display:flex;gap:18px;flex-wrap:wrap}.float-actions{position:fixed;right:18px;bottom:20px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:11px}.float-btn{position:relative;width:auto;height:54px;border:0!important;background:transparent!important;color:#fff;border-radius:0;display:flex;align-items:center;justify-content:flex-end;box-shadow:none;text-decoration:none}.float-icon{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 28px #0008;transition:transform .25s var(--ease),box-shadow .25s}.float-icon::before{content:"";position:absolute;inset:-1px;border:1px solid currentColor;border-radius:inherit;opacity:.38;animation:contactRing 2.6s ease-out infinite}.float-icon svg,.float-icon i{position:relative;width:25px;height:25px;fill:currentColor;stroke-width:2}.float-label{position:absolute;right:64px;background:#0b0c0cf2;border:1px solid #ffffff26;color:#fff;padding:7px 11px;white-space:nowrap;font-size:.73rem;font-weight:700;letter-spacing:.02em;opacity:0;transform:translateX(8px);pointer-events:none;transition:.25s var(--ease);box-shadow:0 8px 24px #0008}.float-label::after{content:"";position:absolute;right:-5px;top:50%;width:8px;height:8px;border-top:1px solid #ffffff26;border-right:1px solid #ffffff26;background:#0b0c0c;transform:translateY(-50%) rotate(45deg)}.float-btn:hover .float-label,.float-btn:focus-visible .float-label{opacity:1;transform:none}.float-btn:hover .float-icon{transform:translateY(-2px) scale(1.06)}.float-btn.whatsapp{animation:none}.float-btn.whatsapp .float-icon{background:#25d366;color:#fff}.float-btn.phone .float-icon{background:#087fe7;color:#fff}.float-btn.phone .float-icon::before{animation-delay:.7s}.float-btn:not(.to-top) .float-icon{animation:contactFloat 3.4s ease-in-out infinite}.float-btn.phone .float-icon{animation-delay:.5s}.float-btn.to-top{width:44px;height:44px;opacity:0;visibility:hidden;transition:.3s}.float-btn.to-top .float-icon{width:44px;height:44px;background:#171919;border:1px solid #ffffff38;color:#fff}.float-btn.to-top .float-icon::before{display:none}.float-btn.to-top.show{opacity:1;visibility:visible}@keyframes contactRing{0%{transform:scale(.92);opacity:.5}70%,100%{transform:scale(1.42);opacity:0}}@keyframes contactFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.cookie{position:fixed;left:18px;right:18px;bottom:18px;background:#111;border:1px solid #555;padding:18px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 15px 60px #000}.cookie.hidden{display:none}.cookie p{margin:0;font-size:.8rem;color:#bbb}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie button{background:#1d1d1d;border:1px solid #666;color:#fff;padding:9px 12px;cursor:pointer}.modal{position:fixed;inset:0;background:#000c;z-index:110;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{width:min(520px,100%);background:#111;border:1px solid #666;padding:28px}.modal-top{display:flex;justify-content:space-between}.modal-close{background:none;border:0;color:#fff;font-size:1.5rem}.reveal{opacity:0;transform:translateY(26px);transition:.75s var(--ease)}.reveal.visible{opacity:1;transform:none}.legal-page{max-width:860px}.legal-page h2{font:600 2rem var(--serif)}
html{overflow-x:clip}body{overflow-x:visible}body>.float-actions{position:fixed!important;inset:auto max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) auto!important;z-index:2147483646!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:none;isolation:isolate;transform:translate3d(0,0,0)!important;backface-visibility:hidden;will-change:transform;contain:layout style}body>.float-actions>.float-btn{pointer-events:auto}.float-icon img{position:relative;width:25px;height:25px;object-fit:contain}.footer-logo{display:block;flex:none;width:clamp(150px,14vw,180px);max-width:100%;height:auto!important;aspect-ratio:436/394;object-fit:contain;object-position:left center;margin:0 0 20px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}