/* =========================================================
   R&D page (shortcode: [gb_rnd])
   ========================================================= */

#top .dason-rnd-page,
.dason-rnd-page {
  width: 100vw;
  max-width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background: #fff;
  color: var(--dason-text);
  font-family: var(--dason-body-font) !important;
  line-height: var(--dason-line-body);
  overflow: hidden;
}

.dason-rnd-page *,
.dason-rnd-page *::before,
.dason-rnd-page *::after {
  box-sizing: border-box;
}

.dason-rnd-page h1,
.dason-rnd-page h2,
.dason-rnd-page h3,
.dason-rnd-page p,
.dason-rnd-page ul,
.dason-rnd-page ol {
  margin: 0;
  padding: 0;
}

#top .dason-rnd-page h2,
#top .dason-rnd-page h3,
#top .dason-rnd-page .dason-eyebrow {
  font-family: var(--dason-title-font) !important;
}

#top .dason-rnd-page p,
#top .dason-rnd-page a,
#top .dason-rnd-page li {
  font-family: var(--dason-body-font) !important;
}

#top .dason-rnd-page,
#top .dason-rnd-page * {
  letter-spacing: 0 !important;
}

#top .dason-rnd-page .dason-eyebrow {
  color: var(--dason-accent) !important;
  text-transform: uppercase;
}

.dason-rnd-page .dason-section {
  position: relative;
  width: 100%;
}

.dason-rnd-page .dason-container {
  width: min(100% - 96px, var(--dason-container-max));
  margin: 0 auto;
}

.dason-rnd-page .dason-media-placeholder {
  position: relative;
  display: block;
  width: 100%;
  background: var(--dason-placeholder);
}

/* ---- R&D hero ---- */
.dason-rnd-hero {
  position: relative;
  min-height: clamp(280px, 32vw, 480px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.dason-rnd-page .dason-rnd-hero__media {
  position: absolute;
  inset: 0;
  background: var(--dason-placeholder-dark)
    url("/wp-content/uploads/2026/05/cm080897132.jpg") center center /
    cover no-repeat;
  min-height: 100%;
}

.dason-rnd-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.36);
}

.dason-rnd-hero__overlay {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
}

#top .dason-rnd-page .dason-rnd-hero__overlay strong {
  display: block;
  font-family: var(--dason-title-font) !important;
  font-size: clamp(48px, 5.6vw, 84px);
  font-weight: var(--dason-fw-bold);
  color: #fff;
  line-height: 1;
  margin-bottom: clamp(10px, 1vw, 18px);
}

#top .dason-rnd-page .dason-rnd-hero__overlay {
  margin-top: clamp(10px, 1vw, 18px);
  font-size: clamp(15px, 1.2vw, 20px);
  font-weight: var(--dason-fw-medium);
  color: #fff;
}

/* ---- R&D body ---- */
.dason-rnd-body {
  padding: clamp(72px, 8vw, 60px) 0 clamp(80px, 9vw, 140px);
  text-align: center;
}

#top .dason-rnd-page .dason-rnd-body .dason-eyebrow {
  font-size: var(--dason-fs-eyebrow);
  font-weight: var(--dason-fw-bold);
  line-height: 1.22;
}

#top .dason-rnd-page .dason-rnd-message {
  margin-top: clamp(20px, 2.2vw, 32px);
  font-family: var(--dason-title-font) !important;
  font-size: clamp(28px, 3.4vw, 52px);
  font-weight: var(--dason-fw-bold);
  line-height: 1.3;
  color: var(--dason-text);
  text-transform: none !important;
}

.dason-rnd-photo {
  margin: clamp(48px, 5.5vw, 96px) auto 0;
  width: 100%;
  max-width: 1200px;
}

.dason-rnd-photo__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 7;
  background-color: var(--dason-placeholder-dark);
  overflow: hidden;
}

.dason-rnd-photo__frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#top .dason-rnd-page .dason-rnd-body__copy {
  margin: clamp(40px, 4.5vw, 72px) auto 0;
    max-width: 760px;
    font-size: clamp(14px, 1.15vw, 20px);
    line-height: 1.85;
    font-weight: 500;
    color: #333;;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
  #top .dason-rnd-page .dason-rnd-message {
    font-size: clamp(24px, 6vw, 36px);
  }
  .dason-rnd-photo__frame {
    aspect-ratio: 4 / 3;
  }
  #top .dason-rnd-page .dason-rnd-hero__overlay strong {
    font-size: 34px;
  }
}