@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@600;700;800&display=swap');

*,:before,:after{box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,li,figure,figcaption,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}

:root{--logo-h:56px;--left-w:52vw;--pad-l:80px;--pad-r:40px;--pad-t:60px;--reveal-x:88%;--reveal-y:52px;}
body{line-height:1;background:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0b0b0b;}

.hero{min-height:100vh;display:flex;align-items:stretch;}
.hero-left{width:52%;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:140px var(--pad-r) 60px var(--pad-l);}
.hero-right{width:48%;height:100vh;overflow:hidden;background:#fff;transition:background .35s ease;}
body.menu-open .hero-right{background:#000;}

.hero-topbar{position:fixed;top:var(--pad-t);left:0;width:var(--left-w);padding:0 var(--pad-r) 0 var(--pad-l);display:flex;align-items:center;justify-content:space-between;z-index:1205;min-height:64px;}
.hero-brand{display:flex;align-items:center;gap:10px;line-height:0;z-index:1206;min-height:64px;}
.hero-brand .custom-logo-link{display:inline-flex;align-items:center;height:64px;line-height:0;}
.custom-logo-link img.custom-logo{max-height:var(--logo-h);max-width:190px;width:auto;height:auto;display:block;}
.site-title{font-size:18px;font-weight:700;letter-spacing:.02em;line-height:1;}

.hero-burger{width:64px;height:44px;display:grid;place-items:center;background:transparent;border:0;padding:0;cursor:pointer;opacity:.92;position:relative;z-index:1207;transition:transform .18s ease,opacity .18s ease;}
.hero-burger:hover{opacity:1;transform:scale(1.04);}
.hero-burger span{position:absolute;left:50%;width:38px;height:2px;background:#000;border-radius:2px;transform:translateX(-50%);transition:transform .25s ease,opacity .2s ease,background .25s ease,top .25s ease;}
.hero-burger span:nth-child(1){top:14px;}
.hero-burger span:nth-child(2){top:21px;}
.hero-burger span:nth-child(3){top:28px;}
body.menu-open .hero-burger span{background:#fff;}
body.menu-open .hero-burger span:nth-child(1){top:21px;transform:translateX(-50%) rotate(45deg);}
body.menu-open .hero-burger span:nth-child(2){opacity:0;}
body.menu-open .hero-burger span:nth-child(3){top:21px;transform:translateX(-50%) rotate(-45deg);}

.btn{padding:12px 22px;font-size:14px;letter-spacing:.02em;font-weight:600;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease;}
.btn-primary{background:#000;color:#fff;}
.btn-primary:hover{opacity:.9;transform:translateY(-1px);}
.btn-outline{border:1px solid #000;}
.btn-outline:hover{background:#000;color:#fff;transform:translateY(-1px);}

.logo-light{display:none;}
body.menu-open .logo-dark .custom-logo-link{display:none;}
body.menu-open .logo-light{display:block;}
body.menu-open .site-title{color:#fff;}
.logo-light img{height:var(--logo-h);width:auto;max-height:var(--logo-h);display:block;}

.hero-overlay{will-change:clip-path;position:fixed;top:0;left:0;width:var(--left-w);height:100vh;background:#000;z-index:900;pointer-events:none;clip-path:circle(0px at var(--reveal-x) var(--reveal-y));transition:clip-path 1.05s cubic-bezier(.2,.9,.2,1);}
body.menu-open .hero-overlay{pointer-events:auto;clip-path:circle(160% at var(--reveal-x) var(--reveal-y));}

.page-cover{position:fixed;inset:0;background:#000;z-index:2000;pointer-events:none;clip-path:circle(0px at var(--reveal-x) var(--reveal-y));transition:clip-path .85s cubic-bezier(.2,.9,.2,1);}
body.cover-on .page-cover{pointer-events:auto;clip-path:circle(180% at var(--reveal-x) var(--reveal-y));}
html.cover-pending .page-cover{pointer-events:auto;clip-path:circle(180% at var(--reveal-x) var(--reveal-y));}

.hero-menu{position:fixed;top:0;left:0;width:var(--left-w);height:100vh;z-index:950;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .35s ease,transform .35s ease;padding:0!important;display:flex;flex-direction:column;justify-content:flex-end;}
body.menu-open .hero-menu{opacity:1;transform:translateY(0);pointer-events:auto;}

.hero-menu__inner{padding:0 var(--pad-r) 64px 64px;}
.hero-menu__list{display:flex;flex-direction:column;gap:16px;}
.hero-menu__list a{color:rgba(255,255,255,.92);font-size:44px;line-height:1.05;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.55;transform:translateX(0);transition:transform .18s ease,opacity .18s ease,color .18s ease;}
.hero-menu__list a:hover{opacity:1;transform:translateX(6px);}
.hero-menu__list .current-menu-item>a,.hero-menu__list .current_page_item>a,.hero-menu__list .current-menu-ancestor>a{opacity:1;color:rgba(255,255,255,.95);transform:translateX(6px);}

.hero-menu__meta{margin-top:28px;}
.hero-menu__copyright{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:12px;}
.hero-menu__social{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hero-menu__social a{color:rgba(255,255,255,.78);transition:transform .18s ease,color .18s ease,opacity .18s ease;}
.hero-menu__social a:hover{color:rgba(255,255,255,.95);transform:translateX(2px);}
.hero-menu__social .sep{opacity:.35;}

/* MOBILE LAYOUT (Home + Others) */
@media (max-width:980px){
:root{--left-w:100vw;--pad-l:24px;--pad-r:24px;--pad-t:24px;--reveal-x:88%;--reveal-y:42px;}
.hero{flex-direction:column;min-height:auto;}
.hero-left{width:100%;padding:110px var(--pad-r) 28px var(--pad-l);}
.hero-right{width:100%;height:auto;}
.hero-topbar{width:100vw;}
}@media (max-width:980px){
/* scroll’da topbar gizle (services hariç JS body’ye class basacak) */
body.nav-autohide .hero-topbar{
  transition:transform .22s ease,opacity .22s ease;
  will-change:transform,opacity;
}
body.nav-autohide.nav-hidden .hero-topbar{
  transform:translateY(-110%);
  opacity:0;
  pointer-events:none;
}
/* menü açıkken asla gizleme */
body.menu-open.nav-autohide .hero-topbar{
  transform:none;
  opacity:1;
  pointer-events:auto;
}
}

/* reduce motion */
@media (prefers-reduced-motion:reduce){
  body.nav-autohide .hero-topbar{transition:none;}
}