/* HẢI VŨ PIANO ACADEMY — Achievement Honors V99.0 */
:root{
  --hv99-navy:#0b3552;
  --hv99-ink:#153f59;
  --hv99-muted:#667b89;
  --hv99-line:#dfe6ea;
  --hv99-gold:#a76f2a;
  --hv99-bg:#f7f8f7;
  --hv99-white:#fff;
}
.hv99-honors{padding:56px 0 62px;background:var(--hv99-bg);border-top:1px solid rgba(24,56,79,.06);border-bottom:1px solid rgba(24,56,79,.06)}
.hv99-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.hv99-head{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:36px;align-items:end;margin-bottom:18px}
.hv99-head .hv5-eyebrow{display:block;margin-bottom:8px}
.hv99-head h2{margin:0!important;color:var(--hv99-navy);font-family:"Noto Serif",Georgia,serif;font-size:clamp(34px,3.05vw,48px)!important;line-height:1.08!important;letter-spacing:-.03em}
.hv99-head p{margin:0;max-width:720px;color:var(--hv99-muted);font-size:16.5px;line-height:1.65}
.hv99-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px;padding:11px 0 0;border-top:1px solid rgba(20,59,84,.08)}
.hv99-summary-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a99a3;margin-right:2px}
.hv99-summary-item{display:inline-flex;align-items:baseline;gap:7px;padding:7px 12px;border:1px solid #dfe6ea;border-radius:999px;background:rgba(255,255,255,.72);color:var(--hv99-navy);font-size:13px;font-weight:650}
.hv99-summary-item strong{font-family:"Noto Serif",Georgia,serif;font-size:20px;line-height:1;color:var(--hv99-navy)}
.hv99-stage{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(360px,.98fr);gap:30px;align-items:stretch}
.hv99-gallery,.hv99-story{min-width:0}
.hv99-main{position:relative;margin:0;background:#eceeea;border-radius:18px;overflow:hidden;box-shadow:0 18px 46px rgba(20,52,73,.08)}
.hv99-main button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:inherit}
.hv99-main img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}
.hv99-caption{padding:11px 14px 12px;background:#fff;color:#657987;font-size:13px;line-height:1.45;border-top:1px solid rgba(20,59,84,.06)}
.hv99-thumbs-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;align-items:center;margin-top:13px}
.hv99-arrow{width:40px;height:40px;border-radius:999px;border:1px solid #d7e0e5;background:#fff;color:var(--hv99-navy);font:inherit;font-size:18px;cursor:pointer;transition:.18s ease}
.hv99-arrow:hover{border-color:#afc0ca;transform:translateY(-1px)}
.hv99-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.hv99-thumb{position:relative;padding:0;border:1px solid transparent;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;opacity:.72;transition:.2s ease}
.hv99-thumb:hover{opacity:1}.hv99-thumb.is-active{opacity:1;border-color:#b98a4d;box-shadow:0 0 0 2px rgba(185,138,77,.13)}
.hv99-thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.hv99-story{display:flex}
.hv99-note{display:none;width:100%;padding:34px 34px 30px;border:1px solid var(--hv99-line);border-radius:18px;background:#fff;box-shadow:0 18px 46px rgba(20,52,73,.055);align-self:stretch}
.hv99-note.is-active{display:flex;flex-direction:column}
.hv99-note-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.hv99-year{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f4efe7;color:#8c5f27;font-size:12px;font-weight:750;letter-spacing:.06em}
.hv99-event{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9a6c33}
.hv99-note h3{margin:0 0 14px!important;color:var(--hv99-navy);font-family:"Noto Serif",Georgia,serif;font-size:clamp(27px,2.15vw,35px)!important;line-height:1.17!important;letter-spacing:-.026em}
.hv99-note p{margin:0 0 20px;color:#526a79;font-size:16.5px;line-height:1.72}
.hv99-chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 22px}
.hv99-chip{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #dbe3e8;border-radius:999px;background:#f9faf9;color:#536c7b;font-size:12px;font-weight:650}
.hv99-chip--gold{border-color:#e1caa9;background:#fbf7f0;color:#8b5e28}
.hv99-note-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:auto;padding-top:20px;border-top:1px solid #e4eaed}
.hv99-note-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border-radius:999px;border:1px solid #cfdbe2;color:var(--hv99-navy);font-size:13.5px;font-weight:700;text-decoration:none}
.hv99-note-actions a:first-child{background:var(--hv99-navy);border-color:var(--hv99-navy);color:#fff}
.hv99-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(20,59,84,.09)}
.hv99-foot p{margin:0;color:#748691;font-size:13px;line-height:1.5}
.hv99-foot a{white-space:nowrap;color:var(--hv99-navy);font-size:14px;font-weight:750;text-decoration:none}
.hv99-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(5,18,28,.9)}
.hv99-lightbox.is-open{display:flex}
.hv99-lightbox-inner{position:relative;width:min(1180px,94vw);max-height:92vh}
.hv99-lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto;border-radius:12px;object-fit:contain;background:#111}
.hv99-lightbox p{margin:10px auto 0;max-width:920px;color:#e9eef1;text-align:center;font-size:13px;line-height:1.5}
.hv99-lightbox-close{position:absolute;right:-8px;top:-48px;width:40px;height:40px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:23px;cursor:pointer}
@media(max-width:1100px){
  .hv99-wrap{width:min(1000px,calc(100% - 38px))}
  .hv99-stage{grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);gap:24px}
  .hv99-note{padding:28px 26px 26px}
  .hv99-note h3{font-size:clamp(25px,2.6vw,32px)!important}
}
@media(max-width:900px){
  .hv99-honors{padding:46px 0 52px}.hv99-head,.hv99-stage{grid-template-columns:1fr}.hv99-head{gap:10px}.hv99-story{display:block}.hv99-note{min-height:0}.hv99-main img{aspect-ratio:16/10}.hv99-thumbs{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;padding-bottom:3px}.hv99-foot{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .hv99-wrap{width:calc(100% - 26px)}.hv99-honors{padding:38px 0 44px}.hv99-head h2{font-size:33px!important}.hv99-head p{font-size:15px}.hv99-summary{margin-bottom:18px}.hv99-summary-item{padding:6px 10px}.hv99-stage{gap:18px}.hv99-main{border-radius:14px}.hv99-main img{aspect-ratio:4/3}.hv99-thumbs-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:7px}.hv99-arrow{width:34px;height:34px}.hv99-thumbs{grid-template-columns:repeat(5,72px)}.hv99-note{padding:22px 20px 20px;border-radius:14px}.hv99-note h3{font-size:27px!important}.hv99-note p{font-size:15px}.hv99-note-top{align-items:flex-start;flex-direction:column;gap:8px}.hv99-note-actions{flex-direction:column}.hv99-note-actions a{width:100%}.hv99-lightbox{padding:16px}.hv99-lightbox-close{right:0;top:-45px}
}