@media (min-width: 360px) {
  .header__inner { column-gap: var(--s-3); }
  .heroStats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
}

@media (min-width: 380px) {
  .heroPager { gap: var(--s-2); }
  .heroPager__item { min-width: 44px; }
  .heroPlay { margin-left: 0; }
}

@media (min-width: 400px) {
  .proj__head { grid-template-columns: 40px 1fr; gap: var(--s-4); }
}

@media (min-width: 600px) {
  .ctaGo { justify-items: start; }
  .ctaGo__row > .btn { flex: 0 0 auto; justify-content: flex-start; }
  .press__one { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer__grid > .footer__col:last-child { grid-column: 1 / -1; }
  .prow__link { padding: var(--s-5) var(--s-4); }

  .areas { --kaydir: var(--s-5); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); }
  .areas:where(:has(> :nth-child(odd):last-child)) > .area:where(:first-child) { grid-column: 1 / -1; }

  .burger { width: 52px; height: 52px; padding: 0 13px; }
  .header__actions > .btn {
    display: inline-flex;
    width: auto;
    min-height: 48px;
    padding: var(--s-1) var(--s-1) var(--s-1) var(--s-5);
    justify-content: flex-start;
  }
  .fab__btnT {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip-path: none;
  }
  .plist > .prow:nth-child(n + 4):not([hidden]) { display: list-item; }
  .footer__grid > .footer__col:nth-child(2),
  .footer__grid > .footer__col:nth-child(3) { display: grid; }
  .footer__legal { justify-content: flex-start; row-gap: var(--s-2); }
  .footer__legal > * + *::before { content: ""; }
  .footer__bottom { margin-top: calc(var(--s-3) * -1); justify-content: space-between; text-align: start; }
  .fab__btn { justify-content: flex-start; width: auto; padding: 0 var(--s-5) 0 var(--s-2); }
  .has-cerez .fab:not([hidden]) { display: grid; }
  .quote__head {
    position: relative;
    top: auto;
    padding-top: 0;
    margin-top: 0;
  }
}

@media (min-width: 680px) {
  .footer__grid > .footer__col:last-child { grid-column: auto; }
}

