/* Default state: white text on blue background for ALL dropdown items */
.wp-block-navigation .wp-block-navigation__submenu-container a {
    font-size: 18px;              /* adjust if needed */
    color: #ffffff !important;
    background-color: #0693e3 !important; /* REPLACE with your header blue */
}

/* Hover/focus: black text, same blue background */
.wp-block-navigation .wp-block-navigation__submenu-container a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container a:focus,
.wp-block-navigation .wp-block-navigation__submenu-container a:active {
    color: #000000 !important;
    background-color: #0693e3 !important;
}

/* Thin black line above the footer */
footer.wp-block-template-part,
.wp-site-blocks footer {
    border-top: 4px solid #000000;
}

@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInFromBottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Base animation classes (NO delay defined here) */
.animate-from-left {
  animation-name: slideInFromLeft;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.animate-from-bottom {
  animation-name: slideInFromBottom;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

/* Delay helpers – apply to any of the above */
.delay-1 {
  animation-delay: 0.2s;
}

.delay-2 {
  animation-delay: 0.4s;
}

.delay-3 {
  animation-delay: 0.6s;
}

.delay-4 {
  animation-delay: 0.8s;
}

.delay-5 {
  animation-delay: 1.0s;
}

.delay-6 {
  animation-delay: 1.2s;
}

.delay-7 {
  animation-delay: 1.4s;
}

.delay-8 {
  animation-delay: 1.6s;
}

.delay-9 {
  animation-delay: 1.6s;
}

.delay-10 {
  animation-delay: 1.8s;
}



/* Stop individual links from underlining on hover */
.wpcom-ai-black-link-heading a:hover {
  text-decoration: none;
}

/* When the whole heading is hovered, underline all links inside it */
.wpcom-ai-black-link-heading:hover a {
  text-decoration: underline;
}

/* Remove focus outline around linked images in blocks */
.wp-block-image a:focus {
  outline: none;
}

/* Remove the old focus style */
a:focus {
  outline: none;
}

/* Add a nicer focus style for keyboard users */
a:focus-visible {
  outline: 2px solid #0073aa; /* pick any color/width you like */
  outline-offset: 2px;
}

/* Animate each row instead of each item */
.wp-block-jetpack-tiled-gallery .tiled-gallery__row {
  opacity: 0;
  transform: translateY(100px);
  animation: slideUp 1.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* 0.2s stagger between rows */
/* 0.2s stagger between rows */
.wp-block-jetpack-tiled-gallery .tiled-gallery__row:nth-child(1) { animation-delay: 0.2s; }
.wp-block-jetpack-tiled-gallery .tiled-gallery__row:nth-child(2) { animation-delay: 0.4s; }
.wp-block-jetpack-tiled-gallery .tiled-gallery__row:nth-child(3) { animation-delay: 0.6s; }
.wp-block-jetpack-tiled-gallery .tiled-gallery__row:nth-child(4) { animation-delay: 0.8s; }
.wp-block-jetpack-tiled-gallery .tiled-gallery__row:nth-child(5) { animation-delay: 1.0s; }
.wp-block-jetpack-tiled-gallery .tiled-gallery__row:nth-child(6) { animation-delay: 1.2s; }
.wp-block-jetpack-tiled-gallery .tiled-gallery__row:nth-child(7) { animation-delay: 1.4s; }

/* Animation */
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Hide everything in the lightbox bottom info area */
.jp-carousel-info {
  display: none !important;
}

/* Extra safety — hide title & caption individually */
.jp-carousel-title,
.jp-carousel-caption,
.jp-carousel-image-meta {
  display: none !important;
}

.page .entry-title {
    display: none;
}

.page .page-header {
    display: none;
}

/* Initial hidden state */
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  will-change: opacity, transform;
}

/* Visible state (added by JavaScript) */
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.delay-fadeup-1 { transition-delay: 0.2s; }
.delay-fadeup-2 { transition-delay: 0.4s; }
.delay-fadeup-3 { transition-delay: 0.6s; }
.delay-fadeup-4 { transition-delay: 0.8s; }
.delay-fadeup-5 { transition-delay: 1.0s; }
.delay-fadeup-6 { transition-delay: 1.2s; }

/* Initial hidden state */
.fade-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  will-change: opacity, transform;
}

/* Visible state (added by JavaScript) */
.fade-left.visible {
  opacity: 1;
  transform: translateX(0);
}

/* =========================================================
   GUTENBERG EDITOR — SHOW FADE ELEMENTS
   ========================================================= */

/* Gutenberg editor canvas */
.editor-styles-wrapper .fade-up,
.editor-styles-wrapper .fade-left,

/* Gutenberg writing area */
.block-editor-writing-flow .fade-up,
.block-editor-writing-flow .fade-left,

/* Root content container */
.is-root-container .fade-up,
.is-root-container .fade-left {

  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  visibility: visible !important;
  will-change: auto !important;
}



:root :where(.wp-block-column) {
    aspect-ratio: auto !important;
}

/* Make submenu items smaller */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: 1.2vw !important;
}

/* ONLY affect main content, not hero/header */
body.home .wp-block-post-content {
    max-width: 100% !important;
    width: 100% !important;
}

/* Keep hero/header untouched (important safety override) */
body.home .wp-block-group:not(.wp-block-post-content) {
    max-width: inherit;
}


@media (max-width: 767px) {
  .page-id-1699 .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .page-id-1699 .wp-block-columns > .wp-block-column {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    flex-basis: auto !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

@media (max-width: 781px) {
    body.page-id-1058 .wp-block-jetpack-tiled-gallery .tiled-gallery__gallery {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    body.page-id-1058 .wp-block-jetpack-tiled-gallery .tiled-gallery__row {
        display: contents !important;
    }

    body.page-id-1058 .wp-block-jetpack-tiled-gallery .tiled-gallery__col {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
}

/* =========================================================
   REISNER LAB — FIXED HEADER + FOOTER
   ========================================================= */

/* ---------- HEADER ---------- */

/*
 * STICKY HEADER — ALL PAGES
 * Keep the outer WordPress header sticky if the class is on an inner block.
 */
.rl-fixed-header,
.wp-block-template-part:has(.rl-fixed-header) {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
}

body.admin-bar .rl-fixed-header,
body.admin-bar .wp-block-template-part:has(.rl-fixed-header) {
    top: var(--wp-admin--admin-bar--height, 32px) !important;
}


/*
 * Keep the WordPress admin toolbar above the site header.
 */

#wpadminbar {
    z-index: 100000 !important;
}


/*
 * Header separator.
 */

.rl-fixed-header > .wp-block-separator {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
}
/* ---------- FOOTER ---------- */

.rl-fixed-footer {
    position: fixed !important;
    bottom: -2px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 99999 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 782px) {

    body:has(.rl-homepage) .rl-fixed-header {
        height: auto !important;
    }

    html:has(.rl-homepage) {
        scroll-padding-top: 4rem !important;
        scroll-padding-bottom: 4rem !important;
    }

}

.rl-fixed-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 5px;
    background: #29ABE2;
    margin: 0 !important;
    z-index: 2;
}

#aboutus,
#research,
#people,
#pictures,
#outreach {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

#research {
    overflow: hidden !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#research > h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 4vw !important;
    padding-bottom: 0 !important;
}

#research > .wp-block-columns {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transform: scale(0.85);
    transform-origin: center center;
}

#research > .wp-block-buttons {
    margin-top: -2vh !important;
    margin-bottom: 0 !important;
    padding-top: 1vh !important;
    padding-bottom: 0 !important;
}
/* Keep the final page content above the fixed footer. The script sets
   the exact height; the CSS fallback reserves space before it runs. */
body:has(.rl-fixed-footer):not(:has(.rl-homepage)):not(.rl-footer-flow-ready) {
    padding-bottom: calc(var(--rl-footer-height, clamp(4rem, 9vh, 6rem)) + 0.5rem) !important;
    box-sizing: border-box !important;
}

/* Der Platzhalter nach dem Inhalt übernimmt auf Unterseiten den Hintergrund
   des letzten Abschnitts. Sobald er existiert, entfällt das Body-Padding. */
body.rl-footer-flow-ready:has(.rl-fixed-footer):not(:has(.rl-homepage)) {
    padding-bottom: 0 !important;
}

.rl-footer-flow-space {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    flex: none !important;
}

/* On the homepage, reserve that space inside the final blue section. */
body:has(.rl-homepage) .rl-home-funding {
    padding-bottom: calc(
      clamp(2.75rem, 5vw, 4.5rem) +
      var(--rl-footer-height, clamp(4rem, 9vh, 6rem)) + 0.5rem
    ) !important;
}

:root {
  --rlg-ink: #17191b;
  --rlg-white: #ffffff;
  --rlg-cyan: #22b5e7;
  --rlg-cyan-dark: #087fa7;
  --rlg-blue-wash: #e8f7fc;
  --rlg-line: #b8e7f6;
}

.rl-group-page {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
}

.rl-group-page,
.rl-group-page * {
  box-sizing: border-box;
}

.rl-group-inner {
  width: min(90vw, 75rem) !important;
  max-width: 75rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* HERO */

.rl-group-hero {
  padding: clamp(2.8rem, 6vw, 5.7rem) 0;
  background: var(--rlg-ink);
  color: var(--rlg-white);
}

.rl-group-hero::after {
  position: absolute;
  right: -12rem;
  bottom: -18rem;
  width: min(38rem, 58vw);
  aspect-ratio: 1;
  border: 1px solid rgb(34 181 231 / 25%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.rl-group-hero-inner {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 60fr) minmax(20rem, 40fr);
  grid-template-rows: auto auto;
  align-items: end;
  column-gap: clamp(2.5rem, 7vw, 7rem);
}

.rl-group-kicker,
.rl-group-section-kicker {
  margin: 0 0 1.1rem !important;
  color: var(--rlg-cyan) !important;
  font-size: 0.69rem !important;
  font-weight: 750;
  letter-spacing: 0.17em;
  line-height: 1.5;
  text-transform: uppercase;
}

.rl-group-kicker {
  grid-column: 1;
  grid-row: 1;
}

.rl-group-title {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  color: var(--rlg-white) !important;
  font-size: clamp(3.8rem, 7vw, 7.2rem) !important;
  font-weight: 610 !important;
  letter-spacing: -0.065em;
  line-height: 0.9 !important;
  text-wrap: balance;
}

.rl-group-hero-copy {
  grid-column: 2;
  grid-row: 2;
  padding-bottom: 0.35rem;
}

.rl-group-intro {
  max-width: 31rem;
  margin: 0 !important;
  color: rgb(255 255 255 / 72%) !important;
  font-size: clamp(1rem, 1.35vw, 1.17rem) !important;
  line-height: 1.7;
}

.rl-group-back {
  width: fit-content;
  margin: 1.8rem 0 0 !important;
}

.rl-group-back a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.9rem;
  padding: 0.9rem 1.4rem;
  border: 1px solid var(--rlg-cyan);
  border-radius: 0.45rem;
  background: var(--rlg-cyan);
  color: #071419 !important;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.09em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 180ms ease, background-color 180ms ease;
}

.rl-group-back a:hover,
.rl-group-back a:focus-visible {
  transform: translateY(-0.1rem);
  background: #55ccf2;
}

/* ARCHIVE */

.rl-group-archive {
  padding: clamp(3.2rem, 7vw, 6rem) 0 clamp(3.8rem, 8vw, 7rem);
  border-right: 1px solid var(--rlg-line);
  border-left: 1px solid var(--rlg-line);
  background: var(--rlg-blue-wash);
  color: var(--rlg-ink);
}

.rl-group-archive-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 0 auto clamp(2.4rem, 5vw, 4.2rem) !important;
  padding-bottom: clamp(1.4rem, 2.8vw, 2rem);
  border-bottom: 1px solid rgb(23 25 27 / 16%);
}

.rl-group-archive-title {
  max-width: 12ch;
  margin: 0 !important;
  color: var(--rlg-ink) !important;
  font-size: clamp(2.8rem, 5.2vw, 5.2rem) !important;
  font-weight: 620 !important;
  letter-spacing: -0.058em;
  line-height: 0.94 !important;
}

.rl-group-archive-note {
  max-width: 27rem;
  margin: 0 !important;
  color: #4f5c62 !important;
  font-size: 0.9rem !important;
  line-height: 1.62;
}

/* GALLERY */

.rl-group-archive {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.rl-group-archive > .wp-block-jetpack-tiled-gallery {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rl-group-archive .tiled-gallery__gallery {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 0;
}

.rl-group-archive .tiled-gallery__row,
.rl-group-archive .tiled-gallery__col {
  display: contents !important;
}

.rl-group-archive .tiled-gallery__item {
  position: absolute !important;
  top: 0;
  left: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: calc(
    (100% - 2 * clamp(0.9rem, 1.8vw, 1.4rem)) / 3
  ) !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.42rem;
  box-sizing: border-box;
  overflow: hidden;
  border-top: 0.22rem solid var(--rlg-cyan);
  background: var(--rlg-white);
  box-shadow: 0 0.8rem 2.2rem rgb(23 25 27 / 7%);
  transition:
    transform 200ms ease,
    box-shadow 200ms ease;
}

.rl-group-archive .tiled-gallery__item:hover {
  transform: translateY(-0.18rem);
  box-shadow: 0 1.1rem 2.8rem rgb(23 25 27 / 12%);
}

.rl-group-archive .tiled-gallery__item a {
  display: block !important;
  width: 100% !important;
}

.rl-group-archive .tiled-gallery__item img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
}

/* CAPTIONS */

.rl-group-archive .tiled-gallery__item figcaption {
  position: absolute !important;
  left: 0.7rem !important;
  bottom: 0.55rem !important;
  z-index: 5 !important;

  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--rlg-ink) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: uppercase;

  background: transparent !important;
}

/* TABLET — 2 COLUMNS */

@media (max-width: 56.25rem) {
  .rl-group-hero-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .rl-group-kicker,
  .rl-group-title,
  .rl-group-hero-copy {
    grid-column: 1;
    grid-row: auto;
  }

  .rl-group-hero-copy {
    width: 100%;
    margin-top: 2rem;
    padding-bottom: 0;
  }

  .rl-group-intro {
    max-width: 38rem;
  }

.rl-group-archive .tiled-gallery__item {
  width: calc(
    (100% - clamp(0.9rem, 1.8vw, 1.4rem)) / 2
  ) !important;
  aspect-ratio: 1 / 1 !important;
}
}

/* MOBILE — 1 COLUMN */

@media (max-width: 42.5rem) {
  .rl-group-inner {
    width: 88vw !important;
  }

  .rl-group-hero {
    padding: 2.4rem 0 3rem;
  }

  .rl-group-title {
    font-size: clamp(3.5rem, 17vw, 5rem) !important;
  }

  .rl-group-archive-head {
    align-items: flex-start;
    flex-direction: column;
  }

.rl-group-archive .tiled-gallery__item {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
}

  .rl-group-archive .tiled-gallery__item .rl-group-media-caption {
    padding-top: 0.65rem;
  }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
  .rl-group-back a,
  .rl-group-archive .tiled-gallery__item {
    transition: none;
  }
}

/* JETPACK LIGHTBOX CAPTION */

.jp-carousel-container .jp-carousel-info {
  display: block !important;
}

