/* ALETHEIA VESTIGIUM 2.2.0
   Markenmomente, Bilddramaturgie, Tiefenwirkung */

.v22-brand-moment{
  position:relative;
  min-height:92vh;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  background:#eef5ff;
  overflow:hidden;
}
.v22-brand-moment__media{
  position:relative;
  min-height:92vh;
  overflow:hidden;
}
.v22-brand-moment__media img{
  position:absolute;
  inset:-5%;
  width:110%;
  height:110%;
  object-fit:cover;
  object-position:58% center;
  transform:scale(1.03);
  will-change:transform;
}
.v22-brand-moment__veil{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,28,58,.08),rgba(7,28,58,.02) 55%,rgba(7,28,58,.42)),
    linear-gradient(180deg,transparent 55%,rgba(8,31,61,.28));
}
.v22-brand-moment__copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:11vh clamp(42px,6vw,110px);
  background:linear-gradient(135deg,#f7fbff 0%,#e7f1ff 100%);
}
.v22-brand-moment__copy h2,
.v22-sequence__head h2{
  font-family:"Libre Caslon Display",Georgia,serif;
  font-weight:400;
  letter-spacing:-.045em;
}
.v22-brand-moment__copy h2{
  margin:24px 0 28px;
  font-size:clamp(4rem,6.7vw,8rem);
  line-height:.9;
  color:#0c1830;
}
.v22-brand-moment__copy h2 em,
.v22-sequence__head h2 em{
  color:#1764d8;
  font-style:normal;
}
.v22-brand-moment__copy p:not(.v2-kicker){
  max-width:620px;
  color:#53657d;
  line-height:1.72;
  font-size:1.08rem;
}
.v22-kicker{color:#1764d8!important}
.v22-brand-moment__mark{
  position:absolute;
  right:-4vw;
  bottom:-10vh;
  z-index:1;
  font-family:Arial,sans-serif;
  font-weight:700;
  font-size:34vw;
  line-height:.7;
  color:rgba(23,100,216,.035);
  pointer-events:none;
}

/* Sequence section */
.v22-sequence{
  background:#fff;
  padding:140px 7vw 155px;
}
.v22-sequence__head{
  display:grid;
  grid-template-columns:.45fr 1.55fr;
  gap:60px;
  align-items:end;
  margin-bottom:75px;
}
.v22-sequence__head h2{
  margin:0;
  font-size:clamp(3.6rem,5.5vw,7rem);
  line-height:.95;
  max-width:1100px;
}
.v22-sequence__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.v22-sequence__item{
  border-top:1px solid #d8e3f0;
  padding-top:18px;
}
.v22-sequence__item figure{
  margin:0;
  position:relative;
  height:560px;
  overflow:hidden;
  background:#d8e3ef;
}
.v22-sequence__item img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.055);
  transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s ease;
  will-change:transform;
}
.v22-sequence__item figure span{
  position:absolute;
  left:20px;
  top:18px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.65);
  color:#fff;
  font-size:.62rem;
  letter-spacing:.15em;
  font-weight:700;
  backdrop-filter:blur(8px);
  background:rgba(10,38,74,.15);
}
.v22-sequence__item div{
  padding:26px 8px 0;
}
.v22-sequence__item h3{
  margin:0 0 10px;
  color:#10213d;
  font-size:1.05rem;
  letter-spacing:.02em;
}
.v22-sequence__item p{
  margin:0;
  color:#66758a;
  line-height:1.65;
  max-width:390px;
}
.v22-sequence__item:hover img{
  transform:scale(1.1);
  filter:saturate(1.06);
}

/* Branded scroll reveal mask */
.v22-mask{
  clip-path:inset(0 0 100% 0);
  transition:clip-path 1.05s cubic-bezier(.2,.75,.2,1);
}
.v22-mask.is-visible{
  clip-path:inset(0 0 0 0);
}

/* Refine global rhythm without changing the strong existing sections */
.v2-intro{padding-bottom:130px!important}
.v2-gallery{padding-bottom:145px!important}
.v2-principle{padding-top:150px!important;padding-bottom:150px!important}
.v2-cta{min-height:58vh}

/* Slightly richer card motion */
.v2-card img,
.v2-gallery figure img{
  transform-origin:center center;
}
.v22-float{
  transform:translate3d(0,var(--v22-y,0px),0);
}

@media(max-width:1000px){
  .v22-brand-moment{grid-template-columns:1fr}
  .v22-brand-moment__media{min-height:65vh}
  .v22-brand-moment__copy{padding:90px 7vw}
  .v22-sequence__head{grid-template-columns:1fr}
  .v22-sequence__grid{grid-template-columns:1fr 1fr}
  .v22-sequence__item:last-child{grid-column:1/-1}
}
@media(max-width:680px){
  .v22-brand-moment__media{min-height:58vh}
  .v22-brand-moment__copy h2{font-size:3.8rem}
  .v22-sequence{padding:90px 24px}
  .v22-sequence__grid{grid-template-columns:1fr}
  .v22-sequence__item:last-child{grid-column:auto}
  .v22-sequence__item figure{height:460px}
}
@media(prefers-reduced-motion:reduce){
  .v22-mask{clip-path:none}
  .v22-sequence__item img{transform:none}
}