/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Courier+Prime&family=Monoton&family=Playfair+Display");@import url("https://fonts.googleapis.com/css2?family=Epilogue:wght@100;400;500;600");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700");:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*,:after,:before{box-sizing:border-box}.button,body{font-family:Roboto,sans-serif}.button{position:relative;overflow:hidden;display:inline-block;margin:0;padding:22px 30px 19px;border:2px solid #c5bba5;color:#dad3c4;background:transparent;font-size:16px;font-weight:500;text-transform:uppercase;text-decoration:none;line-height:1;letter-spacing:.5px;transition:padding .3s ease-out .1s,color .2s ease-out .1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:before{position:absolute;left:0;top:0;z-index:-1;display:block;width:100%;height:100%;background-color:#c5bba5;transform:scaleX(0);transform-origin:top left;transition:transform .3s ease-out .2s;content:""}.button--hover-right-to-left:before{transform-origin:top right}.button--small{padding:18px 20px 15px;font-size:14px}.button--with-margin{margin-right:20px}.button--with-arrow-right{padding-right:55px}.button--with-arrow-right:after{position:absolute;right:20px;top:50%;display:block;color:currentColor;font-size:20px;transform:translateY(-50%);content:"\2192"}.button--with-arrow-right:hover{padding-right:70px}.button--disabled{opacity:.2}.button--disabled:hover{cursor:not-allowed!important}.button:hover{color:#000;transition:padding .2s ease-out,color .2s ease-out .1s;cursor:pointer}.button:hover:before{transform:scaleX(1);transition:transform .2s ease-out}.button:active,.button:focus{outline:none}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}[v-cloak]{display:none!important}.video-wrapper{position:relative;width:100%;height:auto;padding-top:56.25%}.video-wrapper iframe{position:absolute;left:0;top:0;width:100%;height:100%}.body{background:#1d1d1d url(../images/backgrounds/dust.png) repeat 0 0;background-attachment:fixed}.body--timeline{overflow:hidden;height:100vh}.wrapper{width:90%;max-width:1600px;margin:0 auto}.curtain{position:fixed;z-index:9997;left:0;top:0;right:0;bottom:0;display:block;background-color:#f4583d;opacity:.5;visibility:hidden;transform:translateX(-100%);transition:all .4s ease}.curtain--pulled{opacity:1;visibility:visible;transform:translateX(0)}.header{position:fixed;left:0;top:50px;z-index:9999;display:block;width:100%}.header__wrapper{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.site-logo{display:block;width:48px;text-decoration:none}.site-logo__image{display:block;width:100%;height:auto}.nav{position:fixed;left:0;top:0;z-index:9998;overflow-y:auto;display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:flex-start;width:100%;height:100%;padding:120px 0 120px 100px;background-color:#1d1d1d;visibility:hidden;opacity:.8;transform:translateX(-100%);transition:all .2s ease-out}.nav__item{display:block;margin:0;color:#ece0c6;font-size:40px;font-family:Playfair Display,serif;text-decoration:none;opacity:0;transform:translateX(-100px);transition:all .3s ease-out}.nav__item:hover{color:#f4583d}.nav--open{visibility:visible;opacity:1;transform:translateX(0);transition-delay:.2s}.nav--open .nav__item{-webkit-animation:anim--menu-item .4s ease-out forwards;animation:anim--menu-item .4s ease-out forwards}.nav--open .nav__item:first-child{-webkit-animation-delay:.11s;animation-delay:.11s}.nav--open .nav__item:nth-child(2){-webkit-animation-delay:.22s;animation-delay:.22s}.nav--open .nav__item:nth-child(3){-webkit-animation-delay:.33s;animation-delay:.33s}.nav--open .nav__item:nth-child(4){-webkit-animation-delay:.44s;animation-delay:.44s}.nav--open .nav__item:nth-child(5){-webkit-animation-delay:.55s;animation-delay:.55s}.nav--open .nav__item:nth-child(6){-webkit-animation-delay:.66s;animation-delay:.66s}.nav--open .nav__item:nth-child(7){-webkit-animation-delay:.77s;animation-delay:.77s}.nav--open .nav__item:nth-child(8){-webkit-animation-delay:.88s;animation-delay:.88s}@-webkit-keyframes anim--menu-item{80%{opacity:1}to{transform:translateX(0);opacity:1}}@keyframes anim--menu-item{80%{opacity:1}to{transform:translateX(0);opacity:1}}@-webkit-keyframes anim--home-nav{to{opacity:1}}@keyframes anim--home-nav{to{opacity:1}}.burger{position:relative;z-index:9999;display:block;overflow:hidden;width:45px;height:45px;margin:0 0 0 20px;padding:0;border:none;border-radius:0;color:rgba(244,213,94,.5);background:transparent;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:-9999em;cursor:pointer;transition:all .2s}.header--hide-nav .burger{display:none}.burger:focus{outline:none}.body--home .burger{opacity:0;-webkit-animation:anim--home-nav 1.5s ease-out 2s forwards;animation:anim--home-nav 1.5s ease-out 2s forwards}.burger__meat{position:absolute;left:0;top:50%;display:block;width:100%;transform:translateY(-50%);transition:background .3s}.burger__meat,.burger__meat:after,.burger__meat:before{height:2px;border-radius:10px;background-color:currentColor}.burger__meat:after,.burger__meat:before{position:absolute;left:0;display:block;width:100%;content:""}.burger__meat:before{top:-10px;transition:top .3s .3s,width .1s 0s,transform .3s 0s}.burger__meat:after{bottom:-10px;transition:bottom .3s .3s,width .1s 0s,transform .3s 0s}.burger--close{color:rgba(244,213,94,.5)}.burger--close .burger__meat{background-color:transparent}.burger--close .burger__meat:before{top:0;width:100%;transform:rotate(45deg);transition:top .3s 0s,width .1s 0s,transform .3s .3s}.burger--close .burger__meat:after{bottom:0;width:100%;transform:rotate(-45deg);transition:bottom .3s 0s,width .1s 0s,transform .3s .3s}.intro-screen{display:flex;height:100vh}.intro-screen__content{margin:auto;padding-top:100px}.intro-screen__text{display:block;width:80%;margin:0 0 35px;padding:0;color:#ece0c6;font-size:35px;font-family:Abril Fatface,cursive;line-height:1.3}.intro-screen__text__highlight{color:#f4583d}.intro-screen__actions{display:block;margin-top:60px}.perspective{perspective:300px}.stage{position:relative;display:block;width:100%;height:100vh;padding:0;transition:transform .4s ease-out;transform-style:preserve-3d}.the-year{position:fixed;left:50%;top:50%;z-index:-1;display:block;padding:0 -60px 0 0;color:rgba(244,213,94,.4);font-family:Monoton,cursive;font-size:300px;text-align:center;letter-spacing:60px;line-height:1;transform:translate(calc(-50% + 30px),-50%);transform-style:preserve-3d;transition:all 3s ease;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation:the-year-pulsating 10s ease-in-out infinite;animation:the-year-pulsating 10s ease-in-out infinite}.the-year--1930{color:rgba(102,102,226,.7)}.the-year--1940{color:rgba(255,192,203,.4)}.the-year--1950{color:rgba(255,99,71,.4)}.the-year--1960{color:rgba(100,199,100,.4)}.the-year--1970{color:rgba(171,98,240,.4)}.the-year--1980{color:rgba(107,142,35,.4)}.the-year--1990{color:rgba(206,160,76,.4)}.the-year--2000{color:rgba(173,216,230,.4)}.the-year--2010{color:rgba(90,228,182,.4)}.the-year--spinning{color:rgba(244,213,94,.4);font-size:110px;letter-spacing:80px;opacity:.2!important;transition:all .5s ease-out}.years{position:fixed;left:0;bottom:50px;overflow:hidden;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;width:100%;padding:0 20vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.years__year,.years__year-spacer{display:block;min-width:40vw}.years__year{position:relative;margin:0;padding:0;color:rgba(244,213,94,.4);font-size:20px;font-family:Playfair Display,serif;line-height:1;transition:all .3s ease .5s}.years__year:after{position:absolute;top:50%;left:50px;display:block;width:calc(100% - 100px);height:1px;background-color:currentColor;transform:translateY(calc(-50% + 2px));transition:all .3s ease;content:""}.years__year--current{color:#fff}.years__year:hover{color:#f4583d;cursor:crosshair;transition:all .3s ease}.years__year:hover:after{height:3px}.timetravel-button{position:fixed;top:50%;border-width:1px}.timetravel-button--backward{left:20px;border-left-color:transparent}.timetravel-button--backward,.timetravel-button--forward{border-top-color:transparent;border-bottom-color:transparent}.timetravel-button--forward{right:20px;border-right-color:transparent}.object-open-visual{position:fixed;left:0;top:0;display:block;width:1px;height:1px;border-radius:50%;background-color:#f4583d;visibility:hidden;opacity:.5;transition:none}.object-open-visual--start{width:300vw;height:300vw;visibility:visible;opacity:1;transform:translate(-40%,-40%);transition:width .8s ease-out,height .8s ease-out,opacity .4s ease-out}@-webkit-keyframes the-year-pulsating{0%{opacity:.5}50%{opacity:.3}to{opacity:.5}}@keyframes the-year-pulsating{0%{opacity:.5}50%{opacity:.3}to{opacity:.5}}.object{position:absolute;left:-100%;top:-100%;display:flex;width:1px;height:1px;border-radius:50%;background-color:#f4583d;transition:none;opacity:.7;box-shadow:1px 10px 30px 0 rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.object--transitionable{transition:opacity .5s ease-out,color .3s ease-out}.object--floating{-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.object--hidden{visibility:hidden;opacity:0}.object__image-wrapper{overflow:hidden;width:90%;height:90%;margin:auto;border-radius:50%;transition:all .3s ease-out;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.object__image{display:block;width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;filter:sepia(80%);transition:all .4s ease-out}.object__label{position:absolute;left:50%;bottom:-10px;display:inline-block;margin:0;padding:9px 14px 7px;border-radius:100px;background-color:rgba(244,88,61,.9);font-size:14px;font-weight:400;font-family:Courier Prime,monospace;text-align:center;line-height:1;transform:translateX(-50%);transition:all .4s ease-out}.object:hover{cursor:cell;background-color:rgba(244,213,94,.8)}.object:hover .object__image{filter:sepia(30%);transform:scale(1.1)}.object:hover .object__label{bottom:-20px;background-color:#f4d55e}@-webkit-keyframes anim--floating{0%{transform:translateY(0)}50%{transform:translateY(-15px);opacity:.7}to{transform:translateY(0)}}@keyframes anim--floating{0%{transform:translateY(0)}50%{transform:translateY(-15px);opacity:.7}to{transform:translateY(0)}}@-webkit-keyframes anim--floating-1{0%{transform:translateY(0)}50%{transform:translateY(1.5px)}to{transform:translateY(0)}}@keyframes anim--floating-1{0%{transform:translateY(0)}50%{transform:translateY(1.5px)}to{transform:translateY(0)}}@-webkit-keyframes anim--floating-2{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes anim--floating-2{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}@-webkit-keyframes anim--floating-3{0%{transform:translateY(0)}50%{transform:translateY(4.5px)}to{transform:translateY(0)}}@keyframes anim--floating-3{0%{transform:translateY(0)}50%{transform:translateY(4.5px)}to{transform:translateY(0)}}@-webkit-keyframes anim--floating-4{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes anim--floating-4{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}@-webkit-keyframes anim--floating-5{0%{transform:translateX(0)}50%{transform:translateX(-7.5px)}to{transform:translateX(0)}}@keyframes anim--floating-5{0%{transform:translateX(0)}50%{transform:translateX(-7.5px)}to{transform:translateX(0)}}@-webkit-keyframes anim--floating-6{0%{transform:translateX(0)}50%{transform:translateX(-9px)}to{transform:translateX(0)}}@keyframes anim--floating-6{0%{transform:translateX(0)}50%{transform:translateX(-9px)}to{transform:translateX(0)}}@-webkit-keyframes anim--floating-7{0%{transform:translateX(0)}50%{transform:translateX(-10.5px)}to{transform:translateX(0)}}@keyframes anim--floating-7{0%{transform:translateX(0)}50%{transform:translateX(-10.5px)}to{transform:translateX(0)}}@-webkit-keyframes anim--floating-8{0%{transform:translateX(0)}50%{transform:translateX(-12px)}to{transform:translateX(0)}}@keyframes anim--floating-8{0%{transform:translateX(0)}50%{transform:translateX(-12px)}to{transform:translateX(0)}}@-webkit-keyframes anim--floating-9{0%{transform:translateX(0)}50%{transform:translateX(-13.5px)}to{transform:translateX(0)}}@keyframes anim--floating-9{0%{transform:translateX(0)}50%{transform:translateX(-13.5px)}to{transform:translateX(0)}}@-webkit-keyframes anim--floating-10{0%{transform:translateX(0)}50%{transform:translateX(-15px)}to{transform:translateX(0)}}@keyframes anim--floating-10{0%{transform:translateX(0)}50%{transform:translateX(-15px)}to{transform:translateX(0)}}@-webkit-keyframes anim--floating-11{0%{transform:translate(0)}50%{transform:translate(-11px,11px)}to{transform:translate(0)}}@keyframes anim--floating-11{0%{transform:translate(0)}50%{transform:translate(-11px,11px)}to{transform:translate(0)}}@-webkit-keyframes anim--floating-12{0%{transform:translate(0)}50%{transform:translate(-12px,12px)}to{transform:translate(0)}}@keyframes anim--floating-12{0%{transform:translate(0)}50%{transform:translate(-12px,12px)}to{transform:translate(0)}}@-webkit-keyframes anim--floating-13{0%{transform:translate(0)}50%{transform:translate(-13px,13px)}to{transform:translate(0)}}@keyframes anim--floating-13{0%{transform:translate(0)}50%{transform:translate(-13px,13px)}to{transform:translate(0)}}@-webkit-keyframes anim--floating-14{0%{transform:translate(0)}50%{transform:translate(-14px,14px)}to{transform:translate(0)}}@keyframes anim--floating-14{0%{transform:translate(0)}50%{transform:translate(-14px,14px)}to{transform:translate(0)}}@-webkit-keyframes anim--floating-15{0%{transform:translate(0)}50%{transform:translate(-15px,15px)}to{transform:translate(0)}}@keyframes anim--floating-15{0%{transform:translate(0)}50%{transform:translate(-15px,15px)}to{transform:translate(0)}}.content-pane{position:fixed;z-index:99999999;left:0;right:0;top:0;bottom:0;overflow-y:scroll;display:block;background-color:rgba(29,29,29,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}.content-pane.fade-enter-active,.content-pane.fade-leave-active{transition:opacity .5s ease-out .2s}.content-pane.fade-enter,.content-pane.fade-leave-to{opacity:0}.content-pane__close{position:absolute;right:20px;top:20px;display:block;margin:0;padding:5px 10px 8px;border:none;color:#ece0c6;background-color:transparent;font-size:30px;font-weight:100;line-height:1;transition:all .2s ease}.content-pane__close:hover{color:#f4583d;cursor:pointer}.content-pane__close:focus{outline:none}.hero{position:relative;display:block;width:100%;height:80vh;min-height:700px;background:#151515 no-repeat 50%/cover}.person__header-content{position:absolute;left:5%;bottom:-12vh;display:block}.person__name{display:block;width:50%;margin:0;padding:0;color:#f4583d;font-family:Abril Fatface,cursive;font-size:180px;line-height:.8;letter-spacing:15px}.person__date-of-birth{display:block;margin:0;padding:0;color:#ff0;font-family:Monoton,cursive;font-size:90px}.person__content{display:block;width:50%;margin:150px 10% 0;padding:0 100px;color:#ece0c6;font-family:Playfair Display,serif;font-size:20px}.person__content p{display:block;margin:0 0 50px;padding:0;line-height:1.5}.person__content p:last-of-type{margin-bottom:0}.person__gallery{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;width:50%;margin:50px 0 100px 10%}.person__gallery__image{display:block;width:auto;height:150px}.boat-demo img{position:fixed;left:0;top:0;z-index:-1;display:block;width:100%;height:auto}.boat-demo .wrapper{margin-top:170px}.boat-demo time{color:#fff;font-family:Monoton,cursive;font-weight:400;font-size:30px}.boat-demo h1,.boat-demo time{display:block;margin:0;padding:0}.boat-demo h1{color:#ff0;font-size:60px;font-weight:700;font-family:Abril Fatface,cursive}.boat-demo h1 span{display:block;font-weight:400;font-size:30px}.boat-demo p{display:block;margin:20px 0 0;padding:0;width:300px;color:#fff;font-family:Playfair Display,serif;font-size:20px;line-height:1.5}#img2{-webkit-animation:fadeoutyo 1s ease-out 4s forwards;animation:fadeoutyo 1s ease-out 4s forwards}#img3{-webkit-animation:fadeoutyo 1s ease-out 2s forwards;animation:fadeoutyo 1s ease-out 2s forwards}@-webkit-keyframes fadeoutyo{to{opacity:0}}@keyframes fadeoutyo{to{opacity:0}}