.hv26-knowledge{
  --hv26-ink:#173851;
  --hv26-muted:#607485;
  --hv26-gold:#c47a0d;
  --hv26-line:rgba(23,56,81,.11);
  --hv26-red:#d71920;
  padding:26px 0 54px;
  background:#fff;
}
.hv26-knowledge .hv26-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.hv26-head{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.88fr);
  gap:58px;align-items:end;margin-bottom:24px
}
.hv26-kicker{display:block;margin-bottom:7px;color:var(--hv26-gold);font-size:12px;font-weight:650;letter-spacing:.045em}
.hv26-title{
  margin:0;color:var(--hv26-ink);font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(40px,3.6vw,52px);line-height:.98;letter-spacing:-.035em;font-weight:700
}
.hv26-intro{margin:0 0 3px;max-width:620px;color:var(--hv26-muted);font-size:17px;line-height:1.62}
.hv26-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hv26-card{
  position:relative;min-height:218px;overflow:hidden;border:1px solid var(--hv26-line);
  border-radius:14px;background:#f8fafb;box-shadow:0 2px 8px rgba(20,43,56,.025);
  isolation:isolate;transform:translateY(0);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.hv26-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(24,55,72,.08);border-color:rgba(23,56,81,.18)}
.hv26-card-bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  z-index:-3;transform:scale(1.002);transition:transform .3s ease
}
.hv26-card:hover .hv26-card-bg{transform:scale(1.025)}
.hv26-card::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.68) 57%,rgba(255,255,255,.10) 100%)
}
.hv26-card::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 60%,rgba(16,40,54,.06) 100%)
}
.hv26-card-link{display:flex;flex-direction:column;min-height:218px;padding:18px 18px 14px;color:inherit;text-decoration:none}
.hv26-no{color:var(--hv26-gold);font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1;margin-bottom:15px}
.hv26-card-title{
  max-width:62%;margin:0 0 8px;color:#113d68;font-family:Georgia,"Times New Roman",serif;
  font-size:24px;line-height:1.03;font-weight:700;letter-spacing:-.02em
}
.hv26-card-desc{max-width:60%;margin:0;color:#58718a;font-size:14.5px;line-height:1.46}
.hv26-arrow{margin-top:auto;color:var(--hv26-gold);font-size:27px;line-height:1;font-weight:400}

/* ABRSM deliberately red */
.hv26-card--abrsm .hv26-abrsm-mark{
  position:absolute;right:18px;top:50%;z-index:2;transform:translateY(-50%) rotate(-1deg);
  color:var(--hv26-red);font-family:Arial,Helvetica,sans-serif;font-size:28px;line-height:1;
  font-weight:800;letter-spacing:-.04em;text-shadow:0 1px 0 rgba(255,255,255,.75)
}
.hv26-card--abrsm .hv26-card-bg{filter:saturate(.84) brightness(1.03)}
.hv26-card--abrsm::before{
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 38%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.14) 100%)
}

.hv26-card--composer .hv26-card-bg{object-position:62% 48%}
.hv26-card--history .hv26-card-bg{object-position:62% 54%}
.hv26-card--parent .hv26-card-bg{object-position:66% 48%}
.hv26-card--performance .hv26-card-bg{object-position:62% 45%}
.hv26-card--academic .hv26-card-bg{object-position:60% 50%}

@media (min-width:980px) and (max-height:920px){
  .hv26-knowledge{padding-top:18px;padding-bottom:42px}
  .hv26-head{margin-bottom:18px;gap:44px}
  .hv26-title{font-size:clamp(38px,3.15vw,47px)}
  .hv26-intro{font-size:16px}
  .hv26-card,.hv26-card-link{min-height:190px}
  .hv26-card-link{padding:15px 16px 12px}
  .hv26-no{font-size:22px;margin-bottom:11px}
  .hv26-card-title{font-size:21px}
  .hv26-card-desc{font-size:13.5px}
  .hv26-arrow{font-size:24px}
  .hv26-card--abrsm .hv26-abrsm-mark{font-size:25px}
}
@media(max-width:1080px){.hv26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .hv26-knowledge{padding:30px 0 44px}
  .hv26-knowledge .hv26-wrap{width:min(100% - 32px,1240px)}
  .hv26-head{grid-template-columns:1fr;gap:14px;margin-bottom:20px}
  .hv26-title{font-size:39px;line-height:1.03}
  .hv26-intro{font-size:16px}
  .hv26-grid{grid-template-columns:1fr;gap:12px}
  .hv26-card,.hv26-card-link{min-height:196px}
  .hv26-card-title{font-size:23px}
  .hv26-card-title,.hv26-card-desc{max-width:62%}
}
@media(max-width:480px){
  .hv26-card::before{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.40) 77%,rgba(255,255,255,.06) 100%)}
  .hv26-card-title,.hv26-card-desc{max-width:68%}
}