@font-face{font-family:'BM';src:url(fonts/bodoni-moda-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'BM';src:url(fonts/bodoni-moda-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'BM';src:url(fonts/bodoni-moda-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'HG';src:url(fonts/hanken-grotesk-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'HG';src:url(fonts/hanken-grotesk-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'HG';src:url(fonts/hanken-grotesk-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'DM';src:url(fonts/dm-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'PS';src:url(fonts/pinyon-script-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
/* Romy Ashwell — "magazine spread": photo-led, asymmetric, chocolate on blush, one oxblood accent, gold only in tiny details. */
:root{
  --shell:#fbf4f1;    /* page */
  --blush:#f2dcd6;    /* bands */
  --petal:#e8c3bb;    /* deeper blush for fills */
  --espresso:#2b1b17; /* ink, dark bands, buttons */
  --mocha:#6e534b;    /* secondary text */
  --oxblood:#a9505d;  /* the one accent: Romy's rose */
  --rose-l:#c96f79;
  --gold:#b8945a;     /* jewelry-sized details */
  --hair:rgba(43,27,23,.14);
  --display:'BM','Didot','Bodoni 72',Georgia,serif; --sans:'HG','Helvetica Neue',Arial,sans-serif; --mono:'DM',ui-monospace,monospace; --script:'PS',cursive;
  /* aliases used by checkout / free / thank-you / legal */
  --serif:var(--sans); --ink:var(--espresso); --soft:var(--mocha); --muted:#9a8079; --rose:var(--petal); --rg:var(--oxblood); --rg-d:var(--espresso);
  --ivory:var(--shell); --paper:var(--shell); --blush2:var(--blush); --line:var(--hair);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;background:var(--shell);color:var(--espresso)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;letter-spacing:-.01em;text-wrap:balance}
.label{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--oxblood)}
.brand{font-family:var(--script);font-size:30px;line-height:1;color:var(--espresso);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  padding:19px 34px;border-radius:99px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .25s,color .25s}
.btn-rose{background:linear-gradient(180deg,var(--rose-l) 0%,var(--oxblood) 100%);color:#fff;box-shadow:0 12px 28px -12px rgba(169,80,93,.75),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-rose:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(169,80,93,.85),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-ghost{color:var(--oxblood);border:1px solid rgba(169,80,93,.5);background:transparent}
.btn-ghost:hover{background:rgba(169,80,93,.07)}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--oxblood);outline-offset:3px}