:root{--bg:#1c1b19;--ink:#ece7dd;--muted:#8a857c;--amber:#e8912d;--line:#33312d;--mono:"IBM Plex Mono",monospace;--disp:"Bricolage Grotesque",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:880px;margin:0 auto;padding:0 24px}header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 0;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:500;letter-spacing:.02em}.brand .mark{width:26px;height:26px;flex-shrink:0}.brand .mark line{stroke:var(--ink);stroke-width:32;stroke-linecap:round}.bearing{font-size:12px;color:var(--muted);letter-spacing:.14em;font-variant-numeric:tabular-nums}.bearing b{color:var(--amber);font-weight:500}.hero{padding:64px 0 88px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;min-height:52vh}h1{font-family:var(--disp);font-weight:300;font-size:clamp(38px,6.4vw,64px);line-height:1.08;letter-spacing:-.01em}h1 em{font-style:normal;color:var(--amber)}.sub{margin-top:22px;color:var(--muted);max-width:44ch}.sub b{color:var(--ink);font-weight:500}.hero-anchor{width:min(260px,52vw);height:min(260px,52vw);justify-self:end}#compass{width:100%;height:100%;display:block}#compass line{stroke:var(--ink);stroke-width:9;stroke-linecap:round;stroke-dasharray:30;stroke-dashoffset:30;animation:draw .5s forwards;transition:opacity .4s .15s}#compass line.off{opacity:0;transition-delay:0s}#needle{transform-origin:256px 256px;transition:transform .7s cubic-bezier(.34,1.4,.4,1)}#compass .sun{fill:var(--amber);opacity:0;animation:rise 1.1s cubic-bezier(.2,.8,.3,1) 1.5s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes rise{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}section h2{font-weight:500;font-size:12px;letter-spacing:.22em;color:var(--muted);text-transform:lowercase;padding-bottom:14px;border-bottom:1px solid var(--line)}.tool{display:grid;grid-template-columns:52px 150px 1fr auto;gap:18px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);transition:padding-left .25s}.tool:hover{padding-left:10px}.tool .deg{font-size:12px;color:var(--muted);letter-spacing:.06em;transition:color .25s}.tool:hover .deg{color:var(--amber)}.tool .name{font-family:var(--disp);font-weight:500;font-size:20px}.tool .desc{color:var(--muted);font-size:14px}.tool .go{color:var(--amber);font-size:13px;letter-spacing:.08em;opacity:0;transition:opacity .25s}.tool:hover .go{opacity:1}.about{padding:88px 0;max-width:56ch}.about p+p{margin-top:1em}.about .east{color:var(--amber)}.about .mail{color:var(--amber);border-bottom:1px solid color-mix(in srgb,var(--amber) 40%,transparent);transition:border-color .2s}.about .mail:hover{border-color:var(--amber)}footer{padding:48px 0 72px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;flex-wrap:wrap;gap:16px}footer nav{display:flex;gap:26px}footer nav a{transition:color .2s}footer nav a:hover{color:var(--amber)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s}.reveal.on{opacity:1;transform:none}@media(max-width:680px){.hero{grid-template-columns:1fr;padding:40px 0 64px;min-height:auto}.hero-anchor{justify-self:start;order:-1}.tool{grid-template-columns:44px 1fr auto;gap:10px}.tool .desc{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){#compass line{animation:none;stroke-dashoffset:0}#compass .sun{animation:none;opacity:1}#needle{transition:none}.reveal{opacity:1;transform:none;transition:none}}