/* Ulukat Tema · Ekip · v0.1.0 */

/* ── PROFİL ── */
.upr { padding: 170px 0 60px; }
.upr-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 90px; align-items: start; }
.upr-foto { position: sticky; top: 140px; max-width: 460px; }
.upr-maske { aspect-ratio: 4 / 5; }
.upr-foto img { object-position: 50% 20%; }
.upr-on { margin: 0 0 6px; color: var(--ul-fawn); font: 700 18px/1.4 var(--ul-sans2); }
.upr-ad { margin-bottom: 12px; text-wrap: balance; }
.upr-unvan { margin: 0 0 24px; color: #d6d6d6; font: 600 20px/1.4 var(--ul-sans2); }
.upr-sosyal { display: flex; flex-wrap: wrap; gap: 12px; margin: 34px 0 0; padding: 0; list-style: none; }
.upr-sosyal-btn {
  display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 20px; border-radius: 24px; background: #262626;
  color: #fff; font: 700 15px/1 var(--ul-sans2); text-decoration: none; transition: background-color .4s var(--ul-ease), transform .2s var(--ul-ease);
}
.upr-sosyal-btn .ul-ikon { width: 20px; height: 20px; }
.upr-sosyal-btn--whatsapp { background: var(--ul-bronz); color: #0c0c0c; }
.upr-sosyal-btn:hover { background: #3a3a3a; }
.upr-sosyal-btn--whatsapp:hover { background: #c78c60; }
.upr-sosyal-btn:active { transform: scale(.98); }
.upr-sosyal-btn:focus-visible { outline: 2px solid var(--ul-gold); outline-offset: 3px; }

.upr-bilgi { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 90px 0 0; }
.upr-bilgi-oge { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 16px; align-items: center; padding: 22px; background: #111; border: 1px solid rgba(255, 255, 255, .07); }
.upr-bilgi-ikon { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(181, 123, 81, .55); color: var(--ul-fawn); }
.upr-bilgi-ikon .ul-ikon { width: 22px; height: 22px; }
.upr-bilgi dt { color: #a3a3a3; font: 600 13px/1.4 var(--ul-sans2); }
.upr-bilgi dd { margin: 2px 0 0; color: #fff; font: 600 16px/1.45 var(--ul-sans2); }
.ul-js .upr-bilgi-oge[data-ul-reveal] { transition-delay: calc(var(--i, 0) * 90ms); }

/* ── ALANLAR VE YAZILAR ── */
.upy { padding: 90px 0 40px; scroll-margin-top: 110px; }
.upy .uyk-liste { margin-top: 30px; }

/* ── EKİBİMİZ ── */
.uel { padding: 150px 0 60px; }
.uel-bas { max-width: 780px; margin-bottom: 56px; }
.uel-metin { max-width: 64ch; margin: 0; color: #c4c4c4; font: 500 18px/1.7 var(--ul-sans2); }
.uel-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; margin: 0; padding: 0; list-style: none; }
.uel-kart { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); height: 100%; background: #111; border: 1px solid rgba(255, 255, 255, .07); transition: border-color .5s var(--ul-ease), background-color .5s var(--ul-ease); }
.uel-foto { position: relative; overflow: hidden; min-height: 100%; aspect-ratio: 4 / 5; }
.uel-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; filter: grayscale(1); transition: filter .7s var(--ul-ease), transform 1s var(--ul-ease-cikis); }
.uel-yazi { display: flex; flex-direction: column; padding: 32px 28px; }
.uel-on { margin: 0 0 4px; color: var(--ul-fawn); font: 700 15px/1.4 var(--ul-sans2); }
.uel-ad { margin: 0 0 8px; font: 700 28px/1.2 var(--ul-serif); }
.uel-link { color: #fff; text-decoration: none; transition: color .4s var(--ul-ease); }
.uel-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.uel-link:focus-visible { outline: none; }
.uel-kart:focus-within { outline: 2px solid var(--ul-gold); outline-offset: 3px; }
.uel-unvan { margin: 0 0 18px; color: #d0d0d0; font: 600 16px/1.4 var(--ul-sans2); }
.uel-bilgi { display: grid; gap: 6px; margin: 0 0 24px; padding: 0; list-style: none; color: #a8a8a8; font: 500 14px/1.5 var(--ul-sans2); }
.uel-devam { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--ul-fawn); font: 700 15px/1 var(--ul-sans2); }
.uel-devam .ul-ikon { width: 15px; height: 15px; transition: transform .45s var(--ul-ease-cikis); }
.uel-kart:hover { border-color: rgba(181, 123, 81, .5); background: #14110e; }
.uel-kart:hover .uel-foto img { filter: none; transform: scale(1.04); }
.uel-kart:hover .uel-link { color: var(--ul-fawn); }
.uel-kart:hover .uel-devam .ul-ikon { transform: translateX(5px); }

@media (max-width: 1199px) {
  .upr-grid { gap: 56px; }
  .uel-liste { grid-template-columns: 1fr; max-width: 760px; }
}
@media (max-width: 991px) {
  .upr { padding-top: 110px; }
  .upr-grid { grid-template-columns: 1fr; gap: 60px; }
  .upr-foto { position: relative; top: auto; max-width: 420px; }
  .uel { padding-top: 110px; }
}
@media (max-width: 575px) {
  .upr { padding-top: 80px; }
  .upr-foto { margin-right: 16px; }
  .upr-bilgi { margin-top: 60px; }
  .uel { padding-top: 80px; }
  .uel-kart { grid-template-columns: 1fr; }
  .uel-foto { aspect-ratio: 1; }
}