/* Halk Film, Nazif Tunç ve İletişim sayfaları */

.about-section{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:72px 56px 128px;
}

.about-layout{
  display:grid;
  grid-template-columns:300px minmax(0, 1fr);
  gap:80px;
  align-items:start;
}

/* ---------- Görsel: portre ya da film karesi ---------- */

.portrait-photo{
  position:sticky;
  top:calc(var(--bar-h) + 32px);
  width:100%;
  margin:0;
}

.portrait-frame{
  position:relative;
  width:100%;
  aspect-ratio:3 / 4;
  border-radius:var(--radius);
  overflow:hidden;
  background:linear-gradient(150deg, #4a4a4a 0%, #232323 45%, #0e0e0e 100%);
  box-shadow:0 22px 40px -22px rgba(0,0,0,0.4);
}

.portrait-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

/* Yatay çekilmiş bir portrede yüzü kutunun ortasına getirir */
.portrait-photo.is-portrait .portrait-img{ object-position:40% center; }

.portrait-photo figcaption{
  margin-top:12px;
  font-size:14px;
  line-height:1.4;
  color:var(--muted);
}

/* Logo: kırpılmadan, beyaz zeminde ortalanır */
.portrait-photo.is-logo .portrait-frame{
  aspect-ratio:1 / 1;
  background:#ffffff;
  border:1px solid var(--line);
  box-shadow:none;
}

.portrait-photo.is-logo .portrait-img{
  inset:0;
  padding:32px;
  object-fit:contain;
}

/* ---------- Metin ---------- */

.about-block h1{
  margin:0;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(40px, 4.4vw, 60px);
  line-height:1.05;
  letter-spacing:-0.01em;
  color:var(--ink);
}

.about-role{
  margin:12px 0 0;
  font-size:17px;
  color:var(--muted);
}

.about-motto{
  margin:14px 0 0;
  font-family:var(--serif);
  font-size:22px;
  line-height:1.35;
  color:var(--ink);
}

.about-body{ margin-top:36px; }
.about-block h1 + .about-body{ margin-top:28px; }

.about-body p{
  margin:0 0 20px;
  max-width:64ch;
  font-size:17.5px;
  line-height:1.75;
  color:var(--text);
}

.about-body p:first-child{
  font-size:20px;
  line-height:1.6;
  color:var(--ink);
}

.about-body p:last-child{ margin-bottom:0; }

/* ---------- İletişim ---------- */

.contact-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr);
  gap:72px;
  align-items:start;
}

.contact-lead{
  margin:20px 0 0;
  max-width:40ch;
  font-size:19px;
  line-height:1.55;
  color:var(--text);
}

.contact-list{
  margin:40px 0 0;
  border-top:1px solid var(--line);
}

.contact-row{
  display:grid;
  grid-template-columns:110px minmax(0, 1fr);
  gap:20px;
  align-items:baseline;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}

.contact-row dt{
  margin:0;
  font-size:15px;
  color:var(--muted);
}

.contact-row dd{
  margin:0;
  font-size:17px;
  line-height:1.6;
  color:var(--ink);
}

.contact-mail{
  font-family:var(--serif);
  font-size:26px;
  line-height:1.2;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(20,20,20,0.3);
  text-underline-offset:6px;
  transition:text-decoration-color .15s ease;
}

.contact-mail:hover{ text-decoration-color:currentColor; }

.contact-yol{
  display:inline-block;
  margin-top:10px;
  font-size:15px;
  font-weight:500;
  text-decoration:underline;
  text-decoration-color:rgba(20,20,20,0.3);
  text-underline-offset:4px;
}

.contact-yol:hover{ text-decoration-color:currentColor; }

.map-wrap{
  position:relative;
  width:100%;
  aspect-ratio:4 / 5;
  max-height:620px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:#eeeeec;
}

.map-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  filter:grayscale(1) contrast(1.05);
  transition:filter .3s ease;
}

.map-wrap:hover iframe,
.map-wrap:focus-within iframe{ filter:none; }

/* ---------- Dar ekranlar ---------- */

@media (max-width:960px){
  .about-section{ padding:48px 28px 88px; }
  .about-layout{ grid-template-columns:minmax(0, 1fr); gap:36px; }
  .portrait-photo{ position:relative; top:auto; max-width:260px; }
  .contact-grid{ grid-template-columns:minmax(0, 1fr); gap:48px; }
  .map-wrap{ aspect-ratio:4 / 3; }
}

@media (max-width:600px){
  .portrait-photo{ max-width:210px; }
  .about-body p:first-child{ font-size:18.5px; }
  .contact-row{ grid-template-columns:minmax(0, 1fr); gap:4px; }
  .contact-mail{ font-size:22px; }
}

/* ---------- Yasal metinler: Yasal Uyarı, Kişisel Veriler ve Çerezler ---------- */

.legal{ max-width:760px; }

.legal-date{
  margin:14px 0 0;
  font-size:15px;
  color:var(--muted);
}

.legal .about-body p:first-child{ font-size:19px; }

.legal h2{
  margin:48px 0 14px;
  font-family:var(--serif);
  font-weight:400;
  font-size:26px;
  line-height:1.25;
  color:var(--ink);
}

.legal ul{
  margin:0 0 20px;
  padding-left:1.2em;
  max-width:64ch;
  font-size:17.5px;
  line-height:1.75;
  color:var(--text);
}

.legal li + li{ margin-top:6px; }

.legal .about-body a{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.legal .about-body a:hover{ text-decoration-thickness:2px; }

@media (max-width:600px){
  .legal h2{ font-size:23px; margin-top:40px; }
  .legal ul{ font-size:16.5px; }
}