/* Shared motion styles: Lenis smooth scroll + page transitions (used with motion.js) */

/* Lenis base (from lenis@1.3.26/dist/lenis.css) */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth iframe{pointer-events:none}

/* Exit panel: slides up from the bottom before navigating */
#pt-panel{position:fixed;inset:0;z-index:10001;background:#0c0c0c;display:flex;align-items:center;justify-content:center;transform:translate3d(0,100%,0);pointer-events:none}
#pt-panel img{display:block;width:clamp(220px,40vw,520px);height:auto;opacity:0}
#pt-panel.is-in{transform:none;pointer-events:auto;transition:transform .45s cubic-bezier(.76,0,.24,1)}
#pt-panel.is-in img{opacity:1;transition:opacity .3s ease-out .1s}

/* Entry cover: painted before first render when arriving via a transition, then slides up and away */
html.pt-cover::after{content:"";position:fixed;inset:0;z-index:10001;pointer-events:none;background:#0c0c0c url(rosembarg-logo-white.png) no-repeat center/clamp(220px,40vw,520px) auto;animation:pt-failsafe 0s linear 4s forwards}
html.pt-cover.pt-reveal::after{transform:translate3d(0,-100%,0);transition:transform .5s cubic-bezier(.76,0,.24,1)}
@keyframes pt-failsafe{to{visibility:hidden}}

@media(prefers-reduced-motion:reduce){
  #pt-panel{transform:none;opacity:0}
  #pt-panel.is-in{opacity:1;transition:opacity .2s ease}
  #pt-panel img,#pt-panel.is-in img{opacity:1;transition:none}
  html.pt-cover.pt-reveal::after{transform:none;opacity:0;transition:opacity .2s ease}
}