:root{color-scheme:light;font-family:ui-sans-serif,system-ui,sans-serif;color:#22352f}
*{box-sizing:border-box}
body{margin:0;background:#fffdf7}
.public-fragment{min-height:100vh;padding:clamp(1.5rem,6vw,5rem)}
.label{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
h1{margin:.5rem 0 1rem}
code{padding:.15rem .35rem;border-radius:.25rem;background:rgba(0,0,0,.08)}
.muted{color:#586a63}
.landing{display:grid;min-height:100vh;place-content:center;justify-items:center;padding:clamp(2rem,8vw,6rem)}
.landing .wordmark{display:block;width:min(34rem,86vw);height:auto}
.landing p{margin:clamp(1.5rem,5vw,3rem) 0 0;color:#77787b;font-size:clamp(.78rem,2vw,.95rem);font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}