*,*:after,*:before{box-sizing:border-box}.codrops-header__desktop{display:block;margin-left:85px}.codrops-header__mobile{display:none;width:100%;text-align:center;font-size:22px;padding-top:12px}.codrops-header__mobile .codrops-header__title{line-height:.9}.content__block--current{margin-top:50px}.sponsored_box{right:15px;bottom:15px;position:absolute;color:#fceeb8;font-size:17px;font-weight:500;text-align:center;margin:0 15px 0 25px;z-index:100}.sponsored_box a:hover{color:#fff}h3.content__meta{padding-bottom:50px !important}button.btn-back:hover{border-color:#fff}.calendarBtn{max-width:350px;font-size:26px !important;height:50px;line-height:1.2;margin-top:20px !important;box-shadow:none !important;background-color:#81a63d !important}.calendarBtn:hover{background-color:#668230 !important}.cube:nth-of-type(25){opacity:0;pointer-events:none}.background{position:fixed !important}.cal-content.content,.content__block.content__block--current{position:relative !important}.content__block.content__block--current{min-height:calc(100vh - 115px)}body{font-family:'Playfair Display',serif;color:#3f3f45;background:#f0f0f3;transition:background-color .8s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:0}a{color:#777785;outline:none;display:inline-block;position:relative;text-decoration:none;-webkit-transition:color .2s;transition:color .2s}a.link:after{content:'';position:absolute;top:105%;width:100%;border-bottom:2px solid;left:0;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s}a.link:hover:after{opacity:0;-webkit-transform:translate3d(0,3px,0);transform:translate3d(0,3px,0)}a:hover,a:focus{text-decoration:none;color:#3f3f45}main{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100vw;height:auto;min-height:calc(100vh - 30px);margin-left:-17px;padding-top:115px}.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}.codrops-header{position:absolute;margin:2px 0 0 2px;font-size:20px;z-index:10;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:none;-ms-flex:none;flex:none;width:auto;padding:.5em 1.25em .5em .75em;background:#fff}.codrops-header__main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.codrops-header__title{font-size:1.5em;font-weight:600;margin:0;line-height:.8;padding:0 0 .1em}.codrops-header__tagline{font-family:'Avenir Next',Avenir,'Helvetica Neue',Helvetica,'Segoe UI',Arial,sans-serif;padding:0 .5em 0 5vw;margin:0 auto 0 0}.sponsor{right:0;position:absolute;padding-right:10px}.codrops-links{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap}.codrops-links:after{content:'';position:absolute;top:15%;left:50%;width:2px;height:70%;opacity:.7;background:rgba(0,0,0,.25);-webkit-transform:rotate3d(0,0,1,22.5deg);transform:rotate3d(0,0,1,22.5deg)}.codrops-icon{display:inline-block;margin:.5em;padding:.5em}.codrops-demos{margin:.25em 0;padding:0 1em;font-weight:700}.codrops-demos a{display:inline-block;margin:0 .5em 0 0}.codrops-demos a.current-demo{color:#333}.codrops-demos a.current-demo:after{display:none}.calendar-wrap{position:relative}.js .calendar-wrap{-webkit-flex:1;-ms-flex:1;flex:1}.calendar{position:relative;width:100%;height:calc(100vh - 115px);max-height:100%;margin:0 auto;padding:3em calc((100vw - (7 * (7vw + 1vw)))/2)}.js .calendar{position:absolute;-webkit-perspective:1000px;perspective:1000px;padding:0 calc((100vw - (7 * (7vw + 1vw)))/2) 5em}.no-js .calendar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cubes{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube{position:relative;display:block;-webkit-flex:none;-ms-flex:none;flex:none;width:7vw;height:7vw;margin:.5vw}.js .cube{-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.js .cube:first-child{margin-left:calc(((7vw + 1vw) * 3) + 0.5vw)}.js .cube:not(.cube--inactive){cursor:pointer}.cube__side{position:absolute;top:0;left:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cube__side--front{position:relative;-webkit-transform:translateZ(3.5vw);transform:translateZ(3.5vw)}.cube__side--back{-webkit-transform:rotateY(180deg) translateZ(3.5vw);transform:rotateY(180deg) translateZ(3.5vw)}.cube__side--right{-webkit-transform:rotateY(90deg) translateZ(3.5vw);transform:rotateY(90deg) translateZ(3.5vw)}.cube__side--left{-webkit-transform:rotateY(-90deg) translateZ(3.5vw);transform:rotateY(-90deg) translateZ(3.5vw)}.cube__side--top{-webkit-transform:rotateX(90deg) translateZ(3.5vw);transform:rotateX(90deg) translateZ(3.5vw)}.cube__side--bottom{-webkit-transform:rotateX(-90deg) translateZ(3.5vw);transform:rotateX(-90deg) translateZ(3.5vw)}.no-js .calendar{counter-reset:boxes-counter}.no-js .cube{counter-increment:boxes-counter}.no-js .cube:after{content:counter(boxes-counter)}.cube__number,.no-js .cube:after{position:absolute;right:0;bottom:0}.background{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;transition:background-color .8s}.title{font-size:3.25vw;font-weight:600;position:absolute;right:3vw;bottom:calc(3vw + 10px);margin:0;white-space:nowrap;pointer-events:none;opacity:0}.title:before{content:attr(data-number);display:inline-block;margin-right:.5em;color:#fff}[class*=letter]{position:relative;display:inline-block;white-space:pre}[class*=letter]:blank{padding-right:10em}.content{position:relative}.js .content{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none}.content__block{padding:10vh 5vw}.js .content__block{padding:20vh 5vw;position:absolute;z-index:100;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:85%;height:100%;padding:3em 0 6em 7vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}.content__title{font-size:7vw;line-height:.85;margin:0}.content__description{font-size:2.25vw;margin:1em 0;padding:0 0 0 5vw}.content__meta{font-family:'Avenir Next',Avenir,'Helvetica Neue',Helvetica,'Segoe UI',Arial,sans-serif;margin:0;padding:0 0 12vh 4vw}.content__number{position:absolute}.btn-back{font-size:2em;line-height:2;top:115px !important;position:fixed;z-index:100;width:2em;margin:0;margin:1em;padding:0;pointer-events:auto;color:currentColor;border:0;border:2px solid;background:0 0;box-shadow:none !important}.btn-back:focus{outline:none}.no-js .content__number,.no-js .btn-back{display:none}.js .content__block,.js .content__description,.js .content__meta,.js .content__number,.js .btn-back{opacity:0}.js .content__block--current{pointer-events:auto;opacity:1}@media screen and (max-width:50.75em){main{margin-left:0;padding-top:85px}.content__title{font-size:26px !important;color:#fff;line-height:1.1}.calendarBtn,a.calendarBtn{font-size:23px !important;height:48px}.codrops-header__desktop{display:none}.codrops-header__mobile{display:block}.calendar{padding:3em calc((100vw - (7 * (14vw + 1vw)))/2)}.js .calendar{padding:0 calc((100vw - (7 * (12vw + 1vw)))/2) 5em}.cube{width:12vw;height:12vw}.js .cube:first-child{margin-left:calc(((12vw + 1vw) * 3) + 0.5vw)}.cube__side--front{-webkit-transform:translateZ(6vw);transform:translateZ(6vw)}.cube__side--back{-webkit-transform:rotateY(180deg) translateZ(6vw);transform:rotateY(180deg) translateZ(6vw)}.cube__side--right{-webkit-transform:rotateY(90deg) translateZ(6vw);transform:rotateY(90deg) translateZ(6vw)}.cube__side--left{-webkit-transform:rotateY(-90deg) translateZ(6vw);transform:rotateY(-90deg) translateZ(6vw)}.cube__side--top{-webkit-transform:rotateX(90deg) translateZ(6vw);transform:rotateX(90deg) translateZ(6vw)}.cube__side--bottom{-webkit-transform:rotateX(-90deg) translateZ(6vw);transform:rotateX(-90deg) translateZ(6vw)}.title{font-size:5vw}.content__description,.content__description span,.content__meta,.content__meta span{font-size:20px !important;line-height:1.2;padding:0 !important}.content__description{margin-top:30px !important}.js .content__block{padding:2em;width:100%}.btn-back{position:absolute;top:10px !important;font-size:1.8em;bottom:auto;margin:.5em}}@media screen and (max-width:26em){.codrops-header{font-size:.75em}.codrops-header__tagline{display:none}.codrops-header__title{font-size:1.5em}.codrops-demos{width:100%;margin:0;padding:.5em 1em}}@media (hover:none){body{background-color:#1c2d3f !important}}