/* KARAYİĞİT MİMARLIK - Cinematic Gallery V3
   Sadece görsel odaklı premium lightbox: başlık/firma adı/metin göstermez.
*/

/* Logo daha net ve okunur */
.site-header{
  min-height:92px !important;
  grid-template-columns:335px 1fr auto !important;
}
.brand{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
}
.brand img{
  width:292px !important;
  max-width:292px !important;
  max-height:78px !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.22)) contrast(1.12) saturate(1.08) !important;
}
.footer-logo{
  width:270px !important;
  max-width:270px !important;
  filter:contrast(1.1) saturate(1.06) !important;
}

/* Hero başlık daha kibar */
.hero-copy h1{
  font-family:"Cormorant Garamond","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif !important;
  font-style:italic !important;
  font-weight:400 !important;
  letter-spacing:-.035em !important;
  line-height:1.04 !important;
  color:#fff1df !important;
  text-shadow:0 22px 54px rgba(0,0,0,.35) !important;
  max-width:760px !important;
}
.hero-copy h1::after{
  content:"";
  display:block;
  width:96px;
  height:2px;
  margin-top:24px;
  background:linear-gradient(90deg,var(--gold2, #d6a66d),transparent);
  opacity:.85;
}

/* İstenmeyen rozet */
.hero-badge{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Hero / slide görselinde premium yaşayan görüntü */
.hero-visual{perspective:1400px !important;}
.hero-frame{
  border-radius:30px !important;
  border:1px solid rgba(226,185,137,.46) !important;
  box-shadow:
    0 36px 110px rgba(0,0,0,.44),
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 0 90px rgba(201,151,97,.14) !important;
  transform-style:preserve-3d !important;
  overflow:hidden !important;
  isolation:isolate !important;
  animation:kgxHeroIn .95s cubic-bezier(.16,1,.3,1) both !important;
}
.hero-frame::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.28) 44%,transparent 52% 100%),
    radial-gradient(circle at 82% 14%,rgba(226,185,137,.25),transparent 32%);
  mix-blend-mode:soft-light;
  transform:translateX(-65%);
  animation:kgxHeroLightSweep 7.5s ease-in-out infinite;
}
.hero-frame::after{
  z-index:4 !important;
  background:
    linear-gradient(0deg,rgba(0,0,0,.34),transparent 38%),
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 45%,rgba(0,0,0,.16)) !important;
}
.hero-frame img{
  height:500px !important;
  object-position:center center !important;
  filter:contrast(1.08) saturate(1.08) brightness(.96) !important;
  transform:scale(1.035) !important;
  animation:kgxHeroImageMotion 16s ease-in-out infinite alternate !important;
  will-change:transform, filter !important;
}
.hero-frame:hover img{
  transform:scale(1.075) !important;
  filter:contrast(1.13) saturate(1.14) brightness(1) !important;
}

/* Proje kartları */
.project-card,
.gallery-card{
  cursor:zoom-in !important;
  position:relative !important;
  overflow:hidden !important;
  transform-style:preserve-3d !important;
}
.project-card img,
.gallery-card img{
  cursor:zoom-in !important;
  transition:transform .9s cubic-bezier(.16,1,.3,1), filter .45s ease !important;
  will-change:transform,filter !important;
}
.project-card:hover img,
.gallery-card:hover img{
  transform:scale(1.075) translateZ(0) !important;
  filter:contrast(1.09) saturate(1.14) brightness(.99) !important;
}
.project-card::after,
.gallery-card::after{
  content:"Görseli Aç";
  position:absolute;
  right:14px;
  top:14px;
  z-index:6;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(25,17,12,.72);
  color:#fff4e7;
  border:1px solid rgba(226,185,137,.42);
  backdrop-filter:blur(14px);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:900;
  opacity:0;
  transform:translateY(-8px);
  transition:.28s ease;
}
.project-card:hover::after,
.gallery-card:hover::after{
  opacity:1;
  transform:translateY(0);
}

