/* Liudmila portfolio — v3.17 final EN pass
   Scope: hero crop, experience proof, SaaS compactness, video CTA, about copy, education polish, footer/mobile. */

/* HERO: keep current layout, reveal more hair */
@media (min-width:769px){
  .personal-hero-portrait img{
    object-position:center 18%!important;
  }
}

/* EXPERIENCE SNAPSHOT */
.proof-card-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.proof-card-value .count-up{font:inherit;color:inherit}
.brand-logo-slot{
  padding:10px 16px!important;
}
.brand-logo-slot img{
  width:auto!important;
  height:auto!important;
  max-width:140px!important;
  max-height:54px!important;
  object-fit:contain!important;
}
.brand-logo-slot img[alt="BnBerry"]{max-width:132px!important;max-height:47px!important}
.brand-logo-slot img[alt="Amway"]{max-width:142px!important;max-height:52px!important}
.brand-logo-slot img[alt="VkusVill"]{max-width:66px!important;max-height:56px!important}
.brand-logo-slot img[alt="Pigeon"]{max-width:132px!important;max-height:48px!important}
.brand-logo-slot img[alt="Lansinoh"]{max-width:132px!important;max-height:48px!important}
.brand-logo-slot img[alt="Gradient"]{max-width:130px!important;max-height:50px!important}
.brand-logo-slot img[alt="Zeitun"]{max-width:58px!important;max-height:58px!important}
.brand-logo-slot img[alt="I Love My Pet"]{max-width:62px!important;max-height:58px!important}
.brand-logo-slot img[alt="Swiss Image"]{max-width:118px!important;max-height:48px!important}
.brand-logo-slot img[alt="Conner"]{max-width:138px!important;max-height:45px!important}
.brand-logo-slot img[alt="Panthera Uplift"]{max-width:118px!important;max-height:55px!important}

