/* ALETHEIA VESTIGIUM 2.5.0
   Saubere Bildtypografie für beide fotografischen Bereiche.
   Ziel: eingebrannte Wortfragmente der vorhandenen Bilder vollständig
   aus der Wahrnehmung nehmen und die Beschriftung als echtes HTML führen. */

/* ---------- 01 / ORIENTIERUNG: drei Karten ---------- */
.v2-card{
  isolation:isolate;
}
.v2-card::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(5,18,35,0) 0%,
      rgba(5,18,35,0) 44%,
      rgba(5,18,35,.28) 55%,
      rgba(5,18,35,.86) 66%,
      rgba(5,18,35,.98) 78%,
      #061427 100%);
}
.v2-card::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  height:37%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(6,20,39,.20),#061427 48%,#061427 100%);
  opacity:.94;
}
.v2-card>.v25-card-copy{
  position:absolute!important;
  z-index:4!important;
  left:32px!important;
  right:28px!important;
  bottom:29px!important;
  color:#fff!important;
}
.v25-card-copy h3{
  margin:0;
  font-family:"Libre Caslon Display",Georgia,serif;
  font-weight:400;
  font-size:clamp(2.15rem,2.55vw,3.25rem);
  line-height:.94;
  letter-spacing:-.035em;
  color:#fff;
}
.v25-card-copy i{
  display:block!important;
  width:44px!important;
  height:2px!important;
  margin:19px 0 14px!important;
  background:#2b78ee!important;
}
.v25-card-copy span{
  display:block;
  font-family:Arial,sans-serif;
  font-size:.68rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.20em;
  color:#fff;
}
.v21-card-no{
  z-index:5!important;
}

/* ---------- 03 / ENTWICKLUNG: horizontale Galerie ---------- */
.v2-gallery figure{
  isolation:isolate;
}
.v2-gallery figure::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(5,18,35,0) 0%,
      rgba(5,18,35,0) 45%,
      rgba(5,18,35,.22) 56%,
      rgba(5,18,35,.84) 68%,
      rgba(5,18,35,.98) 82%,
      #061427 100%);
}
.v2-gallery figure::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  height:35%;
  pointer-events:none;
  background:#061427;
  opacity:.76;
}
.v2-gallery figcaption{
  position:absolute!important;
  z-index:4!important;
  left:30px!important;
  right:26px!important;
  bottom:28px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  color:#fff!important;
  text-align:left!important;
}
.v2-gallery figcaption strong{
  font-family:"Libre Caslon Display",Georgia,serif;
  font-weight:400;
  font-size:clamp(2rem,2.5vw,3.1rem);
  line-height:.95;
  letter-spacing:-.035em;
  color:#fff;
}
.v2-gallery figcaption i{
  display:block;
  width:42px;
  height:2px;
  margin:18px 0 13px;
  background:#2b78ee;
}
.v2-gallery figcaption span{
  font-family:Arial,sans-serif;
  font-size:.66rem;
  line-height:1;
  font-weight:700;
  letter-spacing:.20em;
  color:#fff;
}

/* Bildwirkung erhalten: keine zusätzlichen Rahmen oder Boxen */
.v2-card img,
.v2-gallery figure img{
  filter:none!important;
}

/* ruhige, hochwertige Mikrointeraktion */
.v2-card .v25-card-copy h3,
.v2-gallery figcaption strong{
  transition:transform .55s cubic-bezier(.2,.72,.2,1);
}
.v2-card:hover .v25-card-copy h3,
.v2-gallery figure:hover figcaption strong{
  transform:translateY(-3px);
}

@media(max-width:900px){
  .v2-card>.v25-card-copy{
    left:26px!important;
    bottom:25px!important;
  }
  .v2-gallery figcaption{
    left:25px!important;
    bottom:24px!important;
  }
}
@media(max-width:680px){
  .v25-card-copy h3{font-size:2.35rem}
  .v2-gallery figcaption strong{font-size:2.3rem}
}