* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Crimson Text', serif; background:#fff; color:#222; line-height:1.6; }
a { text-decoration:none; color:inherit; }
h1, h2, h3, .logo { font-family:'Cinzel', serif; }
img { max-width:100%; display:block; }
.tonal-bar { height:8px; background:linear-gradient(to right,#050505 0%,#2b2b2b 16%,#4a4a4a 32%,#6e6e6e 48%,#949494 64%,#bcbcbc 80%,#e4e4e4 100%); }
.nav { position:sticky; top:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:20px 48px; background:#f4f4f4; border-bottom:1px solid #dcdcdc; }
.nav .logo-slot { display:flex; align-items:center; gap:12px; }
.nav .logo-mark { width:44px; height:44px; border:1.4px solid #222; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Cinzel',serif; font-size:0.78rem; letter-spacing:1px; color:#222; flex-shrink:0; }
.nav .logo { font-size:1.05rem; font-weight:700; letter-spacing:3px; color:#111; }
.nav ul { list-style:none; display:flex; gap:22px; font-size:0.95rem; letter-spacing:0.5px; color:#5c5c5c; }
.nav ul a:hover, .nav ul a.active { color:#111; }

/* GALERİ ANA SAYFA */
.g-hero { background:#141414; color:#eee; padding:60px 48px 48px; }
.g-hero .label { font-size:0.78rem; letter-spacing:2.5px; text-transform:uppercase; color:#9c9c9c; margin-bottom:14px; }
.g-hero h1 { font-size:2.6rem; font-weight:700; color:#f5f5f5; }
.g-hero p { margin-top:16px; max-width:700px; font-size:1.06rem; color:#b6b6b6; }
.g-hero .badge { display:inline-block; margin-top:18px; background:rgba(255,255,255,0.06); border:1px solid #3a3a3a; color:#c9c9c9; font-size:0.74rem; letter-spacing:1px; padding:7px 14px; }
.g-filters { max-width:1180px; margin:0 auto; padding:30px 48px 0; display:flex; flex-wrap:wrap; gap:10px; }
.g-filters button { font-family:'Crimson Text',serif; font-size:0.86rem; letter-spacing:0.3px; padding:9px 18px; border:1px solid #cfcfcf; background:#fff; color:#444; cursor:pointer; border-radius:2px; }
.g-filters button.active { background:#141414; color:#fff; border-color:#141414; }
.g-grid-wrap { max-width:1180px; margin:0 auto; padding:26px 48px 80px; }
.proj-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.proj-card { display:block; border:1px solid #e2e2e2; overflow:hidden; transition:border-color .2s, transform .2s; background:#fff; }
.proj-card:hover { border-color:#141414; transform:translateY(-3px); }
.proj-card .ph { position:relative; aspect-ratio:16/10; overflow:hidden; }
.proj-card .ph img { width:100%; height:100%; object-fit:cover; }
.proj-card .meta { padding:15px 18px 17px; }
.proj-card .meta h3 { font-size:1.15rem; color:#141414; }
.proj-card .meta span { font-size:0.82rem; color:#8f8f8f; letter-spacing:0.5px; }

/* PROJE SAYFASI */
.p-hero { background:#141414; color:#eee; padding:58px 48px 50px; }
.p-hero .crumb { font-size:0.78rem; letter-spacing:0.5px; color:#8f8f8f; margin-bottom:18px; }
.p-hero .crumb a:hover { color:#fff; }
.p-hero .label { font-size:0.78rem; letter-spacing:2.5px; text-transform:uppercase; color:#9c9c9c; margin-bottom:12px; }
.p-hero h1 { font-size:2.6rem; font-weight:700; color:#f5f5f5; }
.p-hero .ptype { margin-top:8px; font-size:0.9rem; letter-spacing:1.5px; text-transform:uppercase; color:#9c9c9c; }
.p-hero p { margin-top:18px; max-width:720px; font-size:1.06rem; color:#b6b6b6; }
.p-hero .badge { display:inline-block; margin-top:18px; background:rgba(255,255,255,0.06); border:1px solid #3a3a3a; color:#c9c9c9; font-size:0.74rem; letter-spacing:1px; padding:7px 14px; }
.p-imgs { max-width:1080px; margin:0 auto; padding:46px 48px 8px; display:flex; flex-direction:column; gap:22px; }
.p-imgs figure { margin:0; }
.p-imgs img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.p-imgs figcaption { font-size:0.86rem; color:#777; margin-top:8px; }

/* CTA + more */
.g-cta { background:#141414; color:#eee; text-align:center; padding:52px 48px; margin-top:26px; }
.g-cta h2 { color:#f5f5f5; font-size:1.7rem; margin-bottom:12px; }
.g-cta p { color:#b0b0b0; max-width:560px; margin:0 auto 24px; }
.g-cta .btn { display:inline-block; background:#eee; color:#141414; padding:15px 32px; font-family:'Cinzel',serif; font-size:0.82rem; letter-spacing:1px; text-transform:uppercase; font-weight:700; }
.g-cta .btn.outline { background:none; border:1px solid #666; color:#eee; margin-left:12px; }
.g-more { max-width:1180px; margin:0 auto; padding:22px 48px 70px; }
.g-more h2 { font-size:1.2rem; color:#141414; margin-bottom:16px; }
.g-more .tags { display:flex; flex-wrap:wrap; gap:10px; }
.g-more .tags a { font-size:0.9rem; padding:9px 15px; border:1px solid #cfcfcf; color:#444; background:#fff; }
.g-more .tags a:hover { background:#141414; color:#fff; border-color:#141414; }

/* FOOTER */
footer { background:#141414; color:#9c9c9c; padding:44px 48px; }
.foot-links { display:flex; flex-wrap:wrap; gap:24px; font-size:1rem; margin-bottom:18px; }
.foot-links a:hover { color:#fff; }
.foot-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-size:0.85rem; color:#6e6e6e; }
.foot-meta a:hover { color:#fff; }

@media (max-width:980px) { .proj-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) {
  .nav ul { display:none; }
  .proj-grid { grid-template-columns:1fr; }
  .p-hero h1, .g-hero h1 { font-size:2rem; }
}

/* SEKME ÇUBUĞU */
.gv-tabs { max-width:1180px; margin:0 auto; padding:28px 48px 0; display:flex; gap:12px; }
.gv-tabs a { flex:1; text-align:center; font-family:'Cinzel',serif; font-size:0.82rem; letter-spacing:1px; text-transform:uppercase; padding:16px 20px; border:1px solid #cfcfcf; color:#555; }
.gv-tabs a:hover { border-color:#141414; color:#111; }
.gv-tabs a.active { background:#141414; color:#fff; border-color:#141414; }