.site-nav{position:relative;margin-left:36vw;justify-content:flex-end;transform:rotate(-6deg)}.site-nav__list{list-style:none;padding:0;margin:0;display:flex;gap:2rem}.site-nav__anchor{text-decoration:none;color:var(--link-color);transition:color .3s;font-size:6vw;position:relative}.site-nav__anchor a:hover{color:var(--accent-color)}.site-nav__anchor--active::after{position:absolute;bottom:-1vw;left:50%;line-height:1;content:".";font-weight:700}@media screen and (min-width:800px){.site-nav{margin:-1vw 0 0 42vw}.site-nav__anchor{font-size:4vw}}.site-header{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 2rem}.site-title{font-size:20vw;margin:0;font-weight:700;text-transform:lowercase;position:relative;color:var(--link-color);transform:rotate(-6deg)}.site-title::after{position:absolute;left:34vw;top:-75%;content:"";background:var(--secondary-color);width:9vw;height:75vw;transform:skew(20deg) rotate(90deg);box-shadow:.5vw -.5vw 0 #533659}.site-title__anchor{position:relative;display:inline-block;text-decoration:none;z-index:0;text-shadow:.5vw .5vw 0 #533659}.site-title__anchor:not(.active):hover{color:var(--secondary-lighter-color)}.site-title__anchor:hover{color:var(--link-color)}@media screen and (min-width:800px){.site-title{font-size:16vw}.site-title::after{left:29vw;top:-89%;width:7vw;height:65vw}}