/* Adv. Parul Chaudhary — personal site layer on top of the Nyay Law Firm styles (site.css).
   Same layout as the firm and Varun's sites, re-toned: deep plum bands in place of navy,
   rose-gold accents, a warm blush paper, softer corners and serif headings. */

:root{
  --bg:#faf5f3; --surface:#fffcfb; --ink:#261a23; --muted:#6a5a65; --rule:#ead9d6;
  --navy:#3a1530; --navy-2:#4b1d3f; --band-ink:#fbf0ee; --band-muted:#d7c0cc; --band-rule:#5b2c4e;
  --bronze:#9a3d56; --bronze-hi:#e9b6a6; --bronze-soft:#f7e5e2;
  --shadow:0 1px 2px rgba(58,21,48,.06), 0 10px 26px -14px rgba(58,21,48,.22);
  --display:Georgia, "Times New Roman", Times, serif;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#150c13; --surface:#20131d; --ink:#f3e9ed; --muted:#bfa9b6; --rule:#3a2534;
  --navy:#0f060c; --navy-2:#1d0e19; --band-ink:#f6ece9; --band-muted:#c5adba; --band-rule:#3e2337;
  --bronze:#e8a99f; --bronze-hi:#f0c0b2; --bronze-soft:#2a1720;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 28px -14px rgba(0,0,0,.6)}}
:root[data-theme="dark"]{
  --bg:#150c13; --surface:#20131d; --ink:#f3e9ed; --muted:#bfa9b6; --rule:#3a2534;
  --navy:#0f060c; --navy-2:#1d0e19; --band-ink:#f6ece9; --band-muted:#c5adba; --band-rule:#3e2337;
  --bronze:#e8a99f; --bronze-hi:#f0c0b2; --bronze-soft:#2a1720;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 28px -14px rgba(0,0,0,.6)}

/* Softer shapes */
.btn{border-radius:999px}
input,select,textarea{border-radius:10px}
.office,.form-card,.member,.faq details,.steps li,.gate-box,.pcard,.firm-note,.practice-detail{border-radius:var(--r)}
.fab{border-radius:999px}

.brand .pc{width:40px;height:40px;flex:none;color:var(--bronze-hi)}
.site-head .brand b{white-space:nowrap;font-family:var(--display);font-weight:700}

/* Hero: soft rose glow behind the portrait */
.vhero{background:radial-gradient(60% 80% at 82% 40%, rgba(233,182,166,.16), transparent 70%), var(--navy)}
.vhero .hero-main{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;padding-block:72px 64px;gap:56px}
.vhero h1{margin-bottom:14px;font-weight:700;letter-spacing:-.01em}
.vhero .role-line{font:600 13px/1.6 Arial, "Helvetica Neue", Helvetica, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-hi);margin:0 0 22px}
.vhero .focus{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.vhero .focus li{font:500 14px/1 var(--body);color:var(--band-ink);border:1px solid var(--band-rule);background:rgba(255,255,255,.05);padding:9px 14px;border-radius:999px}
.portrait{position:relative;margin:0;justify-self:center;width:min(100%,400px)}
.portrait::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--bronze-hi);border-radius:200px 200px 22px 22px;opacity:.75}
.portrait img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:200px 200px 22px 22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);background:#fff}
.portrait figcaption{position:absolute;left:-22px;bottom:28px;background:var(--surface);color:var(--ink);padding:14px 18px 13px;border-left:3px solid var(--bronze);border-radius:0 12px 12px 0;box-shadow:var(--shadow);max-width:78%}
.portrait figcaption b{display:block;font:700 16px/1.25 var(--display)}
.portrait figcaption span{display:block;font:400 13px/1.45 var(--body);color:var(--muted);margin-top:3px}
@media (max-width:920px){
  .vhero .hero-main{grid-template-columns:minmax(0,1fr);padding-block:48px 56px;gap:44px}
  .portrait{width:min(100%,340px);margin-right:18px}
}
@media (max-width:420px){.portrait figcaption{left:-10px;max-width:88%}}

/* Practice cards */
.pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
.pcard{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:28px 28px 24px;display:flex;flex-direction:column;border-top:3px solid var(--bronze)}
.pcard .n{font:700 13px/1 Arial, Helvetica, sans-serif;letter-spacing:.12em;color:var(--bronze)}
.pcard h3{font:700 22px/1.25 var(--display);margin:12px 0 4px}
.pcard .hi-sub{display:block;margin-bottom:12px}
.pcard p{color:var(--muted);font-size:15.5px;margin:0 0 14px}
.pcard ul{margin:0 0 18px;padding:0;list-style:none;font-size:15px}
.pcard li{padding:7px 0;border-top:1px solid var(--rule)}
.pcard .arrow-link{margin-top:auto}
@media (max-width:980px){.pcards{grid-template-columns:minmax(0,1fr)}}

/* Credentials ledger (profile page) */
.ledger{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.ledger .member{position:sticky;top:96px}
.ledger .prose{max-width:none}
@media (max-width:900px){.ledger{grid-template-columns:minmax(0,1fr)}.ledger .member{position:static}}

/* Firm note */
.firm-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;background:var(--surface);border:1px solid var(--rule);padding:24px 26px;box-shadow:var(--shadow)}
.firm-note svg{width:54px;height:54px;color:var(--bronze)}
.firm-note p{margin:0;color:var(--muted)}
.firm-note b{color:var(--ink)}
@media (max-width:560px){.firm-note{grid-template-columns:minmax(0,1fr)}}

/* Small flourish under section eyebrows */
.sec-head .eyebrow::after{content:"";display:block;width:28px;height:2px;margin-top:8px;background:var(--bronze);border-radius:2px}

@media (max-width:400px){
  .site-head .brand b{font-size:16.5px;white-space:normal}
  .site-head .brand small{letter-spacing:.1em}
  .brand .pc{width:34px;height:34px}
  .site-head .wrap{gap:10px}
}