@charset "UTF-8";

/* Shared type scale; load after the page styles. */
:root{
  --type-body:15px;
  --type-lead:18px;
  --type-small:13px;
  --type-action:14px;
  --type-page-title:44px;
  --type-section-title:34px;
  --type-card-title:22px;
  --type-subtitle:20px;
  --type-reading-title:26px;
  --type-identity-name:56px;
  --type-price:50px;
}

html body{font-family:var(--sans);font-size:var(--type-body);line-height:2}
html body :is(h1,h2,h3,h4){font-family:var(--serif);font-weight:500;line-height:1.6}

html body .page-intro h1,
html body .bio-intro h1,
html body .service-hero h1,
html body .private-lawyer-hero h1,
html body .business-counsel-intro h1,
html body .legal-service-intro h1,
html body .reading-header h1,
html body .not-found h1{font-size:var(--type-page-title);line-height:1.55}
html body .hero h1{font-family:var(--serif);font-size:clamp(48px,4.5vw,64px);font-weight:400;line-height:1.5}

html body .section-heading h2,
html body .about-copy h2,
html body .home-biography .about-copy h2,
html body .philosophy-heading h2,
html body .bio-story h2,
html body .bio-section-heading h2,
html body .detail-grid h2,
html body .faq-grid h2,
html body .contact-band h2,
html body .private-lawyer-heading h2,
html body .private-lawyer-intro h2,
html body .business-counsel-heading h2,
html body .business-counsel-team h2,
html body .legal-service-heading h2,
html body .legal-services-heading h2,
html body .wechat-copy h2,
html body .about-description h2{font-size:var(--type-section-title);line-height:1.6}

html body .practice h3,
html body .article-copy h3,
html body .process-grid h3,
html body .prepare-grid h3,
html body .bio-work-list h3,
html body .bio-social-list h3,
html body .private-lawyer-card-head h2,
html body .private-lawyer-card-head h3,
html body .private-lawyer-card-head p,
html body .private-lawyer-service-head h3,
html body .private-lawyer-steps h3,
html body .business-counsel-card h2,
html body .business-counsel-arrangements h3,
html body .business-counsel-preparation h3,
html body .legal-service-card h2,
html body .legal-service-prepare h3,
html body .legal-service-steps h3,
html body .legal-service-focus h3,
html body .legal-services-card h3,
html body .consultation-panel h2,
html body .related-article h2,
html body .bio-team-roles>div>span,
html body .legal-services-subtitle{font-family:var(--serif);font-size:var(--type-card-title);font-weight:500;line-height:1.7}
html body .situation h4,
html body .situations>h3,
html body .about-role{font-size:var(--type-subtitle);line-height:1.7}
html body .reading-body h2,
html body .reading-checklist h2,
html body .legal-copy h2{font-size:var(--type-reading-title);line-height:1.7}

html body .page-lead,
html body .page-intro .page-lead,
html body .service-hero .page-lead,
html body .private-lawyer-hero .page-lead,
html body .business-counsel-intro .page-lead,
html body .legal-service-intro .page-lead{font-family:var(--sans);font-size:var(--type-lead);line-height:2}

html body .hero-description,
html body .section-heading>p,
html body .section-heading>div>p,
html body .about-copy>p:not(.section-tag):not(.about-role):not(.about-firm),
html body .home-biography .about-copy>p:not(.section-tag):not(.about-role):not(.about-firm),
html body .philosophy-copy p,
html body .bio-story>p:not(.section-tag),
html body .bio-section-heading>p:not(.section-tag),
html body .bio-work-list p,
html body .bio-team-copy>p,
html body .bio-team-roles>div>p,
html body .practice>p:not(.practice-label),
html body .article-copy>p:not(.article-meta),
html body .prepare-grid p,
html body .process-grid p,
html body .situation p,
html body .large-copy,
html body .materials-list li,
html body .focus-note>p,
html body .related-article p:not(.section-tag),
html body .about-description>p:not(.section-tag),
html body .about-team-note p,
html body .reading-intro,
html body .reading-body>section>p:not(.reading-number),
html body .reading-checklist ul,
html body .legal-copy p,
html body .faq-list details>p,
html body .detail-grid>div>.muted,
html body .contact-band-inner>div:last-child>p:not(.wechat-direct):not(.legal-service-form-link),
html body .contact-item p,
html body .form-intro,
html body .wechat-copy>p:not(.section-tag):not(.wechat-help),
html body .private-lawyer-intro>p:not(.eyebrow):not(.section-tag):not(.page-lead):not(.private-lawyer-identity),
html body .private-lawyer-heading>p:last-child,
html body .private-lawyer-service p,
html body .private-lawyer-steps p,
html body .private-lawyer-boundaries,
html body .business-counsel-intro>p:not(.eyebrow):not(.page-lead):not(.business-counsel-identity),
html body .business-counsel-card>p:not(.section-tag):not(.wechat-direct),
html body .business-counsel-card-list,
html body .business-counsel-heading>p:last-child,
html body .business-counsel-arrangements p,
html body .business-counsel-preparation p,
html body .business-counsel-team>div:last-child>p,
html body .legal-service-intro>p:not(.eyebrow):not(.page-lead):not(.legal-service-identity),
html body .legal-service-card>p:not(.section-tag):not(.legal-service-form-link),
html body .legal-service-card li,
html body .legal-service-heading>p:last-child,
html body .legal-service-prepare p,
html body .legal-service-steps p,
html body .legal-service-focus p,
html body .legal-service-intake-list,
html body .business-counsel-overview{font-family:var(--sans);font-size:var(--type-body);line-height:2;letter-spacing:0}