.jp-carousel-container .jp-carousel-info h2 {
  display: block !important;
  color: #ffffff !important;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.jp-carousel-container .jp-carousel-photo-caption,
.jp-carousel-container .jp-carousel-caption {
  color: #ffffff !important;
}

.jp-carousel-container .jp-carousel-photo-caption p,
.jp-carousel-container .jp-carousel-caption p {
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.08em !important;
}

/* GUTENBERG EDITOR — MATCH LIVE PAGE */

.block-editor-page .rl-group-page {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.block-editor-page .rl-group-inner {
  width: min(90vw, 75rem) !important;
  max-width: 75rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.block-editor-page .rl-group-hero {
  background: var(--rlg-ink) !important;
  color: var(--rlg-white) !important;
}

.block-editor-page .rl-group-archive {
  background: var(--rlg-blue-wash) !important;
  color: var(--rlg-ink) !important;
}

/* GUTENBERG EDITOR — COMPACT JETPACK GALLERY */

.editor-styles-wrapper .rl-group-archive .tiled-gallery__gallery,
.is-root-container .rl-group-archive .tiled-gallery__gallery {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
}

.editor-styles-wrapper .rl-group-archive .tiled-gallery__row,
.is-root-container .rl-group-archive .tiled-gallery__row {
  display: contents !important;
}

.editor-styles-wrapper .rl-group-archive .tiled-gallery__col,
.is-root-container .rl-group-archive .tiled-gallery__col {
  display: contents !important;
}

.editor-styles-wrapper .rl-group-archive .tiled-gallery__item,
.is-root-container .rl-group-archive .tiled-gallery__item {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: 150px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.editor-styles-wrapper .rl-group-archive .tiled-gallery__item img,
.is-root-container .rl-group-archive .tiled-gallery__item img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* GALLERY WIDTH */

.rl-group-archive > .wp-block-jetpack-tiled-gallery {
  width: min(90vw, 75rem) !important;
  max-width: 75rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

  .rl-photo-section {
--rlp-ink: #17191b;
--rlp-white: #ffffff;
--rlp-cyan: #22b5e7;
--rlp-cyan-dark: #087fa7;
--rlp-paper: #f3f3ef;
--rlp-line: #d9dcd9;
position: relative;
left: 50%;
width: 100vw;
max-width: 100vw !important;
margin: 0 !important;
overflow: hidden;
transform: translateX(-50%);
font-family: Inter, "Helvetica Neue", Arial, sans-serif;
}

.rl-photo-section,
.rl-photo-section * {
box-sizing: border-box;
}

.rl-photo-inner {
width: min(90vw, 75rem) !important;
max-width: 75rem !important;
margin-right: auto !important;
margin-left: auto !important;
}

.rl-photo-section a {
text-underline-offset: 0.2em;
}

.rl-photo-hero {
padding: clamp(3.5rem, 8vw, 7.5rem) 0;
background-color: var(--rlp-ink) !important;
color: var(--rlp-white);
}

.rl-photo-hero::after {
position: absolute;
right: -14rem;
bottom: -21rem;
width: min(42rem, 60vw);
aspect-ratio: 1;
border: 1px solid rgb(34 181 231 / 24%);
border-radius: 50%;
content: "";
pointer-events: none;
}

.rl-photo-hero-columns {
position: relative;
z-index: 1;
align-items: flex-end !important;
gap: clamp(3rem, 8vw, 8rem);
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.rl-photo-kicker,
.rl-photo-section-kicker {
margin: 0 0 1.1rem !important;
color: var(--rlp-cyan) !important;
font-size: 0.69rem !important;
font-weight: 750;
letter-spacing: 0.17em;
line-height: 1.5;
text-transform: uppercase;
}

.rl-photo-title {
width: 100%;
max-width: none;
margin: 0 !important;
color: var(--rlp-white) !important;
font-size: clamp(3.8rem, 7.2vw, 7.4rem) !important;
font-weight: 610 !important;
letter-spacing: -0.067em;
line-height: 0.88 !important;
}

.rl-photo-question {
width: 100%;
max-width: none;
margin: 0 !important;
padding-left: clamp(1.3rem, 2.5vw, 2rem);
border-left: 0.18rem solid var(--rlp-cyan);
color: rgb(255 255 255 / 76%) !important;
font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important;
font-style: italic;
line-height: 1.55;
}

.rl-photo-hero-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
width: 100%;
margin: 1.7rem 0 0 !important;
}

.rl-photo-topics {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin: 0 !important;
}

.rl-photo-topic {
margin: 0 !important;
padding: 0.5rem 0.7rem;
border: 1px solid rgb(255 255 255 / 22%);
border-radius: 999px;
color: rgb(255 255 255 / 68%) !important;
font-size: 0.65rem !important;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.2;
text-transform: uppercase;
}

/* Back button to all research themes */
.rl-photo-back {
width: fit-content;
margin: 0 0 0 auto !important;
flex-shrink: 0;
}

.rl-photo-back a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.9rem;
padding: 0.9rem 1.4rem;
border: 1px solid var(--rlp-cyan);
border-radius: 0.45rem;
background: var(--rlp-cyan);
color: #071419 !important;
font-size: 0.72rem;
font-weight: 750;
letter-spacing: 0.09em;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
transition: transform 180ms ease, background-color 180ms ease;
}

.rl-photo-back a:hover,
.rl-photo-back a:focus-visible {
transform: translateY(-0.1rem);
background: #55ccf2;
}

.rl-photo-overview {
    padding: clamp(4rem, 8vw, 7rem) 0;
    background: var(--rlp-paper);
    color: var(--rlp-ink);
}

.rl-photo-overview-columns {
display: grid !important;
grid-template-columns: minmax(11rem, 25%) minmax(0, 1fr);
align-items: start !important;
gap: clamp(2.5rem, 6vw, 6rem) !important;
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
}

.rl-photo-overview-columns > .wp-block-column {
min-width: 0;
width: auto !important;
margin: 0 !important;
}

.rl-photo-section-rule {
width: 100% !important;
height: 0;
margin: 0 0 0.9rem !important;
border: 0;
border-top: 1px solid var(--rlp-ink);
background: var(--rlp-ink) !important;
color: var(--rlp-ink) !important;
opacity: 1;
}

.rl-photo-overview-title {
max-width: 11ch;
margin: 0 !important;
color: var(--rlp-ink) !important;
font-size: clamp(2rem, 3.7vw, 3.6rem) !important;
font-weight: 620 !important;
letter-spacing: -0.05em;
line-height: 1 !important;
}

.rl-photo-lead {
margin: 0 !important;
color: #292d2f !important;
font-size: clamp(1.1rem, 1.65vw, 1.4rem) !important;
line-height: 1.62;
}

.rl-photo-body {
margin: 1.35rem 0 0 !important;
color: #505558 !important;
font-size: clamp(0.95rem, 1.12vw, 1.04rem) !important;
line-height: 1.76;
}

.rl-photo-methods {
gap: 0.8rem;
margin: clamp(2.2rem, 4vw, 3.4rem) 0 0 !important;
}

.rl-photo-method-card {
min-height: 8.2rem;
margin: 0 !important;
padding: 1.25rem;
border: 1px solid #d6d8d4;
background: #fafaf7;
}

.rl-photo-method-number {
margin: 0 0 1.1rem !important;
color: var(--rlp-cyan-dark) !important;
font-size: 0.65rem !important;
font-weight: 750;
letter-spacing: 0.1em;
}

.rl-photo-method-text {
margin: 0 !important;
color: var(--rlp-ink) !important;
font-size: 0.8rem !important;
font-weight: 650;
line-height: 1.45;
}

.rl-photo-publications {
padding: clamp(3.8rem, 8vw, 7rem) 0;
background: var(--rlp-white);
color: var(--rlp-ink);
}

.rl-photo-publication-head {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 1.5rem;
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
margin-left: auto !important;
padding-bottom: clamp(1.5rem, 3vw, 2.2rem);
border-bottom: 1px solid var(--rlp-line);
}

.rl-photo-publication-title {
margin: 0 !important;
color: var(--rlp-ink) !important;
font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
font-weight: 620 !important;
letter-spacing: -0.058em;
line-height: 0.94 !important;
}

.rl-photo-publication-note {
max-width: 24rem;
margin: 0 !important;
color: #656a6d !important;
font-size: 0.88rem !important;
line-height: 1.55;
}

.rl-photo-grid {
align-items: stretch !important;
gap: clamp(1.2rem, 2.5vw, 2rem);
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: clamp(1.2rem, 2.5vw, 2rem) !important;
margin-left: auto !important;
}

.rl-photo-grid:last-of-type {
margin-bottom: 0 !important;
}

.rl-photo-grid > .wp-block-column {
display: flex;
min-width: 0;
}

.rl-photo-card {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
margin: 0 !important;
overflow: hidden;
border: 1px solid var(--rlp-line);
background: #fafaf8;
transition: transform 180ms ease, box-shadow 180ms ease;
}

.rl-photo-card:hover {
transform: translateY(-0.25rem);
box-shadow: 0 1rem 2.5rem rgb(23 25 27 / 9%);
}

.rl-photo-card-image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: clamp(12rem, 22vw, 17rem);
margin: 0 !important;
padding: clamp(0.8rem, 2vw, 1.35rem);
overflow: hidden;
background: #ecefeb;
}

.rl-photo-card-image a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}

.rl-photo-card-image img {
display: block;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: contain !important;
}

.rl-photo-card-body {
display: flex;
flex: 1;
flex-direction: column;
margin: 0 !important;
padding: clamp(1.25rem, 2.7vw, 2rem);
}

.rl-photo-card-meta {
margin: 0 0 0.8rem !important;
color: var(--rlp-cyan-dark) !important;
font-size: 0.66rem !important;
font-weight: 750;
letter-spacing: 0.11em;
line-height: 1.45;
text-transform: uppercase;
}

.rl-photo-card-title {
margin: 0 !important;
color: var(--rlp-ink) !important;
font-size: clamp(1.05rem, 1.6vw, 1.32rem) !important;
font-weight: 680 !important;
letter-spacing: -0.025em;
line-height: 1.3 !important;
}

.rl-photo-card-title a {
color: inherit !important;
text-decoration: none;
}

.rl-photo-card-title a:hover,
.rl-photo-card-title a:focus-visible {
color: var(--rlp-cyan-dark) !important;
}

.rl-photo-citation {
margin: 1rem 0 0 !important;
color: #5f6467 !important;
font-size: clamp(0.76rem, 0.9vw, 0.84rem) !important;
line-height: 1.58;
}

.rl-photo-cta {
padding: clamp(2.5rem, 5vw, 4.5rem) 0;
background: var(--rlp-cyan);
color: #071419;
}

.rl-photo-cta-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.rl-photo-cta-title {
max-width: 17ch;
margin: 0 !important;
color: #071419 !important;
font-size: clamp(1.8rem, 3.4vw, 3.3rem) !important;
font-weight: 630 !important;
letter-spacing: -0.045em;
line-height: 1.05 !important;
}

.rl-photo-button .wp-block-button__link {
min-height: 3rem;
padding: 0.95rem 1.45rem;
border: 1px solid var(--rlp-ink);
border-radius: 0.45rem;
background: var(--rlp-ink);
color: var(--rlp-white);
font-size: 0.72rem;
font-weight: 750;
letter-spacing: 0.09em;
line-height: 1;
text-transform: uppercase;
transition: transform 180ms ease, background-color 180ms ease;
}

.rl-photo-button .wp-block-button__link:hover,
.rl-photo-button .wp-block-button__link:focus-visible {
transform: translateY(-0.1rem);
background: #303438;
}

/* Hält alle direkten Inhaltscontainer trotz Gutenberg-Layoutregeln zentriert. */
.rl-photo-section > .rl-photo-inner {
margin-right: auto !important;
margin-left: auto !important;
}

@media (max-width: 50rem) {
.rl-photo-hero-columns {
flex-direction: column;
align-items: flex-start !important;
}

.rl-photo-hero-columns > .wp-block-column {
  flex-basis: 100% !important;
  width: 100%;
}

.rl-photo-question {
  width: 100%;
  max-width: none;
}

.rl-photo-hero-bottom {
  align-items: flex-start;
}

.rl-photo-overview-columns {
  grid-template-columns: minmax(0, 1fr);
}

.rl-photo-overview-label {
  max-width: 23rem;
}

.rl-photo-methods {
  flex-wrap: wrap !important;
}

.rl-photo-methods > .wp-block-column {
  flex-basis: calc(50% - 0.4rem) !important;
}

}

@media (max-width: 42.5rem) {
.rl-photo-inner {
width: min(88vw, 75rem) !important;
}

.rl-photo-hero {
  padding: 3.2rem 0 3.7rem;
}

.rl-photo-title {
  font-size: clamp(3.2rem, 15.5vw, 5rem) !important;
}

.rl-photo-hero-bottom {
  align-items: stretch;
  flex-direction: column;
  gap: 1.1rem;
}

.rl-photo-back {
  margin-left: 0 !important;
}

.rl-photo-grid,
.rl-photo-methods {
  flex-direction: column;
}

.rl-photo-grid > .wp-block-column,
.rl-photo-methods > .wp-block-column {
  flex-basis: 100% !important;
  width: 100%;
}

.rl-photo-card-image {
  height: 13.5rem;
}

.rl-photo-cta-inner {
  align-items: stretch;
  flex-direction: column;
}

.rl-photo-cta .wp-block-buttons,
.rl-photo-cta .wp-block-button,
.rl-photo-cta .wp-block-button__link {
  width: 100%;
}

}

@media (prefers-reduced-motion: reduce) {
.rl-photo-card,
.rl-photo-button .wp-block-button__link,
.rl-photo-back a {
transition: none;
}
}

 .rl-reforming-section {
    --rlr-ink: #17191b;
    --rlr-white: #ffffff;
    --rlr-cyan: #22b5e7;
    --rlr-cyan-dark: #087fa7;
    --rlr-paper: #f3f3ef;
    --rlr-line: #d9dcd9;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow: hidden;
    transform: translateX(-50%);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-reforming-section,
  .rl-reforming-section * {
    box-sizing: border-box;
  }

  .rl-reforming-inner {
    width: min(90vw, 75rem) !important;
    max-width: 75rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .rl-reforming-section a {
    text-underline-offset: 0.2em;
  }

  /* HERO */

  .rl-reforming-hero {
    padding: clamp(3.5rem, 8vw, 7.5rem) 0;
    background: var(--rlr-ink);
    color: var(--rlr-white);
  }

  .rl-reforming-hero::after {
    position: absolute;
    right: -14rem;
    bottom: -21rem;
    width: min(42rem, 60vw);
    aspect-ratio: 1;
    border: 1px solid rgb(34 181 231 / 24%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
  }

  .rl-reforming-hero-columns {
    position: relative;
    z-index: 1;
    align-items: flex-end !important;
    gap: clamp(3rem, 8vw, 8rem);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-reforming-kicker {
    margin: 0 0 1.1rem !important;
    color: var(--rlr-cyan) !important;
    font-size: 0.69rem !important;
    font-weight: 750;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .rl-reforming-title {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    color: var(--rlr-white) !important;
    font-size: clamp(3.8rem, 7.2vw, 7.4rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.067em;
    line-height: 0.88 !important;
  }

  .rl-reforming-question {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding-left: clamp(1.3rem, 2.5vw, 2rem);
    border-left: 0.18rem solid var(--rlr-cyan);
    color: rgb(255 255 255 / 76%) !important;
    font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important;
    font-style: italic;
    line-height: 1.55;
  }

  .rl-reforming-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
    margin: 1.7rem 0 0 !important;
    padding-bottom: 1.5rem;
  }

  .rl-reforming-topics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0 !important;
  }

  .rl-reforming-back {
    width: fit-content;
    margin: 0 0 0 auto !important;
  }

  .rl-reforming-back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: 0.9rem 1.4rem;
    border: 1px solid var(--rlr-cyan);
    border-radius: 0.45rem;
    background: var(--rlr-cyan);
    color: #071419 !important;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-reforming-back a:hover,
  .rl-reforming-back a:focus-visible {
    transform: translateY(-0.1rem);
    background: #55ccf2;
  }

  .rl-reforming-topic {
    margin: 0 !important;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgb(255 255 255 / 22%);
    border-radius: 999px;
    color: rgb(255 255 255 / 68%) !important;
    font-size: 0.65rem !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  /* OVERVIEW */

  .rl-reforming-overview {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rlr-paper);
    color: var(--rlr-ink);
  }

  .rl-reforming-overview-columns {
    display: grid !important;
    grid-template-columns: minmax(11rem, 25%) minmax(0, 1fr);
    align-items: start !important;
    gap: clamp(2.5rem, 6vw, 6rem) !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
  }

  .rl-reforming-overview-columns > .wp-block-column {
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
  }

  .rl-reforming-section-rule {
    width: 100% !important;
    height: 0;
    margin: 0 0 0.9rem !important;
    border: 0;
    border-top: 1px solid var(--rlr-ink);
    background: var(--rlr-ink) !important;
    color: var(--rlr-ink) !important;
    opacity: 1;
  }

  .rl-reforming-section-kicker {
    margin: 0 0 1.1rem !important;
    color: var(--rlr-cyan) !important;
    font-size: 0.69rem !important;
    font-weight: 750;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .rl-reforming-overview-title {
    max-width: 11ch;
    margin: 0 !important;
    color: var(--rlr-ink) !important;
    font-size: clamp(2rem, 3.7vw, 3.6rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.05em;
    line-height: 1 !important;
  }

  .rl-reforming-lead {
    margin: 0 !important;
    color: #292d2f !important;
    font-size: clamp(1.1rem, 1.65vw, 1.4rem) !important;
    line-height: 1.62;
  }

  .rl-reforming-body {
    margin: 1.35rem 0 0 !important;
    color: #505558 !important;
    font-size: clamp(0.95rem, 1.12vw, 1.04rem) !important;
    line-height: 1.76;
  }

  .rl-reforming-methods {
    gap: 0.8rem;
    margin: clamp(2.2rem, 4vw, 3.4rem) 0 0 !important;
  }

  .rl-reforming-method-card {
    min-height: 8.2rem;
    margin: 0 !important;
    padding: 1.25rem;
    border: 1px solid #d6d8d4;
    background: #fafaf7;
  }

  .rl-reforming-method-number {
    margin: 0 0 1.1rem !important;
    color: var(--rlr-cyan-dark) !important;
    font-size: 0.65rem !important;
    font-weight: 750;
    letter-spacing: 0.1em;
  }

  .rl-reforming-method-text {
    margin: 0 !important;
    color: var(--rlr-ink) !important;
    font-size: 0.8rem !important;
    font-weight: 650;
    line-height: 1.45;
  }

  /* PUBLICATIONS */

  .rl-reforming-publications {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rlr-white);
    color: var(--rlr-ink);
  }

  .rl-reforming-publication-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
    margin-left: auto !important;
    padding-bottom: clamp(1.5rem, 3vw, 2.2rem);
    border-bottom: 1px solid var(--rlr-line);
  }

  .rl-reforming-publication-title {
    margin: 0 !important;
    color: var(--rlr-ink) !important;
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.058em;
    line-height: 0.94 !important;
  }

  .rl-reforming-publication-note {
    max-width: 24rem;
    margin: 0 !important;
    color: #656a6d !important;
    font-size: 0.88rem !important;
    line-height: 1.55;
  }

  /* CARDS */

  .rl-reforming-grid {
    align-items: stretch !important;
    gap: clamp(1.2rem, 2.5vw, 2rem);
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: clamp(1.2rem, 2.5vw, 2rem) !important;
    margin-left: auto !important;
  }

  .rl-reforming-grid:last-of-type {
    margin-bottom: 0 !important;
  }

  .rl-reforming-grid > .wp-block-column {
    display: flex;
    min-width: 0;
  }

  .rl-reforming-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--rlr-line);
    background: #fafaf8;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  .rl-reforming-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 1rem 2.5rem rgb(23 25 27 / 9%);
  }

  .rl-reforming-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: clamp(12rem, 22vw, 17rem);
    margin: 0 !important;
    padding: clamp(0.8rem, 2vw, 1.35rem);
    overflow: hidden;
    background: #ecefeb;
  }

  .rl-reforming-card-image a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

  .rl-reforming-card-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  .rl-reforming-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 !important;
    padding: clamp(1.25rem, 2.7vw, 2rem);
  }

  .rl-reforming-card-title {
    margin: 0 !important;
    color: var(--rlr-ink) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.32rem) !important;
    font-weight: 680 !important;
    letter-spacing: -0.025em;
    line-height: 1.3 !important;
  }

  .rl-reforming-card-title a {
    color: inherit !important;
    text-decoration: none;
  }

  .rl-reforming-card-title a:hover,
  .rl-reforming-card-title a:focus-visible {
    color: var(--rlr-cyan-dark) !important;
  }

  .rl-reforming-citation {
    margin: 1rem 0 0 !important;
    color: #5f6467 !important;
    font-size: clamp(0.76rem, 0.9vw, 0.84rem) !important;
    line-height: 1.58;
  }

  /* CTA */

  .rl-reforming-cta {
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
    background: var(--rlr-cyan);
    color: #071419;
    margin-bottom: 0 !important;
  }

  .rl-reforming-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-reforming-cta + * {
    margin-top: 0 !important;
  }

  .rl-reforming-cta-title {
    max-width: 17ch;
    margin: 0 !important;
    color: #071419 !important;
    font-size: clamp(1.8rem, 3.4vw, 3.3rem) !important;
    font-weight: 630 !important;
    letter-spacing: -0.045em;
    line-height: 1.05 !important;
  }

  .rl-reforming-button .wp-block-button__link {
    min-height: 3rem;
    padding: 0.95rem 1.45rem;
    border: 1px solid var(--rlr-ink);
    border-radius: 0.45rem;
    background: var(--rlr-ink);
    color: var(--rlr-white);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-reforming-button .wp-block-button__link:hover,
  .rl-reforming-button .wp-block-button__link:focus-visible {
    transform: translateY(-0.1rem);
    background: #303438;
  }

  .rl-reforming-section > .rl-reforming-inner {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* REMOVE THEME BOTTOM SPACE */

  .entry-content,
  .wp-block-post-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* TABLET */

  @media (max-width: 50rem) {
    .rl-reforming-hero-columns {
      flex-direction: column;
      align-items: flex-start !important;
    }

    .rl-reforming-hero-columns > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-reforming-question {
      width: 100%;
      max-width: none;
    }

    .rl-reforming-bottom-row {
      align-items: flex-start;
    }

    .rl-reforming-back {
      margin-left: 0 !important;
    }

    .rl-reforming-overview-columns {
      grid-template-columns: minmax(0, 1fr);
    }

    .rl-reforming-overview-label {
      max-width: 23rem;
    }

    .rl-reforming-methods {
      flex-wrap: wrap !important;
    }

    .rl-reforming-methods > .wp-block-column {
      flex-basis: calc(50% - 0.4rem) !important;
    }
  }

  /* MOBILE */

  @media (max-width: 42.5rem) {
    .rl-reforming-inner {
      width: min(88vw, 75rem) !important;
    }

    .rl-reforming-hero {
      padding: 3.2rem 0 3.7rem;
    }

    .rl-reforming-title {
      font-size: clamp(3.2rem, 15.5vw, 5rem) !important;
    }

    .rl-reforming-bottom-row {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 0;
    }

    .rl-reforming-topics {
      width: 100%;
    }

    .rl-reforming-back {
      margin-left: 0 !important;
    }

    .rl-reforming-grid {
      flex-direction: column;
    }

    .rl-reforming-grid > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-reforming-card-image {
      height: 13.5rem;
    }

    .rl-reforming-methods > .wp-block-column {
      flex-basis: 100% !important;
    }

    .rl-reforming-cta-inner {
      align-items: stretch;
      flex-direction: column;
    }

    .rl-reforming-cta .wp-block-buttons,
    .rl-reforming-cta .wp-block-button,
    .rl-reforming-cta .wp-block-button__link {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rl-reforming-card,
    .rl-reforming-button .wp-block-button__link,
    .rl-reforming-back a {
      transition: none;
    }
  }

.rl-organic-section {
    --rlo-ink: #17191b;
    --rlo-white: #ffffff;
    --rlo-cyan: #22b5e7;
    --rlo-cyan-dark: #087fa7;
    --rlo-paper: #f3f3ef;
    --rlo-line: #d9dcd9;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow: hidden;
    transform: translateX(-50%);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-organic-section,
  .rl-organic-section * {
    box-sizing: border-box;
  }

  .rl-organic-inner {
    width: min(90vw, 75rem) !important;
    max-width: 75rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .rl-organic-section a {
    text-underline-offset: 0.2em;
  }

  /* HERO */

  .rl-organic-hero {
    position: relative;
    padding: clamp(3.5rem, 8vw, 7.5rem) 0;
    background: var(--rlo-ink);
    color: var(--rlo-white);
  }

  .rl-organic-hero::after {
    position: absolute;
    right: -14rem;
    bottom: -21rem;
    width: min(42rem, 60vw);
    aspect-ratio: 1;
    border: 1px solid rgb(34 181 231 / 24%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
  }

  .rl-organic-hero-columns {
    position: relative;
    z-index: 1;
    align-items: flex-end !important;
    gap: clamp(3rem, 8vw, 8rem);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-organic-kicker,
  .rl-organic-section-kicker {
    margin: 0 0 1.1rem !important;
    color: var(--rlo-cyan) !important;
    font-size: 0.69rem !important;
    font-weight: 750;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .rl-organic-title {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    color: var(--rlo-white) !important;
    font-size: clamp(3.8rem, 7.2vw, 7.4rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.067em;
    line-height: 0.88 !important;
  }

  .rl-organic-question {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding-left: clamp(1.3rem, 2.5vw, 2rem);
    border-left: 0.18rem solid var(--rlo-cyan);
    color: rgb(255 255 255 / 76%) !important;
    font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important;
    font-style: italic;
    line-height: 1.55;
  }

  .rl-organic-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
    margin: 1.7rem 0 0 !important;
    padding-bottom: 1.5rem;
  }

  .rl-organic-topics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0 !important;
  }

  .rl-organic-topic {
    margin: 0 !important;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgb(255 255 255 / 22%);
    border-radius: 999px;
    color: rgb(255 255 255 / 68%) !important;
    font-size: 0.65rem !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .rl-organic-back {
    width: fit-content;
    margin: 0 0 0 auto !important;
  }

  .rl-organic-back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: 0.9rem 1.4rem;
    border: 1px solid var(--rlo-cyan);
    border-radius: 0.45rem;
    background: var(--rlo-cyan);
    color: #071419 !important;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-organic-back a:hover,
  .rl-organic-back a:focus-visible {
    transform: translateY(-0.1rem);
    background: #55ccf2;
  }

  /* OVERVIEW */

  .rl-organic-overview {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rlo-paper);
    color: var(--rlo-ink);
  }

  .rl-organic-overview-columns {
    display: grid !important;
    grid-template-columns: minmax(11rem, 25%) minmax(0, 1fr);
    align-items: start !important;
    gap: clamp(2.5rem, 6vw, 6rem) !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
  }

  .rl-organic-overview-columns > .wp-block-column {
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
  }

  .rl-organic-section-rule {
    width: 100% !important;
    height: 0;
    margin: 0 0 0.9rem !important;
    border: 0;
    border-top: 1px solid var(--rlo-ink);
    background: var(--rlo-ink) !important;
    color: var(--rlo-ink) !important;
    opacity: 1;
  }

  .rl-organic-overview-title {
    max-width: 11ch;
    margin: 0 !important;
    color: var(--rlo-ink) !important;
    font-size: clamp(2rem, 3.7vw, 3.6rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.05em;
    line-height: 1 !important;
  }

  .rl-organic-lead {
    margin: 0 !important;
    color: #292d2f !important;
    font-size: clamp(1.1rem, 1.65vw, 1.4rem) !important;
    line-height: 1.62;
  }

  .rl-organic-body {
    margin: 1.35rem 0 0 !important;
    color: #505558 !important;
    font-size: clamp(0.95rem, 1.12vw, 1.04rem) !important;
    line-height: 1.76;
  }

  /* PUBLICATIONS */

  .rl-organic-publications {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rlo-white);
    color: var(--rlo-ink);
  }

  .rl-organic-publication-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin: 0 0 clamp(2.5rem, 5vw, 4.5rem) !important;
    padding-bottom: clamp(1.5rem, 3vw, 2.2rem);
    border-bottom: 1px solid var(--rlo-line);
  }

  .rl-organic-publication-title {
    margin: 0 !important;
    color: var(--rlo-ink) !important;
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.058em;
    line-height: 0.94 !important;
  }

  .rl-organic-publication-note {
    max-width: 24rem;
    margin: 0 !important;
    color: #656a6d !important;
    font-size: 0.88rem !important;
    line-height: 1.55;
  }

  /* PUBLICATION GRID */

  .rl-organic-grid {
    align-items: stretch !important;
    gap: clamp(1.2rem, 2.5vw, 2rem);
    margin: 0 0 clamp(1.2rem, 2.5vw, 2rem) !important;
  }

  .rl-organic-grid:last-of-type {
    margin-bottom: 0 !important;
  }

  .rl-organic-grid > .wp-block-column {
    display: flex;
    min-width: 0;
  }

  /* CARDS */

  .rl-organic-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--rlo-line);
    background: #fafaf8;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  .rl-organic-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 1rem 2.5rem rgb(23 25 27 / 9%);
  }

  .rl-organic-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: clamp(12rem, 22vw, 17rem);
    margin: 0 !important;
    padding: clamp(0.8rem, 2vw, 1.35rem);
    overflow: hidden;
    background: #ecefeb;
  }

  .rl-organic-card-image a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

  .rl-organic-card-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  .rl-organic-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 !important;
    padding: clamp(1.25rem, 2.7vw, 2rem);
  }

  .rl-organic-card-title {
    margin: 0 !important;
    color: var(--rlo-ink) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.32rem) !important;
    font-weight: 680 !important;
    letter-spacing: -0.025em;
    line-height: 1.3 !important;
  }

  .rl-organic-card-title a {
    color: inherit !important;
    text-decoration: none;
  }

  .rl-organic-card-title a:hover,
  .rl-organic-card-title a:focus-visible {
    color: var(--rlo-cyan-dark) !important;
  }

  .rl-organic-citation {
    margin: 1rem 0 0 !important;
    color: #5f6467 !important;
    font-size: clamp(0.76rem, 0.9vw, 0.84rem) !important;
    line-height: 1.58;
  }

  /* CTA */

  .rl-organic-cta {
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
    background: var(--rlo-cyan);
    color: #071419;
    margin-bottom: 0 !important;
  }

  .rl-organic-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-organic-cta-title {
    max-width: 17ch;
    margin: 0 !important;
    color: #071419 !important;
    font-size: clamp(1.8rem, 3.4vw, 3.3rem) !important;
    font-weight: 630 !important;
    letter-spacing: -0.045em;
    line-height: 1.05 !important;
  }

  .rl-organic-button .wp-block-button__link {
    min-height: 3rem;
    padding: 0.95rem 1.45rem;
    border: 1px solid var(--rlo-ink);
    border-radius: 0.45rem;
    background: var(--rlo-ink);
    color: var(--rlo-white);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-organic-button .wp-block-button__link:hover,
  .rl-organic-button .wp-block-button__link:focus-visible {
    transform: translateY(-0.1rem);
    background: #303438;
  }

  .rl-organic-section > .rl-organic-inner {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* REMOVE THEME BOTTOM SPACE */

  .entry-content,
  .wp-block-post-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .rl-organic-cta + * {
    margin-top: 0 !important;
  }

  /* TABLET */

  @media (max-width: 50rem) {
    .rl-organic-hero-columns {
      flex-direction: column;
      align-items: flex-start !important;
    }

    .rl-organic-hero-columns > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-organic-question {
      width: 100%;
      max-width: none;
    }

    .rl-organic-bottom-row {
      align-items: flex-start;
    }

    .rl-organic-back {
      margin-left: 0 !important;
    }

    .rl-organic-overview-columns {
      grid-template-columns: minmax(0, 1fr);
    }

    .rl-organic-overview-label {
      max-width: 23rem;
    }
  }

  /* MOBILE */

  @media (max-width: 42.5rem) {
    .rl-organic-inner {
      width: min(88vw, 75rem) !important;
    }

    .rl-organic-hero {
      padding: 3.2rem 0 3.7rem;
    }

    .rl-organic-title {
      font-size: clamp(3.2rem, 15.5vw, 5rem) !important;
    }

    .rl-organic-bottom-row {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 0;
    }

    .rl-organic-topics {
      width: 100%;
    }

    .rl-organic-back {
      margin-left: 0 !important;
    }

    .rl-organic-grid {
      flex-direction: column;
    }

    .rl-organic-grid > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-organic-card-image {
      height: 13.5rem;
    }

    .rl-organic-cta-inner {
      align-items: stretch;
      flex-direction: column;
    }

    .rl-organic-cta .wp-block-buttons,
    .rl-organic-cta .wp-block-button,
    .rl-organic-cta .wp-block-button__link {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rl-organic-card,
    .rl-organic-button .wp-block-button__link,
    .rl-organic-back a {
      transition: none;
    }
  }

 .rl-biohybrids-section {
    --rlb-ink: #17191b;
    --rlb-white: #ffffff;
    --rlb-cyan: #22b5e7;
    --rlb-cyan-dark: #087fa7;
    --rlb-paper: #f3f3ef;
    --rlb-line: #d9dcd9;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow: hidden;
    transform: translateX(-50%);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-biohybrids-section,
  .rl-biohybrids-section * {
    box-sizing: border-box;
  }

  .rl-biohybrids-inner {
    width: min(90vw, 75rem) !important;
    max-width: 75rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .rl-biohybrids-section a {
    text-underline-offset: 0.2em;
  }

  /* HERO */

  .rl-biohybrids-hero {
    position: relative;
    padding: clamp(3.5rem, 8vw, 7.5rem) 0;
    background: var(--rlb-ink);
    color: var(--rlb-white);
  }

  .rl-biohybrids-hero::after {
    position: absolute;
    right: -14rem;
    bottom: -21rem;
    width: min(42rem, 60vw);
    aspect-ratio: 1;
    border: 1px solid rgb(34 181 231 / 24%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
  }

  .rl-biohybrids-hero-columns {
    position: relative;
    z-index: 1;
    align-items: flex-end !important;
    gap: clamp(3rem, 8vw, 8rem);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-biohybrids-kicker,
  .rl-biohybrids-section-kicker {
    margin: 0 0 1.1rem !important;
    color: var(--rlb-cyan) !important;
    font-size: 0.69rem !important;
    font-weight: 750;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .rl-biohybrids-title {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    color: var(--rlb-white) !important;
    font-size: clamp(3.8rem, 7.2vw, 7.4rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.067em;
    line-height: 0.88 !important;
  }

  .rl-biohybrids-question {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding-left: clamp(1.3rem, 2.5vw, 2rem);
    border-left: 0.18rem solid var(--rlb-cyan);
    color: rgb(255 255 255 / 76%) !important;
    font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important;
    font-style: italic;
    line-height: 1.55;
  }

.rl-biohybrids-bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  width: 100%;
  margin: 1.7rem 0 0 !important;
  padding-bottom: 1.5rem;
}

  .rl-biohybrids-topics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0 !important;
  }

  .rl-biohybrids-topic {
    margin: 0 !important;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgb(255 255 255 / 22%);
    border-radius: 999px;
    color: rgb(255 255 255 / 68%) !important;
    font-size: 0.65rem !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .rl-biohybrids-back {
    width: fit-content;
    margin: 0 0 0 auto !important;
  }

  .rl-biohybrids-back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: 0.9rem 1.4rem;
    border: 1px solid var(--rlb-cyan);
    border-radius: 0.45rem;
    background: var(--rlb-cyan);
    color: #071419 !important;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-biohybrids-back a:hover,
  .rl-biohybrids-back a:focus-visible {
    transform: translateY(-0.1rem);
    background: #55ccf2;
  }

  /* OVERVIEW */

  .rl-biohybrids-overview {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rlb-paper);
    color: var(--rlb-ink);
  }

  .rl-biohybrids-overview-columns {
    display: grid !important;
    grid-template-columns: minmax(11rem, 25%) minmax(0, 1fr);
    align-items: start !important;
    gap: clamp(2.5rem, 6vw, 6rem) !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
  }

  .rl-biohybrids-overview-columns > .wp-block-column {
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
  }

  .rl-biohybrids-section-rule {
    width: 100% !important;
    height: 0;
    margin: 0 0 0.9rem !important;
    border: 0;
    border-top: 1px solid var(--rlb-ink);
    background: var(--rlb-ink) !important;
    color: var(--rlb-ink) !important;
    opacity: 1;
  }

  .rl-biohybrids-overview-title {
    max-width: 11ch;
    margin: 0 !important;
    color: var(--rlb-ink) !important;
    font-size: clamp(2rem, 3.7vw, 3.6rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.05em;
    line-height: 1 !important;
  }

  .rl-biohybrids-lead {
    margin: 0 !important;
    color: #292d2f !important;
    font-size: clamp(1.1rem, 1.65vw, 1.4rem) !important;
    line-height: 1.62;
  }

  .rl-biohybrids-body {
    margin: 1.35rem 0 0 !important;
    color: #505558 !important;
    font-size: clamp(0.95rem, 1.12vw, 1.04rem) !important;
    line-height: 1.76;
  }

  /* PUBLICATIONS */

  .rl-biohybrids-publications {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rlb-white);
    color: var(--rlb-ink);
  }

  .rl-biohybrids-publication-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin: 0 0 clamp(2.5rem, 5vw, 4.5rem) !important;
    padding-bottom: clamp(1.5rem, 3vw, 2.2rem);
    border-bottom: 1px solid var(--rlb-line);
  }

  .rl-biohybrids-publication-title {
    margin: 0 !important;
    color: var(--rlb-ink) !important;
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.058em;
    line-height: 0.94 !important;
  }

  .rl-biohybrids-publication-note {
    max-width: 24rem;
    margin: 0 !important;
    color: #656a6d !important;
    font-size: 0.88rem !important;
    line-height: 1.55;
  }

  /* PUBLICATION GRID */

  .rl-biohybrids-grid {
    align-items: stretch !important;
    gap: clamp(1.2rem, 2.5vw, 2rem);
    margin: 0 0 clamp(1.2rem, 2.5vw, 2rem) !important;
  }

  .rl-biohybrids-grid:last-of-type {
    margin-bottom: 0 !important;
  }

  .rl-biohybrids-grid > .wp-block-column {
    display: flex;
    min-width: 0;
  }

  /* CARDS */

  .rl-biohybrids-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--rlb-line);
    background: #fafaf8;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  .rl-biohybrids-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 1rem 2.5rem rgb(23 25 27 / 9%);
  }

  .rl-biohybrids-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: clamp(12rem, 22vw, 17rem);
    margin: 0 !important;
    padding: clamp(0.8rem, 2vw, 1.35rem);
    overflow: hidden;
    background: #ecefeb;
  }

  .rl-biohybrids-card-image a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

  .rl-biohybrids-card-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  .rl-biohybrids-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 !important;
    padding: clamp(1.25rem, 2.7vw, 2rem);
  }

  .rl-biohybrids-card-title {
    margin: 0 !important;
    color: var(--rlb-ink) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.32rem) !important;
    font-weight: 680 !important;
    letter-spacing: -0.025em;
    line-height: 1.3 !important;
  }

  .rl-biohybrids-card-title a {
    color: inherit !important;
    text-decoration: none;
  }

  .rl-biohybrids-card-title a:hover,
  .rl-biohybrids-card-title a:focus-visible {
    color: var(--rlb-cyan-dark) !important;
  }

  .rl-biohybrids-citation {
    margin: 1rem 0 0 !important;
    color: #5f6467 !important;
    font-size: clamp(0.76rem, 0.9vw, 0.84rem) !important;
    line-height: 1.58;
  }

  /* CTA */

  .rl-biohybrids-cta {
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
    background: var(--rlb-cyan);
    color: #071419;
    margin-bottom: 0 !important;
  }

  .rl-biohybrids-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-biohybrids-cta-title {
    max-width: 17ch;
    margin: 0 !important;
    color: #071419 !important;
    font-size: clamp(1.8rem, 3.4vw, 3.3rem) !important;
    font-weight: 630 !important;
    letter-spacing: -0.045em;
    line-height: 1.05 !important;
  }

  .rl-biohybrids-button .wp-block-button__link {
    min-height: 3rem;
    padding: 0.95rem 1.45rem;
    border: 1px solid var(--rlb-ink);
    border-radius: 0.45rem;
    background: var(--rlb-ink);
    color: var(--rlb-white);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-biohybrids-button .wp-block-button__link:hover,
  .rl-biohybrids-button .wp-block-button__link:focus-visible {
    transform: translateY(-0.1rem);
    background: #303438;
  }

  .rl-biohybrids-section > .rl-biohybrids-inner {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* REMOVE THEME BOTTOM SPACE */

  .entry-content,
  .wp-block-post-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .rl-biohybrids-cta + * {
    margin-top: 0 !important;
  }

  /* TABLET */

  @media (max-width: 50rem) {
    .rl-biohybrids-hero-columns {
      flex-direction: column;
      align-items: flex-start !important;
    }

    .rl-biohybrids-hero-columns > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-biohybrids-question {
      width: 100%;
      max-width: none;
    }

    .rl-biohybrids-bottom-row {
      align-items: flex-start;
    }

    .rl-biohybrids-overview-columns {
      grid-template-columns: minmax(0, 1fr);
    }

    .rl-biohybrids-overview-label {
      max-width: 23rem;
    }
  }

  /* MOBILE */

  @media (max-width: 42.5rem) {
    .rl-biohybrids-inner {
      width: min(88vw, 75rem) !important;
    }

    .rl-biohybrids-hero {
      padding: 3.2rem 0 3.7rem;
    }

    .rl-biohybrids-title {
      font-size: clamp(3.2rem, 15.5vw, 5rem) !important;
    }

    .rl-biohybrids-bottom-row {
      flex-direction: column;
      align-items: flex-start;
    }

    .rl-biohybrids-topics {
      width: 100%;
    }

    .rl-biohybrids-back {
      margin-left: 0 !important;
    }

    .rl-biohybrids-grid {
      flex-direction: column;
    }

    .rl-biohybrids-grid > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-biohybrids-card-image {
      height: 13.5rem;
    }

    .rl-biohybrids-cta-inner {
      align-items: stretch;
      flex-direction: column;
    }

    .rl-biohybrids-cta .wp-block-buttons,
    .rl-biohybrids-cta .wp-block-button,
    .rl-biohybrids-cta .wp-block-button__link {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rl-biohybrids-card,
    .rl-biohybrids-button .wp-block-button__link,
    .rl-biohybrids-back a {
      transition: none;
    }
  }

 .rl-integrated-section {
    --rli-ink: #17191b;
    --rli-white: #ffffff;
    --rli-cyan: #22b5e7;
    --rli-cyan-dark: #087fa7;
    --rli-paper: #f3f3ef;
    --rli-line: #d9dcd9;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow: hidden;
    transform: translateX(-50%);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-integrated-section,
  .rl-integrated-section * {
    box-sizing: border-box;
  }

  .rl-integrated-inner {
    width: min(90vw, 75rem) !important;
    max-width: 75rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .rl-integrated-section a {
    text-underline-offset: 0.2em;
  }

  /* HERO */

  .rl-integrated-hero {
    padding: clamp(3.5rem, 8vw, 7.5rem) 0;
    background: var(--rli-ink);
    color: var(--rli-white);
  }

  .rl-integrated-hero::after {
    position: absolute;
    right: -14rem;
    bottom: -21rem;
    width: min(42rem, 60vw);
    aspect-ratio: 1;
    border: 1px solid rgb(34 181 231 / 24%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
  }

  .rl-integrated-hero-columns {
    position: relative;
    z-index: 1;
    align-items: flex-end !important;
    gap: clamp(3rem, 8vw, 8rem);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-integrated-kicker,
  .rl-integrated-section-kicker {
    margin: 0 0 1.1rem !important;
    color: var(--rli-cyan) !important;
    font-size: 0.69rem !important;
    font-weight: 750;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .rl-integrated-title {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    color: var(--rli-white) !important;
    font-size: clamp(3.8rem, 7.2vw, 7.4rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.067em;
    line-height: 0.88 !important;
  }

  .rl-integrated-question {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding-left: clamp(1.3rem, 2.5vw, 2rem);
    border-left: 0.18rem solid var(--rli-cyan);
    color: rgb(255 255 255 / 76%) !important;
    font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important;
    font-style: italic;
    line-height: 1.55;
  }

  .rl-integrated-topics {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    width: 100%;
    margin: 1.7rem 0 0 !important;
  }

  .rl-integrated-topic {
    margin: 0 !important;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgb(255 255 255 / 22%);
    border-radius: 999px;
    color: rgb(255 255 255 / 68%) !important;
    font-size: 0.65rem !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .rl-integrated-back {
    width: fit-content;
    margin: 0 0 0 auto !important;
  }

  .rl-integrated-back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: 0.9rem 1.4rem;
    border: 1px solid var(--rli-cyan);
    border-radius: 0.45rem;
    background: var(--rli-cyan);
    color: #071419 !important;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-integrated-back a:hover,
  .rl-integrated-back a:focus-visible {
    transform: translateY(-0.1rem);
    background: #55ccf2;
  }

  /* OVERVIEW */

  .rl-integrated-overview {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rli-paper);
    color: var(--rli-ink);
  }

  .rl-integrated-overview-columns {
    display: grid !important;
    grid-template-columns: minmax(11rem, 25%) minmax(0, 1fr);
    align-items: start !important;
    gap: clamp(2.5rem, 6vw, 6rem) !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
  }

  .rl-integrated-overview-columns > .wp-block-column {
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
  }

  .rl-integrated-section-rule {
    width: 100% !important;
    height: 0;
    margin: 0 0 0.9rem !important;
    border: 0;
    border-top: 1px solid var(--rli-ink);
    background: var(--rli-ink) !important;
    color: var(--rli-ink) !important;
    opacity: 1;
  }

  .rl-integrated-overview-title {
    max-width: 11ch;
    margin: 0 !important;
    color: var(--rli-ink) !important;
    font-size: clamp(2rem, 3.7vw, 3.6rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.05em;
    line-height: 1 !important;
  }

  .rl-integrated-lead {
    margin: 0 !important;
    color: #292d2f !important;
    font-size: clamp(1.1rem, 1.65vw, 1.4rem) !important;
    line-height: 1.62;
  }

  .rl-integrated-body {
    margin: 1.35rem 0 0 !important;
    color: #505558 !important;
    font-size: clamp(0.95rem, 1.12vw, 1.04rem) !important;
    line-height: 1.76;
  }

  /* PUBLICATIONS */

  .rl-integrated-publications {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rli-white);
    color: var(--rli-ink);
  }

  .rl-integrated-publication-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin: 0 0 clamp(2.5rem, 5vw, 4.5rem) !important;
    padding-bottom: clamp(1.5rem, 3vw, 2.2rem);
    border-bottom: 1px solid var(--rli-line);
  }

  .rl-integrated-publication-title {
    margin: 0 !important;
    color: var(--rli-ink) !important;
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.058em;
    line-height: 0.94 !important;
  }

  .rl-integrated-publication-note {
    max-width: 24rem;
    margin: 0 !important;
    color: #656a6d !important;
    font-size: 0.88rem !important;
    line-height: 1.55;
  }

  /* CARDS */

  .rl-integrated-grid {
    align-items: stretch !important;
    gap: clamp(1.2rem, 2.5vw, 2rem);
    margin: 0 0 clamp(1.2rem, 2.5vw, 2rem) !important;
  }

  .rl-integrated-grid:last-of-type {
    margin-bottom: 0 !important;
  }

  .rl-integrated-grid > .wp-block-column {
    display: flex;
    min-width: 0;
  }

  .rl-integrated-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--rli-line);
    background: #fafaf8;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  .rl-integrated-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 1rem 2.5rem rgb(23 25 27 / 9%);
  }

  .rl-integrated-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: clamp(12rem, 22vw, 17rem);
    margin: 0 !important;
    padding: clamp(0.8rem, 2vw, 1.35rem);
    overflow: hidden;
    background: #ecefeb;
  }

  .rl-integrated-card-image a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

  .rl-integrated-card-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  .rl-integrated-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 !important;
    padding: clamp(1.25rem, 2.7vw, 2rem);
  }

  .rl-integrated-card-title {
    margin: 0 !important;
    color: var(--rli-ink) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.32rem) !important;
    font-weight: 680 !important;
    letter-spacing: -0.025em;
    line-height: 1.3 !important;
  }

  .rl-integrated-card-title a {
    color: inherit !important;
    text-decoration: none;
  }

  .rl-integrated-card-title a:hover,
  .rl-integrated-card-title a:focus-visible {
    color: var(--rli-cyan-dark) !important;
  }

  .rl-integrated-citation {
    margin: 1rem 0 0 !important;
    color: #5f6467 !important;
    font-size: clamp(0.76rem, 0.9vw, 0.84rem) !important;
    line-height: 1.58;
  }

  /* CTA */

  .rl-integrated-cta {
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
    background: var(--rli-cyan);
    color: #071419;
    margin-bottom: 0 !important;
  }

  .rl-integrated-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-integrated-cta + * {
    margin-top: 0 !important;
  }

  .rl-integrated-cta-title {
    max-width: 17ch;
    margin: 0 !important;
    color: #071419 !important;
    font-size: clamp(1.8rem, 3.4vw, 3.3rem) !important;
    font-weight: 630 !important;
    letter-spacing: -0.045em;
    line-height: 1.05 !important;
  }

  .rl-integrated-button .wp-block-button__link {
    min-height: 3rem;
    padding: 0.95rem 1.45rem;
    border: 1px solid var(--rli-ink);
    border-radius: 0.45rem;
    background: var(--rli-ink);
    color: var(--rli-white);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-integrated-button .wp-block-button__link:hover,
  .rl-integrated-button .wp-block-button__link:focus-visible {
    transform: translateY(-0.1rem);
    background: #303438;
  }

  /* Verhindert, dass Gutenbergs constrained-Layout direkte Innenblöcke
     nach links zieht. */
  .rl-integrated-section > .rl-integrated-inner {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* REMOVE THEME BOTTOM SPACE */

  .entry-content,
  .wp-block-post-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* TABLET */

  @media (max-width: 50rem) {
    .rl-integrated-hero-columns {
      flex-direction: column;
      align-items: flex-start !important;
    }

    .rl-integrated-hero-columns > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-integrated-question {
      width: 100%;
      max-width: none;
    }

    .rl-integrated-overview-columns {
      grid-template-columns: minmax(0, 1fr);
    }

    .rl-integrated-overview-label {
      max-width: 23rem;
    }
  }

  /* MOBILE */

  @media (max-width: 42.5rem) {
    .rl-integrated-inner {
      width: min(88vw, 75rem) !important;
    }

    .rl-integrated-hero {
      padding: 3.2rem 0 3.7rem;
    }

    .rl-integrated-title {
      font-size: clamp(3.2rem, 15.5vw, 5rem) !important;
    }

    .rl-integrated-topics {
      width: 100%;
    }

    .rl-integrated-back {
      width: 100%;
      margin: 0.55rem 0 0 !important;
    }

    .rl-integrated-back a {
      width: 100%;
    }

    .rl-integrated-grid {
      flex-direction: column;
    }

    .rl-integrated-grid > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-integrated-card-image {
      height: 13.5rem;
    }

    .rl-integrated-cta-inner {
      align-items: stretch;
      flex-direction: column;
    }

    .rl-integrated-cta .wp-block-buttons,
    .rl-integrated-cta .wp-block-button,
    .rl-integrated-cta .wp-block-button__link {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rl-integrated-card,
    .rl-integrated-button .wp-block-button__link,
    .rl-integrated-back a {
      transition: none;
    }
  }

.rl-semi-section {
    --rls-ink: #17191b;
    --rls-white: #ffffff;
    --rls-cyan: #22b5e7;
    --rls-cyan-dark: #087fa7;
    --rls-paper: #f3f3ef;
    --rls-line: #d9dcd9;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow: hidden;
    transform: translateX(-50%);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-semi-section,
  .rl-semi-section * {
    box-sizing: border-box;
  }

  .rl-semi-inner {
    width: min(90vw, 75rem) !important;
    max-width: 75rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .rl-semi-section a {
    text-underline-offset: 0.2em;
  }

  /* HERO */

  .rl-semi-hero {
    padding: clamp(3.5rem, 8vw, 7.5rem) 0;
    background: var(--rls-ink);
    color: var(--rls-white);
  }

  .rl-semi-hero::after {
    position: absolute;
    right: -14rem;
    bottom: -21rem;
    width: min(42rem, 60vw);
    aspect-ratio: 1;
    border: 1px solid rgb(34 181 231 / 24%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
  }

  .rl-semi-hero-columns {
    position: relative;
    z-index: 1;
    align-items: flex-end !important;
    gap: clamp(3rem, 8vw, 8rem);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-semi-kicker,
  .rl-semi-section-kicker {
    margin: 0 0 1.1rem !important;
    color: var(--rls-cyan) !important;
    font-size: 0.69rem !important;
    font-weight: 750;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .rl-semi-title {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    color: var(--rls-white) !important;
    font-size: clamp(3.8rem, 7.2vw, 7.4rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.067em;
    line-height: 0.88 !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    hyphens: none;
  }

  .rl-semi-question {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding-left: clamp(1.3rem, 2.5vw, 2rem);
    border-left: 0.18rem solid var(--rls-cyan);
    color: rgb(255 255 255 / 76%) !important;
    font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important;
    font-style: italic;
    line-height: 1.55;
  }

  .rl-semi-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
    margin: 1.7rem 0 0 !important;
    padding-bottom: 1.5rem;
  }

  .rl-semi-topics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0 !important;
  }

  .rl-semi-topic {
    margin: 0 !important;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgb(255 255 255 / 22%);
    border-radius: 999px;
    color: rgb(255 255 255 / 68%) !important;
    font-size: 0.65rem !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .rl-semi-back {
    width: fit-content;
    margin: 0 0 0 auto !important;
  }

  .rl-semi-back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: 0.9rem 1.4rem;
    border: 1px solid var(--rls-cyan);
    border-radius: 0.45rem;
    background: var(--rls-cyan);
    color: #071419 !important;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-semi-back a:hover,
  .rl-semi-back a:focus-visible {
    transform: translateY(-0.1rem);
    background: #55ccf2;
  }

  /* OVERVIEW */

  .rl-semi-overview {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rls-paper);
    color: var(--rls-ink);
  }

  .rl-semi-overview-columns {
    display: grid !important;
    grid-template-columns: minmax(11rem, 25%) minmax(0, 1fr);
    align-items: start !important;
    gap: clamp(2.5rem, 6vw, 6rem) !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
  }

  .rl-semi-overview-columns > .wp-block-column {
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
  }

  .rl-semi-section-rule {
    width: 100% !important;
    height: 0;
    margin: 0 0 0.9rem !important;
    border: 0;
    border-top: 1px solid var(--rls-ink);
    background: var(--rls-ink) !important;
    color: var(--rls-ink) !important;
    opacity: 1;
  }

  .rl-semi-overview-title {
    max-width: 11ch;
    margin: 0 !important;
    color: var(--rls-ink) !important;
    font-size: clamp(2rem, 3.7vw, 3.6rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.05em;
    line-height: 1 !important;
  }

  .rl-semi-lead {
    margin: 0 !important;
    color: #292d2f !important;
    font-size: clamp(1.1rem, 1.65vw, 1.4rem) !important;
    line-height: 1.62;
  }

  .rl-semi-body {
    margin: 1.35rem 0 0 !important;
    color: #505558 !important;
    font-size: clamp(0.95rem, 1.12vw, 1.04rem) !important;
    line-height: 1.76;
  }

  .rl-semi-methods {
    gap: 0.8rem;
    margin: clamp(2.2rem, 4vw, 3.4rem) 0 0 !important;
  }

  .rl-semi-method-card {
    min-height: 8.2rem;
    margin: 0 !important;
    padding: 1.25rem;
    border: 1px solid #d6d8d4;
    background: #fafaf7;
  }

  .rl-semi-method-number {
    margin: 0 0 1.1rem !important;
    color: var(--rls-cyan-dark) !important;
    font-size: 0.65rem !important;
    font-weight: 750;
    letter-spacing: 0.1em;
  }

  .rl-semi-method-text {
    margin: 0 !important;
    color: var(--rls-ink) !important;
    font-size: 0.8rem !important;
    font-weight: 650;
    line-height: 1.45;
  }

  /* PUBLICATIONS */

  .rl-semi-publications {
    padding: clamp(3.8rem, 8vw, 7rem) 0;
    background: var(--rls-white);
    color: var(--rls-ink);
  }

  .rl-semi-publication-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
    margin-left: auto !important;
    padding-bottom: clamp(1.5rem, 3vw, 2.2rem);
    border-bottom: 1px solid var(--rls-line);
  }

  .rl-semi-publication-title {
    margin: 0 !important;
    color: var(--rls-ink) !important;
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.058em;
    line-height: 0.94 !important;
  }

  .rl-semi-publication-note {
    max-width: 24rem;
    margin: 0 !important;
    color: #656a6d !important;
    font-size: 0.88rem !important;
    line-height: 1.55;
  }

  /* CARDS */

  .rl-semi-grid {
    align-items: stretch !important;
    gap: clamp(1.2rem, 2.5vw, 2rem);
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: clamp(1.2rem, 2.5vw, 2rem) !important;
    margin-left: auto !important;
  }

  .rl-semi-grid:last-of-type {
    margin-bottom: 0 !important;
  }

  .rl-semi-grid > .wp-block-column {
    display: flex;
    min-width: 0;
  }

  .rl-semi-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--rls-line);
    background: #fafaf8;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  .rl-semi-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 1rem 2.5rem rgb(23 25 27 / 9%);
  }

  .rl-semi-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: clamp(12rem, 22vw, 17rem);
    margin: 0 !important;
    padding: clamp(0.8rem, 2vw, 1.35rem);
    overflow: hidden;
    background: #ecefeb;
  }

  .rl-semi-card-image a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

  .rl-semi-card-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  .rl-semi-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 !important;
    padding: clamp(1.25rem, 2.7vw, 2rem);
  }

  .rl-semi-card-meta {
    margin: 0 0 0.8rem !important;
    color: var(--rls-cyan-dark) !important;
    font-size: 0.66rem !important;
    font-weight: 750;
    letter-spacing: 0.11em;
    line-height: 1.45;
    text-transform: uppercase;
  }

  .rl-semi-card-title {
    margin: 0 !important;
    color: var(--rls-ink) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.32rem) !important;
    font-weight: 680 !important;
    letter-spacing: -0.025em;
    line-height: 1.3 !important;
  }

  .rl-semi-card-title a {
    color: inherit !important;
    text-decoration: none;
  }

  .rl-semi-card-title a:hover,
  .rl-semi-card-title a:focus-visible {
    color: var(--rls-cyan-dark) !important;
  }

  .rl-semi-citation {
    margin: 1rem 0 0 !important;
    color: #5f6467 !important;
    font-size: clamp(0.76rem, 0.9vw, 0.84rem) !important;
    line-height: 1.58;
  }

  /* CTA */

  .rl-semi-cta {
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
    background: var(--rls-cyan);
    color: #071419;
  }

  .rl-semi-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-semi-cta-title {
    max-width: 17ch;
    margin: 0 !important;
    color: #071419 !important;
    font-size: clamp(1.8rem, 3.4vw, 3.3rem) !important;
    font-weight: 630 !important;
    letter-spacing: -0.045em;
    line-height: 1.05 !important;
  }

  .rl-semi-button .wp-block-button__link {
    min-height: 3rem;
    padding: 0.95rem 1.45rem;
    border: 1px solid var(--rls-ink);
    border-radius: 0.45rem;
    background: var(--rls-ink);
    color: var(--rls-white);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-semi-button .wp-block-button__link:hover,
  .rl-semi-button .wp-block-button__link:focus-visible {
    transform: translateY(-0.1rem);
    background: #303438;
  }

  .rl-semi-section > .rl-semi-inner {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* TABLET */

  @media (max-width: 50rem) {
    .rl-semi-hero-columns {
      flex-direction: column;
      align-items: flex-start !important;
    }

    .rl-semi-hero-columns > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-semi-question {
      width: 100%;
      max-width: none;
    }

    .rl-semi-bottom-row {
      align-items: flex-start;
    }

    .rl-semi-back {
      margin-left: 0 !important;
    }

    .rl-semi-overview-columns {
      grid-template-columns: minmax(0, 1fr);
    }

    .rl-semi-overview-label {
      max-width: 23rem;
    }

    .rl-semi-methods {
      flex-wrap: wrap !important;
    }

    .rl-semi-methods > .wp-block-column {
      flex-basis: calc(50% - 0.4rem) !important;
    }
  }

  /* MOBILE */

  @media (max-width: 42.5rem) {
    .rl-semi-inner {
      width: min(88vw, 75rem) !important;
    }

    .rl-semi-hero {
      padding: 3.2rem 0 3.7rem;
    }

    .rl-semi-title {
      font-size: clamp(3.2rem, 15.5vw, 5rem) !important;
    }

    .rl-semi-bottom-row {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 0;
    }

    .rl-semi-topics {
      width: 100%;
    }

    .rl-semi-back {
      margin-left: 0 !important;
    }

    .rl-semi-grid,
    .rl-semi-methods {
      flex-direction: column;
    }

    .rl-semi-grid > .wp-block-column,
    .rl-semi-methods > .wp-block-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-semi-card-image {
      height: 13.5rem;
    }

    .rl-semi-cta-inner {
      align-items: stretch;
      flex-direction: column;
    }

    .rl-semi-cta .wp-block-buttons,
    .rl-semi-cta .wp-block-button,
    .rl-semi-cta .wp-block-button__link {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rl-semi-card,
    .rl-semi-button .wp-block-button__link,
    .rl-semi-back a {
      transition: none;
    }
  }

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');
  :root {
    --rl-home-header-height: 0px;
  }

  html:has(.rl-homepage) {
    scroll-behavior: auto;
    scroll-padding-top: calc(
      var(--rl-home-header-height) + var(--wp-admin--admin-bar--height, 0px)
    );
    scroll-snap-type: y mandatory;
  }

  body:has(.rl-homepage) {
    --rlh-ink: #17191b;
    --rlh-white: #ffffff;
    --rlh-cyan: #22b5e7;
    --rlh-cyan-dark: #087fa7;
    --rlh-blue-wash: #e8f7fc;
    --rlh-offwhite: #f7f7f3;
    --rlh-line: #b8e7f6;
  }

  body:has(.rl-homepage) .wp-block-nextend-smartslider3 {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .rl-homepage {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: translateX(-50%);
    background: var(--rlh-offwhite);
    color: var(--rlh-ink);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-homepage,
  .rl-homepage * {
    box-sizing: border-box;
  }

  .rl-home-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 72fr) minmax(18rem, 28fr);
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    background: var(--rlh-offwhite);
  }

  .rl-home-main,
  .rl-home-news {
    min-width: 0;
    margin: 0 !important;
    flex-basis: auto !important;
  }

  .rl-home-main > .wp-block-group[id] {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    min-height: calc(
      100svh - var(--rl-home-header-height) -
        var(--wp-admin--admin-bar--height, 0px)
    ) !important;
    margin: 0 !important;
    padding: clamp(2.5rem, 5vw, 5rem) clamp(2rem, 5vw, 5.5rem) !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: var(--rlh-ink) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: var(--rlh-white);
    scroll-margin-top: calc(
      var(--rl-home-header-height) + var(--wp-admin--admin-bar--height, 0px)
    );
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .rl-home-main > .wp-block-group[id] + .wp-block-group[id] {
    border-top: 1px solid rgb(34 181 231 / 35%) !important;
  }

  #aboutus {
    background-image: linear-gradient(
        90deg,
        rgb(23 25 27 / 96%) 0%,
        rgb(23 25 27 / 88%) 48%,
        rgb(23 25 27 / 38%) 100%
      ),
      url("https://reisnerlab.com/wp-content/uploads/2026/06/WhatsApp-Image-2024-06-08-at-15.35.27_dce87f5d.jpg") !important;
    background-position: 49% 32% !important;
  }

  #research {
    background-image: linear-gradient(
        90deg,
        rgb(23 25 27 / 93%) 0%,
        rgb(23 25 27 / 72%) 56%,
        rgb(23 25 27 / 45%) 100%
      ),
      url("https://reisnerlab.com/wp-content/uploads/2026/06/IMG_20250814_082743.jpg") !important;
    background-position: 51% 50% !important;
  }

  #people {
    background-image: linear-gradient(
        90deg,
        rgb(23 25 27 / 88%) 0%,
        rgb(23 25 27 / 60%) 62%,
        rgb(23 25 27 / 36%) 100%
      ),
      url("https://reisnerlab.com/wp-content/uploads/2026/06/Group-2025-2.jpg") !important;
    background-position: 45% 51% !important;
  }

  #pictures {
    background-image: linear-gradient(
        90deg,
        rgb(23 25 27 / 90%) 0%,
        rgb(23 25 27 / 63%) 58%,
        rgb(23 25 27 / 35%) 100%
      ),
      url("https://reisnerlab.com/wp-content/uploads/2026/06/DSC08397-4.jpg") !important;
    background-position: center !important;
  }

  #outreach {
    background-image: linear-gradient(
        90deg,
        rgb(23 25 27 / 91%) 0%,
        rgb(23 25 27 / 64%) 58%,
        rgb(23 25 27 / 38%) 100%
      ),
      url("https://reisnerlab.com/wp-content/uploads/2026/06/ER-Outreach-17th-Jan-2023-taken-by-Michael-Webb-%C2%A9University-of-Cambridge_C5A0413_M.jpg") !important;
    background-position: center !important;
  }

  .rl-home-main > .wp-block-group[id] > .wp-block-heading {
    width: 100%;
    max-width: 54rem;
    margin: 0 0 clamp(1.8rem, 4vw, 3.5rem) !important;
    padding: 0 !important;
    color: var(--rlh-white) !important;
    font-size: clamp(3.5rem, 6.3vw, 7rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.065em;
    line-height: 0.91 !important;
    text-align: left !important;
  }

  .rl-home-main > .wp-block-group[id] > .wp-block-heading::after {
    display: block;
    width: clamp(4rem, 8vw, 7rem);
    height: 0.18rem;
    margin-top: 1.2rem;
    background: var(--rlh-cyan);
    content: "";
  }

  #aboutus > p,
  #research > p,
  #people > p,
  #pictures > p,
  #outreach > p {
    width: min(100%, 47rem);
    margin: 0 !important;
    padding: 0 !important;
    color: rgb(255 255 255 / 78%) !important;
    font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
    line-height: 1.72;
    text-align: left !important;
  }

  #research > .wp-block-buttons,
  #people > .wp-block-buttons,
  #pictures > .wp-block-buttons,
  #outreach > .wp-block-buttons {
    margin: clamp(1.4rem, 3vw, 2.5rem) 0 0 !important;
    padding: 0 !important;
  }

  #research .wp-block-button__link,
  #people .wp-block-button__link,
  #pictures .wp-block-button__link,
  #outreach .wp-block-button__link {
    border: 1px solid var(--rlh-cyan) !important;
    border-radius: 0.45rem !important;
    background: var(--rlh-cyan) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  #research .wp-block-button__link:hover,
  #research .wp-block-button__link:focus-visible,
  #people .wp-block-button__link:hover,
  #people .wp-block-button__link:focus-visible,
  #pictures .wp-block-button__link:hover,
  #pictures .wp-block-button__link:focus-visible,
  #outreach .wp-block-button__link:hover,
  #outreach .wp-block-button__link:focus-visible {
    transform: translateY(-0.1rem);
    background: #55ccf2 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  #joinus {
    background: var(--rlh-ink) !important;
  }

  #joinus > p:first-child {
    width: 100%;
    margin: 0 0 clamp(1.8rem, 4vw, 3.5rem) !important;
    padding: 0 !important;
    color: var(--rlh-white) !important;
    font-size: clamp(3.5rem, 6.3vw, 7rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.065em !important;
    line-height: 0.91 !important;
    text-align: left !important;
    text-transform: none !important;
  }

  #joinus > p:first-child::after {
    display: block;
    width: clamp(4rem, 8vw, 7rem);
    height: 0.18rem;
    margin-top: 1.2rem;
    background: var(--rlh-cyan);
    content: "";
  }

  #joinus > .wp-block-columns {
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    gap: clamp(0.8rem, 1.5vw, 1.2rem) !important;
  }

  #joinus > .wp-block-columns > .wp-block-column {
    display: flex;
    flex-direction: column;
    align-self: stretch !important;
    margin: 0 !important;
    padding: clamp(1.4rem, 2.4vw, 2.1rem) !important;
    border: 0 !important;
    border-top: 0.22rem solid var(--rlh-cyan) !important;
    border-radius: 0 !important;
    background: #222629 !important;
    box-shadow: 0 0.8rem 2.2rem rgb(0 0 0 / 14%);
  }

  #joinus > .wp-block-columns > .wp-block-column p {
    color: rgb(255 255 255 / 67%) !important;
    line-height: 1.62;
  }

  #joinus > .wp-block-columns > .wp-block-column .wp-block-buttons {
    margin-top: auto;
  }

  #joinus .wp-block-button__link {
    border-color: var(--rlh-cyan) !important;
    color: var(--rlh-white) !important;
  }

  #joinus .wp-block-button__link:hover,
  #joinus .wp-block-button__link:focus-visible {
    background: var(--rlh-cyan) !important;
    color: #071419 !important;
  }

  .rl-home-news {
    position: sticky;
    top: calc(
      var(--rl-home-header-height) + var(--wp-admin--admin-bar--height, 0px)
    );
    height: calc(
      100svh - var(--rl-home-header-height) -
        var(--wp-admin--admin-bar--height, 0px)
    );
    padding: clamp(1.5rem, 2.5vw, 2.5rem) !important;
    overflow: auto;
    border-left: 1px solid var(--rlh-line) !important;
    background: var(--rlh-blue-wash);
    scrollbar-color: var(--rlh-cyan) transparent;
    scrollbar-width: thin;
  }

  .rl-home-news > p:first-child {
    position: sticky;
    z-index: 2;
    top: 0;
    margin: 0 !important;
    padding: 0 0 1rem !important;
    background: var(--rlh-blue-wash);
    color: var(--rlh-cyan-dark) !important;
    font-size: 0.68rem !important;
    font-weight: 750 !important;
    letter-spacing: 0.15em !important;
  }

  .rl-home-news > .wp-block-separator {
    margin: 0 0 1.2rem !important;
    border-color: rgb(23 25 27 / 16%) !important;
  }

  .rl-home-separator {
    display: none !important;
  }

  .rl-home-funding {
    position: relative;
    left: 50%;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    max-width: 100vw !important;
    min-height: calc(
      100svh - var(--rl-home-header-height) -
        var(--wp-admin--admin-bar--height, 0px)
    );
    margin: 0 !important;
    padding: clamp(3rem, 7vw, 6rem) 5vw !important;
    transform: translateX(-50%);
    background: var(--rlh-blue-wash);
    scroll-margin-top: calc(
      var(--rl-home-header-height) + var(--wp-admin--admin-bar--height, 0px)
    );
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .rl-home-funding > p:first-child {
    margin: 0 0 clamp(2.5rem, 5vw, 4.5rem) !important;
    padding: 0 0 1.5rem !important;
    border-bottom: 1px solid rgb(23 25 27 / 16%);
    color: var(--rlh-ink) !important;
    font-size: clamp(3rem, 5.2vw, 5.5rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.058em !important;
    line-height: 0.94 !important;
    text-align: left !important;
    text-transform: none !important;
  } 

  .rl-home-funding > .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: center !important;
    width: min(90vw, 75rem) !important;
    max-width: 75rem !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: clamp(1rem, 2.5vw, 2.2rem) !important;
  }

  .rl-home-funding > .wp-block-columns > .wp-block-column {
    min-width: 0;
    margin: 0 !important;
    flex-basis: auto !important;
  }

  .rl-home-funding .wp-block-image,
  .rl-home-funding .wp-block-image img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    object-fit: contain;
  }

  .rl-home-snap-nav {
    display: none !important;
    position: fixed;
    z-index: 40;
    top: 50%;
    rleft: 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.45rem;
    transform: translateY(-50%);
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 0.6rem;
    background: rgb(23 25 27 / 82%);
    box-shadow: 0 0.5rem 1.6rem rgb(0 0 0 / 16%);
    backdrop-filter: blur(0.6rem);
  }

  .rl-home-snap-nav a {
    display: block;
    width: 0.62rem;
    height: 0.62rem;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 55%);
    border-radius: 50%;
    color: transparent !important;
    text-decoration: none !important;
    transition: transform 180ms ease, background-color 180ms ease,
      border-color 180ms ease;
  }

  .rl-home-snap-nav a:hover,
  .rl-home-snap-nav a:focus-visible {
    transform: scale(1.25);
    border-color: var(--rlh-cyan);
    background: var(--rlh-cyan);
    outline: none;
  }

  @media (max-width: 62rem) {
    html:has(.rl-homepage) {
      scroll-snap-type: y proximity;
    }

    .rl-home-shell {
      grid-template-columns: minmax(0, 1fr);
    }

    .rl-home-news {
      position: relative;
      top: auto;
      width: 100% !important;
      height: auto;
      min-height: 70svh;
      padding: clamp(2rem, 7vw, 4rem) 7vw !important;
      overflow: visible;
      border-top: 1px solid var(--rlh-line) !important;
      border-left: 0 !important;
      scroll-snap-align: start;
    }

    .rl-home-news > p:first-child {
      position: static;
    }

    .rl-home-funding > .wp-block-columns {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (max-width: 42.5rem) {
    :root {
      --rl-home-header-height: 0px;
    }

    .rl-home-main > .wp-block-group[id] {
      min-height: calc(100svh - var(--rl-home-header-height)) !important;
      padding: 3rem 6vw !important;
    }

    .rl-home-main > .wp-block-group[id] > .wp-block-heading,
    #joinus > p:first-child {
      font-size: clamp(3.2rem, 16vw, 5rem) !important;
    }

    .rl-home-funding > .wp-block-columns {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: 88vw !important;
    }

    .rl-home-snap-nav {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html:has(.rl-homepage) {
      scroll-behavior: auto;
      scroll-snap-type: none;
    }

    .rl-home-snap-nav a,
    #research .wp-block-button__link,
    #people .wp-block-button__link,
    #pictures .wp-block-button__link,
    #outreach .wp-block-button__link {
      transition: none;
    }
  }

  :root {
    --rl-home-admin-height: 0px;
  }

  body:has(.rl-homepage) {
    --rl-home-admin-height: 0px;
  }

 html:has(body.admin-bar .rl-homepage),
body.admin-bar:has(.rl-homepage) {
    --rl-home-admin-height: var(--wp-admin--admin-bar--height, 32px);
}

  html:has(.rl-homepage) {
    scroll-padding-top: var(--rl-home-admin-height) !important;
    scroll-snap-type: y proximity !important;
    overscroll-behavior-y: auto;
  }

  body:has(.rl-homepage),
  body:has(.rl-homepage) .wp-site-blocks,
  body:has(.rl-homepage) main,
  body:has(.rl-homepage) .wp-block-post-content {
    overflow-x: clip;
  }

  body:has(.rl-homepage) .wp-block-post-content:has(.rl-homepage) {
    max-width: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body:has(.rl-homepage) .wp-block-nextend-smartslider3,
  body:has(.rl-homepage) .n2-section-smartslider,
  body:has(.rl-homepage) #n2-ss-2-align {
    margin-bottom: 0 !important;
    scroll-margin-top: var(--rl-home-admin-height) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
  }

  body:has(.rl-homepage) .wp-block-nextend-smartslider3 + * {
    margin-top: 0 !important;
  }

  .rl-homepage {
    position: relative !important;
    left: auto !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    margin-right: 0 !important;
    margin-left: calc(50% - 50dvw) !important;
    padding: 0 !important;
    transform: none !important;
    border: 0 !important;
  }

  .rl-home-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    border: 0 !important;
  }

  .rl-home-main,
  .rl-home-news,
  .rl-home-main > .wp-block-group[id] {
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }

  .rl-home-main > .wp-block-group[id] {
    width: 100% !important;
    min-height: calc(100svh - var(--rl-home-admin-height)) !important;
    margin: 0 !important;
    scroll-margin-top: var(--rl-home-admin-height) !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal !important;
  }

  .rl-home-main > .wp-block-group[id] + .wp-block-group[id] {
    border-top: 0 !important;
  }

  #research {
    justify-content: flex-start !important;
    padding-top: clamp(1.5rem, 3svh, 2.6rem) !important;
    padding-bottom: clamp(1.5rem, 3svh, 2.6rem) !important;
  }

  #research > .wp-block-heading {
    margin-bottom: clamp(1.1rem, 2.4svh, 2rem) !important;
  }

  #research > .wp-block-buttons {
    margin-top: clamp(0.9rem, 1.8svh, 1.4rem) !important;
  }

  #joinus {
    background-image: linear-gradient(
        90deg,
        rgb(23 25 27 / 97%) 0%,
        rgb(23 25 27 / 86%) 48%,
        rgb(23 25 27 / 55%) 100%
      ),
      url("https://reisnerlab.com/wp-content/uploads/2026/06/Group-2025-1-1024x683.jpg") !important;
    background-position: center 42% !important;
    background-size: cover !important;
  }

  #joinus > .wp-block-columns > .wp-block-column {
    border: 1px solid rgb(255 255 255 / 14%) !important;
    border-top: 0.22rem solid var(--rlh-cyan) !important;
    background: rgb(23 25 27 / 84%) !important;
    box-shadow: 0 1rem 2.6rem rgb(0 0 0 / 23%);
    backdrop-filter: blur(0.45rem);
  }

  .rl-home-news {
    position: relative !important;
    top: auto !important;
    align-self: start !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
  }

  .rl-home-news > p:first-child {
    position: static !important;
    top: auto !important;
  }

  .rl-home-funding {
    position: relative !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100dvw !important;
    max-width: 100dvw !important;
    min-height: 0 !important;
    margin-right: 0 !important;
    margin-left: calc(50% - 50dvw) !important;
    padding: clamp(2.75rem, 5vw, 4.5rem) clamp(1.5rem, 5vw, 5rem) !important;
    transform: none !important;
    overflow: hidden;
    border: 0 !important;
    background: var(--rlh-cyan) !important;
    color: var(--rlh-ink) !important;
    scroll-margin-top: var(--rl-home-admin-height) !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal !important;
  }

  div.rl-home-funding > p.rl-home-funding-title {
    width: min(100%, 75rem);
    margin: 0 auto clamp(1.75rem, 3vw, 2.5rem) !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--rlh-ink) !important;
    font-size: clamp(2.4rem, 4.2vw, 4.5rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.055em !important;
    line-height: 0.98 !important;
    text-align: left !important;
    text-transform: none !important;
  }

  .rl-home-funding > .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: min(100%, 75rem) !important;
    max-width: 75rem !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: clamp(0.65rem, 1vw, 1rem) !important;
  }

  .rl-home-funding > .wp-block-columns > .wp-block-column {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: clamp(6.5rem, 8vw, 8rem);
    margin: 0 !important;
    padding: clamp(0.75rem, 1.2vw, 1.1rem) !important;
    flex-basis: auto !important;
    overflow: hidden;
    border: 1px solid rgb(23 25 27 / 10%);
    border-radius: 0.45rem;
    background: var(--rlh-white) !important;
    box-shadow: 0 0.65rem 1.6rem rgb(7 20 25 / 9%);
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  .rl-home-funding > .wp-block-columns > .wp-block-column:hover {
    transform: translateY(-0.18rem);
    box-shadow: 0 0.9rem 2rem rgb(7 20 25 / 14%);
  }

  .rl-home-funding .wp-block-image,
  .rl-home-funding .wp-block-image a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
  }

  .rl-home-funding .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 4.8rem !important;
    object-fit: contain !important;
  }

  .rl-homepage .wp-block-button__link,
  .rl-homepage a.wp-element-button,
  .rl-homepage button,
  .rl-homepage input[type="button"],
  .rl-homepage input[type="submit"],
  .rl-homepage :is([class*="iheu"], [class*="oxi-image-hover"])
    :is(a[class*="button"], a[class*="btn"]),
  .rl-homepage
    :is(.oxi-image-hover-button, [class*="iheu-button"], [class*="caption-button"])
    > a,
  .rl-homepage
    :is(#research, #people, #pictures, #outreach)
    .oxi-image-hover-button
    > a.oxi-image-btn {
    min-height: 2.75rem !important;
    padding: 0.8rem 1.25rem !important;
    border: 1px solid var(--rlh-cyan) !important;
    border-radius: 0.45rem !important;
    background: var(--rlh-cyan) !important;
    box-shadow: none !important;
    color: #071419 !important;
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
    letter-spacing: 0.09em !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: transform 180ms ease, background-color 180ms ease !important;
  }

  .rl-homepage .wp-block-button__link:hover,
  .rl-homepage .wp-block-button__link:focus-visible,
  .rl-homepage a.wp-element-button:hover,
  .rl-homepage a.wp-element-button:focus-visible,
  .rl-homepage button:hover,
  .rl-homepage button:focus-visible,
  .rl-homepage :is([class*="iheu"], [class*="oxi-image-hover"])
    :is(a[class*="button"], a[class*="btn"]):hover,
  .rl-homepage
    :is(.oxi-image-hover-button, [class*="iheu-button"], [class*="caption-button"])
    > a:hover,
  .rl-homepage
    :is(#research, #people, #pictures, #outreach)
    .oxi-image-hover-button
    > a.oxi-image-btn:hover {
    transform: translateY(-0.1rem);
    background: #55ccf2 !important;
    color: #071419 !important;
  }

  @media (max-width: 62rem) {
    html:has(.rl-homepage) {
      scroll-snap-type: none !important;
    }

    .rl-home-news {
      min-height: 0 !important;
      border-top: 0 !important;
    }

    .rl-home-funding > .wp-block-columns {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 782px) {
    html:has(body.admin-bar .rl-homepage),
    body.admin-bar:has(.rl-homepage) {
      --rl-home-admin-height: 46px;
    }
  }

  @media (max-width: 42.5rem) {
    #research {
      justify-content: center !important;
      padding: 3rem 6vw !important;
    }

    .rl-home-funding > .wp-block-columns {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html:has(.rl-homepage) {
      scroll-behavior: auto;
      scroll-snap-type: none !important;
    }

    .rl-homepage .wp-block-button__link,
    .rl-homepage a.wp-element-button,
    .rl-homepage button {
      transition: none !important;
    }
  }

  :root {
    --rl-home-section-height: 100dvh;
    --rl-home-news-height: calc(
      100dvh - var(--rl-home-admin-height, 0px)
    );
  }

  html:has(.rl-homepage) {
    scroll-padding-top: 0 !important;
    scroll-snap-type: none !important;
  }

  body:has(.rl-homepage) .wp-block-nextend-smartslider3,
  body:has(.rl-homepage) .n2-section-smartslider,
  body:has(.rl-homepage) #n2-ss-2-align,
  .rl-home-main > .wp-block-group[id],
  .rl-home-funding {
    scroll-margin-top: 0 !important;
  }

  .rl-home-main > .wp-block-group[id] + .wp-block-group[id] {
    border-top: 0.18rem solid var(--rlh-cyan) !important;
  }

  .rl-home-news {
    position: sticky !important;
    top: var(--rl-home-admin-height) !important;
    align-self: start !important;
    height: var(--rl-home-news-height) !important;
    max-height: var(--rl-home-news-height) !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    border-left: 1px solid var(--rlh-line) !important;
  }

  .rl-home-news > p:first-child {
    position: static !important;
    top: auto !important;
  }

  .rl-homepage .wp-block-button__link,
  .rl-homepage a.wp-element-button,
  .rl-homepage button,
  .rl-homepage input[type="button"],
  .rl-homepage input[type="submit"],
  .rl-homepage :is([class*="iheu"], [class*="oxi-image-hover"])
    :is(a[class*="button"], a[class*="btn"]),
  .rl-homepage
    :is(.oxi-image-hover-button, [class*="iheu-button"], [class*="caption-button"])
    > a,
  .rl-homepage .oxi-image-hover-button > a.oxi-image-btn,
  .rl-homepage .wp-block-button__link:hover,
  .rl-homepage .wp-block-button__link:focus-visible,
  .rl-homepage a.wp-element-button:hover,
  .rl-homepage a.wp-element-button:focus-visible,
  .rl-homepage button:hover,
  .rl-homepage button:focus-visible,
  .rl-homepage .oxi-image-hover-button > a.oxi-image-btn:hover,
  .rl-homepage .oxi-image-hover-button > a.oxi-image-btn:focus-visible {
    color: #ffffff !important;
  }

  .rl-homepage .wp-block-button__link *,
  .rl-homepage a.wp-element-button *,
  .rl-homepage button *,
  .rl-homepage .oxi-image-hover-button > a.oxi-image-btn * {
    color: #ffffff !important;
  }

  @media (min-width: 62.01rem) and (min-height: 42rem) {
    html.rl-home-snap-ready:has(.rl-homepage) {
      scroll-snap-type: none !important;
    }

    .rl-home-main > .wp-block-group[id] {
      width: 100% !important;
      min-height: var(--rl-home-section-height) !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      scroll-snap-align: start !important;
      scroll-snap-stop: always !important;
    }

    .rl-home-funding {
      scroll-snap-align: start !important;
      scroll-snap-stop: always !important;
    }
}

  @media (max-width: 62rem), (max-height: 41.99rem) {
    html.rl-home-snap-ready:has(.rl-homepage) {
      scroll-snap-type: none !important;
    }

    .rl-home-main > .wp-block-group[id] {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
    }

    .rl-home-news {
      position: relative !important;
      top: auto !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      border-left: 0 !important;
    }
  }

  @media (max-width: 62rem) {
    .rl-home-snap-nav {
      display: none !important;
    }

    .rl-home-main > .wp-block-group[id] {
      justify-content: flex-start !important;
      width: 100% !important;
      min-height: 0 !important;
      padding: clamp(3rem, 7vw, 4.5rem) 6vw !important;
      background-attachment: scroll !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
    }

    .rl-home-main > .wp-block-group[id] > .wp-block-heading,
    #joinus > p:first-child {
      margin-bottom: clamp(1.8rem, 5vw, 2.8rem) !important;
      font-size: clamp(3rem, 10vw, 4.6rem) !important;
      line-height: 0.94 !important;
    }

    #aboutus > p,
    #research > p,
    #people > p,
    #pictures > p,
    #outreach > p {
      width: 100% !important;
      max-width: 46rem;
      font-size: clamp(0.98rem, 2.5vw, 1.08rem) !important;
      line-height: 1.65 !important;
      text-align: left !important;
    }

    #research > .wp-block-buttons,
    #people > .wp-block-buttons,
    #pictures > .wp-block-buttons,
    #outreach > .wp-block-buttons {
      margin-top: clamp(1.4rem, 3vw, 2.5rem) !important;
    }

    .rl-home-news {
      width: 100% !important;
      max-height: min(46rem, 78dvh) !important;
      padding: clamp(2.5rem, 7vw, 4rem) 6vw !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      border-top: 0.18rem solid var(--rlh-cyan) !important;
    }

    .rl-home-funding {
      min-height: 0 !important;
      padding: clamp(3rem, 8vw, 5rem) 6vw !important;
    }
  }

  @media (max-width: 42.5rem) {
    .rl-home-main > .wp-block-group[id],
    #research {
      padding: 2.75rem 6vw !important;
    }

    .rl-home-main > .wp-block-group[id] > .wp-block-heading,
    #joinus > p:first-child {
      margin-bottom: 1.8rem !important;
      font-size: clamp(2.75rem, 12vw, 3.75rem) !important;
    }

    .rl-home-main > .wp-block-group[id] > .wp-block-heading::after,
    #joinus > p:first-child::after {
      width: 4rem;
      margin-top: 0.85rem;
    }

    #research > .wp-block-buttons,
    #people > .wp-block-buttons,
    #pictures > .wp-block-buttons,
    #outreach > .wp-block-buttons {
      margin-top: 1.5rem !important;
    }

    .rl-homepage .wp-block-button,
    .rl-homepage .wp-block-button__link {
      width: 100% !important;
    }

    .rl-homepage .wp-block-button__link {
      justify-content: center !important;
      text-align: center !important;
    }

    .rl-home-funding > .wp-block-columns {
      width: 100% !important;
      gap: 0.75rem !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html.rl-home-snap-ready:has(.rl-homepage) {
      scroll-snap-type: none !important;
    }
  }
