/* HAMRAH — family lawyer: soft lavender/cream, chips, collage, timeline, folder FAQ */
body.lf-family{
  font-family:"Vazirmatn",system-ui,sans-serif;
  background:#faf7f2;
  color:#3a2f45;
  padding-top:52px;
}
.lf-family h1,.lf-family h2,.lf-family h3,.lf-logo{
  font-family:"Fraunces","Vazirmatn",serif;
  font-weight:700;
}

.lf-chips{
  position:sticky;top:0;z-index:40;
  display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;
  padding:.65rem 1rem;
  background:rgba(250,247,242,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #e6dcec;
}
.lf-chip{
  font-size:.82rem;font-weight:600;
  padding:.4rem .9rem;border-radius:999px;
  background:#efe6f6;color:#5b4570;
  border:1px solid #d9c8e8;
}
.lf-chip.active,.lf-chip:hover{background:#7b5c9a;color:#fff;border-color:#7b5c9a}
.lf-chip.ghost{background:transparent;border-style:dashed}

.lf-top{
  width:min(1100px,94%);margin:1rem auto 0;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
}
.lf-logo{font-size:1.35rem;color:#5b4570;text-decoration:none}
.lf-logo span{
  margin-inline-start:.4rem;font-size:.7rem;font-family:"Vazirmatn",sans-serif;
  background:#f0e4ff;color:#7b5c9a;padding:.2rem .5rem;border-radius:6px;vertical-align:middle;
}
.lf-nav{display:flex;gap:1rem;flex:1;flex-wrap:wrap;font-size:.9rem}
.lf-nav a{opacity:.75;color:#3a2f45}
.lf-nav a:hover{opacity:1;color:#7b5c9a}

.lf-hero{
  width:min(1100px,94%);margin:1.5rem auto 2.5rem;
  display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;
}
@media(max-width:860px){.lf-hero{grid-template-columns:1fr}.lf-collage{order:2}}
.lf-collage{
  display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:.75rem;
  transform:rotate(-1.2deg);
}
.lf-shot{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(91,69,112,.12)}
.lf-shot img{width:100%;height:100%;object-fit:cover;display:block}
.lf-shot-a{grid-row:1/3;min-height:340px}
.lf-shot-b{transform:translateY(12px) rotate(2deg)}
.lf-shot-c{transform:translateX(-8px) rotate(-2deg)}
.lf-eyebrow{font-size:.78rem;font-weight:700;color:#7b5c9a;letter-spacing:.04em;margin-bottom:.5rem}
.lf-hero-copy h1{font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.35;color:#3a2f45;margin-bottom:.75rem}
.lf-lead{color:#6a5a78;margin-bottom:1.25rem;line-height:1.85}
.lf-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.lf-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.7rem 1.25rem;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;
}
.lf-btn.primary{background:#7b5c9a;color:#fff;box-shadow:0 8px 24px rgba(123,92,154,.28)}
.lf-btn.soft{background:#fff;color:#5b4570;border:1px solid #d9c8e8}

.lf-sec-head{width:min(1100px,94%);margin:0 auto 1.25rem}
.lf-sec-head h2{font-size:1.55rem;color:#5b4570;margin-bottom:.35rem}
.lf-sec-head p{color:#7a6a88}

.lf-story{margin-bottom:2.75rem}
.lf-timeline{
  list-style:none;padding:0;margin:0 auto;width:min(900px,94%);
  display:flex;flex-direction:column;gap:1rem;
  border-inline-start:3px solid #e0d0ef;padding-inline-start:1.25rem;
}
.lf-timeline li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.lf-step{
  width:2.1rem;height:2.1rem;border-radius:50%;
  background:#efe6f6;color:#7b5c9a;font-weight:800;
  display:grid;place-items:center;margin-inline-start:-2.35rem;
  border:3px solid #faf7f2;font-size:.85rem;
}
.lf-card{
  background:#fff;border:1px solid #eadff2;border-radius:16px;padding:1.1rem 1.25rem;
  box-shadow:0 4px 18px rgba(91,69,112,.06);
}
.lf-card h3{margin-bottom:.35rem;color:#5b4570}
.lf-card p{color:#6a5a78;line-height:1.75;font-size:.95rem}
.lf-card.hot{background:linear-gradient(135deg,#f5eefb,#fff8f2);border-color:#d4bce8}

.lf-cases{margin-bottom:2.5rem}
.lf-case-grid{
  width:min(1100px,94%);margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;
}
@media(max-width:900px){.lf-case-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.lf-case-grid{grid-template-columns:1fr}}
.lf-case-grid article{
  background:#fff8f5;border:1px solid #f0dfd6;border-radius:14px;padding:1.1rem;
}
.lf-case-grid h3{color:#8a5a6e;margin-bottom:.4rem;font-size:1.05rem}
.lf-case-grid p{font-size:.88rem;color:#6a5a78;line-height:1.7}

.lf-trust{
  width:min(1100px,94%);margin:0 auto 2.75rem;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;
  background:#5b4570;color:#fff;border-radius:20px;padding:1.5rem 1.25rem;
}
@media(max-width:640px){.lf-trust{grid-template-columns:1fr}}
.lf-trust-item{text-align:center}
.lf-trust-item strong{display:block;font-family:"Fraunces",serif;font-size:1.8rem;margin-bottom:.25rem}
.lf-trust-item span{opacity:.85;font-size:.88rem}

.lf-faq{margin-bottom:2.75rem}
.lf-folders{width:min(800px,94%);margin:0 auto;display:flex;flex-direction:column;gap:.65rem}
.lf-folders details{
  background:#fff;border:1px solid #e6dcec;border-radius:14px;overflow:hidden;
}
.lf-folders summary{
  cursor:pointer;padding:1rem 1.15rem;font-weight:700;color:#5b4570;
  list-style:none;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;
}
.lf-folders summary::-webkit-details-marker{display:none}
.lf-tab{
  font-size:.72rem;font-weight:800;background:#efe6f6;color:#7b5c9a;
  padding:.25rem .55rem;border-radius:6px;
}
.lf-folders details[open] summary{border-bottom:1px solid #efe6f6;background:#fbf8ff}
.lf-folders details p{padding:.9rem 1.15rem 1.15rem;color:#6a5a78;line-height:1.8;margin:0}

.lf-contact{
  width:min(1100px,94%);margin:0 auto 2rem;
  display:grid;grid-template-columns:1fr 1.1fr;gap:1.25rem;align-items:stretch;
  background:#fff;border:1px solid #eadff2;border-radius:20px;overflow:hidden;
}
@media(max-width:800px){.lf-contact{grid-template-columns:1fr}}
.lf-contact-copy{padding:1.75rem 1.5rem}
.lf-contact-copy h2{color:#5b4570;margin-bottom:.6rem}
.lf-contact-copy p{color:#6a5a78;margin-bottom:1.1rem;line-height:1.8}
.lf-contact-copy .lf-btn{margin-inline-end:.5rem;margin-bottom:.5rem}
.lf-contact iframe{width:100%;min-height:280px;border:0}

.lf-foot{text-align:center;padding:1.5rem;color:#9a8aa8;font-size:.85rem}