/* /for-lawyers/: спокойная глубина и микроанимации, без скрытия контента. */
.hl-landing { --hl-lift: calc(var(--hl-space-xs) / -2); }
.hl-hero-stage { box-shadow: var(--shadow-dropdown); border: thin solid var(--border-default); }
.hl-social-section, .hl-final { background: linear-gradient(135deg, var(--color-primary), var(--color-primary-active)); }
.hl-section-nav { background: color-mix(in srgb, var(--color-white) 96%, transparent); backdrop-filter: blur(var(--hl-space-xs)); }
.hl-section-nav::after { content: ''; position: absolute; inset: auto 0 0; height: calc(var(--hl-space-xs) / 4); background: var(--color-primary); transform: scaleX(var(--hl-progress, 0)); transform-origin: left; pointer-events: none; }
.hl-nav-scroll a { position: relative; border-radius: var(--radius-xs); transition: color var(--transition), background var(--transition); }
.hl-nav-scroll a::after { content: ''; position: absolute; inset: auto calc(var(--hl-space-xs) / 2) 0; height: calc(var(--hl-space-xs) / 4); background: var(--color-primary); border-radius: var(--radius); transform: scaleX(0); transform-origin: left; transition: transform var(--motion-duration-ui) var(--motion-ease-out); }
.hl-nav-scroll a[aria-current="location"] { color: var(--color-primary); background: var(--color-bg-tint-blue); }
.hl-nav-scroll a[aria-current="location"]::after { transform: scaleX(1); }
.hl-landing .hl-button { position: relative; transition: color var(--transition), background var(--transition), border-color var(--transition), transform var(--motion-duration-ui) var(--motion-ease-out), box-shadow var(--motion-duration-ui) var(--motion-ease-out); }
.hl-landing .hl-button:focus-visible { box-shadow: var(--shadow-dropdown); transform: translateY(var(--hl-lift)); }
.hl-landing .hl-button:active { transform: translateY(0) scale(.985); box-shadow: none; }
.hl-landing :is(.hl-text-link, .hl-person-profile, .hl-mobile-login) > span[aria-hidden] { display: inline-block; transition: transform var(--motion-duration-ui) var(--motion-ease-out); }
.hl-landing :is(.hl-text-link, .hl-person-profile, .hl-mobile-login):focus-visible > span[aria-hidden] { transform: translate(calc(var(--hl-space-xs) / 3), calc(var(--hl-space-xs) / -3)); }
.hl-person-card, .hl-hero-recommendation, .hl-visual-card, .hl-price-card { transition: transform var(--motion-duration-ui) var(--motion-ease-out), box-shadow var(--motion-duration-ui) var(--motion-ease-out), border-color var(--transition); }
.hl-person-photo { overflow: hidden; }
.hl-person-photo img, .hl-media-link img, .hl-avatar-stack img { transition: transform var(--motion-duration-enter) var(--motion-ease-out); }
.hl-person-card:focus-within { transform: translateY(var(--hl-lift)); box-shadow: var(--shadow-modal); }
.hl-person-card:focus-within .hl-person-photo img { transform: scale(1.025); }
.hl-landing .hl-hero-recommendation:focus-visible, .hl-visual-card:focus-within, .hl-price-card:focus-within { transform: translateY(var(--hl-lift)); box-shadow: var(--shadow-dropdown); }
.hl-media-link:focus-visible img { transform: scale(1.015); }
.hl-hero-community:focus-visible .hl-avatar-stack img { transform: translateY(var(--hl-lift)); }
.hl-search-row input { transition: border-color var(--transition), box-shadow var(--motion-duration-ui) var(--motion-ease-out); }
.hl-search-row input:focus-visible { border-color: var(--color-primary); box-shadow: var(--shadow-secondary); }
.hl-faq-item { transition: border-color var(--transition), background var(--transition), box-shadow var(--motion-duration-ui) var(--motion-ease-out); }
.hl-faq-item[open] { background: var(--color-bg-tint-blue); box-shadow: var(--shadow-sm); }
.hl-faq-item summary { border-radius: var(--radius-md); transition: background var(--transition); }
.hl-faq-item summary::after, .hl-faq-item[open] summary::after { content: ''; width: var(--text-lg); height: var(--text-lg); background: linear-gradient(var(--color-primary), var(--color-primary)) center / 100% calc(var(--hl-space-xs) / 4) no-repeat, linear-gradient(var(--color-primary), var(--color-primary)) center / calc(var(--hl-space-xs) / 4) 100% no-repeat; transition: background-size var(--motion-duration-ui) var(--motion-ease-out), transform var(--motion-duration-ui) var(--motion-ease-out); }
.hl-faq-item[open] summary::after { background-size: 100% calc(var(--hl-space-xs) / 4), calc(var(--hl-space-xs) / 4) 0%; transform: rotate(180deg); }
@media (hover: hover) and (pointer: fine) {
    .hl-landing .hl-button:hover { transform: translateY(var(--hl-lift)); box-shadow: var(--shadow-dropdown); }
    .hl-landing .hl-button:active { transform: translateY(0) scale(.985); box-shadow: none; }
    .hl-nav-scroll a:hover { background: var(--color-bg-tint-blue); text-decoration: none; }
    .hl-nav-scroll a:hover::after { transform: scaleX(1); }
    .hl-person-card:hover { transform: translateY(var(--hl-lift)); box-shadow: var(--shadow-modal); }
    .hl-person-card:hover .hl-person-photo img { transform: scale(1.025); }
    .hl-landing .hl-hero-recommendation:hover, .hl-visual-card:hover, .hl-price-card:hover { transform: translateY(var(--hl-lift)); box-shadow: var(--shadow-dropdown); }
    .hl-media-link:hover img { transform: scale(1.015); }
    .hl-hero-community:hover .hl-avatar-stack img { transform: translateY(var(--hl-lift)); }
    .hl-landing :is(.hl-text-link, .hl-person-profile, .hl-mobile-login):hover > span[aria-hidden] { transform: translate(calc(var(--hl-space-xs) / 3), calc(var(--hl-space-xs) / -3)); }
    .hl-faq-item summary:hover { background: var(--color-bg-tint-blue); }
}
@media (prefers-reduced-motion: no-preference) {
    .hl-landing .hl-enter { animation: hl-enter var(--motion-duration-enter) var(--motion-ease-out) both; animation-delay: calc(var(--hl-order, 0) * var(--motion-stagger-step)); }
    .hl-faq-item[open] .hl-faq-answer { animation: hl-answer var(--motion-duration-ui) var(--motion-ease-out); }
}
@keyframes hl-enter { from { opacity: 0; translate: 0 var(--hl-space-sm); } to { opacity: 1; translate: 0 0; } }
@keyframes hl-answer { from { opacity: 0; translate: 0 calc(var(--hl-space-xs) / 2); } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion: reduce) {
    .hl-landing *, .hl-landing *::before, .hl-landing *::after { animation: none !important; transition: none !important; }
    .hl-landing :is(.hl-button, .hl-person-card, .hl-hero-recommendation, .hl-visual-card, .hl-price-card):is(:hover, :focus-visible, :focus-within, :active), .hl-landing :is(.hl-person-photo, .hl-media-link):is(:hover, :focus-within) img, .hl-landing .hl-hero-community:is(:hover, :focus-visible) img, .hl-landing :is(.hl-text-link, .hl-person-profile, .hl-mobile-login):is(:hover, :focus-visible) > span[aria-hidden] { transform: none; }
}
@media print {
    .hl-landing .hl-enter { animation: none; opacity: 1; translate: none; }
}