.home-page .panel-reveal{position:relative}
.home-page .panel-curtain{position:absolute;top:0;left:0;width:100%;height:var(--panel-reveal-depth);background:var(--outgoing-ground);transform:scaleY(0);transform-origin:center top;pointer-events:none;z-index:2}
@keyframes panel-uncover{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes material-arrive{from{opacity:0;translate:0 var(--material-reveal-rise)}to{opacity:1;translate:0 0}}
@keyframes exhibit-arrive{from{opacity:0;translate:0 var(--material-reveal-rise);scale:var(--material-reveal-scale)}to{opacity:1;translate:0 0;scale:1}}
@keyframes control-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .home-page .scroll-arrived{animation:material-arrive var(--material-reveal-duration) var(--ease) both;animation-delay:calc(var(--reveal-order,0) * var(--material-reveal-stagger))}
 .home-page .scroll-media.scroll-arrived{animation-name:exhibit-arrive;animation-duration:var(--exhibit-reveal-duration)}
 .home-page .scroll-interactive.scroll-arrived{animation-name:control-arrive}
 .home-page .curtain-arrived{animation:panel-uncover var(--panel-reveal-duration) var(--ease) both}
 @supports(animation-timeline:view()){
  .home-page .panel-curtain{animation:panel-uncover linear both;animation-timeline:view();animation-range:entry 0% cover 35%;animation-duration:1ms}
 }
 /* The pinned deck clips its children: use entry timing inside that scroll container. */
 .home-page .deck-animated .panel-curtain{animation:none;transform:scaleY(0)}
 .home-page .deck-animated .curtain-arrived{animation:panel-uncover var(--panel-reveal-duration) var(--ease) both}
}
.home-page .scroll-material:focus-within,.home-page .scroll-material:target{animation:none!important;opacity:1;translate:none;scale:none}
.home-page .scroll-settled{animation:none!important;opacity:1;translate:none;scale:none}
.home-page .curtain-settled{display:none}
.motion-paused .home-page .scroll-material{animation:none!important;opacity:1;translate:none;scale:none}
.motion-paused .home-page .panel-curtain{display:none}
@media(prefers-reduced-motion:reduce){.home-page .panel-curtain{display:none}.home-page .scroll-material{animation:none!important;opacity:1;translate:none;scale:none}}
