/* Hubaux Avocats — page Mentions (utilisée avec css/domaine.css) */
.lhead { padding: calc(3 * var(--leading)) 0 calc(1.6 * var(--leading)); }
.lhead h1 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); font-size: clamp(32px, 4.2vw, 52px); line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 0 -0.05em; animation: d-rtl 0.8s ease-out both; animation-delay: 0.3s; }
.lhead .kicker { animation: d-fade 0.5s ease-out both; }
.lnav { display: flex; gap: 28px; flex-wrap: wrap; margin-top: calc(1.2 * var(--leading)); animation: d-fade 1.2s ease-out both; animation-delay: 0.9s; }
.lnav a { position: relative; font-size: 14px; letter-spacing: 0.04em; text-decoration: none; color: var(--color-text); padding-bottom: 7px; }
.lnav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--color-blue); transform: scaleX(0); transform-origin: left; transition: transform 0.45s cubic-bezier(.2,.8,.2,1); }
.lnav a:hover::after { transform: scaleX(1); }
.lbody { padding: 0 0 calc(3 * var(--leading)); }
.lsec { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: clamp(20px, 4vw, 64px); padding: calc(1.7 * var(--leading)) 0 calc(2.2 * var(--leading)); border-top: 2px solid var(--color-divider); scroll-margin-top: 24px; }
.lsec:last-of-type { border-bottom: 2px solid var(--color-divider); }
.lsec-aside { align-self: start; position: sticky; top: 24px; }
.lsec h2 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); font-size: clamp(22px, 2.4vw, 30px); line-height: 1.1; letter-spacing: -0.018em; margin: 0; position: relative; padding-bottom: 12px; }
.lsec h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 2px; background: var(--color-blue); transform: scaleX(0); transform-origin: left; transition: transform 0.9s cubic-bezier(.2,.8,.2,1) 0.15s; }
.lsec.is-visible h2::after { transform: scaleX(1); }
.lsec h3 { font-family: var(--font-heading); font-weight: 500; font-size: 17px; letter-spacing: -0.005em; margin: calc(1.3 * var(--leading)) 0 calc(0.4 * var(--leading)); }
.lsec h3:first-child { margin-top: 0; }
.lsec p { font-size: 15px; line-height: var(--leading); color: color-mix(in srgb, var(--color-text) 78%, transparent); margin: 0 0 var(--half); max-width: 72ch; }
.lsec p strong { color: var(--color-text); font-weight: 600; }
.lsec ul { list-style: none; margin: var(--half) 0 var(--leading); padding: 0; max-width: 72ch; }
.lsec ul li { position: relative; padding: calc(0.4 * var(--leading)) 0 calc(0.4 * var(--leading)) 28px; border-bottom: 1px solid var(--color-divider); font-size: 15px; line-height: 1.55; color: color-mix(in srgb, var(--color-text) 80%, transparent); }
.lsec ul li::before { content: ""; position: absolute; left: 0; top: calc(0.4 * var(--leading) + 11px); width: 14px; height: 2px; background: var(--color-blue); }
.lcard { border-top: 2px solid var(--color-divider); padding-top: var(--leading); margin-bottom: var(--leading); }
.lcard-k { display: block; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-blue-ink); margin-bottom: 8px; }
.lcard p { margin-bottom: 0; }
.lcols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); }
.lroles { list-style: none; margin: var(--half) 0 var(--leading); padding: 0; max-width: 72ch; }
.lroles li { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 20px; padding: calc(0.7 * var(--leading)) 0; border-bottom: 1px solid var(--color-divider); font-size: 15px; line-height: 1.55; color: color-mix(in srgb, var(--color-text) 80%, transparent); }
.lroles li span:first-child { font-family: var(--font-heading); font-weight: 500; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text); }
.lroles li::before { content: none; }
@media (max-width: 760px) { .lsec { grid-template-columns: 1fr; gap: var(--half); } .lsec-aside { position: static; } .lcols { grid-template-columns: 1fr; } .lroles li { grid-template-columns: 1fr; gap: 4px; } }
