/* education: every qualification has its own icon; the two featured ones are cards */
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,70px)}
.grp{display:flex;align-items:center;gap:.6em;margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--em);font-size:1.15rem;font-weight:500;letter-spacing:-.01em}
.grp .ic{color:var(--em)}
.edu{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(182,222,200,.16)}
.edu__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;border:1px solid rgba(182,222,200,.4);color:var(--mint);font-size:1.35rem;transition:background .4s,color .4s,border-color .4s,transform .5s var(--ease)}
.edu:hover .edu__ic{background:var(--em);border-color:var(--em);color:var(--ink);transform:rotate(-6deg) scale(1.08)}
.edu h3{font-size:1.1rem;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.edu p{margin:.3em 0 0;font-size:.98rem}
.edu p .flag{margin-right:.55em}
.edu time{font-family:var(--mono);font-size:.8rem;font-weight:500;letter-spacing:.06em;color:var(--mint);white-space:nowrap}
.edu--top{padding:16px;margin:10px -16px;border:1px solid var(--em);border-radius:18px;background:rgba(16,201,139,.1)}
.edu--top .edu__ic{width:56px;height:56px;border-radius:16px;background:var(--em);border-color:var(--em);color:var(--ink);font-size:1.6rem}
.edu--top h3{font-size:1.28rem}

@media (max-width:720px){
  .two{grid-template-columns:1fr}
  .edu{grid-template-columns:auto minmax(0,1fr)}
  .edu time{grid-column:2}
  .edu--top{margin-inline:0}
}