/* SAAS: one-screen desktop rhythm + stronger technology treatment */
.personal-experience{
  padding:46px var(--pad) 48px!important;
  min-height:calc(100svh - 94px);
  background:
    radial-gradient(circle at 86% 12%,rgba(88,130,235,.22),transparent 22%),
    radial-gradient(circle at 15% 84%,rgba(33,136,174,.14),transparent 28%),
    linear-gradient(135deg,#020b11 0%,#061923 47%,#0a2433 100%)!important;
}
.personal-experience::before{
  background-image:
    radial-gradient(circle at center,rgba(155,178,255,.13) 1px,transparent 1.5px),
    linear-gradient(rgba(155,178,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(155,178,255,.035) 1px,transparent 1px)!important;
  background-size:44px 44px,44px 44px,44px 44px!important;
  opacity:.62!important;
}
.personal-experience::after{
  right:-4%!important;top:13%!important;width:38%!important;height:68%!important;
  border-radius:46px!important;transform:rotate(-7deg)!important;
  border-color:rgba(129,162,255,.20)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 0 90px rgba(54,112,220,.09)!important;
}
.personal-experience .section-topline{margin-bottom:10px}
.personal-experience .personal-heading-row{
  margin-top:16px!important;
  gap:42px!important;
  align-items:end!important;
}
.personal-experience .personal-heading-row h2{
  font-size:clamp(48px,4.6vw,70px)!important;
  line-height:.92!important;
  max-width:760px!important;
}
.personal-experience .personal-heading-row>p{
  max-width:520px!important;
  font-size:13.5px!important;
  line-height:1.6!important;
}
.personal-experience .saas-grid-v2{
  margin-top:22px!important;
  gap:10px!important;
}
.personal-experience .saas-grid-v2 article{
  min-height:190px!important;
  padding:17px 20px 16px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.10)!important;
}
.personal-experience .saas-card-icon{
  top:14px!important;right:15px!important;width:34px!important;height:34px!important;font-size:15px!important;
}
.personal-experience .saas-grid-v2>article>span{
  padding-right:46px!important;font-size:8px!important;letter-spacing:.14em!important;
}
.personal-experience .saas-grid-v2 h3{
  margin:20px 0 12px!important;font-size:19px!important;line-height:1.05!important;
}
.personal-experience .saas-grid-v2 dl{
  grid-template-columns:64px 1fr!important;row-gap:5px!important;column-gap:10px!important;margin-top:0!important;
}
.personal-experience .saas-grid-v2 dt{font-size:8px!important}
.personal-experience .saas-grid-v2 dd{font-size:11.2px!important;line-height:1.42!important}
.personal-experience .saas-grid-v2 .proposal-badge{
  position:static!important;display:inline-flex!important;margin-top:8px!important;padding:4px 7px!important;
}

/* VIDEO PORTFOLIO LINK = visible secondary CTA */
.selected-video-work .video-all-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:42px!important;
  margin-top:4px!important;
  padding:10px 17px!important;
  border:1px solid rgba(126,169,255,.68)!important;
  border-radius:999px!important;
  background:rgba(86,126,231,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 9px 24px rgba(0,0,0,.12)!important;
  color:#b9cbff!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
  transition:.2s ease!important;
}
.selected-video-work .video-all-button:hover{
  background:rgba(98,142,250,.23)!important;
  border-color:#8cabff!important;
  color:#fff!important;
  transform:translateY(-1px);
}

/* ABOUT */
.about-links a[href$="liudmila-borga-cv.pdf"]{
  color:var(--blue)!important;
}

/* EDUCATION: two-line section heading, no duplicate mini labels, unified image tone */
.education-v316-intro h2 .edu-heading-line{
  display:block!important;
  color:var(--navy)!important;
}
.education-v316-intro h2 .edu-heading-accent{
  color:var(--blue)!important;
}
.education-v316-cover{
  padding-top:20px!important;
}
.education-v316-cover h3{
  margin-top:0!important;
}
.edu-formal .institution-photo,
.edu-current .institution-photo{
  filter:grayscale(1) sepia(.18) hue-rotate(174deg) saturate(1.8) contrast(.94) brightness(.92)!important;
}
.edu-formal .institution-row,
.edu-current .institution-row{
  position:relative;
}
.edu-formal .institution-row::before,
.edu-current .institution-row::before{
  content:"";
  position:absolute;
  left:0;
  width:104px;
  height:72px;
  border-radius:14px;
  background:rgba(77,117,222,.12);
  pointer-events:none;
  z-index:1;
  mix-blend-mode:multiply;
}
.edu-formal .institution-photo,
.edu-current .institution-photo{position:relative;z-index:0}

/* FOOTER */
.personal-footer .footer-main-menu{
  grid-template-columns:repeat(3,max-content)!important;
  column-gap:34px!important;
  row-gap:14px!important;
}
.personal-footer .footer-legal-status{max-width:520px}
.personal-footer .cookie-settings-link{font:inherit;color:inherit}

/* MOBILE QA */
@media(max-width:900px){
  .personal-experience{
    min-height:0!important;
    padding:54px 20px!important;
  }
  .personal-experience .personal-heading-row{
    grid-template-columns:1fr!important;gap:14px!important;
  }
  .personal-experience .personal-heading-row h2{font-size:clamp(42px,12vw,58px)!important}
  .personal-experience .saas-grid-v2{grid-template-columns:1fr!important}
  .personal-experience .saas-grid-v2 article{min-height:0!important}
  .personal-footer .footer-main-menu{grid-template-columns:1fr 1fr!important}
}
@media(max-width:768px){
  .personal-hero-portrait img{object-position:center 17%!important}
  .proof-card-grid{grid-template-columns:1fr 1fr!important}
  .brand-logo-slot{width:150px!important;flex-basis:150px!important;height:72px!important;padding:8px 12px!important}
  .brand-logo-slot img{max-width:124px!important;max-height:49px!important}
  .brand-marquee-label{grid-template-columns:1fr!important;gap:6px!important;padding-left:20px!important;padding-right:20px!important}
  .video-production-head{grid-template-columns:1fr!important;gap:18px!important}
  .selected-video-work .video-all-button{min-height:44px!important;padding:11px 16px!important}
  .education-v316-intro h2{font-size:clamp(44px,13vw,62px)!important}
  .edu-formal .institution-row::before,.edu-current .institution-row::before{width:92px;height:68px}
}
@media(max-width:520px){
  .proof-card-grid{grid-template-columns:1fr!important}
  .proof-card{min-height:210px!important}
  .personal-footer .footer-main-menu{grid-template-columns:1fr!important}
  .about-links{gap:12px!important}
}