:root{
  --bg:#0a0a0a;
  --bg-alt:#131313;
  --card:#161616;
  --border:#292929;
  --white:#ffffff;
  --text:#d4d4d4;
  --muted:#8f8f8f;
  --gold:#b8935a;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:1140px;margin:0 auto;padding:0 24px;}

.eyebrow{display:block;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;}

/* Header */
.site-header{background:rgba(10,10,10,.92);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);}
.header-inner{display:flex;justify-content:space-between;align-items:center;height:76px;flex-wrap:wrap;}
.logo{display:flex;align-items:center;}
.logo img{display:block;height:32px;width:auto;}
nav a{margin-left:30px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#bbb;transition:color .2s;}
nav a:hover{color:var(--white);}

/* Hero */
.hero{
  position:relative;
  padding:170px 0 130px;
  text-align:center;
  background:
    linear-gradient(180deg, rgba(8,8,8,.55), rgba(8,8,8,.88) 65%, var(--bg) 100%),
    url('../img/gordion-1.jpg') center 30%/cover no-repeat;
}
.hero .container{position:relative;z-index:1;}
.hero h1{font-size:clamp(34px,6vw,58px);color:#fff;margin-bottom:18px;font-weight:800;letter-spacing:-.01em;}
.hero p{color:#e2e2e2;font-size:18px;margin:0 auto 32px;max-width:600px;}

.btn{display:inline-block;background:var(--white);color:#0a0a0a;padding:14px 32px;border-radius:2px;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s;}
.btn:hover{background:var(--gold);color:#0a0a0a;transform:translateY(-1px);}
.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;}
.btn.outline:hover{border-color:var(--white);background:var(--white);color:#0a0a0a;}

/* Stats bar */
.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-alt);}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));text-align:center;}
.stats-grid div{padding:34px 10px;border-left:1px solid var(--border);}
.stats-grid div:first-child{border-left:none;}
.stats-grid strong{display:block;font-size:36px;color:#fff;font-weight:800;margin-bottom:6px;}
.stats-grid span{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;}

/* Sections */
.section{padding:96px 0;}
.section.alt{background:var(--bg-alt);}
.section h2{font-size:34px;color:#fff;margin-bottom:24px;font-weight:800;letter-spacing:-.01em;}
.section-head{max-width:640px;margin-bottom:44px;}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-top:8px;}
.card{background:var(--card);padding:36px 28px;position:relative;}
.card .num{display:block;font-size:14px;font-weight:800;color:var(--gold);letter-spacing:.1em;margin-bottom:18px;}
.card h3{color:#fff;margin-bottom:10px;font-size:19px;}
.card p{color:var(--muted);font-size:14.5px;}

#hakkimizda p{color:var(--text);max-width:820px;margin-bottom:16px;}
#hakkimizda p:last-child{margin-bottom:0;}

/* Projects */
.project-block{margin-bottom:64px;padding-bottom:64px;border-bottom:1px solid var(--border);}
.project-block:last-of-type{margin-bottom:48px;border-bottom:none;padding-bottom:0;}
.project-info h3{color:#fff;font-size:23px;margin-bottom:6px;font-weight:700;}
.project-year{display:inline-block;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase;}
.project-info p{color:var(--muted);margin-bottom:22px;max-width:640px;}

.ba-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.ba-grid figure{margin:0;background:var(--card);border:1px solid var(--border);overflow:hidden;}
.ba-grid img{width:100%;height:340px;object-fit:cover;filter:grayscale(15%);transition:filter .3s,transform .4s;}
.ba-grid figure:hover img{filter:grayscale(0);transform:scale(1.03);}
.ba-grid figcaption{padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;border-top:1px solid var(--border);}

.other-projects{padding-top:8px;}
.other-projects h3{color:#fff;margin-bottom:24px;font-size:20px;}
.other-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);}
.other-grid > div{background:var(--bg-alt);padding:24px;}
.other-grid h4{color:var(--gold);font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;}
.other-grid ul{list-style:none;}
.other-grid li{color:var(--muted);font-size:14px;padding:7px 0;border-bottom:1px solid #222;}
.other-grid li:last-child{border-bottom:none;}

/* Reference logos */
.logo-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:8px;}
.logo-strip .logo-item{flex:1 1 160px;display:flex;align-items:center;justify-content:center;background:var(--white);padding:26px 20px;transition:transform .2s;}
.logo-strip .logo-item:hover{transform:translateY(-2px);}
.logo-strip img{height:36px;width:auto;}

/* Contact */
#iletisim .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start;}
#iletisim h3{color:#fff;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;}
#iletisim p{margin-bottom:4px;color:var(--text);}
#iletisim .contact-item{margin-bottom:24px;}
#iletisim .btn{margin-top:8px;}

/* Footer */
.site-footer{padding:56px 0 28px;border-top:1px solid var(--border);}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:40px;}
.footer-grid h4{color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;}
.footer-grid a{display:block;color:var(--muted);font-size:14px;margin-bottom:10px;transition:color .2s;}
.footer-grid a:hover{color:#fff;}
.footer-grid p{color:var(--muted);font-size:14px;margin-bottom:10px;}
.site-footer .bottom{text-align:center;color:#666;font-size:12.5px;padding-top:24px;border-top:1px solid var(--border);}

@media(max-width:780px){
  #iletisim .contact-grid{grid-template-columns:1fr;gap:32px;}
}

@media(max-width:640px){
  .header-inner{height:auto;padding:14px 0;}
  nav{width:100%;display:flex;flex-wrap:wrap;margin-top:8px;}
  nav a{margin:0 16px 8px 0;font-size:11px;}
  .hero{padding:120px 0 80px;}
  .section{padding:64px 0;}
  .ba-grid img{height:260px;}
  .stats-grid div{border-left:none;border-top:1px solid var(--border);}
  .stats-grid div:first-child{border-top:none;}
}