/* ============================================================================
   HOMI — Tekil proje detay sayfası (markalı, sinematik, tam genişlik).
   Marka sabitleri (--navy/--ink/--gold) her temada aynı → sayfa daima koyu.
   tokens.css'e bağımlı; fallback değerlerle tek başına da güvenli.
   ========================================================================== */

.homi-proj-single {
  /* Tema kabından kenardan kenara taş (Kirki dar düzenini bypass et). */
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  background: var(--navy, #0b0f26);
  color: var(--ink, #f1eee6);
  font-family: var(--font-brand, 'Futura', 'Futura PT', 'Century Gothic', 'Avenir Next', 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif);
  overflow: hidden;
}

/* ── Kapak / hero ─────────────────────────────────────────────────────── */
.homi-proj-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: min(74vh, 760px);
  padding: clamp(120px, 17vh, 190px) clamp(22px, 6vw, 90px) clamp(38px, 7vh, 78px);
  background-color: #05070f;
  background-image: var(--cover, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.homi-proj-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  /* Alt karartma widget'tan (--hero-shade) ayarlanır; okunurluk için. */
  background: linear-gradient(180deg,
    rgba(5, 7, 15, calc(var(--hero-shade, .93) * .2)) 0%,
    rgba(5, 7, 15, calc(var(--hero-shade, .93) * .52)) 52%,
    rgba(5, 7, 15, var(--hero-shade, .93)) 100%);
}

/* Proje Kapağı widget'ı tam-genişlik (Elementor'da kenardan kenara). */
.homi-hero-full-yes .homi-proj-hero {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
}
.homi-proj-hero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}
.homi-proj-title {
  margin: .12em 0 .16em;
  font-family: inherit;
  font-weight: 800;
  color: #fff;
  font-size: clamp(30px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -.01em;
  -webkit-text-stroke: .006em currentColor;   /* Futura Bold üstü ekstra dolgu */
  text-wrap: balance;
}
.homi-proj-sub {
  margin: 0;
  color: var(--gold, #f0c479);
  font-size: clamp(12px, 1.5vw, 17px);
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* Geri bağlantısı (üstte + altta) */
.homi-proj-back {
  display: inline-block;
  margin-bottom: 1.4em;
  color: rgba(255, 255, 255, .78);
  text-decoration: none;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: color .3s ease, transform .3s ease;
}
.homi-proj-back:hover {
  color: var(--gold, #f0c479);
  transform: translateX(-3px);
}

/* ── Uzun video ───────────────────────────────────────────────────────── */
.homi-proj-video {
  max-width: 1120px;
  margin: clamp(28px, 5vh, 60px) auto 0;
  padding: 0 clamp(22px, 6vw, 90px);
}
.homi-proj-video__el {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 14px;
  box-shadow: 0 30px 90px -44px rgba(0, 0, 0, .85);
}
.homi-proj-video__embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 30px 90px -44px rgba(0, 0, 0, .85);
}
.homi-proj-video__embed :is(iframe, video, object, embed) {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
.homi-proj-video__link {
  color: var(--gold, #f0c479);
  word-break: break-all;
}

/* ── Açıklama gövdesi ─────────────────────────────────────────────────── */
.homi-proj-body {
  max-width: 760px;
  margin: clamp(34px, 6vh, 72px) auto;
  padding: 0 clamp(22px, 6vw, 40px);
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.75;
  color: color-mix(in srgb, var(--ink, #f1eee6) 82%, transparent);
}
.homi-proj-body > :first-child { margin-top: 0; }
.homi-proj-body p { margin: 0 0 1.2em; }
.homi-proj-body :is(h2, h3, h4) {
  font-family: inherit;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin: 1.7em 0 .5em;
}
.homi-proj-body a { color: var(--gold, #f0c479); }
.homi-proj-body img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  margin: 1.4em 0;
}
.homi-proj-body :is(ul, ol) { margin: 0 0 1.2em; padding-left: 1.3em; }
.homi-proj-body blockquote {
  margin: 1.6em 0;
  padding: .2em 0 .2em 1.1em;
  border-left: 3px solid var(--gold, #f0c479);
  font-style: italic;
  color: var(--ink, #f1eee6);
}

/* ── Alt geri şeridi ──────────────────────────────────────────────────── */
.homi-proj-foot {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(22px, 6vw, 90px) clamp(52px, 9vh, 116px);
}
.homi-proj-foot .homi-proj-back { margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
  .homi-proj-back { transition: none; }
}