/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2026 | 14:54:24 */
.em-authors {
    --em-plum:       #443d59;
    --em-plum-soft:  #68607c;
    --em-coral:      #ed6571;
    --em-coral-soft: #f69489;
    --em-lavender:   #c3bcd9;
    --em-blue:       #91cbd7;
    --em-gold:       #ffd086;
    --em-body:       #444444;
    --em-muted:      #68607c;
    --em-bg:         #ffffff;
    --em-card-bg:    #ffffff;
    --em-border:     #ece9f1;

    background-color: var(--em-bg);
    padding: clamp(64px, 9vw, 112px) 20px;
    font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--em-body);
    -webkit-font-smoothing: antialiased;
    position: relative;
    overflow: hidden;
  }

  /* Decorative soft shapes — echo the playful geometric hero shapes */
  .em-authors::before,
  .em-authors::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0.5;
  }
  .em-authors::before {
    width: 46px; height: 46px;
    background: var(--em-gold);
    top: 70px; left: 6%;
    transform: rotate(12deg);
    border-radius: 8px;
  }
  .em-authors::after {
    width: 38px; height: 38px;
    background: var(--em-blue);
    bottom: 80px; right: 6%;
    transform: rotate(-10deg);
    border-radius: 8px;
  }

  .em-authors__inner { margin: 0 auto; position: relative; z-index: 1; }

  .em-authors__header {
    text-align: center; max-width: 720px;
    margin: 0 auto clamp(48px, 6vw, 72px);
  }
  .em-authors__eyebrow {
    margin: 0 0 12px; font-size: 13px; font-weight: 700;
    letter-spacing: 0.16em; text-transform: uppercase; color: var(--em-coral);
  }
  .em-authors__title {
    font-family: "Zain", "Plus Jakarta Sans", sans-serif;
    margin: 0 0 16px; font-size: clamp(38px, 5.5vw, 60px);
    line-height: 1.05; font-weight: 700; color: var(--em-plum);
    letter-spacing: -0.01em;
  }
  .em-authors__title-accent { color: var(--em-lavender); }
  .em-authors__subtitle {
    margin: 0; font-size: 16px; line-height: 1.65; color: var(--em-muted);
  }

  .em-authors__grid {
    list-style: none; padding: 0; margin: 0;
    display: grid; gap: 28px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  @media (min-width: 1100px) {
    .em-authors__grid { grid-template-columns: repeat(4, 1fr); }
  }

  .em-authors__card {
    background: var(--em-card-bg);
    border: 1px solid var(--em-border);
    border-radius: 22px;
    padding: 34px 24px 28px !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    margin-bottom: 0;
  }
  .em-authors__card:hover, .em-authors__card:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 24px 44px -22px rgba(68, 61, 89, 0.28);
    border-color: var(--em-coral-soft);
  }

  /* colored ring around the photo — one logo color per author */
  .em-authors__photo-wrap {
    width: 148px; height: 148px; margin-bottom: 24px;
    padding: 5px;                       /* white gap between ring and photo */
    border-radius: 50%;
    border: 4px solid var(--em-gold);   /* card 1 = gold (default) */
    box-sizing: border-box;
    transition: transform .3s ease;
  }
  .em-authors__card:nth-child(2) .em-authors__photo-wrap { border-color: var(--em-blue); }
  .em-authors__card:nth-child(3) .em-authors__photo-wrap { border-color: var(--em-coral); }
  .em-authors__card:nth-child(4) .em-authors__photo-wrap { border-color: var(--em-plum); }
  .em-authors__card:hover .em-authors__photo-wrap {
    transform: scale(1.03);
  }
  .em-authors__photo {
    width: 100%; height: 100%;
    border-radius: 50% !important; object-fit: cover; display: block;
    background: #f2ede6;
  }

  .em-authors__name {
    font-family: "Zain", "Plus Jakarta Sans", sans-serif;
    margin: 0 0 2px; font-size: 25px; font-weight: 700;
    color: var(--em-plum); line-height: 1.15; letter-spacing: -0.005em;
  }
  .em-authors__credential {
    margin: 0 0 16px; font-size: 13px; font-weight: 600;
    color: var(--em-coral); line-height: 1.4;
    letter-spacing: 0.04em;
    min-height: 20px;
  }
  .em-authors__bio {
    margin: 0 0 16px; font-size: 14.5px; line-height: 1.65;
    color: var(--em-body); flex-grow: 1;
  }
  .em-authors__bio-short, .em-authors__bio-full { display: block; }
  .em-authors__bio-full[hidden] { display: none; }

  /* Inline coral "Read more" link */
  .em-authors__toggle {
    border: 0 !important;
    padding: 4px 2px;
    margin-top: auto;
    cursor: pointer;
    font-family: "Zain", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #ed6571 !important;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.5px;
    letter-spacing: 0.01em;
    transition: color .2s ease, text-decoration-thickness .2s ease;
    align-self: center;
    background-color: transparent !important;
}
  .em-authors__toggle:hover, .em-authors__toggle:focus-visible {
    color: var(--em-plum); text-decoration-thickness: 2px;
  }
  .em-authors__toggle:focus-visible {
    outline: 2px solid var(--em-coral); outline-offset: 4px; border-radius: 2px;
  }

  @media (max-width: 600px) {
    .em-authors { padding-left: 16px; padding-right: 16px; }
    .em-authors__card { padding: 30px 20px 24px; }
    .em-authors__photo-wrap { width: 128px; height: 128px; border-width: 3px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .em-authors__card, .em-authors__photo-wrap,
    .em-authors__toggle { transition: none; }
    .em-authors__card:hover { transform: none; }
    .em-authors__card:hover .em-authors__photo-wrap { transform: none; }
  }