/* Matriarchy shares the existing Black Moth colors and page shell. */
.matriarchy-main { max-width:1400px; margin:auto; padding:48px 32px 64px; }
.matriarchy-hero { display:grid; grid-template-columns:1.35fr 1fr; gap:40px; align-items:center; padding:0 0 42px; border-bottom:1px solid var(--line); }
.matriarchy-hero .eyebrow { color:#007d76; }
[data-theme=dark] .matriarchy-hero .eyebrow { color:var(--teal); }
.matriarchy-hero h1 { display:inline-block; font:400 clamp(42px,5.3vw,76px)/1.15 'Permanent Marker',cursive; margin:0 0 22px; text-transform:uppercase; position:relative; isolation:isolate; color:var(--ink); padding:0 8px 8px; transform:rotate(-2deg); }
.matriarchy-hero h1::before { content:''; position:absolute; inset:0 -7px; z-index:-1; background:var(--acid); clip-path:polygon(1% 8%,99% 0,98% 91%,0 100%); }
.matriarchy-hero h2 { font:700 clamp(26px,3.2vw,40px)/1.05 'Barlow Condensed',sans-serif; text-transform:uppercase; margin:4px 0 15px; }
.matriarchy-intro { font-size:19px; line-height:1.6; max-width:580px; color:var(--muted); }
.matriarchy-art { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--surface); border:1px solid var(--line); border-top:3px solid var(--pink); padding:30px 24px 24px; min-height:300px; overflow:hidden; }
.matriarchy-art::before { content:'✳'; position:absolute; top:2px; right:12px; font-size:75px; line-height:1; color:var(--pink); transform:rotate(12deg); opacity:.55; }
.matriarchy-art::after { content:'✳'; position:absolute; bottom:22px; left:8px; font-size:55px; line-height:1; color:var(--teal); transform:rotate(-15deg); opacity:.65; }
.matriarchy-art svg { width:min(100%,250px); height:220px; color:var(--text); }
.matriarchy-art p { color:var(--teal); font:400 20px/1.15 'Permanent Marker',cursive; text-align:center; margin:12px 0 0; transform:rotate(-3deg); text-transform:uppercase; }
.mother-collection { padding-top:38px; }
.mother-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:23px; }
.mother-heading h2 { font:400 31px/1.2 'Permanent Marker',cursive; text-transform:uppercase; margin:0; }
.mother-heading a { font:700 16px 'Barlow Condensed',sans-serif; text-transform:uppercase; display:flex; align-items:center; gap:8px; color:#007d76; white-space:nowrap; }
[data-theme=dark] .mother-heading a { color:var(--teal); }
.mother-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.mother-card { min-width:0; border:1px solid var(--line); border-top:3px solid var(--teal); background:var(--surface); border-radius:3px; overflow:hidden; }
.mother-card:nth-child(3n+2) { border-top-color:var(--pink); }
.mother-card:nth-child(3n) { border-top-color:var(--acid); }
.mother-card img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; }
.mother-portrait-placeholder { display:grid; place-items:center; aspect-ratio:4/3; background:var(--bg); color:var(--muted); font:600 17px 'Barlow Condensed',sans-serif; text-transform:uppercase; border-bottom:1px solid var(--line); }
.mother-card-body { padding:22px; }
.mother-card h3 { font:700 26px/1.15 'Barlow Condensed',sans-serif; margin:0 0 12px; text-transform:uppercase; }
.mother-card p { font-size:16px; line-height:1.6; color:var(--muted); margin-bottom:14px; white-space:pre-line; }
.mother-card a { display:inline-flex; align-items:center; gap:8px; color:#007d76; font:700 16px 'Barlow Condensed',sans-serif; text-transform:uppercase; }
[data-theme=dark] .mother-card a { color:var(--teal); }
.mother-empty { border:1px solid var(--line); border-left:3px solid var(--teal); padding:30px; background:var(--surface); }
.mother-empty h3 { font:700 28px 'Barlow Condensed',sans-serif; margin:0 0 10px; text-transform:uppercase; }
.mother-empty p { color:var(--muted); max-width:620px; line-height:1.6; font-size:17px; margin:0; }
.mother-profile-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; border-top:1px solid var(--line); margin-top:38px; padding-top:28px; }
.mother-profile-steps>div { border-left:2px solid var(--teal); padding-left:15px; }
.mother-profile-steps>div:nth-child(2) { border-color:var(--pink); }
.mother-profile-steps>div:nth-child(3) { border-color:var(--acid); }
.mother-profile-steps h3 { font:700 20px 'Barlow Condensed',sans-serif; text-transform:uppercase; margin:0 0 9px; }
.mother-profile-steps p { font-size:15px; color:var(--muted); line-height:1.6; margin:0; }
.header .header-actions .cart-toggle { color:var(--text); }
.header .cart-toggle:hover { color:var(--teal); }
@media (min-width:1001px) and (max-width:1200px) { .header-inner { flex-wrap:wrap; } .header nav { order:3; flex-basis:100%; padding-block:8px; } .header-actions { margin-left:auto; } }
@media (max-width:850px) { .matriarchy-hero { grid-template-columns:1fr 1fr; gap:25px; } .matriarchy-intro { font-size:17px; } .mother-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:650px) {
  .matriarchy-main { padding:30px 16px 42px; }
  .matriarchy-hero { grid-template-columns:1fr; gap:22px; padding-bottom:28px; }
  .matriarchy-hero h1 { font-size:clamp(32px,9.5vw,52px); padding-inline:3px; }
  .matriarchy-intro { font-size:17px; margin-bottom:8px; }
  .matriarchy-art { min-height:240px; padding:18px; }
  .matriarchy-art svg { height:160px; }
  .matriarchy-art p { font-size:18px; }
  .mother-heading { align-items:flex-start; flex-direction:column; gap:13px; }
  .mother-heading h2 { font-size:27px; }
  .mother-grid { grid-template-columns:1fr; }
  .mother-empty { padding:24px 20px; }
  .mother-profile-steps { grid-template-columns:1fr; gap:22px; }
}