/* Keep the original folder tabs and panel styling. GSAP adds only the bounded
   horizontal layout; without it, selecting a tab opens one ordinary panel. */
:root{--nav-height:75px}
.pc{text-decoration:none;color:inherit;touch-action:manipulation}
.uc-scroll-stage,#usecasesDeck{position:relative}
#usecasesDeck{display:flow-root}
.uc-scroll-stage .pc-grid{margin-top:30px}
.uc-track{display:block}
.uc-slide{scroll-margin-top:calc(var(--nav-height) + 20px)}
.uc-slide-head{display:none}
.uc-tabbed .uc-slide:not(.uc-selected){display:none}
.uc-pinned .uc-viewport{overflow:hidden}
.uc-pinned .uc-track{display:flex;align-items:stretch;will-change:transform}
/* Every panel is as tall as the tallest, and an orange edge marks where one
   ends and the next begins as the deck moves. */
@media(min-width:1041px){.uc-slide{border-left:2px solid var(--orange);border-bottom-left-radius:0}}
.uc-pinned .uc-slide{flex:0 0 100%;min-width:0}
.uc-disclaimer{text-align:left;margin-top:34px;color:rgba(27,37,48,0.35)}
.uc-scroll-footer{position:absolute;right:0;bottom:0;z-index:3}
#usecasesProgress{display:none}
.uc-skip{position:absolute;right:8px;bottom:8px;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.uc-skip:focus{width:auto;height:auto;min-height:44px;padding:10px 12px;clip-path:none;background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-radius:4px}
.uc-scroll-end{scroll-margin-top:calc(var(--nav-height) + 20px)}
/* The shell keeps the original overlay controls attached to the video while
   the mobile stylesheet can place those same controls beneath it. */
.ax-shell{position:relative}
/* The wide walkthrough sits on the page as a lifted panel, matching the card on phones. */
.ax-embed:not(.ax-portrait) .ax-shell:not(.ax-immersive) .ax-frame{border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(27,37,48,.05),0 18px 44px rgba(27,37,48,.10)}
/* Where the timeline and buttons overlay the frame, the rounding moves to the
   shell so the timeline follows the bottom corners instead of poking out. */
@media(min-width:1000px),(min-width:861px) and (hover:hover) and (pointer:fine){
  .ax-embed:not(.ax-portrait) .ax-shell:not(.ax-immersive){border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(27,37,48,.05),0 18px 44px rgba(27,37,48,.10)}
  .ax-embed:not(.ax-portrait) .ax-shell:not(.ax-immersive) .ax-frame{border:0;border-radius:0;box-shadow:none}
}
.ax-player-controls{display:contents}
#axStatus,.ax-poster{display:none}
.ax-embed.obs{transform:none}
/* The hold: the player sticks while the empty tail of its track scrolls by. */
.ax-embed.ax-notch{position:sticky;top:var(--ax-pin-top,96px)}
.ax-notch-track::after{content:"";display:block;height:70vh}
@media(max-width:860px){.ax-notch-track::after{height:55vh}}
@media(prefers-reduced-motion:reduce){.uc-track{will-change:auto}}