@font-face{font-family:Neuzeit;font-style:normal;font-weight:400;src:url(../fonts/neuzeitgro-bold-webfont.woff2) format("woff2"),url(../fonts/neuzeitgro-bold-webfont.woff) format("woff")}@font-face{font-family:LinuxLibertineOItalic;font-style:italic;font-weight:400;src:url(../fonts/linlibertine_it-webfont.eot);src:url(../fonts/linlibertine_it-webfont-.eot#iefix) format("embedded-opentype"),url(../fonts/linlibertine_it-webfont.woff) format("woff"),url(../fonts/linlibertine_it-webfont.ttf) format("truetype"),url(../fonts/linlibertine_it-webfont.svg#LinuxLibertineOItalic) format("svg")}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#111;color:#fff;font-family:LinuxLibertineOItalic,Baskerville,serif;letter-spacing:0;line-height:1.5;margin:0;overflow:hidden;text-rendering:optimizeLegibility}strong:not(:root:root){letter-spacing:-1px}h1,h2,h3,h4,h5{font-family:Neuzeit,sans-serif}a{color:#fff}hr{background-color:#f0c4d7;border:none;height:1px}.layout{background-attachment:fixed;background-image:url(../img/bg.jpg);background-position:50% 50%;height:100vh;overflow:auto;padding:0 0 2rem;transition:background-position 2s ease-in-out;width:100vw}.layout.about{background-position:0 50%}.layout.work{background-position:100% 50%}.container{margin:0 auto;max-width:60rem;padding:0 2rem;width:100vw}.text-pink{color:#f0c4d7}.page-enter-active{transition:all 1s ease-in-out .25s}.page-leave-active{transition:all 1s ease-in-out}.page-enter-from,.page-leave-active{opacity:0;transform:translateY(4rem)}svg g{pointer-events:all}.nav-logo g{cursor:pointer}@media (max-width:768px){.nav-logo{height:auto;order:-1;text-align:center;width:100%}}#logo{height:5.5rem;width:auto}@media (max-width:600px){#logo{height:auto;width:100%}}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}#x{opacity:1;transition:all .5s ease-in-out}#x path{transform:rotate(0);transform-box:fill-box;transform-origin:50% 50%;transition:all .5s ease}#x path.spin{animation:spin 10s linear infinite}.center #x{opacity:1}.nav{align-items:flex-start;display:flex;justify-content:space-between;padding:4rem 0;transition:all 2s ease-in-out}@media (max-width:768px){.nav{flex-wrap:wrap}}.nav a{display:block;position:relative}.nav a:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.nav.center{transform:translateY(calc(50vh - 50%))}.nav-link{color:#fff;font-size:1.5rem;font-style:italic;position:relative;text-align:center;text-decoration:none}.nav-link.nuxt-link-active,.nav-link:focus,.nav-link:hover{color:#f0c4d7}.nav-link.nuxt-link-active:before,.nav-link:focus:before,.nav-link:hover:before{background:#f0c4d7;width:100%}.nav-link:before{background:#fff;bottom:1px;content:"";display:block;height:1px;left:50%;position:absolute;transform:translate(-50%);transition:all .35s ease;width:0}.dropdown{position:relative}.dropdown:hover .dropdown-menu{background:rgba(0,0,0,.8);height:auto;opacity:1;pointer-events:auto;transform:translate(1rem)}.dropdown:hover .dropdown-link{opacity:.5}.dropdown:hover .dropdown-link:hover{opacity:1}.dropdown .dropdown-menu{height:0;opacity:0;padding:1rem 0;pointer-events:none;position:absolute;right:0;top:100%;transform:translate(1rem,1rem);transition:opacity .35s ease-in-out,transform .35s ease-in-out;z-index:100}.dropdown .dropdown-link,.submenu{font-family:Neuzeit,sans-serif;letter-spacing:.15rem;padding:.5rem .75rem;text-align:right;text-decoration:none;text-transform:uppercase;transition:all .35s ease-in-out;white-space:nowrap}.submenu{color:#f0c4d7;opacity:.5}.submenu:hover{opacity:1}.submenu:hover .dropdown-submenu{height:auto;opacity:1!important}.submenu:focus+.dropdown-submenu{height:auto;opacity:1}.dropdown-submenu{height:0;opacity:0;transform:translate(1rem);transition:all .35s ease-in-out}.dropdown-submenu-link{font-family:Neuzeit,sans-serif;letter-spacing:.15rem;margin-right:15px;padding:.5rem .75rem;text-align:right;text-decoration:none;text-transform:uppercase;transition:all .35s ease-in-out;white-space:nowrap}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.05)}40%{transform:scale(1)}60%{transform:scale(1.05)}to{transform:scale(1)}}.contact-link{align-items:center;border-radius:4rem;bottom:2vw;display:flex;justify-content:center;position:fixed;right:2vw;text-align:center}.contact-link:hover .heart path{fill:#f0c4d7;animation:heartbeat 2s infinite;transform-origin:center center}.contact-link a{text-decoration:none}.contact-link .yg{width:3rem}.contact-link .yg,.contact-link span{position:relative;z-index:1}.contact-link .heart{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:0}.contact-link .heart path{transition:all .35s ease-in-out}