.hero{
  min-height:0;
  aspect-ratio:3.75 / 1;
  display:grid;
  align-items:center;
  padding:0;
  background-image:linear-gradient(90deg,rgba(9,28,44,.92) 0%,rgba(9,28,44,.72) 40%,rgba(9,28,44,.18) 70%),url("assets/site-main-banner.png");
  background-size:cover;
  background-position:center 48%;
}
.hero .wrap{width:min(1100px,calc(100% - 32px));padding:0}
.main-copy{width:min(650px,58%);overflow-wrap:normal;word-break:keep-all}
.main-copy{margin:0;font-size:clamp(1.35rem,3.4vw,2.2rem);font-weight:800;line-height:1.65;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.site-links{background:#fff;border-bottom:1px solid #d9e1e7}.site-links .wrap{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:9px 0}.site-links a{padding:6px 11px;border-radius:7px;color:#12395b;font-weight:700;text-decoration:none}.site-links a:hover{background:#eef7f8}.page-intro{margin:28px 0 20px;padding:24px 28px;border-left:6px solid #176b87;background:#fff;border-radius:0 14px 14px 0;box-shadow:0 5px 18px rgba(23,51,74,.06)}.page-intro h1{margin:0;color:#12395b;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.25}.page-intro p:last-child{margin-bottom:0}
.hero-en{margin:.25rem 0;font-family:Georgia,serif;font-size:clamp(1.05rem,3vw,1.45rem);opacity:.92}
.topic-en{margin-top:-.45rem;color:var(--blue);font-family:Georgia,serif;font-weight:650}
.reverse-help{margin:-4px 0 18px;padding:10px 13px;border-left:4px solid var(--gold);background:#fff8e8;color:#52606b;font-size:.92rem}
.reverse-help b{color:var(--ink)}
@media(max-width:620px){
  .hero{min-height:270px;aspect-ratio:auto;padding:38px 0;background-position:62% center;background-image:linear-gradient(90deg,rgba(9,28,44,.94) 0%,rgba(9,28,44,.8) 55%,rgba(9,28,44,.28) 100%),url("assets/site-main-banner.png")}
  .hero .wrap{width:min(100% - 20px,1100px);padding:0}
  .main-copy{width:72%;word-break:keep-all}
  .main-copy{font-size:clamp(1.1rem,5.1vw,1.55rem);line-height:1.55}
  .site-links .wrap{justify-content:center;gap:2px}.site-links a{padding:5px 7px;font-size:.85rem}.page-intro{padding:19px 17px}
  .reverse-help b{display:block}
  .reverse-help{line-height:1.55}
}