.btn:hover,.subject{color:#c2292e}.body-3d{background:#cecece;height:70vh}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.icon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor}.btn{position:relative;margin:0;padding:0;border:0;background:0 0}.btn:focus{outline:0}.btn--nav{font-size:2em;pointer-events:auto}.nav-icon--right{transform:scale3d(-1,-1,1)}.room,.room__side,.scroller{transform-style:preserve-3d}.nav__line,.nav__triangle{transition:transform .3s;fill:currentColor}.btn--nav:hover .nav__triangle{transform:translate3d(-54px,0,0)}.btn--nav:hover .nav__line{transform:translate3d(17px,0,0)}.btn--info{margin:0 2em 0 auto}.btn--toggle.btn--active{z-index:100;color:#fff}.btn--toggle.btn--active:hover,.menu__link:focus,.menu__link:hover{color:#1f1f21}.btn--toggle .icon:nth-child(2),.btn--toggle.btn--active .icon:first-child{display:none}.btn--toggle.btn--active .icon:nth-child(2){display:block}.container-3d{position:relative;overflow:hidden;width:100vw;height:70vh;perspective:1500px}.content-3d,.room,.room__side{position:absolute}.scroller{height:100%}.room{top:50%;left:50%;width:100vw;height:100vh;margin:-50vh 0 0 -50vw;pointer-events:none;opacity:0}.js .overlay--active,.room--current,.slide--current{pointer-events:auto;opacity:1}.overlay,.slide{left:0;opacity:0}.room__side{display:flex;justify-content:center;align-items:center}.room__side--left,.room__side--right{width:4000px;height:100vh;background:#dbdbdb}.room__side--back{width:100vw;height:100vh;box-shadow:0 0 0 2px #c8c8c8;transform:translate3d(0,0,-4000px) rotate3d(1,0,0,.1deg) rotate3d(1,0,0,0deg);display:flex;flex-direction:column;justify-content:start;padding-top:1rem;gap:20px}.room__side--right{right:0;justify-content:center;transform:rotate3d(0,1,0,-90.03deg);transform-origin:100% 50%}.room__side--left{justify-content:center;transform:rotate3d(0,1,0,90deg);transform-origin:0 50%}.room__side--bottom{width:100vw;height:4000px;background:#d0d0d0;transform:rotate3d(1,0,0,90deg) translate3d(0,-4000px,0);transform-origin:50% 0;top:114%}.room__img{flex:none;max-width:33%;max-height:60%;margin:0 5%;transform:translate3d(0,0,10px);backface-visibility:hidden}.room__img2{max-width:100%}.content-3d{top:0;left:0;display:flex;flex-direction:column;width:100%;height:100vh;padding:2vw}.codrops-header{display:none;align-items:center}.codrops-header__title{font-size:1.165em;font-weight:400;margin:.5em 0 0}.codrops-links{position:relative;display:flex;justify-content:space-between;align-items:center;height:2.75em;margin:0 2em 0 0;text-align:center;white-space:nowrap;border:2px solid;background:#fff}.location-3d,.overlay,.slide{height:100%;pointer-events:none}.codrops-links::after{content:'';position:absolute;top:-5%;left:calc(50% - 1px);width:2px;height:110%;background:currentColor;transform:rotate3d(0,0,1,22.5deg)}.codrops-icon{display:inline-block;padding:0 .65em}.subject{font-size:1.5em;margin:0 auto;width:150px;display:flex;gap:10px;justify-content:center;align-items:center}.location-3d{font-size:1.165em;font-weight:400;position:absolute;top:0;right:0;margin:0 1.5em;padding:6em 0;text-align:center;color:#4592cf;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.slides{position:relative;flex:1}.slide{position:absolute;display:flex;justify-content:space-between;align-items:end;width:70vw;margin:1vh 0 0 10vw}.slide__name{font-size:2vw;line-height:.8;margin:0;letter-spacing:-.05em;color:#fff}.slide_stand_name{display:flex;flex-direction:row;align-items:end;gap:20px}.slide__date,.slide__title{text-align:right}.slide__title{font-size:3vw;font-weight:400;display:flex;flex-direction:column;align-items:flex-end;margin:.75em 0 0;color:#fff}.menu__item--current,.slide__date{font-weight:700}.slide__date,.slide__number{margin:.5em 0 0;border-radius:8px}.slide__date{font-size:1.5vw;padding:.4em .5em;background:#fff;color:#4592cf}.slide__number{font-size:.4em;display:inline-block;padding:.5em .6em;color:#fff;background:#4592cf;line-height:1.4em}.loader,.overlay{display:flex}.slide__number a{color:#fff!important}.overlay{position:fixed;top:0;justify-content:center;align-items:center;width:100%}.overlay--loader{z-index:1000;background:#fff}.overlay--info{background:rgba(23,94,236,.8)}.overlay--menu{background:rgba(58,114,137,.7)}.menu{margin:0;padding:0;list-style:none}.menu__item{font-size:7vh;margin:.25em 0;padding:0;text-transform:lowercase}.menu__link{color:#fff}.info h3,.info p{color:#fff;line-height:1.4;width:60vw;min-width:calc(320px - 2em);max-width:900px;margin:0}.info p{font-size:1.5em;padding:1em}.info h3{font-size:2em;padding:0 0 0 1em;text-transform:uppercase}.loader div{width:30px;height:30px;margin:-30px .2em 0;border:4px solid;background:#e9e9e9;animation:.8s cubic-bezier(0.215,0.61,0.355,1) infinite alternate forwards anim-loader}.loader div:nth-child(2){border-radius:50%;background:#c2292e;animation-delay:.15s}.loader div:nth-child(3){animation-delay:.3s}.stand-presentation{width:90%;display:grid;grid-template-columns:1fr 3fr 1fr;height:500px;align-items:center;justify-content:space-between}.style-3,.style-4{padding:1em .2em 0 1em;font-size:20px;transition:.1s linear;font-family:Jost,sans-serif;cursor:pointer;display:flex;gap:10px;color:#202124}.iframe-video{aspect-ratio:16/9;width:100%}.style-3{border:0;border-radius:10px;text-align:left}.style-3 i,.style-4 i{color:#1836b2}.style-3:hover,.style-4:hover{box-shadow:5px 5px #dbdbdb}.style-4{border:0;border-radius:10px;text-align:right;justify-content:right}@keyframes anim-loader{100%{transform:translate3d(0,30px,0) scale3d(.9,.9,1)}}@media screen and (max-width:50em){.stand-presentation{flex-direction:column}.subject{display:none}.codrops-links{margin:0 .5em 0 0}.btn--info{margin-right:1.25em}.location{font-size:.85em;position:relative;height:auto;margin:1em 0 0;padding:0;text-align:left;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.slide{width:100%;margin:7vh 0 0}.slide__name{padding:0 0 0 12vw}.slide__title{font-size:1.5em}.slide__date{font-size:.65em}.nav{position:absolute;top:7em;left:0;width:100%;padding:1em}.nav__triangle{transform:translate3d(-54px,0,0)}.nav__line{transform:translate3d(17px,0,0)}.btn--nav:hover{color:currentColor}.info{font-size:.95em;width:100vw}}@media only screen and (max-width:1200px){.room__side--back{padding-top:4rem}}