@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400&display=swap');
/* Homepage introduction: typography and open space, without boxed navigation. */
.brand-introduction {
  max-width: 1280px;
  margin: 0 auto;
  padding: 104px 6% 108px;
  display: grid;
  grid-template-columns: 1fr 1.18fr;
  gap: clamp(40px, 6vw, 100px);
  align-items: start;
}
.brand-signature { padding-top: 0; }
.brand-official-logo {
  width: 260px;
  max-width: 100%;
  height: auto;
  filter: brightness(0) saturate(100%) invert(14%) sepia(17%) saturate(882%) hue-rotate(99deg) brightness(95%) contrast(92%);
}
.brand-name {
  font: 400 clamp(32px, 3.5vw, 48px)/1.2 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
  white-space: nowrap;
  margin: 0;
}
.brand-origin {
  color: #7c7054;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: .23em;
  margin: 22px 0 0;
}
.brand-editorial h1 { margin: 0; letter-spacing: 0; font-weight: 400; }
.brand-japanese {
  display: block;
  font: 400 11px/1.8 "Noto Sans JP", sans-serif;
  letter-spacing: .12em;
  margin-bottom: 24px;
}
.brand-message {
  display: block;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(25px, 2.7vw, 34px);
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: .07em;
}
.brand-description {
  max-width: 440px;
  font-size: 13px;
  font-weight: 400;
  line-height: 2.3;
  color: #535c53;
  margin: 29px 0 0;
}
.brand-links { display: flex; flex-wrap: wrap; gap: 16px 27px; margin-top: 35px; }
.brand-links a {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .02em;
  padding: 0 0 5px;
  border-bottom: 1px solid #a6ab9e;
}
.brand-links a:hover { border-color: var(--green); text-decoration: none; }
@media (max-width: 700px) {
  .brand-introduction { grid-template-columns: 1fr; gap: 41px; padding: 52px 7% 62px; }
  .brand-signature { padding-top: 0; }
  .brand-name { font-size: 37px; }
  .brand-official-logo { width: 215px; }
  .brand-origin { font-size: 8px; margin-top: 14px; }
  .brand-japanese { font-size: 10px; margin-bottom: 17px; }
  .brand-message { font-size: 27px; line-height: 1.85; }
  .brand-description { font-size: 12px; margin-top: 24px; }
  .brand-links { gap: 15px 20px; margin-top: 28px; }
  .brand-links a { font-size: 11px; }
}