/* Two apertures into one forest, below the existing continuous smoked-glass shape. */
.host-accordion .journey-film video { opacity:0; }
.host-accordion .journey-film { background:url('journey-films/listen.webp') 50% 35% / cover; }
.host-accordion .journey-step:nth-child(2) .journey-film { background-position:50% 90%; }
.host-forest-surface { position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none; }
/* The paper is fed in from the right edge, not popped into place. */
.contact-board { pointer-events:none; }
.contact-board-tab,.contact-board-panel { pointer-events:auto; }
.contact-board-panel {
  border-radius:10px;
  transform:translate3d(calc(100% + 32px),0,0);
  opacity:0;
  box-shadow:0 10px 42px #00000018;
  transition:transform .8s cubic-bezier(.45,0,.65,1),opacity .6s ease,visibility .8s;
}
.contact-board.is-open .contact-board-panel {
  visibility:visible;opacity:1;transform:translate3d(0,0,0);
  box-shadow:0 18px 65px #00000026;
  transition:transform 1.55s cubic-bezier(.18,.68,.2,1),opacity 1s ease,box-shadow 1.55s ease,visibility 0s;
}
.contact-board.is-floating .contact-board-panel { border-radius:10px;transform:translate3d(22px,0,0); }
.contact-board.is-floating.is-open .contact-board-panel { transform:none; }
.contact-board.is-dragging .contact-board-panel { transition:none; }
@media(prefers-reduced-motion:reduce){
  .contact-board .contact-board-panel,.contact-board.is-open .contact-board-panel{transition:none;transform:none;}
}