/* ================================================================
   EDITORIAL TYPOGRAPHY — Research / People / Pictures / Outreach
   ================================================================ */

#research > p,
#people > p,
#pictures > p,
#outreach > p {
  width: min(100%, 52rem);
  margin: 0 !important;
  color: rgb(255 255 255 / 90%) !important;
  font-family: "Manrope", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.35rem, 2.05vw, 1.8rem) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.025em;
}

@media (max-width: 62rem) {
  #research > p,
  #people > p,
  #pictures > p,
  #outreach > p {
    font-size: clamp(1.3rem, 3vw, 1.6rem) !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 42.5rem) {
  #research > p,
  #people > p,
  #pictures > p,
  #outreach > p {
    font-size: 1.3rem !important;
    line-height: 1.45 !important;
  }
}

#aboutus > p {
  font-family: "Manrope", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  letter-spacing: -0.01em;
}

#research > .wp-block-buttons,
#people > .wp-block-buttons,
#pictures > .wp-block-buttons,
#outreach > .wp-block-buttons {
  justify-content: flex-start !important;
  width: 100% !important;
}

#research > .wp-block-buttons .wp-block-button,
#people > .wp-block-buttons .wp-block-button,
#pictures > .wp-block-buttons .wp-block-button,
#outreach > .wp-block-buttons .wp-block-button {
  display: flex !important;
  justify-content: flex-start !important;
}

