/* Visible by default, including when JavaScript or session storage is unavailable. */
@media(prefers-reduced-motion:no-preference){
  .is-arriving .wordmark{animation:brand-arrive 800ms cubic-bezier(.2,.65,.3,1) both}
  .is-arriving #coin-cylinder{transform-box:fill-box;transform-origin:center;animation:coin-flip 1500ms cubic-bezier(.22,.61,.36,1) 100ms both}
  .is-arriving .tagline{animation:content-arrive 650ms ease 650ms both}
  .is-arriving .editorial{animation:content-arrive 700ms ease 950ms both}
  .is-arriving .socials{animation:content-arrive 650ms ease 1150ms both}
  .is-arriving .contact{animation:content-arrive 550ms ease 1400ms both}
  /* A keyboard interaction reveals everything immediately. Opacity never disables links. */
  .is-arriving:focus-within main *{animation:none!important}
}
@keyframes brand-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes content-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes coin-flip{0%{transform:perspective(500px) rotateY(-180deg)}70%{transform:perspective(500px) rotateY(12deg)}100%{transform:perspective(500px) rotateY(0)}}