@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,300..600,0..100,0..1;1,9..144,300..600,0..100,0..1&family=Hanken+Grotesk:wght@400;500;600&display=swap');
/* Cycle Notes · Velvet Noir: black cherry and velvet, rouge, powder, champagne */
:root{
  --bg:#120709; --surface:#1F0A10; --text:#F7EDE6; --text-dim:#CDB8AE; --border:#3A1A22;
  --brand:#E8CFA0; --on-brand:#120709; --danger:#F28B95; --radius:14px;
  --men:#D4566A; --fol:#F4C7C3; --ovu:#F0B867; --lut:#B48BC8;
  --serif:"Fraunces",Georgia,serif; --sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  color-scheme:dark;
}
html,body{background:var(--bg);color:var(--text);font-family:var(--sans)}
h1,h2,h3,.wm{font-variation-settings:"SOFT" 100,"WONK" 1}
.logo-mark{display:block;flex:none}
.wm{font-family:var(--serif);font-style:normal;font-weight:300;line-height:1;letter-spacing:-.05em;white-space:nowrap;display:inline-block;font-variation-settings:normal}
.wm b{font-weight:600}
.wm i{font-style:italic;font-weight:400;font-size:.46em;letter-spacing:-.01em;margin-left:.5em}
.wm em{font-style:italic}