#research > .wp-block-buttons .wp-block-button__link,
#people > .wp-block-buttons .wp-block-button__link,
#pictures > .wp-block-buttons .wp-block-button__link,
#outreach > .wp-block-buttons .wp-block-button__link {
  min-height: 4.1rem !important;
  padding: 1.15rem 2rem !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.1em !important;
}
  /* Research — two buttons side by side */

#research > .rl-research-buttons {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  width: 100% !important;
}

#research > .rl-research-buttons .wp-block-button {
  width: auto !important;
  margin: 0 !important;
}

#research > .rl-research-buttons .wp-block-button__link {
  width: auto !important;
  min-width: 15rem !important;
}
/* Vertical alignment: match About Us and Research to the other sections */
#aboutus,
#research {
  padding-top: calc(clamp(2.5rem, 5vw, 5rem) + clamp(1rem, 2.5vw, 2.5rem)) !important;
  padding-bottom: calc(clamp(2.5rem, 5vw, 5rem) - clamp(1rem, 2.5vw, 2.5rem)) !important;
}
  /* Give the What's New block a little more breathing room */
.rl-home-news {
  padding-top: 4rem !important;
}
  .rl-home-news > p:first-child {
  font-size: clamp(1.2rem, 1.5vw, 1rem) !important;
  line-height: 1.2 !important;
}
  @media (max-width: 62rem) {
  .rl-home-main > .wp-block-group[id] {
    justify-content: center !important;
  }
}
  @media (max-width: 62rem) {
  .rl-home-funding {
    padding-bottom: clamp(5rem, 12vw, 7rem) !important;
  }
}
  /* ================================================================
   DESKTOP — RESPONSIVE TO SCREEN HEIGHT
   ================================================================ */

