*{font-family:Helvetica;margin:0;padding:0}*,:after,:before{box-sizing:border-box;position:relative}body,html{font-size:3vmin;height:100%;margin:0;padding:0;width:100%}html{background:#151515;color:#fff;overflow:hidden}body{align-items:center;display:flex;justify-content:center}.slides{display:grid;>.slide{grid-area:1/-1}>button{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:#fff;font-size:5rem;height:5rem;opacity:.7;position:absolute;top:40%;transition:opacity .3s;width:5rem;z-index:5;&:hover{opacity:1}&:focus{outline:none}&:first-child{left:-20%}&:last-child{right:-20%}}}.navbar{background-color:none;height:30%;justify-content:space-between}.footer,.navbar{display:flex;position:absolute;width:100%;z-index:20}.footer{bottom:0;height:20%;margin-left:auto;margin-right:auto}.footer,.slideContent{align-items:center;justify-content:center}.slideContent{background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;height:40vw;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:60vw}.logo{width:20%}.slideContentInner{align-items:center;justify-content:center;opacity:0;text-shadow:0 .1rem 1rem #000;-webkit-transform:translateZ(2rem);transform:translateZ(2rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:opacity .3s linear;.slideSubtitle,.slideTitle{font-size:45px;font-weight:800px;letter-spacing:.2ch;margin:0;text-align:center;text-transform:uppercase}@media screen and (max-width:1080px){.slideSubtitle,.slideTitle{font-size:30px;font-weight:600px;letter-spacing:.2ch;margin:0;text-align:center;text-transform:uppercase}}@media screen and (max-width:750px){.slideSubtitle,.slideTitle{font-size:25px;font-weight:500px;letter-spacing:.2ch;margin:0;text-align:center;text-transform:uppercase}}@media screen and (max-width:640px){.slideSubtitle,.slideTitle{font-size:20px;font-weight:500px;letter-spacing:.2ch;margin:0;text-align:center;text-transform:uppercase}}@media screen and (max-width:500px){.slideSubtitle,.slideTitle{font-size:15px;font-weight:400px;letter-spacing:.2ch;margin:0;text-align:center;text-transform:uppercase}}.slideSubtitle:before{content:"— "}.slideDescription{font-size:20px;font-weight:500;letter-spacing:.2ch;margin:0;padding-left:5px;padding-right:5px;padding-top:8px;text-align:center}@media screen and (max-width:1080px){.slideDescription{font-size:12px;font-weight:400;letter-spacing:.2ch;margin:0;padding-left:5px;padding-right:5px;padding-top:6px;text-align:center}}@media screen and (max-width:750px){.slideDescription{font-size:12px;font-weight:300;letter-spacing:.2ch;margin:0;padding-left:5px;padding-right:5px;padding-top:4px;text-align:center}}@media screen and (max-width:640px){.slideDescription{font-size:10px;font-weight:200;letter-spacing:.2ch;margin:0;padding-left:5px;padding-right:5px;padding-top:4px;text-align:center}}@media screen and (max-width:500px){.slideDescription{font-size:8px;font-weight:100;letter-spacing:.2ch;margin:0;padding-left:5px;padding-right:5px;padding-top:2px;text-align:center}}}.slideBackground{background-position:50%;background-size:cover;bottom:0;left:-10%;opacity:0;pointer-events:none;position:fixed;right:-10%;top:0;-webkit-transform:translateX(calc(10%*var(--dir)));transform:translateX(calc(10%*var(--dir)));transition:opacity .3s linear,-webkit-transform .3s ease-in-out;transition:opacity .3s linear,transform .3s ease-in-out;transition:opacity .3s linear,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:-1}.slide[data-active]{pointer-events:auto;z-index:2;.slideBackground{opacity:.2;-webkit-transform:none;transform:none}.slideContentInner{opacity:1}.slideContent{--x:calc(var(--px) - 0.5);--y:calc(var(--py) - 0.5);opacity:1;-webkit-transform:perspective(1000px);transform:perspective(1000px);&: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.dc99449d.css.map*/