/* RESEARCH DAY DESIGN SYSTEM */
      .research-day {
        --rd-red: #E90802;
        --rd-red-dark: #B00000;
        --rd-gray: #f5f5f5;
        --rd-max: 1200px;
        color: #151515;
      }

      .research-day *,
      .research-day *::before,
      .research-day *::after {
        box-sizing: border-box;
      }

      /* HERO */
      .research-day .rd-hero-wrap {
        margin-top: -80px;
      }

      .research-day .rd-hero {
        position: relative;
        isolation: isolate;
        min-height: 680px;
        display: flex;
        align-items: center;
        padding: 110px 7% 85px;
        overflow: hidden;
        border-bottom: 14px solid var(--rd-red);
        background: #161616;
        color: #fff;
      }

      /* Replace the placeholder image URL below with
         an approved Research Day photograph. */
      .research-day .rd-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
          linear-gradient(
            105deg,
            rgba(0,0,0,.92),
            rgba(0,0,0,.72) 60%,
            rgba(0,0,0,.48)
          ),
          url('https://www.depts.ttu.edu/coe/events/ResearchDay/images/researchday29hero.jpg')
          center / cover no-repeat;
      }

      .research-day .rd-hero-content {
        max-width: 1000px;
        position: relative;
        z-index: 2;
      }

      .research-day .rd-kicker {
        color: var(--rd-red);
        text-transform: uppercase;
        letter-spacing: .14em;
        font-weight: 800;
        font-size: .9rem;
        line-height: 1.4;
        margin: 0 0 18px;
      }

      .research-day .rd-hero .rd-kicker {
        color: #fff;
      }

      .research-day .rd-hero h1 {
        color: #fff;
        font-size: clamp(3.5rem, 9vw, 8rem);
        font-weight: 900;
        text-transform: uppercase;
        line-height: .92;
        margin: 0 0 26px;
      }

      .research-day .rd-hero h1 span {
        color: var(--rd-red);
      }

      .research-day .rd-hero p.rd-lead {
        color: #fff;
        font-size: clamp(1.05rem, 2vw, 1.3rem);
        line-height: 1.65;
        max-width: 760px;
        margin: 0 0 30px;
      }

      .research-day .rd-lines {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 110px;
        opacity: .45;
        pointer-events: none;
        background: repeating-linear-gradient(
          0deg,
          transparent 0 18px,
          rgba(255,255,255,.85) 18px 20px
        );
      }

      /* BUTTONS */
      .research-day .rd-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        padding: 14px 24px;
        text-align: center;
        background: var(--rd-red);
        color: #fff !important;
        font-weight: 800;
        text-decoration: none !important;
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height: 1.25;
        border: 2px solid var(--rd-red);
        transition: background .2s ease, color .2s ease;
      }

      .research-day .rd-btn:hover {
        background: #fff;
        color: #111 !important;
        border-color: #fff;
      }

      .research-day .rd-btn:focus-visible,
      .research-day .rd-card a:focus-visible {
        outline: 3px solid var(--rd-red);
        outline-offset: 4px;
      }

      .research-day .rd-hero .rd-btn:focus-visible {
        outline-color: #fff;
      }

      /* INTRODUCTION */
      .research-day .rd-intro {
        padding: 90px 7%;
        background: #fff;
      }

      .research-day .rd-container {
        max-width: var(--rd-max);
        margin: 0 auto;
      }

      .research-day h2 {
        font-size: clamp(2.2rem, 5vw, 4.5rem);
        font-weight: 900;
        line-height: 1.05;
        text-transform: uppercase;
        margin: 0 0 22px;
      }

      .research-day .rd-intro p:not(.rd-kicker),
      .research-day .rd-section-heading p:not(.rd-kicker),
      .research-day .rd-sponsor p:not(.rd-kicker) {
        font-size: clamp(1.05rem, 2vw, 1.16rem);
        line-height: 1.75;
      }

      .research-day .rd-intro p:not(.rd-kicker) {
        max-width: 920px;
      }

      /* EVENT YEAR CARDS */
      .research-day .rd-years {
        background: var(--rd-gray);
        padding: 85px 7% 95px;
      }

      .research-day .rd-section-heading {
        max-width: 800px;
        margin: 0 auto 42px;
        text-align: center;
      }

      .research-day .rd-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 22px;
      }

      .research-day .rd-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 32px 26px;
        background: #fff;
        border-top: 8px solid var(--rd-red);
        box-shadow: 0 10px 30px rgba(0,0,0,.08);
        transition: transform .2s ease, box-shadow .2s ease;
      }

      .research-day .rd-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 18px 40px rgba(0,0,0,.13);
      }

      .research-day .rd-card h3 {
        font-size: clamp(2rem, 3vw, 3rem);
        font-weight: 900;
        line-height: 1.05;
        margin: 0 0 14px;
      }

      .research-day .rd-card p {
        font-size: 1rem;
        line-height: 1.6;
        margin: 0 0 28px;
        flex: 1;
      }

      .research-day .rd-card a {
        display: inline-block;
        align-self: flex-start;
        color: var(--rd-red-dark);
        font-weight: 800;
        text-decoration: underline;
        text-underline-offset: 4px;
      }

      .research-day .rd-card-featured {
        background: #171717;
        color: #fff;
      }

      .research-day .rd-card-featured h3,
      .research-day .rd-card-featured p {
        color: #fff;
      }

      .research-day .rd-card-featured a {
        color: #fff;
      }

      /* IMPACT BAND */
      .research-day .rd-band {
        padding: 70px 7%;
        background: var(--rd-red);
        color: #fff;
        text-align: center;
      }

      .research-day .rd-band h2 {
        color: #fff;
        margin-bottom: 18px;
      }

      .research-day .rd-band p {
        max-width: 850px;
        margin: 0 auto;
        font-size: clamp(1.05rem, 2vw, 1.25rem);
        line-height: 1.7;
        color: #fff;
      }

      /* SPONSOR CTA */
      .research-day .rd-sponsor {
        padding: 90px 7%;
        background: #fff;
      }

      .research-day .rd-sponsor-inner {
        display: grid;
        grid-template-columns: 1.6fr .8fr;
        gap: 35px;
        align-items: center;
        max-width: var(--rd-max);
        margin: auto;
        padding: clamp(28px, 4vw, 48px);
        background: var(--rd-gray);
        border-left: 10px solid var(--rd-red);
        box-shadow: 0 14px 36px rgba(0,0,0,.10);
      }

      .research-day .rd-sponsor h2 {
        font-size: clamp(2rem, 4vw, 3.8rem);
      }

      .research-day .rd-sponsor-action {
        display: flex;
        justify-content: flex-end;
      }

      /* TABLET */
      @media (max-width: 1050px) {
        .research-day .rd-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .research-day .rd-lines {
          display: none;
        }
      }

      /* MOBILE */
      @media (max-width: 700px) {
        .research-day .rd-hero {
          min-height: 400px;
          padding: 75px 24px 42px;
        }

        .research-day .rd-hero h1 {
          font-size: clamp(2.8rem, 12vw, 4.3rem);
          margin-bottom: 16px;
        }

        .research-day .rd-hero p.rd-lead {
          font-size: 1rem;
          line-height: 1.5;
          margin-bottom: 22px;
        }

        .research-day .rd-intro,
        .research-day .rd-years,
        .research-day .rd-sponsor,
        .research-day .rd-band {
          padding: 55px 24px;
        }

        .research-day .rd-grid {
          grid-template-columns: 1fr;
        }

        .research-day .rd-sponsor-inner {
          grid-template-columns: 1fr;
          gap: 20px;
        }

        .research-day .rd-sponsor-action {
          justify-content: flex-start;
        }

        .research-day .rd-btn {
          width: 100%;
        }
      }

      /* REDUCED MOTION */
      @media (prefers-reduced-motion: reduce) {
        .research-day .rd-btn,
        .research-day .rd-card {
          transition: none;
        }

        .research-day .rd-card:hover {
          transform: none;
        }
      }


