:root,:host{--color-concrete:#0b0f14;--color-steel:#121a22;--color-slate:#9aa4b2;--color-fog:#e7edf4;--color-rebar:#2a3441;--color-ember:#c77d4a}@layer base{body{font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.6}h1,h2,h3{letter-spacing:-.015em;font-family:IBM Plex Serif,IBM Plex Sans,serif;font-weight:600}h4,h5,h6{font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:600}body{background:var(--color-concrete);color:var(--color-fog)}}@layer utilities{.bg-concrete{background-color:var(--color-concrete)}.bg-steel{background-color:var(--color-steel)}.text-fog{color:var(--color-fog)}.text-slate{color:var(--color-slate)}.text-ember{color:var(--color-ember)}.border-rebar{border-color:var(--color-rebar)}.section-pad{padding:4rem 0}@media (min-width:768px){.section-pad{padding:6rem 0}}.grain{background-image:radial-gradient(circle at 1px 1px,#ffffff0f 1px,#0000 0);background-size:18px 18px}.grain .font-spec{letter-spacing:.08em;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hover-underline{position:relative}.hover-underline:after{content:"";opacity:.6;background:currentColor;width:0;height:1px;transition:width .16s,opacity .16s;position:absolute;bottom:-.35rem;left:0}:hover>.hover-underline:after,.hover-underline:hover:after{opacity:.85;width:100%}}