.site-nav{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;width:min(100% - 2rem,46rem);margin:0 auto}.site-nav a{--tag-fill: color-mix(in srgb, var(--line) 55%, var(--surface));position:relative;isolation:isolate;display:grid;justify-items:center;width:3rem;padding:.875rem .625rem 1.375rem;color:var(--muted)}.site-nav a:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--tag-fill);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - .625rem),0 100%)}.site-nav a:after{content:"";width:1.5rem;height:1.5rem;background:currentColor;mask:var(--tag-icon) center / contain no-repeat}.site-nav a[href="/"]{--tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4 2.7 7.3 7.5 9.5 4.8-2.2 7.5-5.5 7.5-9.5V6L12 3Z'/%3E%3Cpath d='m8.8 11.9 2.1 2.1 4.2-4.2'/%3E%3C/svg%3E")}.site-nav a[href="/contact/"]{--tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}.site-nav a:hover{color:var(--accent)}.site-nav a[aria-current=page]{--tag-fill: var(--accent);padding-block-start:1.625rem;color:var(--background)}.site-nav+main,#app>main{margin-top:.75rem}