.about-hero {
  display: grid;
  height: 500px;
  grid-template-columns: 43% 57%;
  border-top: 1px solid var(--color-line);
  border-bottom: 0;
  background: #ffffff;
}

.about-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 56px 64px 40px max(var(--page-gutter), calc((100vw - 1248px) / 2));
}

.about-hero h1 {
  margin: 18px 0 0;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.35;
}

.about-hero__intro {
  margin-top: 54px;
}

.about-hero__intro p,
.about-message__inner > p,
.package-sign__copy > p:last-child,
.thoughtful-making__lead > p,
.brand-expansion__inner > p {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-body);
  font-weight: 500;
  line-height: 2;
}

.about-hero__intro .text-link {
  margin-top: 20px;
}

.about-hero__visual,
.package-sign__visual {
  min-width: 0;
  margin: 0;
  overflow: hidden;
}

.about-hero__visual img,
.package-sign__visual img,
.package-sign__visual .motion-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-hero__visual img {
  object-position: center;
}

.about-message {
  padding: 70px 0 76px;
  border-top: 0;
  border-bottom: 1px solid var(--color-line);
}

.about-message__inner {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: end;
  gap: 60px;
}

.about-message__inner > p {
  max-width: 560px;
  font-weight: 400;
}

.about-message h2,
.about-values h2,
.package-sign h2,
.thoughtful-making h2,
.brand-expansion h2 {
  margin: 24px 0 0;
  font-size: 37px;
  font-weight: 700;
  line-height: 1.48;
}

.about-values {
  padding: 58px 0 64px;
  color: #ffffff;
  background: #111111;
}

.about-values h2 {
  font-size: 34px;
}

.about-values__inner {
  display: grid;
  grid-template-columns: 400px minmax(0, 1fr);
  gap: 30px;
}

.about-values .eyebrow {
  color: #b8b8b8;
}

.about-values__lead > p:last-child {
  margin: 22px 0 0;
  color: #c8c8c8;
  font-size: var(--font-body);
  line-height: 1.9;
}

.about-values__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-left: 1px solid #5a5a5a;
}

.about-values__grid article {
  min-width: 0;
  padding: 2px 22px 0;
  border-right: 1px solid #5a5a5a;
}

.about-values__number,
.about-values__grid h3,
.about-values__grid p {
  margin: 0;
}

.about-values__number {
  font-size: 22px;
  font-weight: 700;
}

.about-values__grid h3 {
  margin-top: 8px;
  font-size: 20px;
}

.about-values__grid strong {
  display: block;
  margin-top: 28px;
  font-size: var(--font-body);
}

.about-values__grid article > p:last-child {
  margin-top: 10px;
  color: #d0d0d0;
  font-size: var(--font-body);
  line-height: 1.75;
}

.package-sign {
  display: grid;
  min-height: 490px;
  grid-template-columns: 50% 50%;
  border-bottom: 1px solid var(--color-line);
}

.package-sign__visual img,
.package-sign__visual .motion-video {
  object-position: center;
}

.package-sign__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 58px 80px;
}

.package-sign__copy > p:last-child {
  margin-top: 26px;
}

@media (min-width: 768px) {
  .package-sign h2 span {
    white-space: nowrap;
  }
}

.thoughtful-making {
  padding: 70px 0 72px;
  border-bottom: 1px solid var(--color-line);
}

.thoughtful-making__lead {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) minmax(0, 1fr);
  align-items: end;
  gap: 60px;
}

.thoughtful-making__lead > p {
  font-weight: 400;
}

.making-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 42px;
  border-top: 1px solid var(--color-line);
}

.making-facts article {
  padding: 22px 30px 0;
  border-left: 1px solid #b7b7b7;
  text-align: center;
}

.making-facts article:first-child {
  border-left: 0;
}

.making-facts h3,
.making-facts p {
  margin: 0;
}

.making-facts h3 {
  font-size: var(--font-body);
}

.making-facts p {
  margin-top: 8px;
  color: var(--color-muted);
  font-size: var(--font-note);
  line-height: 1.65;
}

.brand-expansion {
  padding: 60px 0 64px;
  border-bottom: 1px solid var(--color-line);
  background: #f7f6f2;
}

.brand-expansion__inner {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: end;
  gap: 60px;
}

.brand-expansion__inner > p {
  max-width: 560px;
  font-weight: 400;
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .about-hero {
    height: 480px;
  }

  .about-hero__copy {
    padding-right: 40px;
  }

  .about-hero h1 {
    font-size: 44px;
  }

  .about-hero__intro p br,
  .about-message__inner > p br,
  .about-values__lead > p:last-child br,
  .package-sign__copy > p:last-child br {
    display: none;
  }

  .about-values__inner {
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 30px;
  }

  .about-values__grid article {
    padding-right: 14px;
    padding-left: 14px;
  }

  .package-sign__copy {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (max-width: 1023px) {
  .about-hero,
  .package-sign {
    height: auto;
    grid-template-columns: 1fr;
  }

  .about-hero__copy {
    min-height: 420px;
    padding: 60px var(--page-gutter);
  }

  .about-hero__visual,
  .package-sign__visual {
    height: 460px;
  }

  .about-message__inner,
  .about-values__inner,
  .thoughtful-making__lead,
  .brand-expansion__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .about-values__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-values__grid article {
    min-height: 230px;
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #5a5a5a;
  }

  .package-sign__copy {
    padding: 64px var(--page-gutter);
  }
}

@media (max-width: 767px) {
  .about-hero__copy {
    min-height: 390px;
    padding: 48px var(--page-gutter);
  }

  .about-hero h1 {
    font-size: 38px;
  }

  .about-hero__intro p,
  .about-message__inner > p,
  .about-values__lead > p:last-child,
  .about-values__grid article > p:last-child,
  .package-sign__copy > p:last-child,
  .thoughtful-making__lead > p,
  .brand-expansion__inner > p {
    font-size: var(--font-body-mobile);
  }

  .about-hero__intro p br,
  .about-message__inner > p br,
  .about-values__lead > p:last-child br,
  .package-sign__copy > p:last-child br {
    display: none;
  }

  .about-hero__visual,
  .package-sign__visual {
    height: 310px;
  }

  .about-message,
  .about-values,
  .thoughtful-making,
  .brand-expansion {
    padding-top: 54px;
    padding-bottom: 58px;
  }

  .about-message h2,
  .about-values h2,
  .package-sign h2,
  .thoughtful-making h2,
  .brand-expansion h2 {
    font-size: 29px;
  }

  .about-values__grid {
    grid-template-columns: 1fr;
  }

  .about-values__grid article {
    min-height: 0;
  }

  .making-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .making-facts article {
    min-height: 92px;
    padding: 20px 12px;
    border-bottom: 1px solid var(--color-line);
  }

  .making-facts article:nth-child(odd) {
    border-left: 0;
  }
}