/* Liudmila portfolio — v3.16 focused polish
   Scope: hero image/brand lockup + compact education cards. */

/* ---------- HEADER LOCKUP ---------- */
.personal-brand .brand-scope{
  font-size:10.2px!important;
  letter-spacing:.045em!important;
  line-height:1.08!important;
  margin-top:6px!important;
  color:rgba(255,255,255,.80)!important;
}
.personal-brand .brand-scope em,
.personal-brand .brand-scope i{
  font-weight:800!important;
}

/* ---------- HERO IMAGE: full-quality, flush to the right edge ---------- */
@media (min-width:769px){
  .personal-hero-grid{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding-right:0!important;
  }
  .personal-hero-copy{
    padding-right:44px!important;
  }
  .personal-hero-portrait{
    right:0!important;
    width:52%!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .personal-hero-portrait img{
    object-position:center 31%!important;
    filter:saturate(.96) contrast(1.035)!important;
  }
}

/* ---------- EDUCATION: compact three-card rhythm ---------- */
.education-v316{
  padding-top:50px!important;
  padding-bottom:58px!important;
}
.education-v316-intro{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.58fr)!important;
  gap:50px!important;
  margin:16px 0 26px!important;
  align-items:end!important;
}
.education-v316-intro h2{
  font-size:clamp(48px,4.8vw,76px)!important;
  line-height:.92!important;
  max-width:900px!important;
}
.education-v316-intro p{
  font-size:14px!important;
  line-height:1.62!important;
  max-width:500px!important;
}
.education-v316-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.education-v316-card{
  border-radius:26px!important;
  border:1px solid rgba(7,26,37,.08)!important;
  box-shadow:0 16px 34px rgba(7,26,37,.045)!important;
  background:#fff!important;
  overflow:hidden!important;
}
.education-v316-cover{
  min-height:154px!important;
  padding:18px 22px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}
.education-v316-cover::before{
  width:116px!important;
  height:116px!important;
  right:-24px!important;
  top:-44px!important;
  box-shadow:0 0 0 22px rgba(255,255,255,.045)!important;
}
.education-v316-cover small{
  top:17px!important;
  left:22px!important;
  font-size:9px!important;
  letter-spacing:.15em!important;
}
.education-v316-cover h3{
  margin:0 0 7px!important;
  max-width:none!important;
  font-size:clamp(28px,2.35vw,38px)!important;
  line-height:.94!important;
  white-space:nowrap!important;
}
.education-v316-cover p{
  margin:0!important;
  max-width:390px!important;
  font-size:11.5px!important;
  line-height:1.48!important;
  color:rgba(255,255,255,.84)!important;
}
.education-v316-card.edu-formal .education-v316-cover{
  background:linear-gradient(145deg,#0b2331 0%,#173b50 60%,#22556f 100%)!important;
}
.education-v316-card.edu-current .education-v316-cover{
  background:linear-gradient(145deg,#4e76e7 0%,#6d58dd 58%,#8c57d4 100%)!important;
}
.education-v316-card.edu-certs .education-v316-cover{
  background:linear-gradient(145deg,#6d58dd 0%,#8b347f 55%,#c34b78 100%)!important;
}
.education-v316-list{
  padding:8px 18px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
.education-v316-row{
  min-height:98px!important;
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:14px!important;
  padding:10px 0!important;
  align-items:center!important;
  border-bottom:1px solid rgba(7,26,37,.08)!important;
}
.education-v316-row:last-of-type{
  border-bottom:0!important;
}
.institution-photo{
  width:104px!important;
  height:72px!important;
  border-radius:14px!important;
  display:block!important;
  object-fit:cover!important;
  background:#eef2f6!important;
  box-shadow:0 6px 15px rgba(7,26,37,.08)!important;
}
.credential-photo{
  object-fit:contain!important;
  padding:3px!important;
  background:#f7f7f7!important;
}
.education-v316-row b{
  display:block!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.education-v316-row span{
  display:block!important;
  margin-top:3px!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  color:#59636a!important;
}
.education-v316-row small{
  display:block!important;
  margin-top:4px!important;
  font-size:9px!important;
  line-height:1.35!important;
  color:#879098!important;
}
.education-v316-row a,
.education-v316-row div a{
  display:inline-block!important;
  margin-top:5px!important;
  font-size:9px!important;
  font-weight:800!important;
  color:var(--blue)!important;
}
.education-v316 .credential-proof{
  margin:8px 0 0!important;
  font-size:9px!important;
}

@media (max-width:1180px){
  .education-v316-cover h3{
    font-size:clamp(25px,2.5vw,32px)!important;
  }
  .education-v316-row{
    grid-template-columns:86px minmax(0,1fr)!important;
  }
  .institution-photo{
    width:86px!important;
    height:64px!important;
  }
}

@media (max-width:900px){
  .education-v316{
    padding-top:44px!important;
  }
  .education-v316-intro{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .education-v316-grid{
    grid-template-columns:1fr!important;
  }
  .education-v316-card{
    display:grid!important;
    grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr)!important;
  }
  .education-v316-cover{
    min-height:100%!important;
  }
  .education-v316-cover h3{
    white-space:normal!important;
    font-size:34px!important;
  }
}

@media (max-width:768px){
  .personal-brand .brand-scope{
    font-size:8.3px!important;
    letter-spacing:.035em!important;
  }
  .personal-hero-portrait img{
    object-position:center 23%!important;
  }
  .education-v316-card{
    display:flex!important;
  }
  .education-v316-cover{
    min-height:148px!important;
  }
  .education-v316-cover h3{
    white-space:nowrap!important;
    font-size:32px!important;
  }
  .education-v316-row{
    grid-template-columns:92px minmax(0,1fr)!important;
  }
  .institution-photo{
    width:92px!important;
    height:68px!important;
  }
}