/* Lilith v6 — shared boutique base. World: void black · wine · rose · bone. */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --void:#07050a;--void-2:#0d0a11;--wine:#3d0e1e;--wine-2:#2a0a16;
  --rose:#d48a9c;--rose-2:#f0c7d0;--bone:#efe8dc;--body:#cfc3c9;--dim:#9d8f97;
  --line:rgba(212,138,156,.22);--line-soft:rgba(212,138,156,.12);
  --paper:#f1eae0;--paper-ink:#241a20;--paper-dim:#6d5a63;--paper-line:rgba(61,14,30,.18);
}
html{scroll-behavior:smooth}
body{background:var(--void);color:var(--body);font-family:'Manrope',sans-serif;font-weight:300;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
::selection{background:var(--wine);color:var(--rose-2)}
.sf{font-family:'Cormorant Infant',serif}

/* header */
.hd{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:space-between;align-items:center;
  padding:18px clamp(20px,4vw,48px);background:linear-gradient(rgba(7,5,10,.88),rgba(7,5,10,.62) 70%,transparent);
  transition:background .4s}
.hd.solid{background:rgba(7,5,10,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
.hd .brand{font-family:'Cormorant Infant',serif;font-style:italic;font-size:27px;color:var(--rose-2);letter-spacing:.04em}
.hd nav{display:flex;gap:clamp(18px,3vw,38px);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
.hd nav a{padding:6px 0;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.hd nav a:hover{color:var(--rose-2)}
.hd nav a.on{color:var(--rose-2);border-bottom-color:var(--rose)}
.hd .hub{font-size:11px;letter-spacing:.2em;color:var(--dim)}
.hd .hub:hover{color:var(--rose-2)}
[id]{scroll-margin-top:76px}
@media(max-width:760px){
  .hd{padding:12px 14px;gap:10px}
  .hd .brand{font-size:21px;flex-shrink:0}
  .hd nav{gap:12px;font-size:9.5px;letter-spacing:.08em;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}
  .hd nav::-webkit-scrollbar{display:none}
  .hd nav a{white-space:nowrap;padding:6px 0}
  .hd .hub{display:none}
}

/* long-form measure */
.prose{max-width:66ch;margin:0 auto;font-size:17px}
.prose p{margin-bottom:1.5em}
.prose .lead{font-family:'Cormorant Infant',serif;font-size:24px;line-height:1.55;color:var(--bone)}
.prose em{color:var(--rose-2);font-style:italic}

/* manifesto line */
.manifesto{font-family:'Cormorant Infant',serif;font-style:italic;font-weight:400;
  font-size:clamp(24px,3.6vw,38px);line-height:1.45;color:var(--bone);text-align:center}
.manifesto b{color:var(--rose-2);font-weight:500}

/* buttons */
.btn{display:inline-block;padding:16px 46px;border:1px solid var(--rose);color:var(--rose-2);
  letter-spacing:.32em;text-transform:uppercase;font-size:11.5px;transition:.35s;
  box-shadow:0 6px 30px rgba(61,14,30,.5)}
.btn:hover{background:var(--rose);color:var(--void);box-shadow:0 10px 46px rgba(212,138,156,.35)}
.btn.ghost{border-color:var(--line);color:var(--dim);box-shadow:none}
.btn.ghost:hover{border-color:var(--rose);color:var(--rose-2);background:transparent}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.65,.25,1)}
.rv.vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* footer */
footer{border-top:1px solid var(--line-soft);padding:60px clamp(20px,4vw,48px) 44px;background:var(--void)}
footer .cols{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
footer .fbrand{font-family:'Cormorant Infant',serif;font-style:italic;font-size:34px;color:var(--rose-2)}
footer .fbrand small{display:block;font-family:'Manrope',sans-serif;font-style:normal;font-size:10.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--dim);margin-top:8px}
footer h4{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dim);margin-bottom:16px;font-weight:400}
footer ul{list-style:none}
footer li{margin-bottom:9px;font-size:14.5px}
footer li a{color:var(--body);border-bottom:1px solid transparent;transition:.3s}
footer li a:hover{color:var(--rose-2);border-bottom-color:var(--line)}
footer .base{max-width:1150px;margin:44px auto 0;padding-top:20px;border-top:1px solid var(--line-soft);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--dim)}
footer .base a{color:var(--dim)}footer .base a:hover{color:var(--rose-2)}
@media(max-width:760px){footer .cols{grid-template-columns:1fr;gap:28px}}