/* Native anchor scrolling; ordinary wheel, touch and keyboard scrolling stay browser-owned. */
html[data-uf-motion] body[data-theme=night] .page .notice{color:#181412}
html[data-uf-motion] body[data-theme=night] .page .breadcrumb{color:#cbbfb4}
html[data-uf-motion]{scroll-padding-top:var(--uf-anchor-offset,16px)}
@media(prefers-reduced-motion:reduce){html[data-uf-motion]{scroll-behavior:auto!important}}

/* One interaction rhythm; transforms remain independent of each component's composition. */
html[data-uf-motion]{scroll-behavior:auto;--uf-ease:cubic-bezier(.22,1,.36,1);--uf-spring:linear(0,.36,.73,.96,1.06,1.08,1.05,1.02,1)}
:root[data-uf-motion] :is(.button,.article-route-promo__button,.uf-route__button,.mk-button,.home-footer__social a,.uf-social button,.uf-social a,.route-modal button,.uf-route__lightbox button){
  transition:transform 200ms var(--uf-ease),translate 200ms var(--uf-ease),scale 200ms var(--uf-ease),box-shadow 200ms var(--uf-ease),background-color 200ms var(--uf-ease),color 200ms var(--uf-ease);
}
:root[data-uf-motion] :is(.button,.article-route-promo__button,.uf-route__button,.mk-button,.home-footer__social a):active{translate:-2px 2px;scale:.98}
:root[data-uf-motion] :is(button,a)[aria-disabled=true],:root[data-uf-motion] button:disabled{cursor:not-allowed;translate:none;scale:1;opacity:.55}
:root[data-uf-motion] :is(button,a)[aria-busy=true]{cursor:progress}
:root[data-uf-motion] :is(.brand,.uf-nav__logo,.home-footer__brand){transform:none;transition:none}
:root[data-uf-motion] :is(.brand,.uf-nav__logo,.home-footer__brand) img{transform-origin:center;transition:scale 200ms var(--uf-ease)}
:root[data-uf-motion] :is(.brand,.uf-nav__logo,.home-footer__brand):active img{scale:.96}
:root[data-uf-motion] :is(.header-nav a,.uf-nav__links a,.nav-panel__link,.uf-menu a,.home-footer__menu a,.mk-text-link,.uf-route__text-link,.uf-catalog__filters a,.uf-catalog__pagination a){transition:transform 200ms var(--uf-ease),translate 200ms var(--uf-ease),background-color 200ms var(--uf-ease),color 200ms var(--uf-ease)}
:root[data-uf-motion] :is(.nav-panel__link,.uf-menu a):active{translate:2px 0}
:root[data-uf-motion] .home-footer__menu a{display:inline-flex;align-items:center;min-height:44px}
:root[data-uf-motion] :is(.uf-theme,.theme-toggle)::after{content:'';position:absolute;inset:-8px 0;border-radius:999px}
:root[data-uf-motion] :is(.uf-theme,.theme-toggle)::before{transition:transform 280ms var(--uf-spring),background-color 200ms var(--uf-ease)}
:root[data-uf-motion] :is(.uf-menu__toggle,.nav-toggle,.uf-search__toggle,.uf-search__close){min-width:44px;min-height:44px;transition:scale 160ms var(--uf-ease),background-color 200ms var(--uf-ease)}
:root[data-uf-motion] :is(.uf-menu__toggle,.nav-toggle,.uf-search__toggle,.uf-search__close):active{scale:.94}
:root[data-uf-motion] :is(.uf-menu__toggle,.nav-toggle) span{transition:transform 200ms var(--uf-ease),opacity 160ms var(--uf-ease)}
:root[data-uf-motion] :is(.nav-panel,.uf-menu){transition:max-height 280ms var(--uf-ease)}
:root[data-uf-motion] :is(.nav-panel,.uf-menu).is-open{max-height:var(--uf-menu-height,var(--home-menu-height,400px))}
:root[data-uf-motion] .uf-search__form{transition:width 280ms var(--uf-ease),opacity 160ms var(--uf-ease),box-shadow 200ms var(--uf-ease)}
:root[data-uf-motion] :is(.uf-catalog__read,.journal-preview-card__arrow){display:inline-block;transition:translate 200ms var(--uf-ease)}
@media(hover:hover) and (pointer:fine){
 :root[data-uf-motion] :is(.mk-button,.uf-route__button):hover{translate:-2px 2px}
 :root[data-uf-motion] :is(.uf-catalog__card,.uf-catalog__featured) a:hover .uf-catalog__read{translate:3px 0}
 :root[data-uf-motion] .home-footer__menu a:hover{translate:0 -2px}
}
:root[data-uf-motion] :is(.uf-route__preview-open,.guide-cover-trigger,.guide-float){transition:scale 200ms var(--uf-ease),transform 200ms var(--uf-ease),box-shadow 200ms var(--uf-ease)}
:root[data-uf-motion] :is(.uf-route__preview-open,.guide-cover-trigger,.guide-float):active{scale:.98}
:root[data-uf-motion] :is(.uf-route__lightbox button,.uf-social button):active{scale:.96}
:root[data-uf-motion] :is(.site-header,.uf-nav,.home-footer) a:focus-visible,:root[data-uf-motion] :is(.site-header,.uf-nav) button:focus-visible{outline:2px solid var(--ink,var(--uf-ink,#feaace));outline-offset:4px}
@media(prefers-reduced-motion:reduce){
 :root[data-uf-motion] *, :root[data-uf-motion] *::before,:root[data-uf-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 :root[data-uf-motion] :is(.brand,.uf-nav__logo,.home-footer__brand) img,:root[data-uf-motion] :is(a,button):active{scale:1;translate:none}
}
/* The same shadow response for primary actions, including ancillary public pages. */
:root[data-uf-motion] :is(.pink-button,.outline-button,.uf-catalog__pages a,.route-option){transition:transform 200ms var(--uf-ease),scale 200ms var(--uf-ease),background-color 200ms var(--uf-ease),box-shadow 200ms var(--uf-ease),color 200ms var(--uf-ease)}
:root[data-uf-motion] :is(.pink-button,.outline-button,.uf-catalog__pages a):active{scale:.98}
@media(hover:hover) and (pointer:fine){
 :root[data-uf-motion] :is(.button,.article-route-promo__button,.uf-route__button,.mk-button):hover{transform:translate(-2px,2px);translate:none;box-shadow:-4px 4px 0 var(--ink,var(--route-ink,var(--mk-ink,#181412)))}
}
:root[data-uf-motion] :is(.button,.article-route-promo__button,.uf-route__button,.mk-button):focus-visible{transform:translate(-2px,2px);translate:none;box-shadow:-4px 4px 0 var(--ink,var(--route-ink,var(--mk-ink,#181412)))}
:root[data-uf-motion] :is(button,a)[aria-disabled=true],:root[data-uf-motion] button:disabled{transform:none;translate:none;scale:1}
@media(prefers-reduced-motion:reduce){:root[data-uf-motion] :is(.pink-button,.outline-button,.uf-catalog__pages a):active{scale:1}}

/* Keep navigation hit areas still between pointer down and pointer up. */
:is(.site-header,.uf-nav,.nav-panel) a,
:is(.site-header,.uf-nav,.nav-panel) a:is(:hover,:focus-visible,:active){
  transform:none!important;translate:none!important;scale:1!important;touch-action:manipulation;
}
:is(.site-header,.uf-nav) button{touch-action:manipulation}
.site-header .header-nav a,.uf-nav__links a{min-height:44px;display:inline-flex;align-items:center}

/* Shell geometry switches immediately; only visual feedback transitions. */
:root[data-uf-motion] :is(.nav-panel,.uf-menu){transition:none}
:root[data-uf-motion] .uf-search__form{transition:opacity 200ms var(--uf-ease)}
.uf-skip-link{position:fixed;z-index:1000;top:8px;left:16px;transform:translateY(-160%);padding:12px 16px;background:var(--paper,#fff9ed);color:var(--ink,#181412);border:2px solid currentColor;font:800 16px/1.5 Nunito Sans,sans-serif}
.uf-skip-link:focus{transform:none}

/* Lenis is activated only for desktop wheel input. */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}

@media(min-width:900px) and (hover:hover) and (pointer:fine){
  :root[data-uf-motion] .creators-photo{overflow:hidden}
  :root[data-uf-motion] .creators-photo img{
    scale:1.06;
    translate:0 var(--uf-photo-y,0px);
  }
}
@media(prefers-reduced-motion:reduce){
  :root[data-uf-motion] .creators-photo img{scale:1;translate:none}
}