/* Verterra · v10 · GALERİ — 21st.dev "Scroll Morph Hero" (prashantsom75) birebir; değerler kaynak kodundan (qa/v10/ref/bundle.html):
   kart 60×85 (yayda ×1,8, telefonda ×1,4), köşe 12, gölge; zemin #FAFAFA; ortada "cümle + KAYDIRARAK KEŞFEDİN" (halkada, bulanıklıkla
   gelir/gider); yayda üstte %10'da başlık + açıklama. Kart boyu ekran yüksekliğiyle ölçeklenir (referans kutusu 800 px).
   Kenar yok: açık zemin sabit bir örtüdür (#gyOrtu), opaklığı kaydırmaya bağlı (galeri.js) → Yapım'dan ve İletişim'e çizgisiz geçiş. */

.v10-galeri{--gy-zemin:#FAFAFA;height:calc(100vh + 3000px);padding:0!important;background:none;color:#1f2937;isolation:auto}
.gy-yapis{position:sticky;top:0;height:100vh;overflow:hidden}

/* açık zemin örtüsü (alt dünyanın sabit zemininin hemen üstünde, bölümlerin altında) */
.gy-ortu{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--gy-zemin,#FAFAFA);opacity:0;will-change:opacity}
html:not(.gy-yakin) .gy-ortu{visibility:hidden}
/* üst bandın perdesi de aynı renge geçer */
.alt-perde::after{content:'';position:absolute;inset:0;background:#FAFAFA;opacity:var(--gy-ortu,0)}

/* ortadaki giriş cümlesi (halkanın içinde, kartların arkasında) */
.gy-giris{position:absolute;left:0;right:0;top:50%;z-index:0;transform:translateY(-50%);text-align:center;pointer-events:none;padding:0 16px}
.gy-giris-h{margin:0;font:500 clamp(24px,2.5vw,36px)/1.2 var(--f-govde);letter-spacing:-.025em;color:#1f2937;
  opacity:0;filter:blur(10px);transform:translateY(20px);transition:opacity 1s,filter 1s,transform 1s}
.gy-giris-alt{margin:16px 0 0;font:700 12px/1 var(--f-govde);letter-spacing:.2em;color:#6b7280;opacity:0;transition:opacity 1s .2s}

/* yay başlığı: üstte %10 */
.gy-ust{position:absolute;left:0;right:0;top:10%;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;
  opacity:0;transform:translateY(20px);pointer-events:none}
.v10-galeri.gy-yay .gy-ust{pointer-events:auto}
.v10-galeri .gy-baslik{position:static;margin:0 0 16px;padding:0;overflow:visible;font:600 clamp(30px,3.4vw,48px)/1.1 var(--f-govde);letter-spacing:-.025em;
  text-transform:none;color:#111827}
.v10-galeri .gy-baslik .alt-h{background:none;-webkit-text-fill-color:currentColor;color:inherit;transform:none!important;transition:none!important;padding:0;margin:0}
.gy-ust-alt{margin:0;max-width:32rem;font:400 clamp(14px,1.1vw,16px)/1.6 var(--f-govde);color:#4b5563}
.gy-suzgec.alt-suzgec{justify-content:center;margin:18px 0 0;gap:6px}
.v10-galeri .gy-suzgec .alt-suz{background:rgba(17,24,39,.05);color:#1f2937;border-color:rgba(17,24,39,.08)}
.v10-galeri .gy-suzgec .alt-suz svg{stroke:currentColor}
.v10-galeri .gy-suzgec .alt-suz.alt-secili{background:#111827;color:#fff;border-color:#111827}
.gy-hepsi{margin-top:12px;height:40px;padding:0 18px;border-radius:12px;background:#000;color:#fff;font:600 14px/1 var(--f-govde);letter-spacing:-.006em;
  box-shadow:0 1px 1.5px rgba(0,0,0,.22),0 10px 30px -6px rgba(0,0,0,.3);transition:background-color .2s,translate .22s,scale .18s}
@media (hover:hover){ .gy-hepsi:hover{background:#212121;translate:0 -2px} }
.gy-hepsi:active{translate:none;scale:.97}
.v10-galeri .gy-hepsi:focus-visible,.v10-galeri .gy-suzgec .alt-suz:focus-visible{outline:2px solid #111827;outline-offset:3px;box-shadow:none}

/* kartlar: sahnenin ortasından konumlanır (referanstaki flex merkez) */
.gy-sahne{position:absolute;inset:0;z-index:2}
.gy-kart{position:absolute;left:50%;top:50%;width:calc(60px * var(--gy-k,1));height:calc(85px * var(--gy-k,1));margin:calc(-42.5px * var(--gy-k,1)) 0 0 calc(-30px * var(--gy-k,1));
  padding:0;border:0;background:none;cursor:pointer;perspective:1000px;will-change:transform,opacity}
.gy-ic{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.35,.5,1)}
@media (hover:hover){ .gy-kart:hover .gy-ic{transform:rotateY(180deg)} }
.gy-kart:focus-visible .gy-ic{transform:rotateY(180deg)}
.gy-on,.gy-arka{position:absolute;inset:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.gy-on{background:#e5e7eb}
.gy-on img{width:100%;height:100%;object-fit:cover;display:block}
.gy-on::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.1);transition:background-color .3s}
@media (hover:hover){ .gy-kart:hover .gy-on::after{background:transparent} }
.gy-arka{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;background:#111827;border:1px solid #374151;transform:rotateY(180deg);text-align:center}
.gy-arka b{font:700 calc(7px * var(--gy-k,1)) var(--f-govde);letter-spacing:.14em;text-transform:uppercase;color:#93c5fd}
.gy-arka span{font:500 calc(11px * var(--gy-k,1)) var(--f-govde);color:#fff}
.gy-kart:focus-visible{outline:none}
.gy-kart:focus-visible .gy-on,.gy-kart:focus-visible .gy-arka{box-shadow:0 0 0 2px #111827}

/* galeri ekrandayken sol üstteki logo lacivert (açık zemin), mavi perde rengi örtüyle aynı */
.v10-galeri .gy-eski{display:none!important}

/* az hareket: sahne yok, kartlar ızgarada */
@media (prefers-reduced-motion:reduce){
  .v10-galeri{height:auto;padding:var(--alt-ust) var(--alt-kenar) 112px!important;background:#FAFAFA}
  .gy-yapis{position:relative;height:auto;overflow:visible}
  .gy-giris{display:none}
  .gy-ust{position:relative;top:auto;opacity:1;transform:none;pointer-events:auto}
  .gy-sahne{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:28px}
  .gy-kart{position:relative;left:auto;top:auto;margin:0;width:auto;height:auto;aspect-ratio:60/85;transform:none!important;opacity:1!important}
}