.works-intro {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      grid-template-rows: auto auto auto;
      column-gap: var(--ds-gap);
      min-height: auto !important;
      padding-top: 60px;
      padding-bottom: 0px !important;
      box-sizing: border-box;
    }
    .works-intro__logo {
      grid-column: 4 !important;
      grid-row: 1 !important;
      display: block;
      width: 44px;
      height: 44px;
      object-fit: contain;
      filter: invert(1);
    }
    .works-intro__meta {
      grid-column: 4 / -1 !important;
      grid-row: 2 !important;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: var(--ds-gap);
      margin-top: 40px;
    }
    .works-intro__meta p {
      margin: 0;
      color: var(--color-fg);
      font-size: 16px;
      font-weight: 600;
      line-height: 1.1;
      letter-spacing: -0.3px;
      opacity: 0.82;
    }
    .works-intro__content {
      grid-column: 4 / -1 !important;
      grid-row: 3 !important;
      margin-top: 80px !important;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .works-intro > .works-intro__title,
    .works-intro__content .works-intro__title {
      margin: 0;
      color: var(--color-fg);
      font-size: clamp(38px, 4.8vw, 58px) !important;
      font-weight: 600;
      line-height: 1.05 !important;
      letter-spacing: -1.4px !important;
    }
    @media (max-width: 768px) {
      .works-intro {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        min-height: auto !important;
        padding-top: 110px !important;
        padding-bottom: 0px !important;
        gap: 0 !important;
      }
      .works-intro__logo { display: none !important; }
      .works-intro__meta {
        grid-column: auto !important;
        grid-row: auto !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 80px !important;
      }
      .works-intro__meta p {
        font-size: 14px !important;
        margin: 0 !important;
        color: var(--color-fg) !important;
      }
      .works-intro__content,
      .works-intro__title {
        grid-column: auto !important;
        grid-row: auto !important;
        align-self: flex-start !important;
        margin-top: 0 !important;
        width: 100% !important;
        color: var(--color-fg) !important;
      }
      .works-intro__title {
        font-size: clamp(30px, 6vw, 40px) !important;
        line-height: 1.1 !important;
        letter-spacing: -0.8px !important;
      }
    }
    .s-post-content {
      grid-column: 3 / -1;
      display: block;
    }
    .s-post-content p {
      font-size: 16px;
      line-height: 1.65;
      margin-bottom: var(--ds-space-3);
      opacity: 0.9;
      font-weight: 600;
      max-width: none;
    }
    .s-post-content p strong {
      font-weight: 700;
      opacity: 1;
    }
    .s-post-content h2 {
      font-size: 40px;
      font-weight: 600;
      line-height: 0.96;
      margin-top: 0;
      margin-bottom: var(--ds-space-2);
      letter-spacing: -0.4px;
      color: var(--color-fg);
      opacity: 0.9;
    }
    .s-post-content h3 {
      font-size: 24px;
      font-weight: 600;
      line-height: 1.15;
      margin-top: var(--ds-space-3);
      margin-bottom: var(--ds-space-3);
      letter-spacing: -0.24px;
      color: var(--color-fg);
      opacity: 0.9;
    }
    .s-sidenote {
      grid-column: 1;
      font-size: 16px;
      line-height: 1.45;
      opacity: 0.7;
      font-weight: 600;
      margin-top: 6px;
      position: sticky;
      top: 120px;
      height: fit-content;
    }
    .s-post-content a,
    .s-sidenote a {
      color: #fa3433;
      text-decoration: none;
      border-bottom: none !important;
      font-weight: 600;
      transition: opacity var(--ease) 0.2s;
    }
    .s-post-content a:hover,
    .s-sidenote a:hover { opacity: 0.8; }
    .s-article__author {
      grid-column: 1;
      display: flex;
      flex-direction: column;
      gap: 20px;
      position: sticky;
      top: 120px;
    }
    .s-article__author-img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      object-fit: cover;
    }
    @media (max-width: 1024px) {
      .s-post-content { grid-column: 1 / -1; }
      .s-sidenote {
        grid-column: 1 / -1;
        position: static;
        margin-bottom: var(--ds-space-3);
        border-top: 1px solid rgba(30, 30, 30, 0.1);
        border-bottom: 1px solid rgba(30, 30, 30, 0.05);
        padding-bottom: 16px;
      }
      .s-article__author {
        grid-column: 1 / -1;
        position: static;
        margin-bottom: var(--ds-space-3);
      }
    }