@media (min-width: 900px) {
  .section--joined { padding-top: var(--s-9); }
  .bentos { gap: var(--s-6); }
  .bento { padding: var(--s-6); }
  @supports (grid-template-rows: subgrid) {
    .bentos { grid-template-rows: auto auto 1fr auto; }
    /* YALNIZ .bentos çocuğu: subgrid zaten grid öğesi olmayı gerektirir.
       Kapsamsız bırakılırsa tek başına duran bir .bento'da (proje boş-durum
       kartı) taban `auto auto 1fr auto` satırları ezilir ve alt satır
       (bento__foot) kartın dibine yaslanmaz. */
    .bentos > .bento { grid-row: span 4; grid-template-rows: subgrid; }
  }
  :root { --t-3xl: clamp(2.75rem, 3.6vw + 0.725rem, 3.75rem); }
  .heroSlide__text { max-width: 44rem; padding-block: var(--s-8) var(--s-7); }

  .heroFoot { grid-template-columns: minmax(0, max-content) max-content; justify-content: space-between; align-items: stretch; }
  .heroStats { grid-template-columns: repeat(3, max-content); column-gap: var(--stat-gap); padding: 0; }
  .heroStats .heroStat { padding: 20px 0; }
  .heroScroll { padding: 20px 0; }
  .heroBar { grid-template-columns: 1fr auto; }

  .bentos { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .areas { --kaydir: var(--s-6); grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .areas > .area { grid-column: span 2; }
  .area:not(:nth-child(3n+2)) { --yon: -1; --paralaks: -72; }
  .area:nth-child(3n+2) { --yon: 1; --paralaks: 72; }
  .areas:has(> :nth-child(3n+1):last-child, > :nth-child(3n+2):last-child) > .area:not(:nth-child(3n+2)) { --paralaks: 0; }
  .areas:has(> :nth-child(3n+1):last-child, > :nth-child(3n+2):last-child) > .area:nth-child(3n+2) { --paralaks: 56; }
  .areas:has(> :nth-child(3n+2):last-child) > .area:nth-last-child(-n+2) { --yon: -1; --paralaks: 40; grid-column: span 3; }
  .areas:has(> :nth-child(3n+5):last-child) > .area:nth-last-child(-n+2),
  .areas:has(> :nth-child(2):last-child) > .area:last-child,
  .areas:has(> :nth-child(3n+4):last-child) > .area:last-child { --yon: 1; }
  .areas:has(> :nth-child(3n+1):last-child) > .area:last-child { --paralaks: 40; grid-column: 1 / -1; }
  .areas:has(> :nth-child(3n+1):last-child) > .area:last-child .area__link {
    flex-direction: row;
    align-items: center;
    gap: var(--s-5);
    min-height: 0;
  }
  .areas:has(> :nth-child(3n+1):last-child) > .area:last-child .area__top { display: contents; }
  .areas:has(> :nth-child(3n+1):last-child) > .area:last-child .area__body {
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    align-items: center;
    column-gap: var(--s-6);
    margin-block-start: 0;
    order: 0;
  }
  .areas:has(> :nth-child(3n+1):last-child) > .area:last-child .area__go { order: 1; }
  .area__link { min-height: 268px; padding: var(--s-6); }

  .section-head--split { grid-template-columns: 1fr auto; align-items: end; gap: var(--s-6); }
  .section-head--split h2 { max-width: 22ch; }

  .showcase { align-items: center; padding-inline-start: 0; }
  .showcase__intro {
    position: relative;
    grid-area: 1 / 1;
    width: calc(min(30rem, 34vw) + calc(max(0px, (100% - var(--w-container) - var(--inset) * 2) / 2) + var(--inset) + var(--gutter)));
    padding-inline: calc(max(0px, (100% - var(--w-container) - var(--inset) * 2) / 2) + var(--inset) + var(--gutter)) var(--s-7);
  }
  .showcase__rail { grid-area: 1 / 1; z-index: 1; }
  .showcase__nav { display: flex; }

  .footer__cta { grid-template-columns: 1fr auto; align-items: end; gap: var(--s-9); }
  .ctaGo { justify-items: end; }
  .ctaGo__row { justify-content: flex-end; }

  .press { grid-template-columns: 1.18fr 0.82fr; gap: var(--s-6); align-items: stretch; }
  .press__one { grid-template-columns: 1fr 1fr; gap: var(--s-4); align-self: start; }
  .press__side { position: relative; }
  .plist { position: absolute; inset: 0; overflow-y: auto; }
  .press__side::before,
  .press__side::after {
    content: "";
    position: absolute;
    right: 9px;
    left: 0;
    z-index: 1;
    pointer-events: none;
  }
  .press__side::before {
    top: 0;
    height: 40px;
    background: linear-gradient(to bottom,
      rgb(255, 255, 255) 0%,      rgba(255, 255, 255, 0.983) 12.5%,
      rgba(255, 255, 255, 0.896) 25%, rgba(255, 255, 255, 0.740) 37.5%,
      rgba(255, 255, 255, 0.500) 50%, rgba(255, 255, 255, 0.260) 62.5%,
      rgba(255, 255, 255, 0.104) 75%, rgba(255, 255, 255, 0.017) 87.5%,
      rgba(255, 255, 255, 0) 100%);
  }
  .press__side::after {
    bottom: 0;
    height: 64px;
    background: linear-gradient(to top,
      rgb(255, 255, 255) 0%,      rgba(255, 255, 255, 0.983) 12.5%,
      rgba(255, 255, 255, 0.896) 25%, rgba(255, 255, 255, 0.740) 37.5%,
      rgba(255, 255, 255, 0.500) 50%, rgba(255, 255, 255, 0.260) 62.5%,
      rgba(255, 255, 255, 0.104) 75%, rgba(255, 255, 255, 0.017) 87.5%,
      rgba(255, 255, 255, 0) 100%);
  }

  .about { grid-template-columns: 1fr 0.9fr; gap: var(--s-9); align-items: start; }

  :root { --inset: var(--s-5); }
  .cookie {
    right: auto;
    left: var(--s-5);
    bottom: var(--s-5);
    max-width: 24rem;
    max-height: calc(100dvh - var(--s-5) * 2);
  }
  .fab { right: var(--s-5); bottom: var(--s-5); }
  .cta__text h2 { max-width: 19ch; }

  .pageHead { min-height: clamp(30rem, 60vh, 38rem); }
  .pageHead:not(:has(> .pageHead__bg)) { min-height: clamp(22rem, 40vh, 26rem); }
  .pageHead__inner { padding-block: var(--s-7) var(--s-8); }
  .pageHead::after {
    background:
      linear-gradient(to bottom,
        rgba(var(--c-ink-rgb), 0.60) 0,   rgba(var(--c-ink-rgb), 0) 180px),
      linear-gradient(98deg,
        rgba(var(--c-ink-rgb), 0.90) 0%,  rgba(var(--c-ink-rgb), 0.84) 28%,
        rgba(var(--c-ink-rgb), 0.62) 52%, rgba(var(--c-ink-rgb), 0.36) 76%,
        rgba(var(--c-ink-rgb), 0.24) 100%),
      linear-gradient(to top,
        rgba(var(--c-ink-rgb), 0.70) 0,   rgba(var(--c-ink-rgb), 0.36) 96px,
        rgba(var(--c-ink-rgb), 0) 220px);
  }
}

@media (min-width: 1200px) {

  .nav { display: block; }
  .burger { display: none; }
  .lang { padding: 0 var(--s-3); }
  .lang__item { position: relative; padding: 0 6px; }
  a.lang__item::before { inset: 0 -6px; }
  a.lang__item::after { content: ""; }
  .lang__item[aria-current="true"],
  .lang__sep { display: inline-flex; }
  .header__logo .logo { width: 184px; }
  .nav__link { padding: 0 11px; }
  .nav__link::after { left: 11px; right: 11px; }

  .services { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer__grid { grid-template-columns: 1.5fr 1.25fr 0.75fr 1.6fr; gap: var(--s-6) var(--s-6); }
}

@media (min-width: 1440px) {
  .header__logo .logo { width: 248px; }
  .nav__link { padding: 0 var(--s-4); }
  .nav__link::after { left: 17px; right: 17px; }
}

@media (min-width: 1600px) {
  :root { --w-container: 1720px; --section-y: 8rem; }
}

@media print {
  .header, .menu,
  .hero__bg, .bento__bg,
  .btn__ic, .iconbtn { display: none; }

  body { background: #fff; color: #000; }
  .section { padding-block: 1rem; }
  .block, .hero, .bento { background: #fff; color: #000; border: 1px solid #ccc; }
  .hero::after { display: none; }
  .ghost { display: none; }
  .heroScroll { display: none; }
  .heroStats .heroStat,
  .heroStats .heroStat__num,
  .heroStats .heroStat__label { color: #000; }

  .hero, .block, .bento, .on-dark { background: #fff; color: #000; }
  .on-dark h1, .on-dark h2, .on-dark h3, .heroSlide__title, .heroSlide__lede,
  .hero .eyebrow, .heroStat, .heroStat__label, .heroNext, .heroNext__count,
  .heroPager__item,
  .footer__list a, .footer__title,
  .bento__desc, .bento__title { color: #000; text-shadow: none; }
  .hero__bgs, .heroPlay { display: none; }
}

@media (min-width: 900px) and (max-height: 880px) {
  .heroSlide__text { padding-block: var(--s-6) var(--s-5); }
}

@media (max-height: 520px) {
  :root { --header-h: 112px; }
  .heroSlide__text { padding-block: var(--s-5) var(--s-5); }
  .pageHead { min-height: 0; }
}