/* PAGE HERO */
    .page-hero { padding: 120px 0 72px; background: #FDFAF5; text-align: center; }
    .page-hero h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(2.6rem, 5vw, 4rem); font-weight: 300; color: #6B4F35; }
    .page-hero h1 em { font-style: italic; color: #C8A97E; }
    .page-hero__sub { font-size: 0.95rem; letter-spacing: 0.22em; color: #6C6560; margin-top: 20px; }

    .member-area { padding: 60px 0 100px; }
    .member-area > .container > p { max-width: 520px; margin: 0 auto 24px; text-align: center; }
    .member-area > .container > .btn-primary { display: inline-block; margin: 0 auto; }
    .member-area > .container { text-align: center; }
    .member-area .chandra-member-packages { text-align: left; }
    .chandra-member-preview {
      text-align: center;
      font-size: 0.82rem;
      color: #6B4F35;
      background: #F7F3EC;
      border: 1px solid #E8E0D5;
      padding: 10px 16px;
      margin-bottom: 24px;
    }

    .chandra-member-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 32px;
      max-width: 1100px;
      margin: 0 auto;
    }

    .chandra-member-card {
      background: #FDFAF5;
      border: 1px solid #E8E0D5;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      min-height: 100%;
      text-decoration: none;
      color: inherit;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .chandra-member-card:hover {
      border-color: #C8A97E;
      box-shadow: 0 8px 28px rgba(107, 79, 53, 0.08);
    }

    .chandra-member-card__media { background: #EDE6DA; }
    .chandra-member-card__img {
      width: 100%;
      aspect-ratio: 4/3;
      object-fit: cover;
      display: block;
    }
    .chandra-member-card__placeholder {
      width: 100%;
      aspect-ratio: 4/3;
      background: linear-gradient(145deg, #EDE6DA 0%, #E8E0D5 100%);
    }

    .chandra-member-card__body {
      padding: 24px 24px 12px;
      flex: 1;
    }
    .chandra-member-card__title {
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-size: 1.75rem;
      font-weight: 400;
      color: #6B4F35;
      margin: 0 0 10px;
      line-height: 1.15;
    }
    .chandra-member-card__teaser {
      color: #6C6560;
      font-size: 0.92rem;
      line-height: 1.55;
      margin: 0 0 10px;
    }
    .chandra-member-card__meta {
      font-size: 0.75rem;
      color: #C8A97E;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin: 0;
    }

    .chandra-member-card__footer {
      padding: 16px 24px 24px;
      border-top: 1px solid #E8E0D5;
      margin-top: auto;
    }
    .chandra-member-card__cta {
      display: inline-block;
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #6B4F35;
      border: 1px solid #C8A97E;
      padding: 12px 22px;
    }
    .chandra-member-card:hover .chandra-member-card__cta {
      background: #C8A97E;
      color: #2D2926;
    }

    .chandra-member-back {
      display: inline-block;
      margin-bottom: 28px;
      color: #6B4F35;
      text-decoration: none;
      font-size: 0.82rem;
      letter-spacing: 0.08em;
    }
    .chandra-member-back:hover { color: #C8A97E; }

    .chandra-member-course__header {
      margin-bottom: 32px;
      padding-bottom: 20px;
      border-bottom: 1px solid #E8E0D5;
    }
    .chandra-member-course__title {
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-size: clamp(1.8rem, 3vw, 2.4rem);
      font-weight: 400;
      color: #6B4F35;
      margin: 0 0 8px;
    }
    .chandra-member-course__meta {
      font-size: 0.75rem;
      color: #C8A97E;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin: 0;
    }
    .chandra-member-course__empty {
      color: #6C6560;
      text-align: center;
      padding: 40px 0;
    }

    .chandra-member-sidebar {
      border-right: 1px solid #E8E0D5;
      padding-right: 8px;
    }

    @media (max-width: 768px) {
      .page-hero { padding-top: 96px; }
      .chandra-member-sidebar {
        border-right: 0;
        border-bottom: 1px solid #E8E0D5;
        padding-right: 0;
        padding-bottom: 16px;
        margin-bottom: 8px;
      }
    }