@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-normal-_kVFYEpx.woff)format("woff")}@font-face{font-family:DM Serif Display;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-italic-DpcbibHm.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-italic-BgxzcTJK.woff)format("woff")}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.demo-friseur{--sand:#efe6dc;--sand-deep:#e4d6c8;--shell:#f7f1ea;--blush:#e8c4b8;--blush-soft:#f1ddd4;--rose:#b76e5d;--rose-ink:#a35d4d;--rose-deep:#8f4f40;--espresso:#2b211d;--espresso-2:#3a2d27;--muted:#6e5e56;--line:#decfc2;--sage:#5f7a5a;--radius:.5rem;background-color:var(--sand);color:var(--espresso);font-family:DM Sans Variable,ui-sans-serif,system-ui,sans-serif}.demo-friseur ::selection{background-color:var(--rose);color:var(--shell)}.demo-friseur .font-mila{letter-spacing:-.01em;font-family:DM Serif Display,ui-serif,Georgia,serif;font-weight:400}.demo-friseur .arch{border-radius:999px 999px 1.25rem 1.25rem}.demo-friseur .arch-sm{border-radius:999px 999px .75rem .75rem}.demo-friseur .no-scrollbar{scrollbar-width:none}.demo-friseur .no-scrollbar::-webkit-scrollbar{display:none}.demo-friseur .paper-grain{background-image:radial-gradient(color-mix(in oklab, var(--espresso) 7%, transparent) .6px, transparent .6px);background-size:7px 7px}@keyframes mila-spin{to{transform:rotate(360deg)}}.demo-friseur .spin-slow{animation:36s linear infinite mila-spin}@keyframes mila-marquee{to{transform:translate(-50%)}}.demo-friseur .marquee-mila{animation:48s linear infinite mila-marquee}@media (prefers-reduced-motion:reduce){.demo-friseur .spin-slow,.demo-friseur .marquee-mila{animation:none}}.demo-friseur :where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--rose-ink);outline-offset:3px}