*{font-family:Roboto,sans-serif;margin:0;padding:0}*,:after,:before{box-sizing:border-box;position:relative}body,html{font-size:1rem;height:100%;margin:0;padding:0;width:100%}html{background:#282828;color:#fff}body{align-items:center;display:flex;justify-content:center}.slides{display:grid}.slides>.slide{grid-area:1/-1}.slides>button{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:#fff;font-size:5rem;height:5rem;opacity:.7;position:absolute;top:30%;transition:opacity .3s;width:5rem;z-index:5}.slides>button:hover{opacity:1}.slides>button:focus{outline:none}.slides>button:first-child{left:-50%}.slides>button:last-child{right:-50%}.slideContent{align-content:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;height:35vw;opacity:.7;-webkit-transform:perspective(1000px) translateX(calc(100%*var(--offset))) rotateY(calc(-45deg*var(--dir)));transform:perspective(1000px) translateX(calc(100%*var(--offset))) rotateY(calc(-45deg*var(--dir)));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:25vw}.slideContentInner{opacity:0;text-shadow:0 .1rem 1rem #fff;-webkit-transform:translateZ(2rem);transform:translateZ(2rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:opacity .3s linear}.slideContentInner .slideSubtitle,.slideContentInner .slideTitle{font-size:2rem;font-weight:400;letter-spacing:.2ch;margin:0;text-transform:uppercase}.slideContentInner .slideSubtitle:before{content:"— "}.slideContentInner .slideDescription{font-size:.8rem;letter-spacing:.2ch;margin:0}.slideBackground{background-position:50%;background-size:cover;bottom:0;left:-10%;opacity:0;pointer-events:none;position:-webkit-sticky;position:sticky;right:-10%;top:0;-webkit-transform:translateX(calc(10%*var(--dir)));transform:translateX(calc(10%*var(--dir)));transition:opacity .5s linear,-webkit-transform .3s ease-in-out;transition:opacity .5s linear,transform .3s ease-in-out;transition:opacity .5s linear,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:-1}.slide[data-active]{pointer-events:auto;z-index:2}.slide[data-active] .slideBackground{opacity:.2;-webkit-transform:none;transform:none}.slide[data-active] .slideContentInner{opacity:1}.slide[data-active] .slideContent{--x:calc(var(--px) - 0.5);--y:calc(var(--py) - 0.5);opacity:1;-webkit-transform:perspective(1000px);transform:perspective(1000px)}.slide[data-active] .slideContent:hover{-webkit-transform:perspective(1000px) rotateY(calc(var(--x)*45deg)) rotateX(calc(var(--y)*-45deg));transform:perspective(1000px) rotateY(calc(var(--x)*45deg)) rotateX(calc(var(--y)*-45deg));transition:none}
/*# sourceMappingURL=main.9500d044.css.map*/