/**
 * Anasayfa — Figma artboard (anasayfa / anasayfa mobil)
 * Davranış mevcut kodda; görünüm burada.
 */

.marketing-home-figma {
  --home-ink: var(--gray-anti);
  --home-ink-muted: color-mix(in srgb, var(--gray-anti) 68%, var(--gray-base));
  --home-ink-soft: color-mix(in srgb, var(--gray-anti) 42%, var(--gray-base));
  --home-surface: var(--gray-base);
  --home-surface-muted: color-mix(in srgb, var(--gray-anti) 3%, var(--gray-base));
  --home-border: color-mix(in srgb, var(--gray-anti) 42%, var(--gray-base));
  /* Kayan yazı — sabit px/s (JS ölçer); düşük değer = Windows/Linux dar font sorununu dengeler */
  --home-kayan-px-per-sec: 52;
  --home-kayan-dur: 36s;
  /* Bölümler arası eşit dikey boşluk (üst+alt padding; komşu bölümde 2×) */
  --home-section-pad-y: var(--space-12);
  /* Etiket → içerik (Partners referans) */
  --home-section-label-gap: var(--space-6);
  --home-section-stack-gap: var(--space-6);
  --home-hero-pad-top: calc(var(--space-10) * 3);
  --home-hero-video-gap: var(--space-12);
  /* Featured work kart — Figma Frame 1410097976 */
  --home-featured-media-radius: var(--space-sm);
  --home-featured-card-gap: calc(var(--space-3) + var(--space-0));
  --home-featured-meta-gap: var(--space-1);
  background: var(--home-surface);
  color: var(--home-ink);
}

/* ── Anasayfa bölümleri — eşit section arası mesafe ── */
.marketing-home-figma :is(
  .home-spotlight,
  .ideal-section,
  .scene-section,
  .home-kayan-yazi,
  .home-values
) {
  box-sizing: border-box;
  padding-block: var(--home-section-pad-y);
  padding-inline: var(--section-pad-x);
}

.marketing-home-figma .hero-v2--has-showreel {
  padding-bottom: var(--home-section-pad-y);
}

/* ── Section tag (ikon + H4) — tipografi: globals .section-tag ── */
.home-section-tag {
  color: var(--home-ink);
}

.home-section-tag__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: var(--color-accent);
  -webkit-mask: url("/assets/section-tag-icon.svg") center / contain no-repeat;
  mask: url("/assets/section-tag-icon.svg") center / contain no-repeat;
}

.home-section-tag__text {
  display: inline;
}

@media (max-width: 768px) {
  .home-section-tag {
    gap: var(--space-2);
  }

  .home-section-tag__icon {
    width: 17px;
    height: 17px;
  }
}

/* ── Hero başlık (showreel üstü) — sol kenar = navbar wordmark ── */
.marketing-home-figma .hero-v2--has-showreel .hero-v2-head--figma {
  order: 0;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--home-section-stack-gap);
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding: var(--home-hero-pad-top) var(--site-nav-gutter-x) var(--home-hero-video-gap);
}

.marketing-home-figma .hero-v2--static .hero-v2-headline.hero-v2-headline--figma {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  font-weight: 500;
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
  text-align: left;
  text-transform: none;
  color: var(--home-ink);
}

.marketing-home-figma .hero-v2-headline--figma .hero-v2-headline__set {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.marketing-home-figma .hero-v2-headline--figma .hero-v2-headline__set--mobile {
  display: none;
}

.marketing-home-figma .hero-v2-headline--figma .hero-v2-headline__line {
  display: block;
  width: 100%;
  text-align: left;
}

.hero-v2-headline__accent {
  color: var(--color-accent);
}

.hero-v2-headline__main {
  color: var(--home-ink);
}

.hero-v2-scroll-cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  border: none;
  background: transparent;
  text-decoration: none;
  transition: opacity var(--dur-fast) var(--ease);
}

.hero-v2-scroll-cta:hover {
  opacity: 0.88;
}

.hero-v2-scroll-cta__icon {
  display: block;
  width: 66px;
  height: 66px;
  transform: rotate(-90deg);
}

