html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;background:var(--bg-page);color:var(--fg-1);font:var(--fs-body)/var(--lh-body) var(--font-serif)}
a{color:var(--crepuscule-600);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color var(--dur-1) var(--ease-souffle)}
a:hover{color:var(--halo-700)}
::selection{background:var(--halo-300);color:var(--nuit-800)}
:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}
.b-hand{font-family:var(--font-hand);font-weight:400;line-height:var(--lh-hand)}
.b-display{font-family:var(--font-serif-display);font-weight:400;line-height:var(--lh-display);letter-spacing:var(--ls-display)}
.b-label{font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:400}
.b-grain{position:relative}
.b-grain::after{content:"";position:absolute;inset:0;background-image:var(--texture-grain);opacity:.35;mix-blend-mode:multiply;pointer-events:none}