html body .about-firm,
html body .identity-profession p,
html body .identity-profession>span,
html body .hero-bottom p,
html body .hero-bottom p>span,
html body .about-person>p,
html body .private-lawyer-intro .private-lawyer-identity,
html body .business-counsel-intro .business-counsel-identity,
html body .legal-service-intro .legal-service-identity,
html body .bio-signature>small,
html body .bio-facts,
html body .bio-facts>div,
html body .identity-bottom,
html body .contact-sub{font-family:var(--sans);font-size:var(--type-small);line-height:1.9;letter-spacing:.02em}
html body .identity-name,
html body .home-biography .identity-name,
html body .about-person h2{font-family:var(--serif);font-size:var(--type-identity-name);line-height:1.5}
html body .identity-english,
html body .home-biography .identity-english{font-size:24px;line-height:1.5}

html body .section-tag,
html body .eyebrow,
html body .hero-eyebrow,
html body .philosophy-heading .section-tag,
html body .contact-band .eyebrow,
html body .page-intro .eyebrow,
html body .service-hero .eyebrow,
html body .reading-header .eyebrow,
html body .practice>p.practice-label,
html body .article-meta,
html body .article-meta>span,
html body .practice-tags,
html body .private-lawyer-points span,
html body .private-lawyer-note,
html body .private-lawyer-terms,
html body .private-lawyer-card-head>span,
html body .private-lawyer-service-head strong,
html body .business-counsel-terms,
html body .legal-service-note,
html body .form-note,
html body .editorial-note,
html body .article-notice,
html body .focus-note>small,
html body .focus-note>span,
html body .wechat-copy .wechat-help,
html body .wechat-figure figcaption,
html body .bio-platform,
html body .bio-social-list p,
html body .footer-top p,
html body .footer-links,
html body .footer-contact>a:nth-child(2){font-family:var(--sans);font-size:var(--type-small);line-height:1.9}
html body .footer-bottom{font-size:12px;line-height:1.9}

html body .text-link,
html body .philosophy-more,
html body .bio-work-list .text-link,
html body .practice .text-link,
html body .article-copy .text-link,
html body .reading-bottom .text-link,
html body .wechat-direct .text-link,
html body .legal-service-form-link .text-link,
html body .button,
html body .hero-secondary,
html body .plain-button,
html body .bio-index a,
html body .bio-notes-link,
html body .mobile-contact>a{font-family:var(--sans);font-size:var(--type-action);line-height:1.8}

/* Inline links are part of the paragraph, rather than miniature buttons. */
html body .bio-story>p .text-link,
html body .about-copy>p .text-link,
html body .reading-body p .text-link,
html body .legal-copy p .text-link{display:inline;font:inherit;line-height:inherit;letter-spacing:inherit;padding:0;white-space:normal;vertical-align:baseline}
html body .bio-story>p .text-link>span,
html body .about-copy>p .text-link>span{font:inherit}

html body .faq-list summary{font-size:var(--type-body);line-height:1.9}
html body form label{font-size:var(--type-body);line-height:1.9}
html body form input,
html body form textarea,
html body form select{font-family:var(--sans);font-size:15px;line-height:1.8}
html body .contact-phone{font-size:32px;line-height:1.5}
/* Keep every digit on the same baseline, with consistent height and width. */
html body .phone-number,
html body .wechat-phone-number,
html body .contact-phone{font-family:Arial,"Helvetica Neue",sans-serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:.02em}
.phone-copy{display:inline-flex;align-items:center;gap:14px;min-height:44px;max-width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.phone-number{white-space:nowrap;user-select:text;-webkit-user-select:text}
.phone-copy-hint{font-family:var(--sans);font-size:12px;font-weight:400;line-height:1.5;white-space:nowrap;opacity:.75}
.footer-contact>.footer-phone-copy{margin-bottom:4px}
.footer-phone-copy .phone-number{font-size:22px;font-weight:400;line-height:1.5}
.footer-phone-copy:hover{color:#fff}
.contact-phone.phone-copy{gap:16px;font-weight:400}
.contact-phone .phone-copy-hint{color:var(--red)}
.contact-phone.phone-copy:hover{color:var(--red)}
html body .private-lawyer-price strong{font-size:var(--type-price);line-height:1.25}
html body .private-lawyer-price span{font-size:var(--type-small);line-height:1.8}
html body .private-lawyer-points strong{font-size:28px;line-height:1.3}

@media(max-width:800px){
  :root{
    --type-body:14px;
    --type-lead:16px;
    --type-small:12px;
    --type-page-title:32px;
    --type-section-title:28px;
    --type-card-title:20px;
    --type-subtitle:18px;
    --type-reading-title:22px;
    --type-identity-name:48px;
    --type-price:44px;
  }
  html body .hero h1{font-size:clamp(36px,9vw,42px);line-height:1.6}
  html body .hero-description{max-width:560px}
  html body .identity-english,
  html body .home-biography .identity-english{font-size:22px}
  html body .footer-bottom{font-size:11px}
  html body .contact-phone{font-size:30px}
  html body form input,
  html body form textarea,
  html body form select{font-size:16px}
}