:root { color-scheme: light; --navy:#142435; --ink:#172a39; --muted:#4c6170; --paper:#f3f6f7; --gold:#f4c96d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font: 16px/1.65 system-ui,sans-serif; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { line-height:1.15; }
a:focus-visible { outline:3px solid #b46d00; outline-offset:4px; }
.site-header { background:#fff; padding:18px max(5vw,20px); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.brand { color:var(--navy); font-weight:800; font-size:clamp(17px,2.5vw,23px); text-decoration:none; }
.banner-nav { display:flex; flex-wrap:wrap; gap:10px 24px; }
.banner-nav a { color:var(--ink); text-decoration:none; font-weight:650; font-size:14px; }
.banner-nav a:hover { text-decoration:underline; }
.hero { padding: clamp(72px,12vw,150px) max(6vw,20px); color:white; background:var(--navy); }
.hero-home { background:linear-gradient(90deg,rgba(10,23,36,.82),rgba(10,23,36,.13)),url('istanbul-cati-manzarasi.png') center 56%/cover no-repeat; }
.hero h1 { font-size:clamp(36px,6vw,72px); max-width:750px; letter-spacing:-.035em; }
.hero p { margin:18px 0 24px; max-width:610px; font-size:clamp(17px,2vw,21px); }
.button { display:inline-block; padding:12px 19px; margin:5px 8px 5px 0; border-radius:8px; color:#162435; background:var(--gold); font-weight:750; text-decoration:none; }
.button:hover { background:#ffdb8d; }
.button-whatsapp { background:#d0f1df; }
.button-whatsapp:hover { background:#e0f9ea; }
section { padding:clamp(40px,6vw,76px) max(5vw,18px); }
section h2 { font-size:clamp(27px,4vw,42px); margin-bottom:20px; letter-spacing:-.025em; }
section > p { max-width:720px; color:var(--muted); margin-bottom:14px; }
.services { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr)); gap:22px; max-width:1200px; margin:auto; }
#hizmetler h2,#yaptigimiz-isler h2 { max-width:1200px; margin-inline:auto; }
.service { margin:0; display:flex; flex-direction:column; background:#fff; border:1px solid #e0e7eb; border-radius:15px; box-shadow:0 6px 20px #172a390a; overflow:hidden; }
.service img { display:block; width:100%; height:220px; object-fit:cover; }
.service-content { padding:20px; flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.service p { color:var(--muted); }
.service-content .button { margin-top:auto; }
.gallery-page .service img { object-fit:contain; background:#142435; height:280px; }
.gallery-page .hero { padding-block:55px; }
#hakkimizda { background:#fff; }
.contact { background:var(--navy); color:white; }
.contact p { color:#deebf2; }
footer { background:#0d1a28; color:#dce6ee; padding:22px max(5vw,18px); }

.hero-home { min-height: 520px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.hero-actions { display:flex; flex-wrap:wrap; gap:8px; }
.hero-actions .button { margin-right:0; }
#yaptigimiz-isler:not(.gallery-page #yaptigimiz-isler) { background:#e6eef0; }
@media (max-width: 650px) {
  .site-header { gap:12px; }
  .banner-nav { gap:8px 16px; }
  .hero-home {
    min-height:0;
    padding-top:calc(58vw + 24px);
    padding-bottom:38px;
    background: url('istanbul-cati-manzarasi.png') center top / 100% auto no-repeat, var(--navy);
  }
}

.hero-home .hero-brand {
  margin:0 0 12px;
  color:#ffe1a0;
  font-size:clamp(15px,2vw,22px);
  font-weight:800;
  letter-spacing:.025em;
}
@media (max-width: 650px) {
  .hero-home {
    min-height:460px;
    justify-content:flex-end;
    padding-top:125px;
    background:
      linear-gradient(0deg,rgba(10,23,36,.96) 0%,rgba(10,23,36,.76) 55%,rgba(10,23,36,.08) 100%),
      url('istanbul-cati-manzarasi.png') center / cover no-repeat;
  }
}