.kap--yazi { max-width: 760px; }
.hk-giris { color: var(--renk-ikincil); font-size: var(--fs-lg); margin-top: var(--sp-4); }
.hk-bas { font-size: var(--fs-2xl); margin-bottom: var(--sp-6); }
.hk-davet { margin-top: var(--sp-5); color: var(--renk-vurgu-metin); font-weight: 600; }

.hk-rozet { margin-top: var(--sp-3); font-size: var(--fs-sm); color: var(--renk-ikincil); }
.sf-hakkimizda .aciklama p + p { margin-top: var(--sp-4); }


.galeri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-4); }
@media (min-width: 640px) { .galeri { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.galeri__oge {
  display: block; border-radius: var(--radius-ic); overflow: hidden;
  border: 1px solid var(--renk-cizgi); background: var(--renk-zemin);
  transition: border-color var(--sure) var(--egri), transform var(--sure) var(--egri);
}
.galeri__oge:hover { border-color: var(--renk-vurgu); transform: translateY(-2px); }
.galeri__oge:focus-visible { outline: 2px solid var(--renk-vurgu); outline-offset: 3px; }

.galeri__oge img { display: block; width: 100%; height: auto; }


.kutu-buyut {
  border: 0; padding: 0; background: transparent; max-width: 100vw; max-height: 100vh;
  width: 100%; height: 100%;
}
.kutu-buyut::backdrop { background: rgba(9, 14, 24, .88); }
.kutu-buyut[open] {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center; justify-items: center; gap: var(--sp-3); padding: var(--sp-5);
}

.kutu-buyut__cerceve { margin: 0; min-width: 0; max-width: 100%; text-align: center; }
.kutu-buyut__gorsel {
  display: block; margin-inline: auto;
  max-width: 100%; max-height: 82vh; width: auto; height: auto;
  border-radius: var(--radius-ic); background: #f2efe9;
}
.kutu-buyut__ad {
  margin-top: var(--sp-4); color: var(--renk-foto-metin, #f4f1ea);
  font-size: var(--fs-sm); letter-spacing: .02em;
}
.kutu-buyut__kapat, .kutu-buyut__gez {
  appearance: none; border: 1px solid rgba(255, 255, 255, .28); cursor: pointer;
  background: rgba(9, 14, 24, .55); color: #f4f1ea; border-radius: 999px;
  width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center;
  transition: background var(--sure) var(--egri);
}
.kutu-buyut__kapat:hover, .kutu-buyut__gez:hover { background: rgba(9, 14, 24, .85); }
.kutu-buyut__kapat:focus-visible, .kutu-buyut__gez:focus-visible {
  outline: 2px solid var(--renk-vurgu); outline-offset: 2px;
}
.kutu-buyut__kapat { position: fixed; top: var(--sp-4); right: var(--sp-4); z-index: 2; }
.kutu-buyut__kapat svg { transform: rotate(-45deg); }
.kutu-buyut__gez--onceki svg { transform: rotate(180deg); }
@media (max-width: 640px) {
  .kutu-buyut[open] { grid-template-columns: minmax(0, 1fr); }
  .kutu-buyut__gez { position: fixed; bottom: var(--sp-5); z-index: 2; }
  .kutu-buyut__gez--onceki { left: var(--sp-5); }
  .kutu-buyut__gez--sonraki { right: var(--sp-5); }
}



.video-ikili { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-5); }
@media (min-width: 560px) { .video-ikili { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ofis-video {
  display: block; width: 100%; height: auto; aspect-ratio: 9 / 16;
  border-radius: var(--radius); border: 1px solid var(--renk-cizgi); background: #0c0c0e;
}



.danisman__foto {
  width: 176px; aspect-ratio: 4 / 5; object-fit: cover; flex: none;
  border-radius: var(--radius-ic); border: 1px solid var(--renk-cizgi);
}
@media (max-width: 619px) { .danisman__foto { width: 140px; } }

@media (min-width: 620px) { .sf-hakkimizda .danismanlar { align-items: stretch; } }
.sf-hakkimizda .danismanlar .danisman { align-items: flex-start; }


.hk-giris, .sf-hakkimizda .aciklama p, .hk-davet { max-width: 52ch; }
.danisman__tanit { max-width: 52ch; }


.sf-hakkimizda .sss__oge p { max-width: 52ch; }