/* =========================================================
   RESEARCH DAY — INDIVIDUAL EVENT PAGES
   Shared by 2024, 2025, 2026, 2027 and future years
   ========================================================= */

.rd-event {
    --rd-red: #E90802;
    --rd-dark: #171717;
    --rd-gray: #f5f5f5;
    --rd-border: #e1e1e1;
    --rd-content: 1100px;

    max-width: var(--rd-content);
    margin: 0 auto;
    padding: 30px 24px 85px;
    color: var(--rd-dark);
}

.rd-event *,
.rd-event *::before,
.rd-event *::after {
    box-sizing: border-box;
}

/* =========================================================
   1. EVENT HEADING
   ========================================================= */

.rd-event .rd-event-header {
    text-align: center;
    margin-bottom: 45px;
}

.rd-event .rd-event-header h1 {
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
    margin: 0 0 20px;
    color: var(--rd-dark);
}

.rd-event .rd-event-header h1 span {
    color: var(--rd-red);
}

.rd-event .rd-event-description {
    max-width: 850px;
    margin: 0 auto;
    font-size: clamp(1.05rem, 2vw, 1.2rem);
    line-height: 1.75;
    color: #444;
}

/* =========================================================
   2. EVENT INFORMATION
   ========================================================= */

.rd-event .rd-event-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 50px;
}