.hero-v2--has-showreel .hero-v2__showreel.home-showreel {
  order: 1;
  /* html scroll-padding-top ile çift offset oluşmasın; ok JS ile tam üste hizalar */
  scroll-margin-top: 0;
}

@media (min-width: 769px) {
  .marketing-home-figma {
    --home-hero-pad-top: calc(var(--space-10) * 6);
  }

  .marketing-home-figma .hero-v2--has-showreel {
    padding-top: var(--site-nav-clearance);
  }
}

@media (max-width: 768px) {
  .marketing-home-figma {
    --home-section-pad-y: var(--space-10);
  }

  .marketing-home-figma .hero-v2--has-showreel {
    padding-top: var(--site-nav-clearance);
  }

  .marketing-home-figma .hero-v2--has-showreel .hero-v2-head--figma {
    align-items: flex-start;
    flex-direction: column;
    padding-top: var(--space-8);
    padding-bottom: var(--home-hero-video-gap);
    padding-inline: var(--site-nav-gutter-x);
  }

  .hero-v2-scroll-cta {
    display: none;
  }

  .marketing-home-figma .hero-v2-headline--figma.hero-v2-headline--has-mobile-copy
    .hero-v2-headline__set--desktop {
    display: none !important;
  }

  .marketing-home-figma .hero-v2-headline--figma.hero-v2-headline--has-mobile-copy
    .hero-v2-headline__set--mobile {
    display: flex;
  }

  .marketing-home-figma .hero-v2-headline--figma {
    font-size: var(--h1-font-size);
    max-width: none;
    text-align: left;
  }

  .marketing-home-figma .hero-v2-headline--figma .hero-v2-headline__line {
    text-wrap: wrap;
  }
}

/* ── Behance spotlight ── */
.marketing-home-figma .home-spotlight {
  background: var(--home-surface);
}

.marketing-home-figma .home-spotlight__card {
  --home-spotlight-ink: color-mix(in srgb, var(--white-fixed) 92%, var(--gray-200));
  padding: var(--space-8);
  border: none;
  border-radius: var(--card-radius);
  background: var(--color-accent);
  gap: var(--home-section-stack-gap);
}

.marketing-home-figma .home-spotlight .home-section-tag {
  color: var(--home-spotlight-ink);
}

.marketing-home-figma .home-spotlight .home-section-tag__icon {
  background-color: var(--home-spotlight-ink);
}

.marketing-home-figma .home-spotlight__title {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: 500;
  line-height: var(--h2-line-height);
  color: var(--home-spotlight-ink);
}

.marketing-home-figma .home-spotlight__title-line {
  display: block;
}

.marketing-home-figma .home-spotlight__title-line,
.marketing-home-figma .home-spotlight__accent {
  color: var(--home-spotlight-ink);
  font-weight: 500;
}

.marketing-home-figma .home-spotlight__cta {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
  gap: var(--space-xs);
  height: var(--nav-bar-ctrl-h);
  padding: var(--space-3) var(--space-6);
  border-radius: var(--btn-radius);
  background: var(--gray-base);
  color: var(--color-accent);
  font-family: var(--b2-font-family);
  font-size: var(--b2-font-size);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: opacity var(--dur-fast) var(--ease);
}

.marketing-home-figma .home-spotlight__cta:hover {
  opacity: 0.92;
}

.marketing-home-figma .home-spotlight__cta-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transform: rotate(180deg);
}

.marketing-home-figma .home-spotlight__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--home-section-stack-gap);
}

@media (max-width: 768px) {
  .marketing-home-figma .home-spotlight__card {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--space-6);
  }

  .marketing-home-figma .home-spotlight__title {
    flex-direction: column;
  }

  .marketing-home-figma .home-spotlight__title-line {
    display: block;
  }

  .marketing-home-figma .home-spotlight__badges {
    align-self: flex-end;
  }

  .marketing-home-figma .home-spotlight__badge {
    width: 50px;
  }
}

/* ── Birlikte çalıştıklarımız ── */
.marketing-home-figma .ideal-section {
  background: var(--home-surface);
  border-top: none;
}

.marketing-home-figma .ideal-intro,
.marketing-home-figma .scene-label.scene-label--figma,
.marketing-home-figma .home-values__header {
  margin-bottom: 0;
}

