@charset "UTF-8";body,html{color:#fff;height:100%;margin:0;padding:0;width:100%;overflow-x:hidden}html{background:fixed #181a2c radial-gradient(#181a2c,#020202);display:flex;flex-direction:column}.parallax{background:url(background.svg) no-repeat;background-position:100%;background-size:60vw auto;display:block;height:100vh;height:calc(var(--vh, 1vh)*100);position:fixed;top:10vh;top:calc(var(--vh, 1vh)*10);width:100vw;will-change:transform;z-index:-1}h2{font:700 32px Playfair Display,serif;margin:0;padding:0}p{font:15.2px Montserrat,sans-serif;line-height:1.5;margin:0 0 16px}p:last-of-type{margin-bottom:0}a{background-image:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;color:hsla(0,0%,100%,.7);text-decoration:none;transition:all .1s linear 0s;transition:background-size .3s}a:hover{background-size:100% 1px;color:#fff}header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;padding:5% 0;position:relative;z-index:1}header h1{font:700 64px Playfair Display,serif;padding:0;text-align:center;margin:auto 0 0}@media (max-width:400px){header h1{font-size:48px}}header p{letter-spacing:2px;text-align:center;user-select:none}header .arrow{cursor:pointer;margin-top:auto;position:relative;user-select:none;width:16px}header .arrow:before{font:12px Montserrat,sans-serif;content:"scroll";height:16px;left:0;opacity:0;pointer-events:none;position:absolute;top:8px;transform:translateY(-100%) translateX(-50%);transform-origin:center center;transition:opacity .1s linear 0s,top .1s linear 0s,letter-spacing .1s linear .1s;text-align:center;left:50%;width:160px}header .arrow:hover:before{opacity:.8;letter-spacing:2px;top:0}@media (hover:none){header .arrow:before{opacity:.8;letter-spacing:2px;top:0}}header .arrow img{width:100%}main{box-sizing:border-box;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);display:flex;align-items:center;justify-content:center}main .wrapper{display:grid;grid-template-columns:auto auto;grid-template-rows:min-content auto;padding:10%;max-width:800px}main h2{grid-column-start:2;padding-bottom:8px;user-select:none}main nav{font:700 20px Playfair Display,serif;display:flex;flex-direction:column;align-items:flex-end;box-sizing:border-box;padding-right:32px;width:160px}main nav a{margin-bottom:16px;letter-spacing:1px;user-select:none}@media (max-width:600px){main .wrapper{display:flex;flex-direction:column}main nav{flex-direction:row;margin-top:40px;order:1;width:100%}main nav a:not(:last-of-type){margin-right:32px;position:relative}main nav a:not(:last-of-type):after{align-items:center;color:hsla(0,0%,100%,.7);content:"◆";display:inline-flex;justify-content:center;pointer-events:none;position:absolute;right:-32px;width:32px}}::selection{background:rgba(156,159,184,.9);color:#020202}::-moz-selection{background:rgba(156,159,184,.9);color:#020202}