/* Law firms: a classical portico in gold line, the scales at its peak, parchment and navy, formal square frames.
   Palette: UI UX Pro Max "Legal Services" (#1E3A8A navy, #B45309 gold, #0F172A). Font: Amiri. */
body.skin-law{--bg:#F7F5F0;--card:#FFFFFF;--card-2:#EFEBE2;--border:#D9D2C3;--fg:#0F1B3D;--secondary-fg:#1E2A4F;--muted:#47516B;
  --primary:#1E3A8A;--on-primary:#FFFFFF;--accent:#A14A08;--i-font:"Amiri";--i-w:700;--i-r:0px;--peak:#1D4ED8;color-scheme:light}
.skin-law .btn{border-radius:0}
.skin-law .btn-ghost{background:transparent;border-color:var(--fg)}
.skin-law .ih{align-content:center;gap:8px}
.skin-law .ih-art{position:relative;inset:auto;z-index:0}
.skin-law .ih-art .art{width:min(340px,72vw)}
.skin-law .ih h1{font-size:clamp(42px,6vw,82px);line-height:1.35}
.skin-law .ih h1::after{content:"";display:block;width:140px;height:9px;margin:16px auto 0;
  background:linear-gradient(var(--accent),var(--accent)) center/100% 1.5px no-repeat,linear-gradient(45deg,transparent 35%,var(--accent) 35% 65%,transparent 65%) center/9px 9px no-repeat}
.skin-law .ped{fill:var(--card-2)}
.skin-law .ped,.skin-law .ent,.skin-law .col rect,.skin-law .step{stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}
.skin-law .ent,.skin-law .col rect,.skin-law .step{fill:var(--card)}
.skin-law .col path{stroke:var(--accent);stroke-opacity:.45;stroke-width:1.5}
.skin-law .scales path{fill:none;stroke:var(--primary);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.skin-law .col{transform-box:fill-box;transform-origin:50% 100%}
.skin-law .alive .col{animation:lw-rise .9s var(--ease-out) backwards}
.skin-law .alive .col:nth-of-type(2){animation-delay:.06s}.skin-law .alive .col:nth-of-type(3){animation-delay:.12s}
.skin-law .alive .col:nth-of-type(4){animation-delay:.18s}.skin-law .alive .col:nth-of-type(5){animation-delay:.24s}.skin-law .alive .col:nth-of-type(6){animation-delay:.3s}
@keyframes lw-rise{from{transform:scaleY(0)}}
/* clients: a formal directory between gold rules */
.skin-law .ir-list{flex-direction:column;align-items:center;gap:0;max-width:640px;margin:0 auto;border-top:1px solid var(--accent)}
.skin-law .ir-list li{width:100%;justify-content:center;background:none;border:0;border-bottom:1px solid var(--accent);font:700 26px/1.6 "Amiri",serif;color:var(--primary)}
/* services: square frames, a double hairline */
.skin-law .is-list li,.skin-law .ic-box{border:1px solid var(--border);outline:1px solid var(--border);outline-offset:-7px}
.skin-law .is-ico{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}
.skin-law .is-list h3{color:var(--primary)}
.skin-law .im-list a{border-radius:0}