:root{--bg:oklch(0.985 0.005 80);--fg:oklch(0.22 0.005 80);--fg-muted:oklch(0.55 0.005 80);--line:oklch(0.9 0.005 80);--measure:64rem;--gutter:clamp(1.25rem, 4vw, 2.5rem);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{--bg:oklch(0.16 0.005 80);--fg:oklch(0.94 0.005 80);--fg-muted:oklch(0.62 0.005 80);--line:oklch(0.28 0.005 80)}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:17px;line-height:1.5;letter-spacing:-.005em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}header,main,footer{max-width:var(--measure);margin:0 auto;padding-inline:var(--gutter)}header{padding-block:clamp(1.5rem,4vw,2.5rem);font-weight:500;letter-spacing:-.01em}main{padding-block:clamp(2rem,6vw,4rem)clamp(3rem,8vw,6rem);display:grid;gap:clamp(3rem,8vw,5rem)}.intro,.prose{margin:0;max-width:42ch;font-size:clamp(1.0625rem,1.6vw,1.1875rem);line-height:1.55;text-wrap:pretty}.intro a,.prose a{border-bottom:1px solid var(--line);transition:border-color 200ms ease}.intro a:hover,.prose a:hover{border-color:initial}.prose h1{margin:0 0 1.25rem;font-size:1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.prose p{margin:0 0 1rem}.prose p:last-child{margin-bottom:0}.apps h2{margin:0 0 clamp(1.5rem,3vw,2rem);font-size:.8125rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:clamp(2rem,5vw,3rem)clamp(1.25rem,3vw,2rem)}.app{display:grid;justify-items:start;align-content:start;gap:.5rem}.app__link{display:grid;justify-items:start;align-content:start;gap:.5rem;transition:opacity 200ms ease}.app__link:hover{opacity:.7}.app__link:focus-visible,.app__source:focus-visible{outline:2px solid var(--fg);outline-offset:6px;border-radius:4px}.app__source{font-size:.8125rem;color:var(--fg-muted);border-bottom:1px solid transparent;transition:border-color 200ms ease,color 200ms ease}.app__source:hover{color:var(--fg);border-color:initial}.app__icon{width:clamp(7rem,16vw,10rem);height:auto;aspect-ratio:1/1;border-radius:22.5%;margin-bottom:.375rem}.app__name{font-size:1rem;font-weight:500;letter-spacing:-.015em}.app__tagline{font-size:.875rem;color:var(--fg-muted);letter-spacing:-.005em}footer{margin-top:auto;padding-block:clamp(2rem,5vw,3rem);border-top:1px solid var(--line);font-size:.8125rem;color:var(--fg-muted);display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between;align-items:baseline}footer p{margin:0}.socials{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}footer a{color:var(--fg);border-bottom:1px solid transparent;transition:border-color 200ms ease}footer a:hover{border-color:initial}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}