@media (min-width: 62.01rem) {

  /* ------------------------------------------------------------
     SECTION HEIGHT
     ------------------------------------------------------------ */

  .rl-home-main > .wp-block-group[id] {
    height: calc(
      100svh - var(--rl-home-admin-height, 0px)
    ) !important;

    min-height: calc(
      100svh - var(--rl-home-admin-height, 0px)
    ) !important;

    max-height: calc(
      100svh - var(--rl-home-admin-height, 0px)
    ) !important;

    overflow: hidden !important;
  }


  /* ------------------------------------------------------------
     SECTION HEADINGS
     ------------------------------------------------------------ */

  .rl-home-main > .wp-block-group[id] > .wp-block-heading,
  #joinus > p:first-child {

    font-size: clamp(
      2.8rem,
      8.5svh,
      7rem
    ) !important;

    margin-bottom: clamp(
      1rem,
      3svh,
      3.5rem
    ) !important;
  }


  /* ------------------------------------------------------------
     MAIN TEXT
     ------------------------------------------------------------ */

  #aboutus > p {

    font-size: clamp(
      0.9rem,
      2.3svh,
      1.2rem
    ) !important;

    line-height: 1.55 !important;
  }


  #research > p,
  #people > p,
  #pictures > p,
  #outreach > p {

    font-size: clamp(
      1rem,
      3.0svh,
      1.8rem
    ) !important;

    line-height: 1.38 !important;
  }


  /* ------------------------------------------------------------
     SECTION SPACING
     ------------------------------------------------------------ */

  .rl-home-main > .wp-block-group[id] {

    padding-top: clamp(
      1.5rem,
      4svh,
      5rem
    ) !important;

    padding-bottom: clamp(
      1.5rem,
      4svh,
      5rem
    ) !important;
  }


  /* ------------------------------------------------------------
     BUTTONS
     ------------------------------------------------------------ */

  #research > .wp-block-buttons,
  #people > .wp-block-buttons,
  #pictures > .wp-block-buttons,
  #outreach > .wp-block-buttons {

    margin-top: clamp(
      0.7rem,
      2.2svh,
      2.5rem
    ) !important;
  }


  #research .wp-block-button__link,
  #people .wp-block-button__link,
  #pictures .wp-block-button__link,
  #outreach .wp-block-button__link {

    min-height: clamp(
      2.5rem,
      5.5svh,
      4.1rem
    ) !important;

    padding-top: clamp(
      0.55rem,
      1.3svh,
      1.15rem
    ) !important;

    padding-bottom: clamp(
      0.55rem,
      1.3svh,
      1.15rem
    ) !important;

    padding-left: clamp(
      1rem,
      2vw,
      2rem
    ) !important;

    padding-right: clamp(
      1rem,
      2vw,
      2rem
    ) !important;

    font-size: clamp(
      0.68rem,
      1.7svh,
      0.85rem
    ) !important;

    letter-spacing: 0.08em !important;
  }


  /* Research buttons */

  #research > .rl-research-buttons {
    gap: clamp(
      0.5rem,
      1.5svh,
      1rem
    ) !important;
  }

  #research > .rl-research-buttons .wp-block-button__link {

    min-width: clamp(
      11rem,
      20vw,
      15rem
    ) !important;
  }


  /* ------------------------------------------------------------
     JOIN US
     ------------------------------------------------------------ */

  #joinus {

    padding-top: clamp(
      1rem,
      2.5svh,
      2rem
    ) !important;

    padding-bottom: clamp(
      1.5rem,
      4svh,
      5rem
    ) !important;
  }


  #joinus > .wp-block-columns {

    gap: clamp(
      0.5rem,
      1.5svh,
      1.2rem
    ) !important;
  }


  #joinus > .wp-block-columns > .wp-block-column {

    padding-top: clamp(
      0.8rem,
      2.2svh,
      2.5rem
    ) !important;

    padding-bottom: clamp(
      0.8rem,
      2.2svh,
      2.5rem
    ) !important;

    padding-left: clamp(
      0.8rem,
      2vw,
      2rem
    ) !important;

    padding-right: clamp(
      0.8rem,
      2vw,
      2rem
    ) !important;
  }


  #joinus > .wp-block-columns > .wp-block-column h3 {

    font-size: clamp(
      1.05rem,
      2.6svh,
      1.5rem
    ) !important;
  }


  #joinus > .wp-block-columns > .wp-block-column p {

    font-size: clamp(
      0.75rem,
      1.8svh,
      1rem
    ) !important;

    line-height: 1.4 !important;
  }


  /* ------------------------------------------------------------
     WHAT'S NEW
     ------------------------------------------------------------ */

  .rl-home-news {

    position: sticky !important;

    top: var(--rl-home-admin-height, 0px) !important;

    height: calc(
      100svh - var(--rl-home-admin-height, 0px)
    ) !important;

    max-height: calc(
      100svh - var(--rl-home-admin-height, 0px)
    ) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    padding-top: clamp(
      1.2rem,
      3svh,
      4rem
    ) !important;

    padding-bottom: clamp(
      1rem,
      3svh,
      3rem
    ) !important;
  }


  .rl-home-news > p:first-child {

    font-size: clamp(
      0.75rem,
      1.8svh,
      1rem
    ) !important;
  }
}


