@font-face { font-family:'Steelfish'; src:url('../fonts/steelfish-tr-extrabold.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:'Steelfish'; src:url('../fonts/steelfish-tr-extrabold-italic.woff2') format('woff2'); font-weight:800; font-style:italic; font-display:swap; }
@font-face { font-family:'Steelfish'; src:url('../fonts/steelfish-tr-outline.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; }
  /* ── IN-WORDS ── */

  /* ── Pagination ── */
  .iw-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .4rem;
    margin: 3.2rem 0 1rem;
    padding: 0;
    border-top: none;
    flex-wrap: wrap;
  }
  .iw-page {
    font-family: var(--pp);
    font-size: .54rem;
    letter-spacing: .28em;
    text-transform: uppercase;
    padding: .6rem .95rem;
    min-width: 2.4rem;
    background: transparent;
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.6);
    cursor: pointer;
    transition: color .3s, border-color .3s, background .3s;
    text-align: center;
  }
  .iw-page:hover:not(:disabled) {
    color: var(--white);
    border-color: rgba(255,255,255,.35);
  }
  .iw-page.active {
    color: var(--white);
    background: var(--red);
    border-color: var(--red);
    cursor: default;
  }
  .iw-page:disabled {
    opacity: .25;
    cursor: not-allowed;
  }
  .iw-page--nav {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1.1rem;
  }
  .iw-page--nav i { font-size: .6rem; }
  .iw-page-info {
    font-family: var(--pp);
    font-size: .48rem;
    letter-spacing: .32em;
    text-transform: uppercase;
    color: rgba(255,255,255,.38);
    text-align: right;
    margin-left: auto;
    white-space: nowrap;
  }
  .iw-page-info strong { color: var(--white); }
  @media (max-width: 640px) {
    .iw-page-info {
      flex-basis: 100%;
      margin-left: 0;
      margin-top: .7rem;
    }
  }

  /* ── Feed canvas ── */
  .iw-feed {
    padding: var(--major-sec-pt, 5rem) 0 var(--major-sec-pb, 5rem);
    background: var(--sec-2);
  }
  .iw-masonry {
    column-count: 2;
    column-gap: 1.4rem;
  }
  @media (max-width: 640px)  { .iw-masonry { column-count: 1; } }

  .iw-empty-feed {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7rem 1.5rem;
    min-height: 40vh;
    gap: .35rem;
  }
  .iw-empty-icon {
    font-size: 1.8rem;
    color: rgba(255,255,255,.22);
    margin-bottom: 1rem;
    line-height: 1;
  }
  .iw-empty-title {
    font-family: var(--pp);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .01em;
    color: rgba(255,255,255,.78);
    margin: 0;
  }
  .iw-empty-sub {
    font-family: var(--pp);
    font-size: .82rem;
    font-weight: 300;
    letter-spacing: .02em;
    color: rgba(255,255,255,.4);
    margin: 0;
  }
  .iw-empty-link {
    margin-top: 1.6rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-family: var(--pp);
    font-size: .72rem;
    font-weight: 400;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    text-decoration: none;
    padding: .55rem 1.1rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 0;
    transition: color .25s ease, border-color .25s ease, background-color .25s ease;
  }
  .iw-empty-link i { font-size: .65rem; transition: transform .25s ease; }
  .iw-empty-link:hover {
    color: #fff;
    border-color: var(--red);
    background: var(--red);
  }
  .iw-empty-link:hover i { transform: translateX(-3px); }

  .iw-post {
    display: block;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin-bottom: 1.2rem;
    background: #0a0a0a;
    border: 1px solid rgba(255,255,255,.05);
    overflow: hidden;
    position: relative;
    color: inherit;
    text-decoration: none;
    transition: border-color .35s ease, transform .35s ease;
  }
  .iw-post:hover {
  }

  /* Post body variants */
  .iw-post__body { padding: 1.3rem 1.2rem 1.2rem; }

  /* ── Type ── */
  .iw-title {
    font-family: 'Steelfish TR', var(--sf);
    font-size: clamp(1.45rem, 1.8vw, 1.85rem);
    font-weight: 800;
    text-transform: uppercase;
    -webkit-locale: "tr";
    letter-spacing: .035em;
    word-spacing: .04em;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
    line-height: 1.3;
    color: var(--white);
    margin: 0;
    text-align: center;
  }
  .iw-title em {
    font-style: normal;
    color: var(--red);
    letter-spacing: 0;
  }

  .iw-post[data-type="photo"] .iw-post__body,
  .iw-post[data-type="video"] .iw-post__body,
  .iw-post[data-type="gallery"] .iw-post__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 130px;
    padding: 2rem 1.4rem;
  }
  .iw-post[data-type="photo"] .iw-title,
  .iw-post[data-type="video"] .iw-title,
  .iw-post[data-type="gallery"] .iw-title {
    text-align: left;
  }
  .iw-post[data-type="photo"] .iw-body-text,
  .iw-post[data-type="video"] .iw-body-text,
  .iw-post[data-type="gallery"] .iw-body-text {
    text-align: left;
    margin-top: .7rem;
    line-height: 1.5;
    opacity: .8;
  }

  /* ── IN-WORDS İÇERİK METİNLERİ ── */
  .iw-post .iw-body-text,
  .iw-post .iw-link-desc,
  .iw-post .iw-body-text *,
  .iw-post .iw-link-desc * {
    font-family: var(--pp) !important;
  }
  .iw-post .iw-body-text,
  .iw-post .iw-link-desc {
    font-size: .82rem !important;
    letter-spacing: .005em;
    line-height: 1.6 !important;
    font-weight: 400;
  }
  .iw-post .iw-body-text { opacity: .82; }

  .iw-url {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-family: var(--pp);
    font-size: .52rem;
    letter-spacing: .16em;
    text-transform: lowercase;
    color: #fff;
    text-decoration: none;
    padding: .4rem .7rem;
    border: .5px solid var(--red);
    border-radius: 0;
    background: var(--red);
    transition: background-color .25s ease, color .25s ease, border-color .25s ease;
  }
  .iw-url:hover {
    background: transparent;
    color: var(--red);
  }
  .iw-url i {
    font-size: .5rem;
  }

  /* ── TEXT-ONLY POSTS ── */
  .iw-text-post {
    position: relative;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .iw-text-post .iw-post__body {
    padding: 2.8rem 1.8rem 1.3rem;
    position: relative;
    z-index: 1;
  }
  .iw-text-post .iw-title {
    font-size: clamp(3.2rem, 5.6vw, 5.8rem);
    line-height: 1.14;
    max-width: 11ch;
    text-wrap: balance;
    letter-spacing: .012em;
    word-spacing: .03em;
    margin: 0;
    text-align: left;
  }
  .iw-text-post .iw-title.is-mid   { font-size: clamp(2.8rem, 4.4vw, 4.6rem); line-height: 1.16; max-width: 13ch; letter-spacing: .018em; }
  .iw-text-post .iw-title.is-long  { font-size: clamp(2.3rem, 3.4vw, 3.5rem); line-height: 1.18; max-width: 17ch; letter-spacing: .024em; }
  .iw-text-post .iw-title.is-xlong { font-size: clamp(1.9rem, 2.7vw, 2.8rem); line-height: 1.2; max-width: 22ch; letter-spacing: .03em; }
  .iw-text-post .iw-body-text { font-size: .95rem !important; max-width: 46ch; }

  .iw-text-post .iw-mark {
    position: absolute;
    top: 1rem;
    left: 5px;
    font-family: var(--sf);
    font-size: clamp(6rem, 11vw, 11rem);
    font-weight: 700;
    line-height: .82;
    letter-spacing: -.04em;
    text-transform: uppercase;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    white-space: nowrap;
  }

  /* ── Varyant ── */
  .iw-text-post--dark {
    background: #0a0a0a;
  }
  .iw-text-post--dark .iw-mark {
    color: #ffffff;
    opacity: .025;
  }

  /* ── Varyant ── */
  .iw-text-post--red {
    background: var(--red);
    border-color: var(--red);
  }
  .iw-text-post--red .iw-title,
  .iw-text-post--red .iw-title em {
    color: #fff;
  }
  .iw-text-post--red .iw-mark {
    color: #fff;
    opacity: .04;
  }
  .iw-text-post--red .iw-time {
    color: rgba(255,255,255,.7);
  }

  /* ── Varyant ── */
  .iw-text-post--light {
    background: #f4f4f4;
    border-color: rgba(0,0,0,.08);
  }
  .iw-text-post--light .iw-title {
    color: #0a0a0a;
  }
  .iw-text-post--light .iw-title em {
    color: var(--red);
  }
  .iw-text-post--light .iw-mark {
    color: #0a0a0a;
    opacity: .02;
  }
  .iw-text-post--light .iw-time {
    color: rgba(0,0,0,.45);
  }

  /* ── Type ── */
  .iw-photo {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    background: #0a0a0a;
  }
  .iw-photo img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .6s cubic-bezier(.22,1,.36,1),
                filter .5s ease;
    filter: brightness(.98);
  }
  .iw-post:hover .iw-photo img {
    transform: scale(1.03);
    filter: brightness(1);
  }
  /* ── Type ── */
  .iw-video-wrap {
    position: relative;
    background: #000;
    overflow: hidden;
  }
  .iw-video-wrap video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: none;
    object-fit: cover;
  }

  /* ── Type ── */
  .iw-link-card {
    padding: 1.3rem 1.2rem 1.2rem;
    position: relative;
  }
  .iw-link-title {
    font-family: 'Steelfish TR', var(--sf);
    font-size: clamp(1.45rem, 1.8vw, 1.85rem);
    font-weight: 800;
    text-transform: uppercase;
    -webkit-locale: "tr";
    letter-spacing: .035em;
    word-spacing: .04em;
    line-height: 1.3;
    color: var(--white);
    margin: 0;
    text-align: left;
  }
  .iw-link-title em { font-style: normal; color: var(--red); letter-spacing: 0; }

  /* ── Post foot ── */
  .iw-post__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1.2rem 1rem;
  }
  .iw-post__foot:not(:has(.iw-url)) {
    justify-content: flex-start;
  }
  .iw-post[data-type="photo"]   .iw-post__foot,
  .iw-post[data-type="video"]   .iw-post__foot,
  .iw-post[data-type="gallery"] .iw-post__foot {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }
  .iw-text-post .iw-post__foot {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .iw-time {
    font-family: var(--pp);
    font-size: .56rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(255,255,255,.42);
    white-space: nowrap;
  }

  .iw-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .iw-act {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-family: var(--pp);
    font-size: .48rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(255,255,255,.42);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: color .25s;
  }
  .iw-act i { font-size: .65rem; }
  .iw-act:hover { color: var(--red); }
  .iw-act.is-on { color: var(--red); }
  .iw-act.is-on i { animation: iw-pop .35s ease; }
  @keyframes iw-pop {
    0% { transform: scale(1); }
    50% { transform: scale(1.35); }
    100% { transform: scale(1); }
  }

  /* ── Type ── */
  .iw-gallery { position: relative; overflow: hidden; background: #0a0a0a; }
  .iw-gallery-track {
    display: flex; width: 100%;
    overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .iw-gallery-track::-webkit-scrollbar { display: none; }
  .iw-gallery-slide { flex: 0 0 100%; scroll-snap-align: start; margin: 0; }
  .iw-gallery-slide img { display: block; width: 100%; height: auto; }
  .iw-gallery-dots {
    position: absolute; left: 0; right: 0; bottom: .7rem;
    display: flex; justify-content: center; gap: .4rem; z-index: 2;
  }
  .iw-gallery-dots span {
    width: 7px; height: 7px; border-radius: 50%;
    background: rgba(255,255,255,.4); transition: background .25s, transform .25s; cursor: pointer;
  }
  .iw-gallery-dots span.on { background: #fff; transform: scale(1.3); }
  .iw-gallery-count {
    position: absolute; top: .7rem; right: .7rem; z-index: 2;
    font-family: var(--pp); font-size: .5rem; letter-spacing: .12em;
    color: #fff; background: rgba(0,0,0,.55); padding: .3rem .55rem;
    display: inline-flex; align-items: center; gap: .35rem;
  }

  /* ── End of feed ── */
  .iw-end {
    padding: 3rem 0;
    text-align: center;
    font-family: var(--pp);
    font-size: .52rem;
    letter-spacing: .35em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    border-top: 1px solid rgba(255,255,255,.04);
    margin-top: 2rem;
  }
  .iw-end strong { color: var(--red); font-weight: 500; }

  /* ── Reveal micro ── */
  .iw-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s ease, transform .65s cubic-bezier(.22,1,.36,1);
  }
  .iw-reveal.is-vis {
    opacity: 1;
    transform: translateY(0);
  }