/* Juliana Specht — institutional photography integration */

#sobre .juliana-home-card{
  position:absolute;
  inset:0;
  margin:0;
  overflow:hidden;
  border-radius:inherit;
  z-index:2;
}

#sobre .juliana-home-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(5,5,5,.04) 20%,rgba(5,5,5,.22) 56%,rgba(5,5,5,.90) 100%),
    linear-gradient(90deg,rgba(5,5,5,.18),transparent 54%);
  pointer-events:none;
}

#sobre .juliana-home-card img{
  width:100%;
  height:100%;
  min-height:500px;
  object-fit:cover;
  object-position:center 22%;
  display:block;
  filter:saturate(.82) contrast(1.03);
}

#sobre .juliana-home-card figcaption{
  position:absolute;
  left:2.4rem;
  right:2.4rem;
  bottom:2.2rem;
  z-index:3;
  color:rgba(255,253,248,.78);
}

#sobre .juliana-home-card strong{
  display:block;
  color:var(--gold-champagne);
  font-family:var(--font-display);
  font-size:clamp(1.65rem,2vw,2.1rem);
  font-weight:500;
  line-height:1.05;
}

#sobre .juliana-home-card span{
  display:block;
  max-width:360px;
  margin-top:.5rem;
  padding-top:.75rem;
  border-top:1px solid rgba(242,212,145,.20);
  font-size:10px;
  font-weight:700;
  line-height:1.55;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(242,212,145,.78);
}

body[data-route="quem-somos"] section[data-juliana-about="true"]{
  background:
    radial-gradient(circle at 14% 58%,rgba(198,146,63,.07),transparent 30%),
    var(--paper)!important;
}

body[data-route="quem-somos"] .juliana-about-portrait{
  margin:2.4rem 0 0;
  overflow:hidden;
  border:1px solid rgba(139,93,29,.16);
  border-radius:28px;
  background:#11100e;
  box-shadow:0 24px 60px rgba(65,46,22,.10);
}

body[data-route="quem-somos"] .juliana-about-portrait img{
  width:100%;
  aspect-ratio:4/4.7;
  object-fit:cover;
  object-position:center 20%;
  display:block;
  filter:saturate(.88) contrast(1.02);
}

body[data-route="quem-somos"] .juliana-about-portrait figcaption{
  padding:1.25rem 1.35rem 1.35rem;
  background:
    radial-gradient(circle at 90% 10%,rgba(230,191,114,.11),transparent 34%),
    linear-gradient(145deg,#12100d,#090908);
  color:rgba(255,253,248,.70);
}

body[data-route="quem-somos"] .juliana-about-portrait strong{
  display:block;
  color:var(--gold-champagne);
  font-family:var(--font-display);
  font-size:1.55rem;
  font-weight:500;
}

body[data-route="quem-somos"] .juliana-about-portrait span{
  display:block;
  margin-top:.35rem;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:rgba(242,212,145,.65);
}

@media(max-width:1023px){
  #sobre .juliana-home-card img{
    min-height:450px;
  }

  body[data-route="quem-somos"] .juliana-about-portrait{
    max-width:560px;
  }
}

@media(max-width:639px){
  #sobre .juliana-home-card img{
    min-height:420px;
    object-position:center 18%;
  }

  #sobre .juliana-home-card figcaption{
    left:1.6rem;
    right:1.6rem;
    bottom:1.5rem;
  }

  body[data-route="quem-somos"] .juliana-about-portrait{
    margin-top:1.75rem;
    border-radius:22px;
  }
}