.marketing-home-figma .ideal-tag,
.marketing-home-figma .home-section-tag {
  margin: 0 0 var(--home-section-label-gap);
}

/* Mor kart içi: boşluk flex gap ile (çift margin olmasın) */
.marketing-home-figma .home-spotlight__content > .home-section-tag {
  margin-bottom: 0;
}

.marketing-home-figma .ideal-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: uppercase;
  color: var(--home-ink);
}

.marketing-home-figma .ideal-tag::before {
  content: "";
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: var(--color-accent);
  -webkit-mask: url("/assets/section-tag-icon.svg") center / contain no-repeat;
  mask: url("/assets/section-tag-icon.svg") center / contain no-repeat;
}

.marketing-home-figma .ideal-title {
  display: none;
}

.marketing-home-figma .ideal-clients-wrap {
  border: 1px solid var(--home-border);
  border-radius: var(--card-radius);
  overflow: hidden;
}

.marketing-home-figma .ideal-clients-grid {
  gap: 0;
  position: static;
}

.marketing-home-figma .ideal-clients-grid::after {
  display: none !important;
}

.marketing-home-figma .ideal-logo-cell {
  box-sizing: border-box;
  border: none;
  border-right: 1px solid var(--home-border);
  border-bottom: 1px solid var(--home-border);
  border-radius: 0;
  aspect-ratio: auto;
  min-height: 210px;
}

.marketing-home-figma .ideal-logo {
  background-color: color-mix(in srgb, var(--gray-anti) 65%, var(--gray-base));
}

@media (min-width: 981px) {
  .marketing-home-figma .ideal-logo-cell {
    border-bottom: none;
  }

  .marketing-home-figma .ideal-logo-cell:nth-child(4n) {
    border-right: none;
  }
}

@media (max-width: 980px) {
  .marketing-home-figma .ideal-logo-cell {
    border-top: none !important;
    border-left: none !important;
  }

  .marketing-home-figma .ideal-logo-cell:nth-child(2n) {
    border-right: none;
  }

  .marketing-home-figma .ideal-logo-cell:nth-child(n + 3) {
    border-bottom: none;
  }
}

@media (max-width: 768px) {
  .marketing-home-figma .ideal-tag::before {
    width: 17px;
    height: 17px;
  }

  .marketing-home-figma .ideal-logo-cell {
    min-height: 115px;
  }
}

/* ── Projeler ── */
.marketing-home-figma .scene-section {
  background: var(--home-surface);
  border-top: none;
  gap: 0 !important;
}

.marketing-home-figma .scene-section .featured-works {
  margin-top: 0;
}

.marketing-home-figma .scene-label--figma {
  width: var(--featured-works-width);
  max-width: var(--featured-works-width);
  margin-inline: auto;
}

.marketing-home-figma .featured-work-card {
  align-items: flex-start;
  gap: var(--home-featured-card-gap);
}

.marketing-home-figma .featured-work-media,
.marketing-home-figma .featured-work-media.featured-work-media--photo {
  border-radius: var(--home-featured-media-radius);
  overflow: hidden;
}

.marketing-home-figma .featured-work-media-img {
  border-radius: var(--home-featured-media-radius);
}

/* Figma Frame 1410097964 — başlık + kategori aynı sol hizada */
.marketing-home-figma .featured-work-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--home-featured-meta-gap);
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 var(--space-3);
  text-align: left;
}

.marketing-home-figma .featured-work-title {
  display: block;
  width: 100%;
  max-width: none;
  padding: 0;
  text-align: left;
  color: var(--home-ink);
  word-break: break-word;
}

.marketing-home-figma .featured-work-category {
  display: block;
  width: 100%;
  max-width: none;
  padding: 0;
  text-align: left;
  color: var(--home-ink-muted);
}

/* ── Kayan yazı (Figma 3765:9351 desktop · 3765:10816 mobil) ── */
.home-kayan-yazi {
  --home-kayan-ink: color-mix(in srgb, var(--white-fixed) 92%, var(--gray-200));
  --home-kayan-gap: 80px;
  --home-kayan-star: 52px;
  position: relative;
  z-index: 1;
  background: var(--home-surface);
}

