.aboutPage{background:#fff;}
.aboutLeft{display:flex;flex-direction:column;}
.aboutContent{max-width:640px;margin-top:8px;}

.aboutKicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#b08a57;margin-bottom:12px;}
.aboutTitle{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:54px;line-height:1.02;letter-spacing:-.02em;margin-bottom:14px;color:#0b0b0b;}
.aboutText{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:17px;line-height:1.65;color:rgba(0,0,0,.72);max-width:540px;margin-top:6px;}
.aboutText p{margin:0 0 10px 0;}
.aboutText p:last-child{margin:0;}

.aboutDivider{width:130px;height:2px;background:#b08a57;border-radius:99px;margin:22px 0 18px 0;opacity:.9;}

.aboutTeam{max-width:700px;}
.aboutTeamKicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#b08a57;margin-bottom:10px;}
.aboutTeamTitle{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:26px;line-height:1.1;letter-spacing:-.01em;color:#0b0b0b;margin-bottom:14px;}

.aboutTeamGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}

.teamCard{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background:#fff;}
.teamCard:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.14);box-shadow:0 10px 30px rgba(0,0,0,.08);}
.teamAvatar{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.04);}
.teamAvatar img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block;}

.teamAvatarPh{width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.03));}
.teamMeta{display:flex;flex-direction:column;gap:6px;}
.teamName{font-weight:800;letter-spacing:.01em;color:#0b0b0b;font-size:14px;line-height:1.2;}
.teamRole{color:rgba(0,0,0,.6);font-size:12px;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;}

.aboutRight{display:flex;align-items:center;justify-content:center;padding-right:40px;}
.aboutCollage{position:relative;width:min(600px,100%);aspect-ratio:1/1;transform:translateX(-44px);}

.aboutCollage:before{content:"";position:absolute;inset:-18px;background:#fff;border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.10);transform:rotate(-1.2deg);z-index:1;opacity:.92;}
.aboutCollage:after{content:"";position:absolute;inset:-6px;background:#fff;border-radius:18px;box-shadow:0 14px 44px rgba(0,0,0,.08);transform:rotate(.8deg);z-index:1;opacity:.92;}

.aboutMain{position:absolute;top:8%;right:6%;width:78%;height:60%;border-radius:16px;overflow:hidden;background:#f3f3f3;border:8px solid #fff;box-sizing:border-box;box-shadow:0 26px 80px rgba(0,0,0,.18);z-index:3;}
.aboutEmpty{background:linear-gradient(135deg,rgba(0,0,0,.06),rgba(0,0,0,.02));}

.aboutMini{position:absolute;border-radius:14px;overflow:hidden;background:#f3f3f3;border:6px solid #fff;box-shadow:0 18px 50px rgba(0,0,0,.18);z-index:4;}
.aboutMain img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;}
.aboutMini img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;}
.aboutMini1{right:10%;top:54%;width:44%;height:26%;}
.aboutMini2{left:8%;bottom:12%;width:54%;height:30%;}
.aboutMini3{right:-1%;bottom:12%;width:26%;height:20%;}

/* Menü açıkken (global oyun): kolaj kartlarını sadeleştir */
body.menu-open .aboutCollage:before{opacity:0;}
body.menu-open .aboutCollage:after{opacity:0;}
body.menu-open .aboutCollage{filter:none;}

/* Page height fix (about sayfa 100vh) */
body.page-template-page-about-php .hero{height:100vh;min-height:100vh;}
body.page-template-page-about-php .hero-left,body.page-template-page-about-php .hero-right{height:100vh;}

/* Responsive */
@media (max-width:1100px){.aboutTitle{font-size:48px;}.aboutContent{max-width:600px;}.aboutCollage{transform:translateX(-24px);width:min(560px,100%);}}
@media (max-width:980px){.aboutTeamGrid{grid-template-columns:repeat(2,minmax(0,1fr));}.aboutRight{padding:28px 24px 72px 24px;}.aboutCollage{transform:none;width:min(620px,100%);}}
@media (max-width:560px){.aboutTitle{font-size:40px;}.aboutText{font-size:16px;}.aboutTeamGrid{grid-template-columns:1fr;}.aboutMini{border-width:5px;}.aboutDivider{width:120px;}}
/* <=1100px */
@media (max-width:1100px){
  .aboutTitle{font-size:48px;}
  .aboutContent{max-width:600px;}

  /* Kolaj: çok sola kaçmasın, hafif yaklaşsın */
  .aboutCollage{
    width:min(560px,100%);
    transform:translateX(-16px);
  }
}

/* <=980px */
@media (max-width:980px){
  .aboutTeamGrid{grid-template-columns:repeat(2,minmax(0,1fr));}

  /* Sağ alan artık altta stack olacak, padding sade */
  .aboutRight{
    padding:24px 24px 64px 24px;
    align-items:flex-start;
    justify-content:center;
  }

  /* Kolaj: ortalı + yukarıdan kontrollü boşluk */
  .aboutCollage{
    width:min(620px,100%);
    transform:none;
    margin:18px auto 0;
  }
}

/* <=560px */
@media (max-width:560px){
  .aboutTitle{font-size:40px;}
  .aboutText{font-size:16px;}
  .aboutTeamGrid{grid-template-columns:1fr;}
  .aboutMini{border-width:5px;}
  .aboutDivider{width:120px;}

  /* Mobilde kolaj: daha sıkı, çok aşağı kaymasın */
  .aboutCollage{
    margin-top:14px;
  }
}/* =========================
   ABOUT – SCROLL FIX (SADECE RESPONSIVE)
   ========================= */
@media (max-width:980px){
  /* About sayfasında mobilde scroll geri gelsin */
  body.page-template-page-about-php .hero{height:auto;min-height:100vh;}
  body.page-template-page-about-php .hero-left,
  body.page-template-page-about-php .hero-right{height:auto;}

  body.page-template-page-about-php html,
  body.page-template-page-about-php body{
    overflow:auto;
    height:auto;
  }
}
.teamAvatar{--focusY:15%;}
.teamAvatar img{object-position:50% var(--focusY);}