@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--ink:#171717;--muted:#77736d;--paper:#f6f3ed;--white:#fffdf9;--line:#ddd6ca;--gold:#b58a50;--dark:#151515;--cream:#eee8de}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}h1,h2,h3,.logo,.brand{font-family:"Cormorant Garamond",serif}a{text-decoration:none;color:inherit}.container{width:min(1320px,calc(100% - 80px));margin:auto}
.nav-wrap{position:absolute;z-index:20;top:0;left:0;width:100%;color:#fff;background:linear-gradient(rgba(8,8,8,.48),transparent);border:0}.navbar{width:min(1320px,calc(100% - 80px));margin:auto;padding:24px 0 16px;display:grid;grid-template-columns:280px 1fr auto;align-items:center;gap:24px}.logo{display:flex;align-items:center}.logo-image{display:block;width:210px;height:auto;max-height:78px;object-fit:contain}.nav-center{display:flex;justify-content:center}.nav-links{display:flex;gap:34px;align-items:center}.nav-links a{font-size:.74rem;color:#fff;letter-spacing:.18em;text-transform:uppercase;opacity:.95;position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--gold);transition:.25s}.nav-links a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.top-contact{font-size:.72rem;letter-spacing:.03em;color:#fff;opacity:.96}.divider{width:1px;height:16px;background:rgba(255,255,255,.5)}.lang-switch{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-size:.68rem!important;font-weight:500;letter-spacing:.18em;min-width:44px!important;height:30px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:2px;background:rgba(0,0,0,.12)!important;transition:.25s}.lang-switch:hover{border-color:var(--gold)!important;color:#fff!important;background:rgba(181,138,80,.12)!important}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.mobile-menu{display:none}
.hero{min-height:760px;height:92vh;display:flex;align-items:flex-end;padding:160px 0 82px;background:linear-gradient(90deg,rgba(10,10,10,.58) 0%,rgba(10,10,10,.2) 48%,rgba(10,10,10,.12)),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.34)),url("images/torbali.webp") center/cover}.hero-content{color:#fff}.hero .eyebrow{margin-bottom:16px}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.25em;color:var(--gold);font-weight:500}.eyebrow.light{color:#fff;opacity:.9}.hero h1{font-size:clamp(4rem,7vw,7.6rem);font-weight:400;font-style:italic;line-height:.84;max-width:720px;letter-spacing:-.035em;margin:10px 0 30px}.hero p{max-width:650px;font-size:1.05rem;line-height:1.75;color:rgba(255,255,255,.9);margin:0 0 30px}.button{display:inline-flex;align-items:center;gap:18px;background:var(--ink);color:#fff;padding:14px 25px;border:1px solid transparent;font:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;cursor:pointer}.light-button{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}.light-button:hover{background:#fff;color:#111}
.section{padding:112px 0}.services-section{background:var(--paper)}.service-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin:12px 0 55px}.section h2{font-size:clamp(3rem,5vw,5rem);font-weight:400;letter-spacing:-.035em;line-height:.9;margin:0}.service-intro p,.section-intro{color:var(--muted);line-height:1.8;max-width:520px;margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{background:transparent;border-right:1px solid var(--line);padding:38px 30px 42px;min-height:250px;transition:.25s}.service:last-child{border-right:0}.service:hover{background:var(--white)}.service span{color:var(--gold);font-size:.7rem;letter-spacing:.18em}.service h3{font-size:2rem;font-weight:500;margin:58px 0 10px}.service p{color:var(--muted);line-height:1.65;margin:0}
.projects-section{background:#fffdf9}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:52px}.project{position:relative;overflow:hidden;height:520px;background:#ddd;border:0;padding:0;width:100%;text-align:left;cursor:pointer}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.045)}.project>div{position:absolute;left:0;right:0;bottom:0;padding:34px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82))}.project h3{font-size:2.3rem;font-weight:500;margin:36px 0 4px}.project p{margin:0;opacity:.85;font-size:.88rem}.view-project{display:inline-block;margin-top:14px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
#service-areas{background:#161616;color:#fff}#service-areas .eyebrow{color:#c39a62}#service-areas h2{margin-bottom:28px}.service-areas{margin-top:52px;border-color:rgba(255,255,255,.15)}#service-areas .service{border-color:rgba(255,255,255,.15)}#service-areas .service:hover{background:#202020}#service-areas .service h3{font-size:1.8rem}#service-areas .service p{color:#aaa49c}
.about{background:#1a1a1a;color:#f8f5ef;padding:90px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{margin-bottom:0}.about p{color:#c7c1b9;line-height:1.85}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-grid>div>p{color:var(--muted);line-height:1.7}.contact-box{background:var(--white);border:1px solid var(--line);padding:16px 38px}.contact-item{padding:28px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border-bottom:0}.contact-item span{display:block;color:var(--gold);font-size:.66rem;letter-spacing:.22em;font-weight:600;margin-bottom:8px}.contact-item strong{font-family:"DM Sans",sans-serif;font-size:1.1rem;font-weight:500}footer{padding:34px 0;border-top:1px solid var(--line);color:#777;font-size:.78rem;letter-spacing:.04em}.footer-inner{display:flex;justify-content:space-between;gap:15px}
.no-scroll{overflow:hidden}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(25,22,19,.82);backdrop-filter:blur(8px)}.slider{position:relative;z-index:1;width:min(1120px,96vw);height:min(88vh,820px);background:#161514;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center}.slide-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}.slide-stage img{width:100%;height:100%;object-fit:contain}.close{position:absolute;z-index:5;right:16px;top:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25);color:#fff;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}.slider-top{position:absolute;z-index:4;left:24px;right:70px;top:18px;display:flex;justify-content:space-between;color:#fff;font-size:.82rem;letter-spacing:.08em;text-shadow:0 1px 8px #000}.arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.28);color:#fff;font-size:42px;line-height:35px;cursor:pointer}.prev{left:18px}.next{right:18px}.dots{position:absolute;z-index:4;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:7px}.dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}.dots button.active{background:#fff;transform:scale(1.25)}
@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.about,.contact-grid{grid-template-columns:1fr;gap:35px}.about{padding:40px}.nav-links{gap:12px}.nav-links a:nth-child(-n+2){display:none}.slider{height:78vh}.arrow{width:44px;height:44px;font-size:34px}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav-wrap{top:10px}.nav-links{display:none}.hero{min-height:82vh;padding:120px 0 45px}.hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.section{padding:72px 0}.cards,.project-grid{grid-template-columns:1fr}.project{height:350px}.about{padding:34px 25px}.contact-box{padding:10px 22px}.footer-inner{flex-direction:column}.modal{padding:8px}.slider{width:100%;height:80vh;border-radius:12px}.arrow{width:40px;height:40px}.prev{left:10px}.next{right:10px}}

.slide-stage{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.slide-stage:active{cursor:grabbing}
.slide-stage img{pointer-events:none;user-select:none;-webkit-user-drag:none}

/* Language switch */
.lang-switch {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; height:34px; padding:0 12px; box-sizing:border-box;
  color:#252525 !important; background:#fffdfa !important;
  border:1px solid #ddd7cd !important; border-radius:999px;
  font-size:13px !important; font-weight:700 !important; letter-spacing:.08em;
  line-height:1; flex:0 0 auto; text-decoration:none !important;
  position:relative; z-index:40;
}
@media (max-width:600px){
  .nav-wrap{width:calc(100% - 20px);}
  .navbar{padding:10px 12px;}
  .nav-links{display:none !important;}
  .lang-switch{display:inline-flex !important; visibility:visible !important; opacity:1 !important;}
}

@media(max-width:1050px){.navbar{grid-template-columns:220px 1fr auto}.logo-image{width:175px}.nav-links{gap:18px}.top-contact{display:none}.cards{grid-template-columns:1fr 1fr}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-intro{gap:40px}}
@media(max-width:850px){.container{width:min(100% - 40px,1320px)}.navbar{width:min(100% - 40px,1320px);display:flex;justify-content:space-between;padding:18px 0}.nav-center{display:none}.nav-actions{margin-left:auto}.divider,.lang-switch{display:none!important}.menu-toggle{display:block}.mobile-menu{display:flex;max-height:0;overflow:hidden;flex-direction:column;width:min(100% - 40px,1320px);margin:auto;transition:max-height .3s;background:rgba(20,20,20,.96)}.mobile-menu.open{max-height:420px;padding:8px 0 14px}.mobile-menu a{color:#fff;padding:14px 18px;font-size:.76rem;letter-spacing:.15em;text-transform:uppercase}.hero{min-height:760px;height:88vh;padding:140px 0 58px}.hero h1{font-size:clamp(3.5rem,11vw,6rem)}.service-intro,.about,.contact-grid{grid-template-columns:1fr;gap:35px}.about{padding:55px 40px}.project{height:430px}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.navbar{width:calc(100% - 28px)}.logo-image{width:155px}.hero{min-height:760px;height:90vh;padding:130px 0 44px}.hero h1{font-size:clamp(3.2rem,15vw,5rem);max-width:95%}.hero p{font-size:.95rem}.section{padding:78px 0}.section h2{font-size:3.2rem}.cards,.project-grid{grid-template-columns:1fr}.service{border-right:0!important;border-bottom:1px solid var(--line)}.service:last-child{border-bottom:0}.service h3{margin-top:38px}.project{height:380px}.about{padding:42px 25px}.contact-box{padding:10px 24px}.footer-inner{flex-direction:column}.modal{padding:8px}.slider{width:100%;height:80vh;border-radius:12px}.arrow{width:40px;height:40px}.prev{left:10px}.next{right:10px}}

/* Mobile menu full-bleed fix: remove top/right gaps and make the menu span the viewport. */
@media (max-width: 850px){
  .nav-wrap{top:0;left:0;right:0;width:100%;}
  .navbar{width:100%;margin:0;padding:14px 16px;}
  .mobile-menu{width:100%;margin:0;border-radius:0;}
}
@media (max-width: 600px){
  .nav-wrap{width:100%;}
  .navbar{width:100%;padding:12px 14px;}
  .mobile-menu{width:100%;}
}

/* Mobile language switch */
.mobile-lang{margin:6px 18px 4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:flex-start}.mobile-lang a{display:inline-flex!important;align-items:center;justify-content:center!important;color:#fff!important;border:1px solid rgba(181,138,80,.7);padding:10px 18px!important;font-size:.7rem!important;letter-spacing:.18em!important;background:transparent!important}.mobile-lang a:hover{background:rgba(181,138,80,.12)!important}
@media(max-width:850px){.nav-actions .lang-switch{display:none!important}.mobile-menu{width:100%;margin:0}.mobile-menu.open{padding-bottom:10px}}

/* Turkish desktop navigation fit */
@media (min-width: 851px){
  html[lang="tr"] .navbar{grid-template-columns:250px 1fr auto;gap:16px;width:min(100% - 40px,1320px);}
  html[lang="tr"] .nav-links{gap:16px;}
  html[lang="tr"] .nav-links a{font-size:.64rem;letter-spacing:.09em;}
}