/* V220 — hero seam cleanup, expert portrait framing, cookie consent visibility */

/* Desktop trust metrics overlap the hero. Remove the legacy full-width rules that
   created a visible horizontal seam across the first screen. */
@media (min-width:769px){
  html body.site-final #top.hero-v176 + .trust-strip-v74{
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
}

/* Natalia: calmer framed portrait, a little farther from camera. */
@media (min-width:1101px){
  html body.site-final #expert-project .expert-project-card-v63{
    grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
    gap:52px!important;
    align-items:center!important;
  }
  html body.site-final #expert-project .expert-photo-v63{
    width:100%!important;
    max-width:360px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:9/14!important;
    margin:0 auto!important;
    border:1px solid rgba(235,199,131,.30)!important;
    border-radius:26px!important;
    background:#e9e3da!important;
    box-shadow:0 20px 48px rgba(0,0,0,.20)!important;
  }
  html body.site-final #expert-project .expert-photo-v63 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 22%!important;
    border-radius:25px!important;
    transform:none!important;
  }
}

@media (min-width:769px) and (max-width:1100px){
  html body.site-final #expert-project .expert-project-card-v63{
    grid-template-columns:minmax(270px,330px) minmax(0,1fr)!important;
    gap:34px!important;
  }
  html body.site-final #expert-project .expert-photo-v63{
    width:100%!important;
    max-width:330px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:9/14!important;
    margin:0 auto!important;
    border-radius:24px!important;
    border:1px solid rgba(235,199,131,.28)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
  }
  html body.site-final #expert-project .expert-photo-v63 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 20%!important;
    border-radius:23px!important;
  }
}

@media (max-width:768px){
  html body.site-final #expert-project .expert-project-card-v63{
    gap:18px!important;
  }
  html body.site-final #expert-project .expert-photo-v63{
    width:min(100%,320px)!important;
    max-width:320px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:9/14!important;
    margin:0 auto!important;
    border-radius:22px!important;
    border:1px solid rgba(235,199,131,.28)!important;
    background:#e9e3da!important;
    box-shadow:0 16px 34px rgba(0,0,0,.17)!important;
  }
  html body.site-final #expert-project .expert-photo-v63 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 18%!important;
    border-radius:21px!important;
    transform:none!important;
  }
}

@media (max-width:390px){
  html body.site-final #expert-project .expert-photo-v63{
    width:min(100%,292px)!important;
    max-width:292px!important;
  }
}

/* Cookie consent is a real overlay, not a block inserted into page flow. */
html body.site-final .cookie-consent-v108:not([hidden]){
  position:fixed!important;
  z-index:10050!important;
  left:22px!important;
  right:auto!important;
  top:auto!important;
  bottom:22px!important;
  width:min(620px,calc(100vw - 100px))!important;
  max-width:620px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  pointer-events:auto!important;
}
html body.site-final .cookie-consent-v108 .cookie-consent-card-v108{
  border:1px solid rgba(178,119,36,.24)!important;
  border-radius:18px!important;
  background:rgba(255,253,248,.98)!important;
  box-shadow:0 20px 55px rgba(11,27,49,.18)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

@media (max-width:768px){
  html body.site-final .cookie-consent-v108:not([hidden]){
    left:10px!important;
    right:10px!important;
    bottom:calc(68px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
  }
}