/* 別案専用。締めのヒーローを青空へ広げ、現行案のトップには影響させない。 */
.hero-sky-top .hero { height: 59vw; min-height: 620px; max-height: 1060px; background: #1687f2; }
.hero-sky-top .hero-scene { height: 100%; background: #1687f2; }
.hero-sky-top .hero-top-art { position: absolute; inset: 0; display: block; }
.hero-sky-top .hero-top-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
/* 雲と白いナビゲーションが重なる部分だけ、空の青を薄く補って可読性を保つ。 */
.hero-sky-top .hero-scene:after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #00449c36, transparent 18%), linear-gradient(90deg, #0052b64d, transparent 54%); }
.hero-sky-top .language-picker { background: #045bb88f; }
/* 写真の左側へコピーを置く。淡い空にも白文字が沈まない程度の影だけを足す。 */
.hero-sky-top .hero-copy { inset: 0; text-shadow: 0 2px 14px #0051a93b; }
.hero-sky-top .hero h1 { left: 5.2%; top: 22%; font-size: clamp(44px, 6.2vw, 112px); line-height: 1.2; }
.hero-sky-top .hero-signature { left: 15%; top: 50%; font-size: clamp(20px, 2.5vw, 45px); }
.hero-sky-top .hero-lead { left: 5.5%; top: 58%; font-size: clamp(15px, 1.8vw, 30px); }
.hero-sky-top .hero-kicker { left: 5.5%; top: 68%; font-size: clamp(11px, 1.2vw, 20px); }
.hero-sky-top .hero-download { bottom: 3%; }
html[lang=en] .hero-sky-top .hero h1 { font-size: clamp(44px, 6.2vw, 112px); }
/* スマホは縦版の絵を下げ、コピーと髪・拳が重ならない上下構成にする。 */
@media (max-width: 760px) {
  .hero-sky-top .hero { height: auto; min-height: 0; max-height: none; padding-top: calc(148vw + var(--header-height)); background: #fff; }
  .hero-sky-top .hero-scene { height: calc(156vw + var(--header-height)); background: #1988f3; }
  .hero-sky-top .hero-top-art { top: var(--header-height); bottom: 0; }
  .hero-sky-top .hero-top-art img { object-position: center bottom; }
  .hero-sky-top .hero-scene:after { background: linear-gradient(180deg, #004b9c1a, transparent 35%); }
  .hero-sky-top .hero-copy { inset: var(--header-height) 0 auto; height: auto; display: flex; flex-direction: column; align-items: center; padding: 20px 12px 0; }
  .hero-sky-top .hero h1 { position: static; width: 100%; font-size: 12.6vw; line-height: 1.18; }
  .hero-sky-top .hero-signature { display: none; }
  .hero-sky-top .hero-lead { position: static; width: 100%; margin-top: 14px; font-size: 4.2vw; line-height: 1.5; }
  .hero-sky-top .hero-kicker { position: static; order: -1; width: 100%; margin-bottom: 10px; font-size: 2.9vw; line-height: 1.5; letter-spacing: .015em; }
  .hero-sky-top .hero-download { bottom: auto; margin-bottom: 18px; }
  html[lang=en] .hero-sky-top .hero h1 { font-size: 12.2vw; }
  html[lang=en] .hero-sky-top .hero-kicker { font-size: 2.9vw; }
}