@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Instrument+Serif:ital@0;1&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e1d1;background:#111412;font-family:DM Mono,monospace}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 40%,#263126 0,#111412 45%);min-height:100vh;margin:0}main{grid-template-rows:auto 1fr;width:min(900px,100% - 40px);min-height:100vh;margin:auto;display:grid}nav{border-bottom:1px solid #fff2;justify-content:space-between;padding:28px 0;display:flex}a{color:inherit;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;text-decoration:none}a[aria-current]{color:#e6b85c}#app{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 0 100px;display:flex}.compass{aspect-ratio:1;border:1px solid #d2c7ae55;border-radius:50%;width:min(42vw,260px);margin-bottom:44px;position:relative;box-shadow:inset 0 0 60px #0008,0 0 80px #a5b88512}.compass:before,.compass:after{content:"";border-top:1px solid #d2c7ae25;position:absolute;inset:50% 12%}.compass:after{transform:rotate(90deg)}.north{color:#e6b85c;font-size:.7rem;position:absolute;top:10px;left:50%;transform:translate(-50%)}.needle{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform-origin:50%;background:linear-gradient(#e6b85c 50%,#84745a 50%);position:absolute;inset:23% 48%;transform:rotate(24deg)}.kicker{color:#e6b85c;text-transform:uppercase;letter-spacing:.2em;font-size:.68rem}h1{max-width:720px;margin:10px 0 30px;font:400 clamp(2.8rem,8vw,6rem)/.95 Instrument Serif,serif}button,.return{color:inherit;font:inherit;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #d2c7ae66;padding:14px 20px;font-size:.7rem}button:hover,button:focus-visible,.return:hover,.return:focus-visible{color:#e6b85c;border-color:#e6b85c}.about{max-width:700px}.about>p:not(.kicker){color:#b6b2a6;max-width:580px;margin:0 auto 32px;line-height:1.8}