.gallery{padding:22px 0 0;}
  .g-intro{text-align:center; margin-bottom:12px;}
  .g-intro h1{margin:0; font-family:var(--serif); font-size:var(--fs-title); font-weight:400;
    letter-spacing:var(--title-track); line-height:1.4; color:var(--ink);}
  .poster::before{content:""; display:block; padding-top:calc((100% - 32px) * 0.88764 + 215px);}
  #poster{touch-action:pan-y;}
  #poster.pending{visibility:hidden;}
  .day-nav{position:absolute; left:0; right:0; top:0; height:63.5px; padding:0 8px;
    display:flex; align-items:center; justify-content:space-between;}
  .day-nav .arw{width:44px; height:44px; display:flex; align-items:center; justify-content:center; color:var(--ink);}
  .day-nav .arw svg{width:26.24px; height:26.24px;}
  .day-nav .arw[aria-disabled="true"]{color:var(--line); pointer-events:none;}
  .day-pick{width:180px; height:44px; padding:0; border:0; background:transparent; cursor:pointer;}
  .day-nav :focus-visible{outline:2px solid var(--ink); outline-offset:-2px; border-radius:8px;}
  .stage img, .stage .canvas{display:block; width:100%; height:auto;}
  .stage:not(.shown) > :first-child{visibility:hidden;}
  .stage .drop{position:absolute; inset:0;}
  .stage.dropping > :first-child{visibility:hidden;}