/* Elucium mock-ups: shared look. Gold and type are switchable via classes. */
:root{
  --ink:#0A0706; --ink-2:#130C09; --ink-3:#1C120D;
  --ivory:#F1E4D0; --ivory-2:rgba(241,228,208,.68); --ivory-3:rgba(241,228,208,.42);
  --velvet:#8E1B2B;
  --line:rgba(216,176,122,.28);
}

/* ---- Golds (sampled from the leaf on the truffle) ---- */
.g-leaf    {--gold:#D8B07A; --gold-hi:#F5DCA4; --gold-lo:#9F6535; --line:rgba(216,176,122,.3)}
.g-antique {--gold:#BF925C; --gold-hi:#E6C68F; --gold-lo:#7A4E2A; --line:rgba(191,146,92,.32)}
.g-candle  {--gold:#C99779; --gold-hi:#EDC6A9; --gold-lo:#7C4F3E; --line:rgba(201,151,121,.32)}
.g-old     {--gold:#C8A24E; --gold-hi:#EAD08A; --gold-lo:#7D6326; --line:rgba(200,162,78,.3)}

/* ---- Type pairings ---- */
.t-couture{--display:'Cormorant Garamond',Georgia,serif; --dw:300; --dscale:1.08; --dtrack:-.005em;
  --body:'Cormorant Garamond',Georgia,serif; --bw:400; --bsize:1.22rem; --blh:1.6;
  --label:'Tenor Sans',sans-serif; --lw:400}
.t-velvet {--display:'Boska',Georgia,serif; --dw:300; --dscale:1; --dtrack:-.01em;
  --body:'General Sans',sans-serif; --bw:300; --bsize:1.02rem; --blh:1.75;
  --label:'General Sans',sans-serif; --lw:500}
.t-maison {--display:'Instrument Serif',Georgia,serif; --dw:400; --dscale:1.14; --dtrack:-.01em;
  --body:'Instrument Sans',sans-serif; --bw:400; --bsize:.98rem; --blh:1.75;
  --label:'Instrument Sans',sans-serif; --lw:500}

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--ink);color:var(--ivory);font-family:var(--body);font-weight:var(--bw);font-size:var(--bsize);line-height:var(--blh);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}

.display{font-family:var(--display);font-weight:var(--dw);letter-spacing:var(--dtrack);line-height:1.04;margin:0}
.display em,.whisper{font-style:italic}
.whisper{font-family:var(--display);font-weight:var(--dw);color:var(--gold);font-size:calc(1.35rem * var(--dscale));line-height:1.4}
.label{font-family:var(--label);font-weight:var(--lw);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.muted{color:var(--ivory-2)}
.rule{width:44px;height:1px;background:var(--gold);opacity:.7;border:0;margin:28px 0}

.wordmark{display:inline-block;font-family:var(--display);font-weight:var(--dw);letter-spacing:.42em;text-transform:uppercase;margin-right:-.42em;line-height:1;
  background:linear-gradient(100deg,var(--gold-lo) 0%,var(--gold) 28%,var(--gold-hi) 48%,var(--gold) 66%,var(--gold-lo) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.mark{color:var(--gold)}
.mark svg{display:block;width:100%;height:100%}

.btn{display:inline-block;font-family:var(--label);font-weight:var(--lw);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;
  color:var(--ink);background:linear-gradient(100deg,var(--gold-lo),var(--gold) 35%,var(--gold-hi) 55%,var(--gold) 80%);padding:16px 30px;border-radius:999px;border:0;cursor:pointer}
.btn.ghost{background:none;color:var(--gold);border:1px solid var(--line)}

/* candle-graded photography */
.graded{filter:saturate(.74) sepia(.24) hue-rotate(8deg) contrast(1.06) brightness(.84)}
.vignette{position:relative;overflow:hidden}
.vignette::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(10,7,6,.75) 100%)}
.arch{border-radius:999px 999px 0 0;overflow:hidden}
/* stronger grade for the magenta-walled shots */
.graded.tame{filter:grayscale(.62) sepia(.48) saturate(1.2) hue-rotate(-4deg) contrast(1.08) brightness(.86)}