/* =========================================================
   VITA UNIKA — CONTENT UPGRADE V1
   Conditions + final CTA practical links
   ========================================================= */


/* =========================================================
   CONDITIONS
   ========================================================= */

.vita-conditions-v1{

  position:relative;

  padding:
    132px
    0
    142px;

  background:#fff;

  overflow:hidden;
}


.vita-conditions-v1__shell{

  width:
    min(
      1380px,
      calc(100vw - 96px)
    );

  margin:
    0
    auto;
}


.vita-conditions-v1__head{

  display:grid;

  grid-template-columns:
    minmax(220px,.42fr)
    minmax(0,1.58fr);

  gap:70px;

  align-items:start;

  margin-bottom:72px;
}


.vita-conditions-v1__meta{

  display:flex;

  align-items:center;

  gap:18px;

  padding-top:11px;

  font-size:17px;

  line-height:1;

  font-weight:600;

  letter-spacing:.075em;

  color:#0b7978;
}


.vita-conditions-v1__meta::before{

  content:"";

  width:52px;
  height:1px;

  background:#b48d42;
}


.vita-conditions-v1 h2{

  max-width:980px;

  margin:0;

  font-size:
    clamp(
      60px,
      6vw,
      102px
    );

  line-height:.92;

  letter-spacing:-.06em;

  font-weight:300;

  color:#132725;
}


.vita-conditions-v1 h2 em{

  display:block;

  margin-top:8px;

  font-family:
    "DM Serif Display",
    Georgia,
    serif;

  font-style:italic;

  font-weight:400;

  letter-spacing:-.035em;

  color:#0b7978;
}


.vita-conditions-v1__head p{

  max-width:670px;

  margin:
    34px
    0
    0;

  font-size:
    clamp(
      19px,
      1.45vw,
      22px
    );

  line-height:1.65;

  color:
    rgba(19,39,37,.60);
}


.vita-conditions-v1__list{

  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  border-top:
    1px solid
    rgba(19,39,37,.13);
}


.vita-conditions-v1__item{

  position:relative;

  display:grid;

  grid-template-columns:
    54px
    minmax(0,1fr);

  gap:20px;

  align-items:center;

  min-height:104px;

  padding:
    24px
    28px
    24px
    0;

  border-bottom:
    1px solid
    rgba(19,39,37,.11);

  overflow:hidden;

  transition:
    padding-left .55s
    cubic-bezier(.16,1,.3,1);
}


.vita-conditions-v1__item:nth-child(odd){

  border-right:
    1px solid
    rgba(19,39,37,.11);
}


.vita-conditions-v1__item::before{

  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(11,121,120,.055),
      rgba(11,121,120,.012),
      transparent
    );

  opacity:0;

  transform:
    translateX(-18px);

  transition:
    opacity .4s ease,
    transform .6s
    cubic-bezier(.16,1,.3,1);

  pointer-events:none;
}


.vita-conditions-v1__item span,
.vita-conditions-v1__item strong{

  position:relative;

  z-index:2;
}


.vita-conditions-v1__item span{

  font-size:16px;

  font-weight:500;

  color:
    rgba(180,141,66,.70);
}


.vita-conditions-v1__item strong{

  font-size:
    clamp(
      23px,
      2vw,
      32px
    );

  line-height:1.08;

  letter-spacing:-.035em;

  font-weight:400;

  color:#132725;

  transition:
    color .4s ease;
}


@media(hover:hover) and (pointer:fine){

  .vita-conditions-v1__item:hover{

    padding-left:12px;
  }


  .vita-conditions-v1__item:hover::before{

    opacity:1;

    transform:none;
  }


  .vita-conditions-v1__item:hover strong{

    color:#0b7978;
  }

}


/* =========================================================
   FINAL CTA SECONDARY LINKS
   ========================================================= */

.vita-finale-v1__secondary-links{

  display:flex;

  align-items:center;

  justify-content:flex-end;

  gap:30px;

  flex-shrink:0;
}


.vita-finale-v1__directions{

  display:inline-flex;

  align-items:center;

  gap:14px;

  padding-bottom:8px;

  border-bottom:
    1px solid
    rgba(11,121,120,.25);

  font-size:18px;

  line-height:1;

  font-weight:500;

  white-space:nowrap;

  color:#132725;

  text-decoration:none;

  transition:
    gap .5s
    cubic-bezier(.16,1,.3,1),
    color .35s ease,
    border-color .35s ease;
}


.vita-finale-v1__directions svg{

  width:19px;
  height:19px;

  transition:
    transform .5s
    cubic-bezier(.16,1,.3,1);
}


@media(hover:hover) and (pointer:fine){

  .vita-finale-v1__directions:hover{

    gap:20px;

    color:#0b7978;

    border-color:#0b7978;
  }


  .vita-finale-v1__directions:hover svg{

    transform:
      translate3d(
        3px,
        -3px,
        0
      );
  }

}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px){

  .vita-conditions-v1{

    padding:
      106px
      0
      112px;
  }


  .vita-conditions-v1__shell{

    width:
      calc(
        100vw - 64px
      );
  }


  .vita-conditions-v1__head{

    grid-template-columns:1fr;

    gap:28px;

    margin-bottom:56px;
  }


  .vita-finale-v1__secondary{

    align-items:flex-start;
  }


  .vita-finale-v1__secondary-links{

    gap:22px;
  }

}


@media(max-width:700px){

  .vita-conditions-v1{

    padding:
      82px
      0
      88px;
  }


  .vita-conditions-v1__shell{

    width:
      calc(
        100vw - 36px
      );
  }


  .vita-conditions-v1__meta{

    font-size:14px;
  }


  .vita-conditions-v1 h2{

    font-size:
      clamp(
        46px,
        13vw,
        64px
      );
  }


  .vita-conditions-v1__head p{

    margin-top:24px;

    font-size:18px;
  }


  .vita-conditions-v1__list{

    grid-template-columns:1fr;
  }


  .vita-conditions-v1__item{

    grid-template-columns:
      38px
      minmax(0,1fr);

    min-height:84px;

    padding:
      20px
      0;
  }


  .vita-conditions-v1__item:nth-child(odd){

    border-right:0;
  }


  .vita-conditions-v1__item strong{

    font-size:24px;
  }


  .vita-finale-v1__secondary-links{

    align-items:flex-start;

    flex-direction:column;

    gap:20px;
  }


  .vita-finale-v1__directions{

    font-size:17px;
  }

}