/* Couture signature logo — five variations.
   Colors come from --logo-ink (script) and --logo-accent (thread, icon, small caps).
   --k scales the whole lockup (header, footer, mobile). */
.logo{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1;position:relative;z-index:2;color:var(--logo-ink,#fff);--k:1}
.logo-script{font-family:var(--lf,'Allura'),cursive;font-weight:400;font-size:calc(var(--ls,42px) * var(--k));line-height:.9;white-space:nowrap;color:var(--logo-ink,#fff)}
.logo-thread{align-self:center;width:0;min-width:106%;height:calc(12px * var(--k));margin:calc(-2px * var(--k)) 0 calc(4px * var(--k));color:var(--logo-accent,#B7CEFD);overflow:visible;--tw:calc(1px * var(--k))}
.logo-sub{font:600 calc(9px * var(--k))/1 'Manrope',system-ui,sans-serif;letter-spacing:.56em;text-transform:uppercase;color:var(--logo-accent,#B7CEFD);padding-left:.56em;white-space:nowrap}
.logo-form{flex:none;color:var(--logo-accent,#B7CEFD);overflow:visible;--sw:calc(1.15px * var(--k))}
.logo-col{display:inline-flex;flex-direction:column;align-items:center}

/* 1 · Signature — the original, with an even line all the way to the needle */
.logo.v1{--lf:'Allura';--ls:42px}

/* 2 · Calligraphy — formal script, tapered pen swash, no needle */
.logo.v2{--lf:'Pinyon Script';--ls:35px}
.logo.v2 .logo-script{padding:calc(5px * var(--k)) 0 calc(2px * var(--k))}

/* 3 · Stitched — rounder boutique script over a running stitch */
.logo.v3{--lf:'Parisienne';--ls:34px}
.logo.v3 .logo-thread{margin-top:calc(1px * var(--k))}

/* 4 · Atelier — the dress form from Logo B beside the signature */
.logo.v4{--lf:'Allura';--ls:38px;flex-direction:row;gap:calc(14px * var(--k))}
.logo.v4 .logo-form{width:calc(30px * var(--k));height:calc(47px * var(--k));padding-right:calc(14px * var(--k));border-right:1px solid color-mix(in srgb,var(--logo-accent,#B7CEFD) 40%,transparent);box-sizing:content-box}

/* 5 · Crest — dress form centered above a bolder script, capitals between rules */
.logo.v5{--lf:'Great Vibes';--ls:34px}
.logo.v5 .logo-form{width:calc(18px * var(--k));height:calc(28px * var(--k));margin-bottom:calc(5px * var(--k))}
.logo.v5 .logo-sub{margin-top:calc(7px * var(--k))}
/* 6 · Final — the Crest layout with the Calligraphy script */
.logo.v6{--lf:'Pinyon Script';--ls:34px}
.logo.v6 .logo-form{width:calc(18px * var(--k));height:calc(28px * var(--k));margin-bottom:calc(4px * var(--k))}
.logo.v6 .logo-script{padding:calc(4px * var(--k)) 0 calc(1px * var(--k))}
.logo.v6 .logo-sub{margin-top:calc(8px * var(--k))}

.logo-sub.ruled{display:inline-flex;align-items:center;gap:.9em}
.logo-sub.ruled::before,.logo-sub.ruled::after{content:"";width:1.8em;height:1px;background:currentColor;opacity:.6}

/* Light backgrounds */
.on-light{--logo-ink:#0A1440;--logo-accent:#000AA8}