/* V9 hero upscale */
body .hero{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(30px,4vw,56px);
}
body .hero-visual{
  padding:0 0 10px 0;
}
body .hero-house,
body .hero-visual .facade-photo{
  width:100%;
  max-width:none;
  height:clamp(560px,46vw,760px);
  border-radius:30px;
}
body .hero-house img,
body .hero-visual .facade-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body .hero-photo-tag{
  top:22px;
  left:22px;
  right:auto;
}
body .hero-detail-label,
body .hero-note{
  left:28px;
  right:28px;
  bottom:26px;
  max-width:78%;
}
body .service-hero{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:center;
  gap:clamp(28px,4vw,54px);
}
body .service-hero-art{
  padding:20px;
}
body .service-page-photo,
body .service-hero .facade-photo{
  width:100%;
  max-width:none;
  height:clamp(420px,40vw,620px);
  border-radius:24px;
}
body .service-page-photo img,
body .service-hero .facade-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
@media (min-width:1400px){
  body .hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
  body .service-hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
  body .hero-house,
  body .hero-visual .facade-photo{height:780px}
  body .service-page-photo,
  body .service-hero .facade-photo{height:640px}
}
@media (max-width:1100px){
  body .hero-house,
  body .hero-visual .facade-photo{height:clamp(470px,50vw,620px)}
  body .service-page-photo,
  body .service-hero .facade-photo{height:clamp(360px,42vw,520px)}
}
@media (max-width:900px){
  body .hero,
  body .service-hero{grid-template-columns:1fr}
  body .hero-house,
  body .hero-visual .facade-photo{height:clamp(390px,62vw,540px)}
  body .service-page-photo,
  body .service-hero .facade-photo{height:clamp(310px,58vw,440px)}
  body .hero-detail-label,
  body .hero-note{left:18px;right:18px;bottom:18px;max-width:calc(100% - 36px)}
}
@media (max-width:650px){
  body .hero-visual{padding-bottom:12px}
  body .hero-house,
  body .hero-visual .facade-photo{height:clamp(320px,84vw,470px);border-radius:24px}
  body .hero-photo-tag{top:14px;left:14px}
  body .hero-detail-label,
  body .hero-note{left:14px;right:14px;bottom:14px;max-width:calc(100% - 28px)}
  body .service-hero-art{padding:14px}
  body .service-page-photo,
  body .service-hero .facade-photo{height:clamp(250px,72vw,360px);border-radius:18px}
}