:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.scroll-progress{position:fixed;z-index:90;inset:0 0 auto;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;pointer-events:none}
.site-header{transition:box-shadow .25s ease,border-color .25s ease}
.site-header.is-scrolled{border-bottom-color:#1b181624;box-shadow:0 5px 24px #1b18160a}
.motion-word{display:block}
.motion-enabled [data-motion]:not([data-motion="word"]){opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .8s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled [data-motion="photo"]{transform:translateY(32px) scale(.985)}
.motion-enabled [data-motion="fade"]{transform:none}
.motion-enabled [data-motion="star"]{transform:rotate(-80deg) scale(.8);transform-origin:center}
.motion-enabled [data-motion="word"]{overflow:hidden}
.motion-enabled [data-motion="word"]>.motion-word{opacity:0;transform:translateY(110%);transition:transform .85s var(--motion-ease),opacity .45s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-enabled [data-motion].is-revealed:not([data-motion="word"]){opacity:1;transform:none}
.motion-enabled [data-motion="word"].is-revealed>.motion-word{opacity:1;transform:none}
.motion-enabled [data-motion]:focus-within{opacity:1!important;transform:none!important;transition:none!important}
.motion-enabled [data-motion]:focus-within>.motion-word{opacity:1!important;transform:none!important;transition:none!important}
.button>span,.nav-visit>span,.arrow-link>span,.visit-instagram>span:last-child{display:inline-block;transition:transform .3s var(--motion-ease)}
@media(hover:hover) and (pointer:fine){
  .button:hover>span,.nav-visit:hover>span,.visit-instagram:hover>span:last-child{transform:translate(3px,-3px)}
  .arrow-link:hover>span{transform:translateX(4px)}
}
dialog[open]{animation:kec-dialog-in .24s var(--motion-ease) both}
dialog[open]::backdrop{animation:kec-backdrop-in .24s ease both}
.mobile-nav:not([hidden]){animation:kec-menu-in .24s var(--motion-ease) both}
@keyframes kec-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes kec-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes kec-menu-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .motion-enabled [data-motion]:not([data-motion="word"]){transform:translateY(18px);transition-duration:.55s,.7s}
  .motion-enabled [data-motion="photo"]{transform:translateY(24px) scale(.99)}
  .motion-enabled [data-motion="fade"]{transform:none}
  .motion-enabled [data-motion="star"]{transform:rotate(-65deg) scale(.85)}
  .motion-enabled [data-motion].is-revealed:not([data-motion="word"]){transform:none}
}
@media(prefers-reduced-motion:reduce){
  .scroll-progress{display:none}
  .motion-enabled [data-motion]{opacity:1!important;transform:none!important;transition:none!important;overflow:visible}
  .motion-enabled [data-motion="word"]>.motion-word{opacity:1!important;transform:none!important;transition:none!important}
  dialog[open],dialog[open]::backdrop,.mobile-nav:not([hidden]){animation:none!important}
}