.rd-event .rd-event-detail {
    background: var(--rd-gray);
    border-left: 6px solid var(--rd-red);
    padding: 26px 30px;
}

.rd-event .rd-event-detail-label {
    display: block;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 8px;
}

.rd-event .rd-event-detail-value {
    display: block;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 800;
    line-height: 1.3;
    color: var(--rd-dark);
}

/* =========================================================
   3. EVENT RESOURCE BUTTONS
   ========================================================= */

.rd-event .rd-event-resources {
    margin: 0 0 55px;
    text-align: center;
}

.rd-event .rd-event-resources h2,
.rd-event .rd-event-materials h2 {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 900;
    line-height: 1.15;
    text-transform: uppercase;
    margin: 0 0 25px;
}

.rd-event .rd-event-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

.rd-event .rd-event-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding: 14px 24px;
    background: var(--rd-red);
    color: #fff !important;
    font-weight: 800;
    font-size: .95rem;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    line-height: 1.3;
    border: 2px solid var(--rd-red);
    transition: background .2s ease, color .2s ease;
}

.rd-event .rd-event-btn:hover {
    background: var(--rd-dark);
    border-color: var(--rd-dark);
    color: #fff !important;
}

.rd-event .rd-event-btn:focus-visible {
    outline: 3px solid var(--rd-red);
    outline-offset: 4px;
}

/* =========================================================
   4. EVENT MATERIALS
   ========================================================= */

.rd-event .rd-event-materials {
    margin-top: 35px;
    text-align: center;
}

.rd-event .rd-event-materials p {
    font-size: 1.05rem;
    line-height: 1.7;
}

.rd-event .rd-event-image {
    max-width: 100%;
    margin: 30px auto 0;
}

.rd-event .rd-event-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    box-shadow: 0 12px 35px rgba(0,0,0,.10);
}

/* =========================================================
   5. EVENT CONTACT
   ========================================================= */

.rd-event .rd-event-contact {
    margin-top: 55px;
    padding: 35px;
    background: var(--rd-gray);
    border-left: 8px solid var(--rd-red);
}

.rd-event .rd-event-contact h2 {
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.rd-event .rd-event-contact p {
    font-size: 1.1rem;
    line-height: 1.7;
    margin: 0;
}

.rd-event .rd-event-contact a {
    color: #a00000;
    font-weight: 800;
    overflow-wrap: anywhere;
}

/* =========================================================
   6. TABLET
   ========================================================= */

@media (max-width: 850px) {
    .rd-event .rd-event-details {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   7. MOBILE
   ========================================================= */

@media (max-width: 600px) {
    .rd-event {
        padding: 15px 15px 55px;
    }

    .rd-event .rd-event-header {
        margin-bottom: 30px;
    }

    .rd-event .rd-event-header h1 {
        font-size: clamp(2.2rem, 9vw, 3.3rem);
    }

    .rd-event .rd-event-detail {
        padding: 20px;
    }

    .rd-event .rd-event-buttons {
        flex-direction: column;
    }

    .rd-event .rd-event-btn {
        width: 100%;
    }

    .rd-event .rd-event-contact {
        padding: 25px 20px;
    }
}

/* =========================================================
   8. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .rd-event .rd-event-btn {
        transition: none;
    }
}