/* APOLLO TOWN 綱島 — 共通 styles.css の上に載せる街ごとの差分。主色は小さい文字にも使うので、紙の上で 4.5:1 以上にする。 */
:root {
  --teal: #BA5074;
  --teal-deep: #7A2E48;
  --teal-pale: #FBE7EE;
  --sky: #dcebf2;
}
.about-section .section-index, .about-copy dt { color: #F5B8CC; }
.site-footer nav a:hover { color: #F5B8CC; }

/* ヒーロー: 妙蓮寺と同じ重ね方(空の上に俯瞰の街を multiply)。見出しが絵に重ならないよう、絵を下げてマスクで空に溶かす。 */
.hero--tsunashima { background: #dcebf2; }
.hero-sky--tsunashima { background-image: url("assets/hero-sky.webp"); }
.hero-art--tsunashima {
  inset: 26% 0 0;
  height: 74%;
  object-position: 50% 100%;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 22%);
}
.hero--tsunashima .hero-kicker, .hero--tsunashima h1 { color: #7A2E48; }
.hero--tsunashima .hero-copy { padding-top: 70px; }
.hero--tsunashima .hero-kicker { margin-bottom: 40px; }
@media (max-width: 820px) {
  .hero-art--tsunashima { inset: 38% -30% 0; width: 160%; height: 62%; object-position: 52% 100%; }
}
@media (max-width: 560px) {
  .hero-art--tsunashima { inset: 44% -50% 0; width: 200%; height: 56%; }
  .hero--tsunashima .hero-greeting { font-size: .84rem; }
}