:root{--m-tap:90ms;--m-state:140ms;--m-screen:200ms;
  --ease-enter:cubic-bezier(.32,.72,0,1);   
  --ease-exit:cubic-bezier(.4,0,1,1)}       

.fold{display:grid;grid-template-rows:0fr;align-content:start}
.fold.is-open{grid-template-rows:1fr}
.fold-in{overflow:hidden;min-height:0}
.fold.fold-go-open{transition:grid-template-rows .26s var(--ease-enter)}
.fold.fold-go-close{transition:grid-template-rows .20s var(--ease-exit)}
.fold-chev.fold-go-open{transition:transform .26s var(--ease-enter)}
.fold-chev.fold-go-close{transition:transform .20s var(--ease-exit)}
.fold-hdr[aria-expanded="true"] .fold-chev{transform:rotate(180deg)}
.fold:not(.is-open)>.fold-in{visibility:hidden;transition:visibility 0s .20s}   
.fold.is-open>.fold-in{visibility:visible}

@keyframes lhPopIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes lhPopOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}
#navMenu:not([hidden]),.hub-menu:not([hidden]),#pop.cm{animation:lhPopIn .26s var(--ease-enter)}
#navMenu.is-closing,#pop.cm.is-closing{animation:lhPopOut .20s var(--ease-exit) both}
@media (min-width:600px){
  .lh-pop .lh-card{animation:lhCardIn .26s var(--ease-enter)}
  @keyframes lhCardIn{from{opacity:0;transform:translateY(4%)}to{opacity:1;transform:none}}   
  .lh-pop.is-closing .lh-card{animation:lhCardOut .20s var(--ease-exit) both}
  @keyframes lhCardOut{to{opacity:0;transform:translateY(4%)}}
}

@keyframes sheetIn{from{transform:translateY(102%)}to{transform:translateY(0)}}
@keyframes sheetOut{from{transform:translateY(0)}to{transform:translateY(102%)}}
@keyframes scrimIn{from{opacity:0}to{opacity:1}}
@keyframes scrimOut{from{opacity:1}to{opacity:0}}
@media (max-width:599px){
  .lh-pop .lh-card,#pop.cm{animation:sheetIn .26s var(--ease-enter)}
  .lh-pop .lh-scrim{animation:scrimIn .26s var(--ease-enter)}
  .lh-pop.is-closing .lh-card,#pop.cm.is-closing{animation:sheetOut .20s var(--ease-exit) both}
  .lh-pop.is-closing .lh-scrim{animation:scrimOut .20s var(--ease-exit) both}
}
@media (max-width:820px){
  #pal:not(.collapsed){animation:sheetIn .26s var(--ease-enter)}    
}

@view-transition{navigation:auto}
.lhhdr{view-transition-name:lhhdr}
.lk-card .lhhdr{view-transition-name:none}   
::view-transition-old(root),::view-transition-new(root){animation-duration:var(--m-screen);animation-timing-function:var(--ease-enter)}
::view-transition-group(lhhdr){animation-duration:0s}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .fold,.fold.fold-go-open,.fold.fold-go-close,.fold-chev,.fold-chev.fold-go-open,.fold-chev.fold-go-close{transition:none}
  #navMenu,.hub-menu,#pop.cm,.lh-pop .lh-card,.lh-pop .lh-scrim,#pal,html.lh-quiet body>*{animation:none!important}
}