.services__nav{margin-bottom:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2rem}@media (max-width: 767px){.services__nav{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}}.services__nav .button{-webkit-transition:background-color .3s ease,border-color .3s ease,color .3s ease;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.services__nav .button.active{border-color:var(--grey-dark);background-color:var(--grey-light)}.services img{border-top-left-radius:8rem;overflow:hidden}.service{display:none}.service--leaving{display:block;-webkit-animation:service-leave .25s ease both;animation:service-leave .25s ease both}.service--active{display:block}.service--active .grid>*{-webkit-animation:service-enter .7s cubic-bezier(.16,1,.3,1) both;animation:service-enter .7s cubic-bezier(.16,1,.3,1) both}.service--active .grid>*:nth-child(2){-webkit-animation-delay:.12s;animation-delay:.12s}.service__content{padding-left:var(--block-padding);max-width:50ch}@media (max-width: 660px){.service__content{padding-left:0;max-width:none}}@-webkit-keyframes service-enter{0%{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes service-enter{0%{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes service-leave{0%{opacity:1}to{opacity:0}}@keyframes service-leave{0%{opacity:1}to{opacity:0}}