.frame-home.frame-home--social-hero>section[id]:not(.frame-hero){content-visibility:visible;contain-intrinsic-size:none}.frame-home.frame-home--social-hero [data-frame-reveal].is-reveal-pending{opacity:1;transform:none;animation:none;will-change:auto}.frame-home.frame-home--social-hero>section[id]:not(.frame-hero),.frame-footer.mura-footer-refined{scroll-margin-top:6rem}@media(max-width:960px){.frame-home.frame-home--social-hero>section[id]:not(.frame-hero),.frame-footer.mura-footer-refined{scroll-margin-top:4.5rem}}
/* One shared surface, with spacing, headings and labels defining each section. */
#FrameHome > .mura-home-section {
  position: relative;
  background: var(--frame-white, #fdfcf9);
  padding-block: 4.5rem;
}

#FrameHome .mura-home-section-label {
  margin: 0 0 1.5rem;
  color: #625f59;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#FrameHome.frame-home .mura-home-section h2 {
  font-size: clamp(2.125rem, 3.4vw, 2.8125rem);
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -.04em;
}

#FrameHome .mura-home-section-heading {
  min-width: 0;
}

/* Split heading and description around the visual, preserving desktop columns. */
#FrameHome :is(.mura-discovery__inner, .mura-architecture__layout, .frame-principles__feature),
#FrameHome > :is(.mura-experiment, .mura-progress) {
  grid-template-rows: auto auto;
  row-gap: 1.5rem;
}

#FrameHome .mura-discovery__inner,
#FrameHome > .mura-progress {
  grid-template-areas: "heading media" "description media";
}

#FrameHome > .mura-experiment {
  grid-template-areas: "media heading" "media description";
}

#FrameHome :is(.mura-discovery__copy, .frame-intro__copy, .frame-app__copy, .mura-architecture__details, .frame-principles__intro) {
  grid-area: heading;
  align-self: end;
}

#FrameHome :is(.mura-discovery__visual, .mura-experiment__visual, .frame-app__visual, .mura-architecture__figure, .frame-principles__media) {
  grid-area: media;
  align-self: center;
}

#FrameHome .mura-home-section-description {
  grid-area: description;
  align-self: start;
  min-width: 0;
  width: 100%;
}

#FrameHome .mura-home-section-description > :first-child {
  margin-top: 0 !important;
}

/* Technology uses the same copy-and-visual composition as the benefits. */
#FrameHome .mura-architecture__layout {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  grid-template-areas: "media heading" "media description";
  column-gap: clamp(3rem, 4vw, 4.5rem);
}

#FrameHome .mura-architecture__details {
  min-width: 0;
}

#FrameHome .mura-architecture__intro {
  margin-bottom: 0;
}

#FrameHome .mura-architecture__figure {
  grid-area: media;
  min-width: 0;
}

#FrameHome .mura-architecture__image-link {
  width: 100%;
}

#FrameHome .mura-architecture__caption {
  text-align: center;
}

/* Wearability follows the shared heading, visual and description layout. */
#FrameHome > .frame-principles {
  padding-inline: max(3rem, calc((100% - 70rem) / 2));
}

#FrameHome .frame-principles__feature {
  grid-template-areas: "heading media" "description media";
  grid-template-rows: auto auto;
  padding: 0;
  border-bottom: 0;
}

#FrameHome .mura-home-section-description .mura-science-link-wrap {
  margin: 2.25rem 0 0;
}

/* The FAQ shares the desktop content grid and the same heading treatment. */
#FrameHome > .frame-home-faq {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  column-gap: clamp(3rem, 4vw, 4.5rem);
  padding-inline: max(3rem, calc((100% - 70rem) / 2));
  border-bottom: 0;
}

#FrameHome > .frame-contact {
  row-gap: 1.5rem;
}

/* Content-width rules provide the same separation throughout the page. */
#FrameHome > .mura-home-section ~ .mura-home-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(calc(100% - 6rem), 70rem);
  height: 1px;
  background: var(--frame-line, #d7d0c6);
  opacity: .6;
  transform: translateX(-50%);
  pointer-events: none;
}

@media (min-width: 961px) {
  #FrameHome .mura-discovery__inner {
    max-width: 70rem;
    align-items: center;
  }

  #FrameHome .mura-discovery__copy {
    padding-top: 0;
  }
}

@media (max-width: 960px) {
  #FrameHome > .mura-home-section {
    padding-block: 3rem;
  }

  #FrameHome :is(.mura-discovery__inner, .mura-architecture__layout, .frame-principles__feature),
  #FrameHome > :is(.mura-experiment, .mura-progress) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "heading" "media" "description";
    grid-template-rows: auto auto auto;
    gap: 2rem;
  }

  #FrameHome .mura-home-section-description {
    max-width: 36rem;
    justify-self: center;
  }

  #FrameHome .mura-home-section-description .mura-science-link-wrap {
    margin-top: 1.25rem;
  }

  #FrameHome > :is(.frame-principles, .frame-home-faq) {
    padding-inline: max(1.5rem, env(safe-area-inset-left)) max(1.5rem, env(safe-area-inset-right));
  }

  #FrameHome .frame-principles__feature {
    padding: 0;
  }

  #FrameHome > .frame-home-faq {
    grid-template-columns: minmax(0, 36rem);
    gap: 2rem;
  }

  #FrameHome > .mura-founder-refined--with-photo {
    grid-template-columns: minmax(0, 36rem);
    grid-template-areas: "heading" "portrait" "story";
    row-gap: 2rem;
  }

  #FrameHome .mura-founder-refined__portrait {
    margin-top: 0;
  }

  #FrameHome > .mura-home-section ~ .mura-home-section::before {
    width: min(calc(100% - 3rem), 36rem);
  }
}

@media (max-width: 820px) {
  #FrameHome.frame-home .mura-home-section h2 {
    font-size: clamp(1.875rem, 8vw, 2.375rem);
    line-height: 1.18;
  }
}

/* Center standalone introductions while keeping detailed copy easy to scan. */
#FrameHome .mura-measurements .mura-measurements__intro,
#FrameHome .mura-measurements .mura-measurements__intro h2 {
  text-align: center;
}
#FrameHome .mura-measurements .mura-measurements__intro h2 {
  margin-inline: auto;
}

@media (max-width: 960px) {
  #FrameHome :is(.mura-discovery__copy, .mura-experiment > .frame-intro__copy, .mura-progress > .frame-app__copy, .mura-architecture__heading, .frame-principles__intro) {
    text-align: center;
    justify-self: center;
    margin-inline: auto;
  }

  #FrameHome :is(#FrameInsightTitle, #FrameIntroTitle, #FrameAppTitle, #FrameHowTitle, #FramePrinciplesTitle) {
    margin-inline: auto;
    text-align: center;
  }

  #FrameHome .mura-discovery .mura-discovery__description {
    margin-inline: auto;
    text-align: center;
  }
}