.fh-template--stories{min-height:100vh;padding-top:8em}.fh-template--stories .background{--rotate-y:0deg;--rotate-x:0deg;height:100vh;left:0;perspective:1000px;position:fixed;top:0;width:100vw}.fh-template--stories .background.no-pointers{pointer-events:none}.fh-template--stories .background .background-svg{animation:fadeIn 3s;height:60%;opacity:.8;perspective:100px;pointer-events:none;transform:translateX(-50%) translateY(-50%) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transition:transform 1.2s cubic-bezier(0,0,.3,1);width:90%}@keyframes fadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}.fh-template--stories .background .headphone-hint{align-items:center;cursor:pointer;display:flex;flex-direction:column;text-align:center}.fh-template--stories .background .headphone-hint svg{margin:1em}.fh-template--stories .background .headphone-hint,.fh-template--stories .background>svg{animation:fadeIn 2s;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.fh-template--stories .fade-enter-active.headphone-hint,.fh-template--stories .fade-leave-active.headphone-hint{transition:.75s 0s}.fh-template--stories .fade-enter-active:not(.headphone-hint),.fh-template--stories .fade-leave-active:not(.headphone-hint){transition:.75s .75s}.fh-template--stories .fade-enter,.fh-template--stories .fade-leave-to{opacity:0}.fh-template--stories .fade-enter.headphone-hint,.fh-template--stories .fade-leave-to.headphone-hint{transform:translateX(-50%) translateY(calc(-50% - 2em))}.fh-template--stories .fade-enter:not(.headphone-hint),.fh-template--stories .fade-leave-to:not(.headphone-hint){transform:translateY(2em)}