/* Client-requested corrections — revision 48 */

/* ABOUT / WORKS: use the complete content width so the lead settles into two lines. */
@media (min-width: 769px) {
  body.page-about .works-intro {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(300px, .52fr) minmax(0, 1.48fr) !important;
    gap: clamp(48px, 5.4vw, 82px) !important;
    align-items: center !important;
  }

  body.page-about .works-intro__heading,
  body.page-about .works-intro__desc {
    min-width: 0 !important;
  }

  body.page-about .works-intro__desc {
    width: 100% !important;
    max-width: none !important;
  }
}

/* COMPANY: remove the unintended outer rectangle while keeping the table rules. */
body.page-company .company-profile__inner {
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* CAFE: retain the pale editorial background but increase heading contrast. */
body.page-company .company-cafe .company-kicker {
  color: #24516d !important;
}

body.page-company .company-cafe .company-kicker-jp {
  color: #526774 !important;
}

/* TOP / SP concept: reveal the complete pendant and give the collage breathing room. */
@media (max-width: 768px) {
  body.page-home .concept {
    gap: 16px !important;
    padding-bottom: 112px !important;
  }

  body.page-home .concept__copy {
    margin: 30px 0 26px !important;
    padding-inline: 8px !important;
  }

  body.page-home .concept__pendant {
    top: calc(78.125vw + 190px) !important;
    right: 18px !important;
    width: 52px !important;
    z-index: 3 !important;
    opacity: 1 !important;
  }

  body.page-home .concept__leaf {
    bottom: 48px !important;
    left: -46px !important;
    width: 150px !important;
    opacity: 1 !important;
  }

  body.page-home .concept__chair {
    right: 18px !important;
    bottom: 34px !important;
    width: 68px !important;
    opacity: 1 !important;
  }
}