/* v3：台本（ゆるAI_15）で作る3Dの犬と申し込みボタンまわり */
.pet { display: flex; align-items: center; gap: 18px; margin-top: 36px; }
.dog-3d { width: 200px; height: 200px; flex: none; }
.pet-badge {
  display: inline-block; padding: 4px 14px; border: 1px solid var(--brass); border-radius: 999px;
  font-size: 12px; letter-spacing: .2em; color: var(--brass-light); margin-bottom: 10px;
}
.pet-body { font-size: 14px; color: var(--ivory-dim); line-height: 2; }

@media (max-width: 900px) {
  /* スマホ：犬は文章の横に小さく。申し込みボタン（カード）とは縦に分けて重ならない */
  .pet { gap: 12px; margin-top: 28px; }
  .dog-3d { width: 132px; height: 132px; }
  .pet-body { font-size: 13px; }
}
@media (min-width: 901px) and (max-width: 1200px) {
  .dog-3d { width: 170px; height: 170px; }
}

/* 景色の上の文章を読みやすく（明るい湖の反射の上でも） */
.copy-desc::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(12,23,18,.72) 0%, rgba(12,23,18,.35) 45%, rgba(12,23,18,0) 70%);
}
@media (max-width: 900px) {
  .copy-desc::before { background: linear-gradient(0deg, rgba(12,23,18,.85) 0%, rgba(12,23,18,.5) 45%, rgba(12,23,18,0) 75%); }
}
.hero-copy.copy-desc { z-index: 5; }