.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-in{opacity:1;transform:none}
.site-scrolled .header-inner,.site-scrolled .header-in{height:64px;min-height:64px}
.site-scrolled .brand{font-size:2.05rem}
.header-inner,.header-in,.brand{transition:height .3s ease,min-height .3s ease,font-size .3s ease,box-shadow .3s ease}
.site-scrolled .header-inner,.site-scrolled .header-in{box-shadow:0 8px 26px rgba(70,42,32,.07)}
@keyframes ket-drift{0%,100%{background-position:0% 45%}50%{background-position:100% 55%}}
.hero{background:linear-gradient(115deg,#f7eee8 0%,#f6ece4 32%,#f4e2d4 58%,#f1dccd 78%,#f7eee8 100%)!important;background-size:230% 230%!important;animation:ket-drift 26s ease-in-out infinite}
.service-main h3{position:relative;width:fit-content}
.service-main h3::after{content:"";position:absolute;left:1px;bottom:-5px;height:2px;width:0;background:var(--red);transition:width .3s ease}
.service:hover .service-main h3::after,.service:focus-within .service-main h3::after{width:40px}
.service:hover .service-arrow{transform:translateX(6px)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none}.hero{animation:none!important}.service:hover .service-arrow{transform:none}}