/* ============================================================
   0_work.css — Work listing page styles
   Clean editorial layout: alternating image/text rows
   ============================================================ */


/* #region |||||||||| WORK LIST ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*| */

  .work-list {
    display: flex;
    flex-direction: column;
    gap: var(--G-SEC-LG);
  }

  .work-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--G-SEC-LG);
    align-items: center;
  }

  /* Alternate sides every other project */
  .work-row:nth-child(even) .work-row__img  { order: 2; }
  .work-row:nth-child(even) .work-row__text { order: 1; }

  .work-row__img {
    display: block;
    border-radius: var(--R-LG);
    overflow: hidden;
    box-shadow: var(--SH-CRD);
  }

  .work-row__img img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    transition: transform var(--T-SLOW);
  }

  .work-row__img:hover img { transform: scale(1.03); }

  .work-row__img-placeholder {
    width: 100%;
    aspect-ratio: 4 / 3;
    background: linear-gradient(135deg, var(--C-BON-D) 0%, var(--C-BON) 100%);
  }

  .work-row__text { display: flex; flex-direction: column; }

  .work-row__meta {
    color: var(--C-RUB);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: var(--S-SM);
  }

  .work-row__title {
    font-family: var(--F-HDG);
    font-size: var(--T-2XL);
    font-weight: 700;
    margin-bottom: var(--S-XS);
  }

  .work-row__title a {
    color: inherit;
    text-decoration: none;
    transition: color var(--T-BASE);
  }
  .work-row__title a:hover { color: var(--C-RUB); }

  .work-row__client {
    font-weight: 600;
    margin-bottom: var(--S-MD);
  }

  .work-row__desc {
    line-height: 1.7;
    margin-bottom: var(--S-LG);
  }

  .work-row__link {
    font-family: var(--F-BDY);
    font-size: var(--T-SM);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--C-RUB);
    text-decoration: none;
    align-self: flex-start;
    transition: opacity var(--T-BASE);
  }
  .work-row__link:hover { opacity: 0.7; }

  @media (max-width: 820px) {
    .work-row { grid-template-columns: 1fr; }
    .work-row:nth-child(even) .work-row__img,
    .work-row:nth-child(even) .work-row__text { order: initial; }
  }

/* #endregion */


/* #region |||||||||| CTA BAND ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*| */

  .cta-band { border-top: 1px solid var(--C-BON-D); }

/* #endregion */