.education-grid .education-card {
  position: relative;
  min-height: 310px;
  padding: 30px 30px 26px;
  border: 0;
  border-top: 3px solid var(--dark);
  background: #fff;
  color: var(--dark);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.education-grid .education-card:hover,
.education-grid .education-card:focus-visible {
  transform: translateY(-5px);
  border-color: var(--turquoise);
  box-shadow: 0 20px 45px rgba(17, 67, 66, .1);
  outline: none;
}
.education-grid .education-card > span { position:absolute; right:25px; top:22px; font:500 36px var(--serif); color:#d5e9e7; }
.education-grid .education-card b { display:block; margin-top:20px; color:var(--turquoise); font-size:9px; letter-spacing:.13em; text-transform:uppercase; }

.credential-dialog {
  width: min(680px, calc(100% - 32px));
  max-height: calc(100dvh - 40px);
  padding: 58px 62px 42px;
  border: 0;
  background: #f7f4ea;
  color: #17272c;
  box-shadow: 0 30px 90px rgba(7, 30, 28, .42);
  overflow: auto;
}
.credential-dialog::backdrop { background:rgba(7,29,27,.7); backdrop-filter:blur(6px); }
.credential-dialog[open] { animation:credential-in .25s ease-out both; }
@keyframes credential-in { from{opacity:0;transform:translateY(16px) scale(.98)} to{opacity:1;transform:none} }
.credential-close { position:absolute; top:18px; right:18px; display:grid; width:38px; height:38px; padding:0; place-items:center; border:1px solid rgba(18,63,57,.25); border-radius:50%; background:transparent; color:#123f39; font:300 25px/1 Arial,sans-serif; cursor:pointer; }
.credential-number { display:block; margin-bottom:25px; color:#c9e3df; font:500 54px/1 var(--serif); }
.credential-dialog h2 { margin:14px 0 24px; font:500 clamp(42px,7vw,66px)/.98 var(--serif); letter-spacing:-.04em; }
.credential-dialog h2 em { color:var(--turquoise); font-weight:500; }
.credential-lead { margin:0 0 26px; color:#58686a; font-size:15px; line-height:1.75; }
.credential-dialog ul { margin:0; padding:0; list-style:none; border-top:1px solid #cdd8d5; }
.credential-dialog li { position:relative; padding:17px 12px 17px 31px; border-bottom:1px solid #cdd8d5; color:#26393d; font-size:14px; line-height:1.5; }
.credential-dialog li::before { content:""; position:absolute; left:4px; top:24px; width:7px; height:7px; border-radius:50%; background:var(--turquoise); }
.credential-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:28px; }
.credential-dialog footer span { font:italic 20px/1.2 var(--serif); color:#123f39; }
.credential-dialog footer a { color:#123f39; font-size:10px; font-weight:700; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; }
@media(max-width:1050px){.education-grid .education-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.education-grid .education-card{min-height:0;margin-bottom:14px}.credential-dialog{padding:52px 27px 30px}.credential-dialog footer{align-items:flex-start;flex-direction:column}}