/* Cinematic image-only lightbox */
.kgx-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:clamp(14px,4vw,54px);
  background:
    radial-gradient(circle at 52% 15%,rgba(226,185,137,.22),transparent 28%),
    radial-gradient(circle at 12% 90%,rgba(159,99,50,.15),transparent 25%),
    rgba(10,6,4,.88);
  backdrop-filter:blur(22px) saturate(1.15);
  opacity:0;
  pointer-events:none;
  transition:opacity .34s ease;
  overflow:hidden;
}
.kgx-lightbox::before{
  content:"";
  position:absolute;
  width:70vmax;
  height:70vmax;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(226,185,137,.16);
  box-shadow:
    0 0 0 42px rgba(226,185,137,.018),
    0 0 0 84px rgba(226,185,137,.012),
    inset 0 0 90px rgba(226,185,137,.10);
  opacity:.8;
  animation:kgxOrbit 13s linear infinite;
  pointer-events:none;
}
.kgx-lightbox::after{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    conic-gradient(from 0deg, transparent, rgba(226,185,137,.12), transparent 20%, transparent 56%, rgba(255,255,255,.07), transparent 78%);
  opacity:.55;
  animation:kgxConicSpin 18s linear infinite;
  pointer-events:none;
}
.kgx-lightbox.is-open{
  opacity:1;
  pointer-events:auto;
}
.kgx-stage{
  position:relative;
  z-index:2;
  width:min(1280px,92vw);
  height:min(82vh,820px);
  display:grid;
  place-items:center;
  perspective:1600px;
  transform:translateY(18px) scale(.98);
  opacity:0;
  transition:transform .42s cubic-bezier(.16,1,.3,1), opacity .42s ease;
}
.kgx-lightbox.is-open .kgx-stage{
  transform:translateY(0) scale(1);
  opacity:1;
}
.kgx-frame{
  position:relative;
  display:grid;
  place-items:center;
  max-width:100%;
  max-height:100%;
  padding:0;
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.018)),
    #110b08;
  border:1px solid rgba(226,185,137,.48);
  box-shadow:
    0 46px 150px rgba(0,0,0,.66),
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 0 90px rgba(226,185,137,.12);
  overflow:hidden;
  transform-origin:center center;
  transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1);
  will-change:transform,opacity;
}
.kgx-frame::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 41%,rgba(255,255,255,.36) 48%,transparent 56%),
    radial-gradient(circle at 86% 12%,rgba(226,185,137,.20),transparent 26%);
  mix-blend-mode:soft-light;
  transform:translateX(-90%);
}
.kgx-lightbox.is-open .kgx-frame::before{
  animation:kgxFrameLight 1.15s .18s cubic-bezier(.16,1,.3,1) both;
}
.kgx-frame::after{
  content:"";
  position:absolute;
  inset:14px;
  z-index:4;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  pointer-events:none;
  opacity:.55;
}
.kgx-img{
  display:block;
  width:auto;
  height:auto;
  max-width:92vw;
  max-height:82vh;
  object-fit:contain;
  background:#0d0805;
  border-radius:28px;
  transform:scale(1);
  opacity:1;
  transition:opacity .28s ease, transform .65s cubic-bezier(.16,1,.3,1), filter .35s ease;
  filter:contrast(1.06) saturate(1.08);
}
.kgx-lightbox.is-swapping .kgx-frame{
  transform:rotateY(var(--kgx-swap-rotate, 20deg)) scale(.965) !important;
}
.kgx-lightbox.is-swapping .kgx-img{
  opacity:0;
  transform:scale(.96) rotateZ(var(--kgx-img-rotate, -1.8deg));
}

