/* TengenJP V7.6: index.html home-only visual and typography adjustments.
   The other four pages and their styles are untouched. */
.hero-home .hero-visual {
  background-image:url("home-hero-fuji-v76.webp");
  background-position:25% 48%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 20%,#000 57%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 20%,#000 57%);
  filter:saturate(.88) contrast(.97);
}
/* Retain the airy readability of the original hero while allowing the new high-res photo through. */
.hero-home .hero-gradient {
  background:
    linear-gradient(90deg,#faf9f5 0%,rgba(250,249,245,.99) 20%,rgba(250,249,245,.91) 34%,rgba(250,249,245,.55) 49%,rgba(250,249,245,.14) 70%,rgba(250,249,245,.02) 100%),
    linear-gradient(0deg,rgba(250,249,245,.45),transparent 25%);
}
/* Crop the user-supplied photography intentionally rather than force a stretched image. */
.intro-section .wide-photo img, .intro-photo img {object-position:50% 52%;filter:saturate(.84);}
.services-section .solution-card:nth-child(1) .solution-image img {object-position:50% 48%;}
.services-section .solution-card:nth-child(2) .solution-image img {object-position:50% 53%;}
.services-section .solution-card:nth-child(3) .solution-image img {object-position:50% 48%;}
/* Requested tighter Japanese character tracking, homepage only. */
html[lang="ja"] .hero-home h1 {letter-spacing:-2px;}
html[lang="ja"] main .display-heading,
html[lang="ja"] main .vision-inner h2,
html[lang="ja"] main .closing-content h2,
html[lang="ja"] main .solution-inner h3,
html[lang="ja"] main .challenge-card h3,
html[lang="ja"] main .method-step h3,
html[lang="ja"] main .editorial-item h3 {letter-spacing:-1px;}
html[lang="ja"] .hero-home .hero-lead,
html[lang="ja"] main .lead-para,
html[lang="ja"] main .text-panel p,
html[lang="ja"] main .chapter-body p,
html[lang="ja"] main .challenge-card p,
html[lang="ja"] main .services-topright p,
html[lang="ja"] main .solution-inner p,
html[lang="ja"] main .vision-text p,
html[lang="ja"] main .method-step p,
html[lang="ja"] main .editorial-item p,
html[lang="ja"] main .heading-aside {letter-spacing:-1px;}
@media(max-width:767px){
 .hero-home .hero-visual{
   inset:0;
   background-position:58% 49%;
   opacity:.55;
   -webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 14%,rgba(0,0,0,.2) 45%,#000 100%);
   mask-image:linear-gradient(180deg,transparent 0%,transparent 14%,rgba(0,0,0,.2) 45%,#000 100%);
 }
 .hero-home .hero-ring{top:auto;bottom:18%;right:20px;width:148px;opacity:.25;transform:rotate(-7deg);}
 .hero-home .hero-gradient{background:linear-gradient(90deg,rgba(250,249,245,.97),rgba(250,249,245,.82) 55%,rgba(250,249,245,.46)),linear-gradient(0deg,rgba(250,249,245,.57),transparent 40%);}
 html[lang="ja"] .hero-home h1{letter-spacing:-1.2px;}
 html[lang="ja"] .hero-home .hero-lead{letter-spacing:-.6px;}
}

/* V7.6.1 — home hero refinement (requested 2026-10-29)
   Keep the existing Fuji composition and left wash; reduce the photo's visual weight
   so the vermilion enso remains the clear focal graphic. */
@media (min-width:768px) {
  .hero-home .hero-visual { opacity: .72; }
}
/* V7.6.2 — remove the dark backing requested by user; keep the motto clean and light. */
.hero-home .hero-corner-note {
  color: rgba(255,255,255,.98);
  border-left: 1px solid rgba(255,255,255,.78);
  padding: 0 0 0 20px;
  background: transparent;
  text-shadow: 0 1px 5px rgba(0,0,0,.18);
  border-radius: 0;
}