/* Main Layout */
    .perspective-main {
      padding-top: 140px; /* Pushes content below the fixed header */
      padding-bottom: 100px;
      background-color: var(--c-light);
    }

    .perspective-wrapper {
      max-width: 900px;
      margin: 0 auto;
      padding: 0 20px;
    }

    /* Hero Dashed Box */
    .hero-dashed-box {
      border: 2px dashed #000;
      padding: 60px 50px;
      margin-bottom: 70px;
      border-radius: 4px;
    }

    .hero-display-title {
      font-family: var(--font-serif);
      font-size: 3.2rem;
      line-height: 1.2;
      font-weight: 400;
      color: #000;
      margin-bottom: 25px;
    }

    .hero-display-title .italic-blue {
      color: var(--c-blue-accent);
      font-style: italic;
    }

    .hero-bold-desc {
      font-family: var(--font-sans);
      font-size: 1.15rem;
      line-height: 1.5;
      color: #000;
      margin-bottom: 15px;
    }

    .hero-bold-desc strong {
      font-weight: 700;
    }

    .hero-muted-desc {
      font-family: var(--font-sans);
      font-size: 1rem;
      color: var(--c-grey);
      font-weight: 600;
    }

    /* Article List */
    .article-section-title {
      font-family: var(--font-serif);
      font-size: 2.8rem;
      font-weight: 400;
      color: #000;
      margin-bottom: 30px;
    }

    .article-list-container {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    /* Desktop Article Cards */
    .article-card {
      border: 1px solid var(--c-dark-blue);
      background-color: transparent;
      padding: 35px 40px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      transition: transform 0.2s ease;
    }

    .article-card:hover {
      transform: translateY(-2px);
    }

    .article-title {
      font-family: var(--font-sans);
      font-size: 1.2rem;
      font-weight: 700;
      color: #000;
      margin-bottom: 10px;
    }

    .article-excerpt {
      font-family: var(--font-sans);
      font-size: 1rem;
      color: #333;
      font-weight: 400;
      margin-bottom: 20px;
    }

    .btn-read {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      background-color: var(--c-dark-blue);
      color: var(--c-white);
      font-family: var(--font-mono);
      font-size: 0.85rem;
      letter-spacing: 1px;
      padding: 8px 25px;
      text-transform: uppercase;
      border: none;
      cursor: pointer;
    }

    .btn-read:hover {
      opacity: 0.85;
    }

    /* Mobile Adjustments & Colored Cards */
    @media (max-width: 768px) {
      .perspective-main { padding-top: 110px; padding-bottom: 60px; }
      .hero-dashed-box { padding: 30px 20px; margin-bottom: 40px; }
      .hero-display-title { font-size: 2.2rem; }
      .article-section-title { font-size: 2.2rem; }
      .article-card { padding: 25px 20px; }
      
      /* Applies Cyan and Yellow backgrounds strictly on mobile devices */
      .article-card:nth-child(odd) {
        background-color: var(--c-light-blue);
        border: 1px solid var(--c-light-blue-border);
      }
      .article-card:nth-child(even) {
        background-color: var(--c-light-yellow);
        border: 1px solid var(--c-light-yellow-border);
      }
    }