/* Sadece görsel: başlık, firma adı, açıklama, count yok */
.kgx-caption,
.kg-lightbox__caption,
.kg-lightbox__title,
.kg-lightbox__meta,
.kg-lightbox__count{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Close / navigation */
.kgx-close,
.kgx-nav{
  position:absolute;
  z-index:6;
  border:1px solid rgba(226,185,137,.48);
  background:rgba(18,11,7,.70);
  color:#fff3e6;
  backdrop-filter:blur(14px);
  cursor:pointer;
  transition:transform .24s ease, background .24s ease, color .24s ease, opacity .24s ease;
  box-shadow:0 18px 44px rgba(0,0,0,.34);
}
.kgx-close{
  right:clamp(4px,2vw,18px);
  top:clamp(4px,2vw,18px);
  width:54px;
  height:54px;
  border-radius:50%;
  font-size:30px;
  line-height:1;
}
.kgx-nav{
  top:50%;
  width:56px;
  height:78px;
  transform:translateY(-50%);
  border-radius:999px;
  font-size:34px;
  display:grid;
  place-items:center;
}
.kgx-prev{left:clamp(4px,2vw,20px)}
.kgx-next{right:clamp(4px,2vw,20px)}
.kgx-close:hover,
.kgx-nav:hover{
  background:#e2b989;
  color:#20130d;
}
.kgx-nav:hover{transform:translateY(-50%) scale(1.05)}
.kgx-close:hover{transform:scale(1.05)}
.kgx-nav[hidden]{display:none !important;}

body.kgx-lightbox-open{
  overflow:hidden !important;
}

/* V2 lightbox kalıntıları olursa kapat */
.kg-lightbox{display:none !important;}

/* Mobile */
@media(max-width:820px){
  .site-header{
    min-height:82px !important;
    grid-template-columns:1fr auto !important;
  }
  .brand img{
    width:230px !important;
    max-width:230px !important;
    max-height:64px !important;
  }
  .mobile-menu img,
  .offcanvas img,
  .menu-panel img{
    width:240px !important;
    max-width:80vw !important;
    height:auto !important;
    image-rendering:auto !important;
  }
  .hero-copy h1{
    font-size:clamp(42px,12vw,62px) !important;
  }
  .hero-frame{
    border-radius:22px !important;
  }
  .hero-frame img{
    height:360px !important;
  }
  .project-card::after,
  .gallery-card::after{
    opacity:1;
    transform:none;
    right:10px;
    top:10px;
    min-height:28px;
    padding:0 10px;
    font-size:9px;
  }
  .kgx-lightbox{
    padding:10px;
  }
  .kgx-stage{
    width:100vw;
    height:100dvh;
  }
  .kgx-frame{
    max-width:96vw;
    max-height:82dvh;
    border-radius:22px;
  }
  .kgx-img{
    max-width:96vw;
    max-height:82dvh;
    border-radius:20px;
  }
  .kgx-frame::after{
    inset:8px;
    border-radius:17px;
  }
  .kgx-close{
    width:48px;
    height:48px;
    top:14px;
    right:14px;
  }
  .kgx-nav{
    width:46px;
    height:60px;
    font-size:28px;
    background:rgba(18,11,7,.64);
  }
  .kgx-prev{left:8px}
  .kgx-next{right:8px}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .hero-frame,
  .hero-frame::before,
  .hero-frame img,
  .kgx-lightbox::before,
  .kgx-lightbox::after,
  .kgx-frame::before{
    animation:none !important;
  }
  .project-card img,
  .gallery-card img,
  .kgx-stage,
  .kgx-frame,
  .kgx-img{
    transition:none !important;
  }
}

/* Animations */
@keyframes kgxHeroIn{
  from{opacity:0;transform:translateY(28px) rotateX(7deg) scale(.985)}
  to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}
}
@keyframes kgxHeroImageMotion{
  0%{transform:scale(1.035) translate3d(0,0,0)}
  100%{transform:scale(1.085) translate3d(-1.8%,1.2%,0)}
}
@keyframes kgxHeroLightSweep{
  0%,26%,100%{opacity:0;transform:translateX(-65%)}
  36%{opacity:.65}
  54%{opacity:0;transform:translateX(65%)}
}
@keyframes kgxOrbit{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes kgxConicSpin{
  to{transform:rotate(360deg)}
}
@keyframes kgxFrameLight{
  0%{opacity:0;transform:translateX(-90%)}
  28%{opacity:.82}
  100%{opacity:0;transform:translateX(90%)}
}