.section-opening-cards{color:var(--color-accent)}@media (min-width:1400px){.section-opening-cards{align-items:center;display:grid;grid-template-columns:45rem 1fr}}.opening-card{--animation-hover-out:opening-card-animation_out-fake;--animation-max-dist:60px;height:106px}.opening-card__top{background:url(/images/card-opening-top-xs.svg) no-repeat 0 0;font-size:1.8rem;font-weight:700;height:100px;line-height:100px;text-transform:uppercase}.opening-card__bottom,.opening-card__top{color:var(--color-body);text-align:center;width:286px}.opening-card__bottom{animation-duration:.6s;animation-fill-mode:both;animation-name:var(--animation-hover-out);animation-timing-function:ease-in-out;background:url(/images/card-opening-bottom-xs.svg) no-repeat 0 0;font-size:1.4rem;font-weight:600;line-height:60px;height:106px;padding:38px 0 0;position:relative;top:-100px;z-index:-1}.opening-card__bottom span{display:inline-block;line-height:1.8rem;vertical-align:middle}.opening-card__top:hover~.opening-card__bottom{;animation-duration:.6s;animation-fill-mode:both;animation-name:opening-card-animation_in;animation-timing-function:ease-in-out}.opening-cards__container{display:flex;flex-wrap:wrap;gap:65px;justify-content:center;align-content:center;margin-block:5rem}@media (min-width:768px){.opening-card{--animation-max-dist:80px;height:168px}.opening-card__top{background:url(/images/card-opening-top.svg) no-repeat 0 0;font-size:2.6rem;height:158px;line-height:158px;width:561px}.opening-card__bottom{background:url(/images/card-opening-bottom.svg) no-repeat 0 0;font-size:1.6rem;font-weight:700;line-height:70px;height:168px;padding:80px 5rem 0;top:-158px;width:561px}.opening-card__bottom span{line-height:2.5rem}.opening-cards__container{gap:85px}}@media (min-width:1400px){.opening-cards__container{gap:58px;grid-column:span 2;margin-block:8rem}}@keyframes opening-card-animation_in{0%{transform:translateY(0)}20%{transform:translateY(calc(var(--animation-max-dist) + 5px))}40%{transform:translateY(calc(var(--animation-max-dist) - 20px))}60%{transform:translateY(var(--animation-max-dist))}80%{transform:translateY(calc(var(--animation-max-dist) - 10px))}to{transform:translateY(var(--animation-max-dist));--animation-hover-out:opening-card-animation_out}}@keyframes opening-card-animation_out{0%{transform:translateY(var(--animation-max-dist))}20%{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(0)}80%{transform:translateY(5px)}to{transform:translateY(0)}}