.home-kayan-yazi__bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background: var(--color-accent);
  border-block: 1px solid var(--home-border);
  padding-block: var(--space-8);
}

.home-kayan-yazi__track {
  display: flex;
  width: max-content;
  align-items: center;
  animation: home-kayan-yazi-x var(--home-kayan-dur) linear infinite;
  animation-play-state: paused;
  will-change: transform;
}

.home-kayan-yazi__sequence {
  display: inline-flex;
  align-items: center;
  gap: var(--home-kayan-gap);
  flex-shrink: 0;
}

.home-kayan-yazi__phrase {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: 500;
  line-height: 1.2;
  color: var(--home-kayan-ink);
  white-space: nowrap;
}

.home-kayan-yazi__sep {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--home-kayan-star);
  height: var(--home-kayan-star);
}

.home-kayan-yazi__sep img {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes home-kayan-yazi-x {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 768px) {
  .home-kayan-yazi {
    --home-kayan-gap: 40px;
    --home-kayan-star: 24px;
  }

  .home-kayan-yazi__bleed {
    padding-block: var(--space-3);
  }

  .home-kayan-yazi__phrase {
    font-size: var(--h3-font-size);
    line-height: 1.2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-kayan-yazi__track {
    animation-duration: 60s !important;
  }
}

/* ── Kime hitap ediyoruz ── */
.marketing-home-figma .home-values {
  background: var(--home-surface-muted);
  border-top: none;
}

.marketing-home-figma .home-values__header {
  display: block;
}

.marketing-home-figma .home-values__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--home-border);
  border-radius: 12px;
  overflow: hidden;
}

.marketing-home-figma .home-values__card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  min-height: 200px;
  padding: 32px 42px;
  border: none;
  border-radius: 0;
  background: transparent;
  border-right: 1px solid var(--home-border);
  border-bottom: 1px solid var(--home-border);
}

.marketing-home-figma .home-values__card:nth-child(2n) {
  border-right: none;
}

.marketing-home-figma .home-values__card:nth-child(n + 3) {
  border-bottom: none;
}

.marketing-home-figma .home-values__card-copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.marketing-home-figma .home-values__card-title {
  margin: 0;
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
  color: var(--home-ink-muted);
}

.marketing-home-figma .home-values__card-body {
  margin: 0;
  font-family: var(--b1-font-family);
  font-size: var(--b1-font-size);
  font-weight: var(--b1-font-weight);
  line-height: 1.42;
  letter-spacing: var(--b1-letter-spacing);
  color: var(--home-ink-muted);
}

.marketing-home-figma .home-values__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marketing-home-figma .home-values__icon img {
  display: block;
  width: auto;
  height: auto;
  max-height: 154px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .marketing-home-figma .home-values__grid {
    grid-template-columns: 1fr;
    border: 1px solid var(--home-border);
    border-radius: var(--card-radius);
    overflow: hidden;
    gap: 0;
  }

  .marketing-home-figma .home-values__card {
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
    padding: var(--space-6);
    border: none !important;
    border-bottom: 1px solid var(--home-border) !important;
    border-radius: 0 !important;
    margin-top: 0;
  }

  .marketing-home-figma .home-values__card:last-child {
    border-bottom: none !important;
  }

  .marketing-home-figma .home-values__icon img {
    max-height: 85px;
  }
}

/* ── Mobil: etiket → içerik ritmi (Partners referans) ── */
@media (max-width: 768px) {
  .marketing-home-figma .ideal-tag,
  .marketing-home-figma .home-section-tag {
    margin-bottom: var(--home-section-label-gap);
  }

  .marketing-home-figma .home-values__header {
    gap: 0;
  }

  .marketing-home-figma .scene-section {
    gap: 0 !important;
  }

  .marketing-home-figma .ideal-inner,
  .marketing-home-figma .home-values__inner {
    width: var(--featured-works-width);
    max-width: var(--featured-works-width);
  }

  .marketing-home-figma .home-spotlight__content {
    gap: var(--home-section-label-gap);
  }

  .marketing-home-figma {
    --home-featured-media-radius: var(--space-xs);
    --home-featured-meta-gap: var(--space-0);
  }

}