*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--color-bg:#e6ddd4;--color-text:#1a1714;--font-display:"Fraunces",serif;--font-heading:"Syne",sans-serif;--font-mono:"Roboto Mono",monospace}::selection{background:hsla(30,17%,47%,.3)}body,html{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-heading),sans-serif;margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 3rem;background-color:hsla(30,26%,87%,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.logo{font-family:var(--font-mono);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.email,.logo{color:var(--color-text)}.email{font-family:var(--font-heading);font-size:12px;font-weight:400;opacity:.55;text-decoration:none;letter-spacing:.08em;transition:opacity .2s ease}.email:hover{opacity:.65}.main{flex:1 1;display:flex;align-items:center;padding:0 3rem;max-width:64rem}.intro{font-family:var(--font-display);font-size:40px;font-weight:400;line-height:1.25;color:var(--color-text)}.intro-secondary{opacity:.55}.stilar-link{color:var(--color-text);text-decoration:underline;text-underline-offset:.15em;transition:opacity .2s ease}.stilar-link:hover{opacity:.6}@media (max-width:1024px){.intro{font-size:32px}}@media (max-width:768px){.header{height:56px;padding:0 1.5rem}.logo{font-size:13px}.email{font-size:11px}.main{padding:0 1.5rem}.intro{font-size:24px}}@media (max-width:480px){.intro{font-size:22px;line-height:1.3}.main{padding:0 .75rem}}