/* Home-only background treatment; no portrait panel or opaque menu rectangle. */
.hero-visual { inset: 0; }
.hero-visual img {
  position: absolute; top: 100px; right: -28%; width: 86%; max-width: none; height: calc(100% - 100px);
  object-fit: cover; object-position: center top; transform: none; animation: none;
  filter: brightness(.57) saturate(.45) contrast(1.04);
  mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 26%,#000 54%);
}
.hero-visual::before {
  background: linear-gradient(90deg,#080b09 0%,rgba(8,11,9,.94) 28%,rgba(8,11,9,.55) 54%,rgba(8,11,9,.16) 78%,rgba(8,11,9,.42) 100%);
}
.hero-visual::after {
  background: linear-gradient(180deg,#080b09 0%,#080b09 120px,rgba(8,11,9,.65) 190px,transparent 290px,transparent 57%,#070a08 100%);
}
@media (max-width:720px) {
  .hero-visual img { top: 115px; right: -68%; width: 140%; height: calc(100% - 115px); object-position: center top; filter: brightness(.4) saturate(.35); mask-image: linear-gradient(90deg,transparent,#000 48%); }
  .hero-visual::before { background: linear-gradient(90deg,rgba(8,11,9,.96),rgba(8,11,9,.72) 55%,rgba(8,11,9,.48)); }
  .hero-visual::after { background: linear-gradient(180deg,#080b09 0%,#080b09 120px,rgba(8,11,9,.7) 220px,transparent 40%,#070a08 100%); }
}