/* Final Humanscale composition: compact fixed row, complete chair, normal site type. */

@media (min-width: 701px) {
  body.muf-modern.home .muf-freedom-feature__top {
    height: clamp(420px, 22.5vw, 450px);
    min-height: 0;
    max-height: 450px;
  }

  body.muf-modern.home .muf-freedom-feature__image {
    position: relative;
    min-height: 0;
    isolation: isolate;
    background-color: #7e756c;
    background-position: 50% 50%;
    background-size: cover;
  }

  body.muf-modern.home .muf-freedom-feature__image::before {
    position: absolute;
    z-index: 0;
    inset: -24px;
    background-image: inherit;
    background-position: 50% 50%;
    background-size: cover;
    content: "";
    filter: blur(22px) saturate(.82);
    opacity: .72;
    transform: scale(1.07);
  }

  body.muf-modern.home .muf-freedom-feature__image::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: rgba(29, 28, 26, .12);
    content: "";
  }

  body.muf-modern.home .muf-freedom-feature__image img {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: contain;
    object-position: 50% 50%;
    transform: none;
  }

  body.muf-modern.home .muf-freedom-feature:hover .muf-freedom-feature__image img {
    transform: none;
  }

  body.muf-modern.home .muf-freedom-feature__copy {
    display: grid;
    grid-template-rows: auto 1fr auto;
    justify-content: stretch;
    padding: clamp(30px, 2.25vw, 42px) clamp(31px, 3.1vw, 58px) clamp(31px, 2.4vw, 45px);
  }

  body.muf-modern.home .muf-freedom-feature__copy h2 {
    max-width: 14ch;
    color: #171914;
    font-family: inherit;
    font-size: clamp(34px, 2.28vw, 43px);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -.042em;
  }

  body.muf-modern.home .muf-freedom-feature__details {
    grid-row: 3;
    align-self: end;
  }

  body.muf-modern.home .muf-freedom-feature__details > p {
    max-width: 62ch;
    margin: 0;
    color: #292b26;
    font-size: clamp(13px, .84vw, 15px);
    line-height: 1.5;
  }

  body.muf-modern.home .muf-freedom-feature__actions {
    margin-top: clamp(16px, 1.15vw, 21px);
  }
}

@media (min-width: 701px) and (max-width: 980px) {
  body.muf-modern.home .muf-freedom-feature__top {
    height: 440px;
    max-height: 440px;
  }

  body.muf-modern.home .muf-freedom-feature__copy {
    padding: 27px 26px 30px;
  }

  body.muf-modern.home .muf-freedom-feature__copy h2 {
    font-size: clamp(32px, 4vw, 39px);
  }

  body.muf-modern.home .muf-freedom-feature__details > p {
    font-size: 12.5px;
    line-height: 1.46;
  }

  body.muf-modern.home .muf-freedom-feature__actions {
    gap: 8px;
    margin-top: 15px;
  }
}

@media (max-width: 700px) {
  body.muf-modern.home .muf-freedom-feature__image {
    background-image: none !important;
  }

  body.muf-modern.home .muf-freedom-feature__copy {
    display: flex;
    padding: 36px 23px 40px;
  }

  body.muf-modern.home .muf-freedom-feature__copy h2 {
    max-width: 15ch;
    font-family: inherit;
    font-size: clamp(32px, 9.5vw, 40px);
    font-weight: 800;
    line-height: 1.03;
    letter-spacing: -.04em;
  }

  body.muf-modern.home .muf-freedom-feature__details > p {
    margin: 21px 0 0;
    color: #292b26;
    font-size: 14px;
    line-height: 1.58;
  }

  body.muf-modern.home .muf-freedom-feature__actions {
    margin-top: 23px;
  }
}