/* ================================================================
   VERY SHORT LAPTOP SCREENS
   ================================================================ */

@media (min-width: 62.01rem) and (max-height: 45rem) {

  .rl-home-main > .wp-block-group[id] {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .rl-home-main > .wp-block-group[id] > .wp-block-heading,
  #joinus > p:first-child {
    font-size: 2.8rem !important;
    margin-bottom: 1rem !important;
  }

  #research > p,
  #people > p,
  #pictures > p,
  #outreach > p {
    font-size: 1rem !important;
    line-height: 1.32 !important;
  }

  #research > .wp-block-buttons,
  #people > .wp-block-buttons,
  #pictures > .wp-block-buttons,
  #outreach > .wp-block-buttons {
    margin-top: 0.8rem !important;
  }

#research .wp-block-button__link,
#people .wp-block-button__link,
#pictures .wp-block-button__link,
#outreach .wp-block-button__link {
  min-height: 2.15rem !important;
  padding: 0.45rem 0.9rem !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.07em !important;
}
}
  @media (min-width: 62.01rem) {

  .rl-home-news {
    padding-top: 5rem !important;
  }

  .rl-home-news > p:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important;
  }

}

 .rl-research-section {
    --rlr-ink: #17191b;
    --rlr-white: #ffffff;
    --rlr-cyan: #22b5e7;
    --rlr-cyan-dark: #087fa7;
    --rlr-paper: #f3f3ef;
    --rlr-line: #d9dcd9;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow: hidden;
    transform: translateX(-50%);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-research-section,
  .rl-research-section * {
    box-sizing: border-box;
  }

  .rl-research-inner {
    width: min(90vw, 75rem) !important;
    max-width: 75rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .rl-research-section > .rl-research-inner {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .rl-research-section a {
    text-underline-offset: 0.2em;
  }

  /* ---------------------------------------------------------
     HERO
  --------------------------------------------------------- */

  .rl-research-hero {
    padding: clamp(2.8rem, 6vw, 5.7rem);
    background: var(--rlr-ink);
    color: var(--rlr-white);
  }

  .rl-research-hero::before {
    content: none;
  }

  .rl-research-hero::after {
    position: absolute;
    right: -12rem;
    bottom: -18rem;
    width: min(38rem, 58vw);
    aspect-ratio: 1;
    border: 1px solid rgb(34 181 231 / 25%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
  }

  .rl-research-hero-inner {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 60fr) minmax(20rem, 40fr);
    grid-template-rows: auto auto auto;
    column-gap: clamp(2.5rem, 7vw, 7rem);
    align-items: end;
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-research-kicker,
  .rl-research-section-kicker {
    margin: 0 0 1.1rem !important;
    color: var(--rlr-cyan) !important;
    font-size: 0.69rem !important;
    font-weight: 750;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .rl-research-title {
    grid-column: 1;
    grid-row: 2 / span 2;
    width: 100%;
    max-width: none;
    margin: 0 !important;
    color: var(--rlr-white) !important;
    font-size: clamp(3.8rem, 7vw, 7.2rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.065em;
    line-height: 0.9 !important;
    text-wrap: balance;
  }

  .rl-research-kicker {
    grid-column: 1;
    grid-row: 1;
  }

  .rl-research-intro {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    max-width: 31rem;
    margin: 0 !important;
    padding: 0 0 0.35rem;
    border: 0;
    color: rgb(255 255 255 / 72%) !important;
    font-size: clamp(1rem, 1.35vw, 1.17rem) !important;
    font-style: normal;
    line-height: 1.7;
  }

  .rl-research-topics {
    grid-column: 2;
    grid-row: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 1.7rem 0 0 !important;
  }

  .rl-research-topic {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 2.9rem;
    margin: 0 !important;
    padding: 0.9rem 1.4rem;
    border: 1px solid var(--rlr-cyan);
    border-radius: 0.45rem;
    background: var(--rlr-cyan);
    color: #071419 !important;
    font-size: 0.72rem !important;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-research-topic:hover,
  .rl-research-topic:focus-within {
    transform: translateY(-0.1rem);
    background: #55ccf2;
  }

  .rl-research-topic a {
    color: inherit !important;
    text-decoration: none;
  }

  /* ---------------------------------------------------------
     RESEARCH OVERVIEW
     Copied from the Photoelectrochemistry page structure
  --------------------------------------------------------- */

  .rl-photo-section {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: translateX(-50%);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-photo-overview {
    padding: clamp(4rem, 8vw, 7rem) 0;
    background: var(--rlp-paper);
    color: var(--rlp-ink);
}

  .rl-photo-inner {
    width: min(90vw, 75rem) !important;
    max-width: 75rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .rl-photo-overview-columns {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(2.5rem, 6vw, 7rem);
    align-items: flex-start;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-photo-overview-label {
    position: relative;
    flex-basis: 25% !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
  }

  .rl-photo-overview-columns > .wp-block-column:last-child {
    flex-basis: 75% !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
  }

  .rl-photo-section-rule {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 0 1.35rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid #17191b !important;
    background: transparent !important;
    color: #17191b !important;
    opacity: 1 !important;
  }

  .rl-research-section .rl-photo-section-kicker,
.rl-photo-section.rl-photo-overview .rl-photo-section-kicker,
.rl-photo-overview .rl-photo-section-kicker {
  display: block !important;
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
  color: #22b5e7 !important;
  font-size: 0.69rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.17em !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
}

  .rl-photo-overview-title {
    margin: 0 !important;
    color: var(--rlr-ink) !important;
    font-size: clamp(2rem, 3.4vw, 3.5rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.055em;
    line-height: 0.98 !important;
  }

  .rl-photo-lead {
    max-width: 58rem;
    margin: 0 !important;
    color: #34383a !important;
    font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
    line-height: 1.72;
  }

  .rl-photo-lead + .rl-photo-lead {
    margin-top: 1.5rem !important;
  }

  /* ---------------------------------------------------------
     RESEARCH ARCHIVE
  --------------------------------------------------------- */

  .rl-research-archive {
    padding: clamp(3.2rem, 7vw, 6rem) 0 clamp(3.8rem, 8vw, 7rem);
    background: var(--rlr-paper);
    color: var(--rlr-ink);
  }

  .rl-research-archive-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
    margin-left: auto !important;
    padding-bottom: clamp(1.5rem, 3vw, 2.2rem);
    border-bottom: 1px solid var(--rlr-line);
  }

  .rl-research-archive-title {
    margin: 0 !important;
    color: var(--rlr-ink) !important;
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.058em;
    line-height: 0.94 !important;
  }

  .rl-research-archive-note {
    max-width: 24rem;
    margin: 0 !important;
    color: #656a6d !important;
    font-size: 0.88rem !important;
    line-height: 1.55;
  }

  /* ---------------------------------------------------------
     RESEARCH CARDS
  --------------------------------------------------------- */

  .rl-research-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(1rem, 1.8vw, 1.5rem);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .rl-research-card {
    position: relative;
    isolation: isolate;
    grid-column: span 5;
    min-width: 0;
    min-height: clamp(23rem, 35vw, 31rem);
    margin: 0 !important;
    overflow: hidden;
    border: 0;
    background: var(--rlr-ink);
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  /* Alternating rows: wide/narrow, then narrow/wide. */
  .rl-research-card:nth-child(4n + 1),
  .rl-research-card:nth-child(4n) {
    grid-column: span 7;
  }

  .rl-research-card::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(
      180deg,
      transparent 32%,
      rgb(7 20 25 / 18%) 52%,
      rgb(7 20 25 / 92%) 100%
    );
    content: "";
    pointer-events: none;
  }

  .rl-research-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 1rem 2.5rem rgb(23 25 27 / 10%);
  }

  .rl-research-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    margin: 0 !important;
    overflow: hidden;
    background: #e9ece8;
  }

  .rl-research-image a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .rl-research-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    transition: transform 400ms ease;
  }

  .rl-research-card:hover .rl-research-image img {
    transform: scale(1.025);
  }

  .rl-research-card--contain .rl-research-image img {
    padding: clamp(1rem, 3vw, 2rem);
    object-fit: contain !important;
  }

  .rl-research-card-body {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    padding: clamp(1.35rem, 2.7vw, 2.2rem);
    border: 0;
  }

  .rl-research-card-label {
    margin: 0 0 0.75rem !important;
    color: var(--rlr-cyan) !important;
    font-size: 0.65rem !important;
    font-weight: 750;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
  }

  .rl-research-card-title {
    margin: 0 !important;
    color: var(--rlr-white) !important;
    font-size: clamp(1.35rem, 2.1vw, 1.8rem) !important;
    font-weight: 680 !important;
    letter-spacing: -0.035em;
    line-height: 1.15 !important;
  }

  .rl-research-card-title a {
    color: inherit !important;
    text-decoration: none;
  }

  .rl-research-card-title a::after {
    margin-left: 0.45rem;
    color: var(--rlr-cyan);
    content: "→";
  }

  .rl-research-card-text {
    margin: 0.9rem 0 0 !important;
    color: rgb(255 255 255 / 72%) !important;
    font-size: 0.86rem !important;
    line-height: 1.58;
  }

  /* ---------------------------------------------------------
     RESPONSIVE
  --------------------------------------------------------- */

  @media (max-width: 50rem) {
    .rl-research-hero-inner {
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: auto;
      align-items: start;
    }

    .rl-research-kicker,
    .rl-research-title,
    .rl-research-intro,
    .rl-research-topics {
      grid-column: 1;
      grid-row: auto;
    }

    .rl-research-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    .rl-research-card,
    .rl-research-card:nth-child(4n + 1),
    .rl-research-card:nth-child(4n) {
      grid-column: 1;
      min-height: clamp(21rem, 70vw, 30rem);
    }

    .rl-research-intro {
      max-width: none;
      margin-top: 2rem !important;
    }

    .rl-photo-overview {
      padding: 4rem 0;
    }

    .rl-photo-overview-columns {
      display: block !important;
    }

    .rl-photo-overview-label,
    .rl-photo-overview-columns > .wp-block-column:last-child {
      width: 100% !important;
      flex-basis: 100% !important;
    }

    .rl-photo-overview-label {
      margin-bottom: 2.5rem !important;
    }

    .rl-photo-overview-title {
      max-width: 30rem;
    }
  }

  @media (max-width: 42.5rem) {
    .rl-research-inner,
    .rl-photo-inner {
      width: min(88vw, 75rem) !important;
    }

    .rl-research-hero {
      padding: 2.4rem 6vw 3rem;
    }

    .rl-research-title {
      font-size: clamp(3.5rem, 17vw, 5rem) !important;
    }

    .rl-research-card,
    .rl-research-card:nth-child(4n + 1),
    .rl-research-card:nth-child(4n) {
      min-height: 22rem;
    }

    .rl-photo-overview {
      padding: 3.5rem 0;
    }

    .rl-photo-overview-title {
      font-size: clamp(2rem, 10vw, 3rem) !important;
    }

    .rl-photo-lead {
      font-size: 1rem !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rl-research-card,
    .rl-research-image img,
    .rl-research-topic {
      transition: none;
    }
  }

/* Footer: current two-part layout (Cambridge logo + social links). */
.rl-fixed-footer {
  overflow: hidden;
  padding-top: 2vh !important;
  padding-bottom: 1vh !important;
}

.rl-fixed-footer .rl-footer-content {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 20px !important;
}

.rl-fixed-footer .rl-footer-content > .wp-block-group:first-child {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rl-fixed-footer .rl-footer-content .wp-block-image {
  flex: 0 0 auto !important;
  align-self: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}

.rl-fixed-footer .rl-footer-content .wp-block-image img {
  display: block !important;
  width: clamp(130px, 9vw, 175px) !important;
  max-width: 100% !important;
  height: auto !important;
}

.rl-fixed-footer .rl-footer-social {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  margin: 0 0 0 auto !important;
}

.rl-fixed-footer .rl-footer-social .wp-block-social-links {
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 600px) {
  .rl-fixed-footer {
    padding: 6px 12px 4px !important;
  }

  .rl-fixed-footer .rl-footer-content {
    gap: 8px !important;
  }

  .rl-fixed-footer .rl-footer-content .wp-block-image img {
    width: 105px !important;
  }

  .rl-fixed-footer .rl-footer-social .wp-block-social-links {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: clamp(4px, 1.2vw, 8px) !important;
  }

  .rl-fixed-footer .rl-footer-social .wp-social-link {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
}

 .rl-contact-shell {
    --rlc-ink: #17191b;
    --rlc-white: #ffffff;
    --rlc-cyan: #22b5e7;
    --rlc-paper: #f3f3ef;
    --rlc-muted: #6a6d70;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: translateX(-50%);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  }

  .rl-contact-shell,
  .rl-contact-shell * {
    box-sizing: border-box;
  }

  .rl-contact-shell a {
    text-underline-offset: 0.22em;
  }

.rl-contact-hero {
  overflow: hidden;
  padding: 6vw clamp(2.5rem, 6vw, 5.5rem) 2.5rem;
  background: var(--rlc-ink);
  color: var(--rlc-white);
}

  .rl-contact-hero > .wp-block-columns {
    align-items: center;
    gap: clamp(2rem, 4vw, 4.5rem);
    margin: 0;
  }

  .rl-contact-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .rl-contact-kicker {
    margin: 0 0 1.2rem !important;
    color: var(--rlc-cyan) !important;
    font-size: 0.7rem !important;
    font-weight: 750;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .rl-contact-title {
    max-width: 9ch;
    margin: 0 !important;
    color: var(--rlc-white) !important;
    font-size: clamp(3.4rem, 6.2vw, 6.4rem) !important;
    font-weight: 610 !important;
    letter-spacing: -0.06em;
    line-height: 0.92 !important;
  }

  .rl-contact-intro {
    max-width: 33rem;
    margin: clamp(1.5rem, 3vw, 2.3rem) 0 0 !important;
    color: rgb(255 255 255 / 68%) !important;
    font-size: clamp(1rem, 1.3vw, 1.15rem) !important;
    line-height: 1.7;
  }

  /* RIGHT CONTACT COLUMN — vertically centered */
  .rl-contact-cards {
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-self: center !important;
    margin: 0 !important;
  }

  .rl-contact-card {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 1rem;
    margin: 0 !important;
    padding: 1.35rem 0;
    border-top: 1px solid rgb(255 255 255 / 17%);
  }

  .rl-contact-card:last-child {
    border-bottom: 1px solid rgb(255 255 255 / 17%);
  }

  .rl-contact-card-body {
    margin: 0 !important;
  }

  .rl-contact-card-title {
    margin: 0 0 0.5rem !important;
    color: var(--rlc-white) !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
    letter-spacing: 0.13em;
    line-height: 1.5 !important;
    text-transform: uppercase;
  }

  .rl-contact-card-text {
    margin: 0 !important;
    color: rgb(255 255 255 / 72%) !important;
    font-size: 0.95rem !important;
    line-height: 1.65;
  }

  .rl-contact-card a {
    color: var(--rlc-white) !important;
    text-decoration-color: rgb(34 181 231 / 65%);
  }

  .rl-contact-card a:hover,
  .rl-contact-card a:focus-visible {
    color: var(--rlc-cyan) !important;
  }

  /* SOCIAL MEDIA */
  .rl-contact-social {
    display: flex !important;
    align-items: center;
    justify-content: center;
    align-self: center !important;
    height: 100%;
    margin: 0 !important;
  }

  .rl-contact-social-inner {
    width: 100%;
    max-width: 9rem;
    padding: 1.5rem 0;
  }

  .rl-contact-social-title {
  margin: 0 0 1.1rem !important;
  color: var(--rlc-white) !important;
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.13em;
  line-height: 1.5 !important;
  text-align: center;
  text-transform: uppercase;
}

  .rl-contact-social-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 0.5rem;
    align-items: stretch;
  }

  .rl-contact-social-grid .wp-block-button {
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    align-self: stretch;
  }

  .rl-contact-social-grid .wp-block-button__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--rlc-cyan) !important;
    box-shadow: none !important;
  }

  .rl-contact-social-grid .rl-social-icon {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    flex: 0 0 3.2rem;
    margin: 0 !important;
    padding: 0 !important;
    fill: currentColor;
    transform: none !important;
  }

  .rl-contact-social-grid .wp-block-button__link:hover,
  .rl-contact-social-grid .wp-block-button__link:focus-visible {
    background: rgb(34 181 231 / 8%) !important;
    color: var(--rlc-white) !important;
  }

  .rl-contact-map {
    position: relative;
    height: clamp(21rem, 39vw, 31rem);
    min-height: 21rem;
    margin: 0 !important;
    overflow: hidden;
    background: #d7d8d5;
  }

  .rl-contact-map::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
      linear-gradient(180deg, rgb(23 25 27 / 45%) 0, transparent 24%),
      linear-gradient(90deg, rgb(23 25 27 / 62%) 0, transparent 42%);
    content: "";
    pointer-events: none;
  }

  .rl-contact-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    filter: saturate(0.72) contrast(1.04);
  }

  .rl-contact-map-label {
    position: absolute;
    z-index: 2;
    left: clamp(1.5rem, 5vw, 4.5rem);
    bottom: clamp(1.5rem, 4vw, 3.5rem);
    width: min(25rem, calc(100% - 3rem));
    margin: 0 !important;
    padding: clamp(1.3rem, 3vw, 2rem);
    background: rgb(23 25 27 / 90%);
    color: var(--rlc-white);
    backdrop-filter: blur(0.5rem);
  }

  .rl-contact-map-label p {
    margin: 0;
  }

  .rl-contact-map-eyebrow {
    margin-bottom: 0.7rem !important;
    color: var(--rlc-cyan) !important;
    font-size: 0.68rem !important;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .rl-contact-map-address {
    color: var(--rlc-white) !important;
    font-size: clamp(1rem, 1.4vw, 1.15rem) !important;
    line-height: 1.55;
  }

  .rl-contact-map-link {
    margin-top: 1rem !important;
    font-size: 0.75rem !important;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .rl-contact-map-link a {
    color: var(--rlc-cyan) !important;
    text-decoration: none;
  }

  .rl-contact-form-section {
    margin: 0 !important;
    padding: clamp(3rem, 7vw, 6rem);
    background: var(--rlc-paper);
    color: var(--rlc-ink);
  }

  .rl-contact-form-section > .wp-block-columns {
    align-items: flex-start;
    gap: clamp(2.5rem, 7vw, 6.5rem);
    margin: 0;
  }

  .rl-contact-form-kicker {
    margin: 0 0 1rem !important;
    color: #1488af !important;
    font-size: 0.68rem !important;
    font-weight: 750;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }

  .rl-contact-form-title {
    max-width: 10ch;
    margin: 0 !important;
    color: var(--rlc-ink) !important;
    font-size: clamp(2.5rem, 4.3vw, 4.5rem) !important;
    font-weight: 620 !important;
    letter-spacing: -0.05em;
    line-height: 0.98 !important;
  }

  .rl-contact-form-copy {
    max-width: 28rem;
    margin: 1.5rem 0 0 !important;
    color: var(--rlc-muted) !important;
    font-size: 1rem !important;
    line-height: 1.7;
  }

  .rl-contact-form-card {
    margin: 0 !important;
    padding: clamp(1.5rem, 3.5vw, 2.8rem);
    border: 1px solid #dedfda;
    background: var(--rlc-white);
    box-shadow: 0 1.2rem 3.5rem rgb(23 25 27 / 7%);
  }

  .rl-contact-form-card .wp-block-jetpack-contact-form {
    margin: 0;
  }

  .rl-contact-form-card label {
    color: var(--rlc-ink);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .rl-contact-form-card input:not([type="submit"]),
  .rl-contact-form-card textarea {
    width: 100%;
    padding: 0.85rem 0.95rem;
    border: 1px solid #cfd0cb !important;
    border-radius: 0.4rem !important;
    outline: none;
    background: #fafaf8 !important;
    color: var(--rlc-ink) !important;
    font: inherit;
    box-shadow: none !important;
  }

  .rl-contact-form-card textarea {
    min-height: 9rem;
    resize: vertical;
  }

  .rl-contact-form-card input:not([type="submit"]):focus,
  .rl-contact-form-card textarea:focus {
    border-color: var(--rlc-cyan) !important;
    box-shadow: 0 0 0 0.18rem rgb(34 181 231 / 15%) !important;
  }

  .rl-contact-form-card button,
  .rl-contact-form-card .wp-block-button__link {
    min-height: 2.9rem;
    padding: 0.75rem 1.5rem !important;
    border: 1px solid var(--rlc-cyan) !important;
    border-radius: 0.45rem !important;
    background: var(--rlc-cyan) !important;
    color: #071419 !important;
    font-size: 0.75rem !important;
    font-weight: 750 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .rl-contact-form-card button:hover,
  .rl-contact-form-card button:focus-visible,
  .rl-contact-form-card .wp-block-button__link:hover,
  .rl-contact-form-card .wp-block-button__link:focus-visible {
    transform: translateY(-0.1rem);
    background: #55ccf2 !important;
  }

  @media (max-width: 56.25rem) {
    .rl-contact-hero > .wp-block-columns,
    .rl-contact-form-section > .wp-block-columns {
      flex-direction: column;
    }

    .rl-contact-hero-copy,
    .rl-contact-social,
    .rl-contact-cards,
    .rl-contact-form-copy-column,
    .rl-contact-form-column {
      flex-basis: 100% !important;
      width: 100%;
    }

    .rl-contact-title {
      max-width: 10ch;
    }

    .rl-contact-social {
      margin-top: 1rem !important;
    }

    .rl-contact-social-inner {
      max-width: 10rem;
      padding: 1rem 0;
    }

    .rl-contact-cards {
      margin-top: 0.5rem !important;
    }
  }

  @media (max-width: 42.5rem) {
    .rl-contact-hero,
    .rl-contact-form-section {
      padding: 2.2rem 6vw 2.7rem;
    }

.rl-contact-hero {
  padding-top: 4.5rem;
  padding-bottom: 1.5rem;
}

    .rl-contact-title {
      font-size: clamp(3.2rem, 16vw, 4.8rem) !important;
    }

    .rl-contact-card {
      grid-template-columns: 2rem minmax(0, 1fr);
    }

    .rl-contact-map {
      height: 27rem;
    }

    .rl-contact-map::after {
      background: linear-gradient(0deg, rgb(23 25 27 / 38%) 0, transparent 55%);
    }

    .rl-contact-map-label {
      left: 1rem;
      bottom: 1rem;
      width: calc(100% - 2rem);
    }

    .rl-contact-form-card {
      padding: 1.25rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rl-contact-form-card button,
    .rl-contact-form-card .wp-block-button__link {
      transition: none;
    }
  }

/* Header-Gestaltung – Sticky-Regel bleibt unverändert */
@media (min-width: 1200px) {
  .rl-fixed-header header.wp-block-group {
    display: flex !important;
    align-items: center !important;
    gap: 36px !important;
    min-height: 60px !important;
  }

  .rl-fixed-header header.wp-block-group > .wp-block-group:first-child {
    flex: 0 0 auto !important;
    padding-right: 0 !important;
    border: 0 !important;
  }

  .rl-fixed-header header.wp-block-group > .wp-block-group:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .rl-fixed-header .wp-block-site-logo img {
    width: 145px !important;
    height: auto !important;
  }

  .rl-fixed-header .wp-block-navigation,
  .rl-fixed-header .wp-block-navigation__container {
    width: 100% !important;
  }

  .rl-fixed-header .wp-block-navigation__container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: clamp(17px, 1.35vw, 26px) !important;
  }

  .rl-fixed-header .wp-block-navigation__container
  > .wp-block-navigation-item {
    flex: 0 0 auto !important;
  }

  .rl-fixed-header .wp-block-navigation__container
  > .wp-block-navigation-item:nth-last-child(2) {
    margin-left: auto !important;
  }

  .rl-fixed-header .wp-block-navigation
  .wp-block-navigation-item__content {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    text-decoration: none !important;
  }

  .rl-fixed-header .wp-block-navigation__container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content {
    padding: 0px 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
    color: #17191b !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    border: 0 !important;
    background: transparent !important;
  }

  .rl-fixed-header .wp-block-navigation__container
  > .wp-block-navigation-item:hover
  > .wp-block-navigation-item__content,
  .rl-fixed-header .wp-block-navigation__container
  > .current-menu-item
  > .wp-block-navigation-item__content,
  .rl-fixed-header .wp-block-navigation__container
  > .current-menu-ancestor
  > .wp-block-navigation-item__content {
    color: #078dbb !important;
  }

  .rl-fixed-header .wp-block-navigation__container
  > .wp-block-navigation-item:last-child
  > .wp-block-navigation-item__content {
    padding: 9px 14px !important;
    background: #eaf8fd !important;
    color: #087fa9 !important;
    border-radius: 3px;
  }

  /* Helles Dropdown wiederherstellen */
  .rl-fixed-header .wp-block-navigation__submenu-container {
    min-width: 230px !important;
    padding: 8px 0 !important;
    background: #fff !important;
    border: 1px solid #e5e7e8 !important;
    border-top: 3px solid #24a8e0 !important;
    box-shadow: 0 14px 30px rgb(0 0 0 / 12%);
  }

  .rl-fixed-header .wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
    padding: 11px 18px !important;
    background: #fff !important;
    color: #17191b !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  .rl-fixed-header .wp-block-navigation__submenu-container
  .wp-block-navigation-item__content:hover,
  .rl-fixed-header .wp-block-navigation__submenu-container
  .wp-block-navigation-item__content:focus-visible {
    background: #eaf8fd !important;
    color: #087fa9 !important;
  }
}

/* ReisnerLab: kompakter Header unterhalb des Desktop-Layouts. */
@media (max-width: 1199px) {
  .rl-fixed-header header.wp-block-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    min-height: 3.5rem !important;
    padding: 0.35rem clamp(1rem, 3vw, 1.5rem) !important;
  }

  .rl-fixed-header header.wp-block-group > .wp-block-group:first-child {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .rl-fixed-header header.wp-block-group > .wp-block-group:last-child {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    margin: 0 0 0 auto !important;
  }

  .rl-fixed-header .wp-block-site-logo img {
    display: block !important;
    width: clamp(112px, 24vw, 145px) !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .rl-fixed-header .wp-block-navigation {
    width: auto !important;
    font-size: 1rem !important;
  }

  /* WordPress blendet den Knopf sonst erst bei einer kleineren Breite ein. */
  .rl-fixed-header .wp-block-navigation__responsive-container-open {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.55rem !important;
    color: #17191b !important;
    background: transparent !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 100001 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    padding: 1.25rem clamp(1.25rem, 5vw, 2rem) !important;
    background: #fff !important;
    color: #17191b !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
    padding-top: clamp(3rem, 8vh, 5rem) !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0.2rem !important;
    width: 100% !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item {
    width: 100% !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
    display: block !important;
    width: 100% !important;
    padding: 0.7rem 0.2rem !important;
    color: #17191b !important;
    background: transparent !important;
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: clamp(1rem, 2.4vw, 1.125rem) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-container {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 0 0.5rem !important;
    padding: 0 0 0 1rem !important;
    border: 0 !important;
    border-left: 2px solid #24a8e0 !important;
    background: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: 1rem !important;
    font-weight: 400 !important;
  }

  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content:hover,
  .rl-fixed-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content:focus-visible {
    color: #087fa9 !important;
  }
}