/* ============================================================
   HẢI VŨ PIANO ACADEMY — ACHIEVEMENT HERO V97.1
   Target: /thanh-qua-hoc-tap only
   Base: V96 responsive hero + V97 visual balance
   ============================================================ */

body.hv-achievements .hv75-achievement-intro[data-hv971-achievement-hero]{
  position:relative!important;
  isolation:isolate;
  display:flex!important;
  align-items:center!important;
  height:var(--hv97-hero-h,clamp(460px,34vw,510px))!important;
  min-height:var(--hv97-hero-h,clamp(460px,34vw,510px))!important;
  max-height:var(--hv97-hero-h,clamp(460px,34vw,510px))!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f8f7f2!important;
  border-bottom:1px solid rgba(24,56,79,.08)!important;
}

body.hv-achievements .hv75-achievement-intro .hv971-achievement-media{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:58% 58%;
}

/* The approved image already has a bright left side. This subtle veil only
   protects reading contrast and lets the right-side piano remain visible. */
body.hv-achievements .hv75-achievement-intro .hv971-achievement-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(255,255,255,.96) 0%,
    rgba(255,255,255,.91) 31%,
    rgba(255,255,255,.58) 48%,
    rgba(255,255,255,.13) 66%,
    rgba(255,255,255,.02) 100%);
}

body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(var(--hv97-content,1160px),calc(100% - 52px))!important;
  max-width:var(--hv97-content,1160px)!important;
  margin-inline:auto!important;
  padding:0!important;
}

body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid > div:first-child,
body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-copy{
  width:min(600px,52%)!important;
  max-width:600px!important;
  min-width:0!important;
}

body.hv-achievements .hv75-achievement-intro h1{
  margin:10px 0 16px!important;
  max-width:14ch!important;
  color:#123754!important;
  font-size:var(--hv97-title,clamp(36px,3.25vw,50px))!important;
  line-height:1.06!important;
  letter-spacing:-.026em!important;
  text-wrap:balance!important;
}

body.hv-achievements .hv75-achievement-intro .hv5-eyebrow{
  display:block!important;
  margin:0!important;
  color:#9a6429!important;
  font-size:11.5px!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
}

body.hv-achievements .hv75-achievement-intro-copy p{
  margin:0 0 18px!important;
  max-width:580px!important;
  color:#405c70!important;
  font-size:var(--hv97-lead,clamp(15.5px,1.12vw,17.5px))!important;
  line-height:1.58!important;
}

body.hv-achievements .hv75-achievement-intro .hv5-actions{
  margin-top:18px!important;
  gap:10px!important;
}

@media(max-width:1366px){
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid{
    width:min(1120px,calc(100% - 46px))!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid > div:first-child,
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-copy{
    width:min(570px,52%)!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv971-achievement-media{
    object-position:60% 58%;
  }
}

@media(max-width:1024px){
  body.hv-achievements .hv75-achievement-intro[data-hv971-achievement-hero]{
    height:clamp(455px,47vw,480px)!important;
    min-height:clamp(455px,47vw,480px)!important;
    max-height:clamp(455px,47vw,480px)!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid{
    width:min(900px,calc(100% - 38px))!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid > div:first-child,
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-copy{
    width:min(560px,61%)!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv971-achievement-media{
    object-position:64% 58%;
  }
  body.hv-achievements .hv75-achievement-intro .hv971-achievement-overlay{
    background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.58) 60%,rgba(255,255,255,.12) 100%);
  }
}

@media(max-width:768px){
  body.hv-achievements .hv75-achievement-intro[data-hv971-achievement-hero]{
    height:clamp(520px,78vw,570px)!important;
    min-height:clamp(520px,78vw,570px)!important;
    max-height:clamp(520px,78vw,570px)!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid{
    width:calc(100% - 30px)!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid > div:first-child,
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-copy{
    width:100%!important;
    max-width:560px!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv971-achievement-media{
    object-position:68% 58%;
  }
  body.hv-achievements .hv75-achievement-intro .hv971-achievement-overlay{
    background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.91) 54%,rgba(255,255,255,.62) 100%);
  }
}

@media(max-width:480px){
  body.hv-achievements .hv75-achievement-intro[data-hv971-achievement-hero]{
    height:555px!important;
    min-height:555px!important;
    max-height:555px!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv75-achievement-intro-grid{
    width:calc(100% - 24px)!important;
  }
  body.hv-achievements .hv75-achievement-intro h1{
    font-size:clamp(31px,9vw,35px)!important;
    max-width:13ch!important;
  }
  body.hv-achievements .hv75-achievement-intro-copy p{
    font-size:15px!important;
    line-height:1.55!important;
  }
  body.hv-achievements .hv75-achievement-intro .hv971-achievement-media{
    object-position:72% 58%;
  }
  body.hv-achievements .hv75-achievement-intro .hv971-achievement-overlay{
    background:rgba(255,255,255,.79);
  }
}