article {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

section {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background: transparent;

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
}

section.bespoke-slide {
    -webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease, background-color .7s ease;
    -moz-transition: -moz-transform 1.5s ease, opacity 2s ease, background-color .7s ease;
    -ms-transition: -ms-transform 1.5s ease, opacity 2s ease, background-color .7s ease;
    -o-transition: -o-transform 1.5s ease, opacity 2s ease, background-color .7s ease;
    transition: transform 1.5s ease, opacity 2s ease, background-color .7s ease;

}

section.bespoke-active {
    opacity: 1;
    z-index: 1;
}

.classic section.bespoke-before {
    /*-webkit-transform: translate3d(-100%, 0, 0);*/
    /*-moz-transform: translate3d(-100%, 0, 0);*/
    /*-ms-transform: translate3d(-100%, 0, 0);*/
    /*-o-transform: translate3d(-100%, 0, 0);*/
    /*transform: translate3d(-100%, 0, 0);*/
}

.classic section.bespoke-after {
    /*-webkit-transform: translate3d(100%, 0, 0);*/
    /*-moz-transform: translate3d(100%, 0, 0);*/
    /*-ms-transform: translate3d(100%, 0, 0);*/
    /*-o-transform: translate3d(100%, 0, 0);*/
    /*transform: translate3d(100%, 0, 0);*/
}