/* =========================================================================
   ENISHI - Representative Message page (message.html)
   ========================================================================= */

.message-page{
  background:#fff;
}

.message-hero{
  min-height:620px;
  padding-block:56px 86px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 46%, rgba(255,255,255,.58) 70%, rgba(255,255,255,.22) 100%),
    radial-gradient(circle at 78% 42%, rgba(255,122,0,.18) 0 16%, rgba(255,122,0,.06) 17% 30%, transparent 31%),
    linear-gradient(135deg, #f9fbfd 0%, #fff 48%, #eef3f7 100%);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.message-hero__inner{
  display:flex;
  flex-direction:column;
  gap:42px;
}
.message-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  font-family:var(--font-en);
  font-size:12px;
  font-weight:600;
  letter-spacing:1.4px;
  color:var(--muted);
}
.message-breadcrumb a{
  color:var(--muted);
}
.message-breadcrumb a:hover{
  color:var(--accent);
}
.message-breadcrumb__sep{
  color:var(--accent);
}
.message-hero__grid{
  display:flex;
  align-items:center;
  min-height:430px;
}
.message-hero__text{
  width:min(720px, 100%);
  display:flex;
  flex-direction:column;
  gap:22px;
  padding:38px 42px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 22px 54px rgba(22,49,74,.12);
  backdrop-filter:blur(8px);
}
.message-kicker{
  font-family:var(--font-en);
  font-size:12px;
  font-weight:600;
  letter-spacing:2.4px;
  color:var(--accent);
}
.message-title{
  margin:0;
  font-family:var(--font-heading);
  font-size:clamp(38px, 5vw, 64px);
  line-height:1.16;
  color:var(--ink);
}
.message-copy{
  margin:0;
  font-family:var(--font-heading);
  font-size:clamp(26px, 3.2vw, 42px);
  line-height:1.55;
  letter-spacing:.04em;
  color:var(--ink);
}
.message-lead{
  max-width:780px;
  margin:0;
  font-size:16px;
  line-height:1.9;
  color:var(--muted);
}

.message-content{
  padding-block:72px 96px;
}
.message-content__inner{
  max-width:940px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:54px;
}
.message-section{
  display:flex;
  flex-direction:column;
  gap:28px;
}
.message-section + .message-section{
  padding-top:48px;
  border-top:1px solid rgba(22,49,74,.12);
}
.message-section__title{
  margin:0;
  padding-left:18px;
  border-left:4px solid var(--accent);
  font-family:var(--font-heading);
  font-size:28px;
  line-height:1.45;
  color:var(--ink);
}
.message-body{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.message-body p{
  margin:0;
  font-size:16px;
  line-height:1.82;
  color:var(--ink);
}
.message-body .message-subcopy{
  font-family:var(--font-heading);
  font-size:22px;
  font-weight:700;
  line-height:1.7;
  color:var(--navy);
}
@media (max-width:960px){
  .message-hero{
    min-height:560px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 54%, rgba(255,255,255,.62) 100%),
      radial-gradient(circle at 74% 22%, rgba(255,122,0,.18) 0 16%, rgba(255,122,0,.06) 17% 30%, transparent 31%),
      linear-gradient(135deg, #f9fbfd 0%, #fff 48%, #eef3f7 100%);
    background-size:cover;
    background-position:center;
  }
  .message-hero__grid{
    min-height:360px;
  }
}

@media (max-width:640px){
  .message-hero{
    min-height:auto;
    padding-block:40px 54px;
  }
  .message-hero__inner{
    gap:30px;
  }
  .message-hero__grid{
    min-height:auto;
  }
  .message-hero__text{
    padding:28px 24px;
    border-radius:14px;
    gap:18px;
  }
  .message-copy{
    font-size:25px;
  }
  .message-content{
    padding-block:54px 72px;
  }
  .message-section__title{
    font-size:24px;
  }
  .message-section + .message-section{
    padding-top:34px;
  }
  .message-body p{
    font-size:15px;
    line-height:1.78;
  }
}