:root{--ink:#111214;--blue:#217eb1;--blue2:#0e5f88;--lime:#d5df28;--paper:#f3f2ed;--white:#fff;--muted:#696b68;--line:rgba(17,18,20,.16);--serif:'Lora',Georgia,serif;--sans:'Open Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section-wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.35s;background:rgba(243,242,237,.86);backdrop-filter:blur(14px)}.header.scrolled{box-shadow:0 1px 0 var(--line)}.nav-shell{height:92px;width:min(1280px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{width:222px;height:auto}.header nav{display:flex;align-items:center;gap:34px;font-size:18px}.header nav a{position:relative}.header nav a:not(.nav-contact):after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--blue);transition:.25s}.header nav a:not(.nav-contact):hover:after{right:0}.nav-contact{border:1px solid var(--ink);padding:11px 18px;transition:.2s}.nav-contact:hover{background:var(--ink);color:white}.menu{display:none;border:0;background:none;padding:8px}.menu i{display:block;width:26px;height:1px;background:var(--ink);margin:6px}
.hero{min-height:760px;position:relative;overflow:hidden;padding:190px 0 38px;background:linear-gradient(112deg,#f3f2ed 0%,#f3f2ed 57%,#e9ece8 100%)}.hero-inner{width:min(1180px,calc(100% - 64px));margin:auto;position:relative;z-index:2}.kicker,.label{font-size:18px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.kicker{display:flex;align-items:center;gap:14px}.kicker span{display:inline-block;width:48px;height:1px;background:var(--blue)}

.hero h1{
    font-family:var(--serif);

    font-size:64px;

    font-weight:400;

    line-height:0.95;

    letter-spacing:-0.03em;

    margin:0 0 24px;

    max-width:700px;
}


.hero h1 em,.statement h2 em,.section-top h2 em,.approach h2 em,.contact h2 em{font-style:italic}.lead{font-size:20px;color:#4f514e;max-width:550px}.hero-links{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;background:var(--ink);color:white;padding:15px 20px;border:1px solid var(--ink);font-size:13px;font-weight:600;transition:.25s}.button:hover{background:var(--blue2);border-color:var(--blue2)}.button b,.underlink b{font-weight:400}.underlink{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:4px}.underlink b{margin-left:7px}.hero-mark{position:absolute;right:-45px;bottom:40px;width:min(530px,43vw);opacity:.16;z-index:1;filter:saturate(.95)}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:5%;top:100px;background:radial-gradient(circle,rgba(33,126,177,.09),transparent 67%)}.hero-bottom{width:min(1180px,calc(100% - 64px));position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr 1fr;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#70736f}.hero-bottom span:last-child{text-align:right}
.statement{background:#fff;padding:125px 0}.statement-grid{display:grid;grid-template-columns:1fr 2.5fr;gap:70px;border-top:1px solid var(--line);padding-top:25px}.label{color:var(--blue)}.statement h2,.section-top h2,.approach h2,.contact h2{font-family:var(--serif);font-weight:400;font-size:56px;line-height:.98;letter-spacing:-.045em;margin:0 0 28px}

.large-copy{
    font-size:20px;
    line-height:1.25;

    max-width:790px;

    color:#565854;

    margin-bottom:20px;

    text-align:justify;
}


.practice{padding:125px 0;background:var(--paper)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:55px}.section-intro{max-width:350px;color:var(--muted);margin:0 0 8px}.cards{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{position:relative;min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s;overflow:hidden}.card:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(33,126,177,.08),rgba(213,223,40,.08));opacity:0;transition:.35s}.card:hover{transform:translateY(-5px);background:white}.card:hover:before{opacity:1}.card>*{position:relative}.num{font-size:11px;letter-spacing:.15em}.card h3{font-family:var(--serif);font-size:42px;font-weight:400;line-height:1.02;letter-spacing:-.03em;margin:0 0 18px}.card p{color:var(--muted);max-width:390px;margin:0}.arrow{position:absolute;right:28px;top:27px;font-size:18px}
.approach{padding:125px 0;background:var(--blue2);color:#fff;position:relative;overflow:hidden}.approach:after{content:'';position:absolute;width:520px;height:520px;right:-170px;bottom:-250px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;position:relative;z-index:1}.approach .label{color:#dceef7}.approach-heading>p:last-child{max-width:410px;color:#d5e3e8;font-size:18px}.approach-heading img{width:300px;max-width:100%;height:auto}.steps{margin-top:5px}.step{display:block;padding:28px 0;border-top:1px solid rgba(255,255,255,.28)}.step:last-child{border-bottom:1px solid rgba(255,255,255,.28)}.step>span{font-size:11px;letter-spacing:.12em}.step h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:0 0 7px}.lawyer-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.lawyer-name .name-main{font-size:36px}.lawyer-name .name-credentials{font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:.02em}.step p{color:#d5e3e8;margin:0 0 24px}.step .lawyer-title{margin-bottom:20px}
.insights{padding:120px 0;background:#fff}.compact{align-items:end}.insight-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.insight-row article{min-height:270px;padding:28px 28px 25px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.insight-row article+article{padding-left:28px}.insight-row article:last-child{border-right:0}.insight-row span{font-size:10px;letter-spacing:.14em;color:var(--blue);font-weight:600}.insight-row h3{font-family:var(--serif);font-size:29px;font-weight:400;line-height:1.12;margin:35px 0 auto}.insight-row a{font-size:12px}
.contact{background:var(--ink);color:#fff;padding:120px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact .label{color:#dceef7}.contact-copy{color:#aeb2ae;font-size:18px;max-width:430px}.contact-details{display:flex;flex-direction:column;gap:8px;margin-top:35px;color:#d8dad7;font-size:16px}.contact-details a:hover{color:var(--lime)}form{display:grid;gap:20px;padding-top:6px}

form label{display:grid;gap:10px;font-size:13px;text-transform:uppercase;letter-spacing:.10em;color:#aaa}input,textarea{font:inherit;color:white;background:none;border:0;border-bottom:1px solid #4b4d4a;padding:10px 0;outline:none;resize:vertical}input:focus,textarea:focus{border-color:var(--lime)}.button.light{background:#fff;color:var(--ink);border-color:#fff;justify-self:start;margin-top:5px}.button.light:hover{background:var(--lime);border-color:var(--lime)}form small{font-size:10px;color:#6f726f}
footer{background:#0b0c0d;color:#d9dbd8;padding:65px 0 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-brand img{width:130px}.footer-brand p{color:#7f827e;max-width:320px;font-size:14px}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px;font-size:16px}.footer-main span{font-size:16px;text-transform:uppercase;letter-spacing:.15em;color:#fff;margin-bottom:8px}.footer-main a:hover{color:white}.footer-bottom{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;border-top:1px solid #2a2c2b;padding-top:22px;margin-top:55px;font-size:14px;color:#6f726f}.footer-bottom span:nth-child(2){text-align:center}
@media(max-width:850px){.section-wrap,.nav-shell,.hero-inner,.hero-bottom{width:min(100% - 36px,1180px)}.nav-shell{height:76px}.brand img{width:185px}.header nav{display:none;position:absolute;top:76px;left:18px;right:18px;background:var(--paper);padding:20px;flex-direction:column;align-items:flex-start;gap:20px;border:1px solid var(--line)}.header nav.open{display:flex}.menu{display:block}.hero{padding-top:150px;min-height:730px}.hero-mark{width:420px;right:-130px;opacity:.11}.hero-bottom{grid-template-columns:1fr 1fr}.hero-bottom span:nth-child(2){display:none}.statement-grid,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.statement,.practice,.approach,.insights,.contact{padding:90px 0}.cards{grid-template-columns:1fr}.section-top{align-items:flex-start;flex-direction:column;gap:25px}.insight-row{grid-template-columns:1fr}.insight-row article,.insight-row article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.insight-row article:last-child{border-bottom:0}.footer-main{grid-template-columns:1fr 1fr;gap:45px}.footer-brand{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr;gap:12px}.footer-bottom span:nth-child(2){text-align:left}}
@media(max-width:520px){.hero h1{font-size:61px}.hero-links{flex-direction:column;align-items:flex-start}.hero-mark{width:360px;right:-125px;bottom:60px}.hero-bottom span:last-child{display:none}.statement h2,.section-top h2,.approach h2,.contact h2{font-size:48px}.card{min-height:300px}.card h3{font-size:36px}.footer-main{grid-template-columns:1fr}}
.nav-shell{height:130px;transition:height .35s ease}.brand img{width:300px;height:auto;transition:width .35s ease}.header.scrolled .nav-shell{height:76px}.header.scrolled .brand img{width:185px}@media(max-width:850px){.nav-shell{height:96px}.brand img{width:220px}.header.scrolled .nav-shell{height:70px}.header.scrolled .brand img{width:165px}.header nav{top:96px}.header.scrolled nav{top:70px}}
.contact-grid{align-items:start}.contact-info{min-width:0}.social-qr{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}.qr-item{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.qr-item img{width:105px;height:105px;object-fit:contain;background:#fff;padding:5px}.qr-item div{display:flex;flex-direction:column;gap:4px}.qr-item strong{font-family:var(--serif);font-size:20px;font-weight:400;color:#fff}.qr-item span{font-size:11px;color:#929793}.form-heading{font-family:var(--serif);font-size:28px;margin:0 0 5px;color:#fff}.office-map{grid-column:1/-1;margin-top:35px;border-top:1px solid rgba(255,255,255,.18);padding-top:35px}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.map-heading .label{margin:0 0 8px}.map-heading h3{font-family:var(--serif);font-size:34px;font-weight:400;margin:0}.map-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:4px}.office-map iframe{display:block;filter:grayscale(35%);background:#202224}@media(max-width:1050px){.social-qr{grid-template-columns:1fr}.qr-item{max-width:330px}}@media(max-width:850px){.social-qr{grid-template-columns:1fr 1fr}.office-map{margin-top:10px}.map-heading{align-items:flex-start;flex-direction:column;gap:15px}}@media(max-width:520px){.social-qr{grid-template-columns:1fr}.qr-item{max-width:none}.qr-item img{width:95px;height:95px}.office-map iframe{height:300px}.map-heading h3{font-size:29px}}
.practice{position:relative;overflow:hidden}.practice-mark{position:absolute;right:-40px;bottom:50px;width:520px;height:auto;opacity:.08;pointer-events:none;z-index:0}.practice .section-wrap{position:relative;z-index:1}@media(max-width:850px){.practice-mark{right:-110px;bottom:30px;width:300px;opacity:.07}}
.lawyer-title{margin-bottom:10px}.lawyer-intro{margin-top:0;margin-bottom:24px}
.hero-tagline{
    color:#217eb1;
    font-size:20px;
    font-weight:600;
    margin:24px 0 30px;
}
p{
    text-align: justify;
}
.summits-logo{
    font-family:'Lora', serif;
    font-weight:700;
}

/* =========================================================
   Chinese typography
   Applies only to pages where <html lang="zh-CN">
   ========================================================= */

html[lang^="zh"] body {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    "Noto Sans SC",
    Arial,
    sans-serif;

  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0;
}


/* Chinese headings */

html[lang^="zh"] .hero h1,
html[lang^="zh"] .statement h2,
html[lang^="zh"] .section-top h2,
html[lang^="zh"] .approach h2,
html[lang^="zh"] .contact h2,
html[lang^="zh"] .card h3,
html[lang^="zh"] .map-heading h3,
html[lang^="zh"] .form-heading,
html[lang^="zh"] .qr-item strong {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    "Noto Sans SC",
    Arial,
    sans-serif;

  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
}


/* Chinese hero heading */

html[lang^="zh"] .hero h1 {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -0.03em;
}


/* Chinese section headings */

html[lang^="zh"] .statement h2,
html[lang^="zh"] .section-top h2,
html[lang^="zh"] .approach h2,
html[lang^="zh"] .contact h2 {
  font-size: 56px;
  line-height: 1.2;
  letter-spacing: -0.025em;
}


/* Chinese card headings */

html[lang^="zh"] .card h3 {
  font-size: 42px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
}


/* Chinese general body copy */

html[lang^="zh"] .lead,
html[lang^="zh"] .large-copy,
html[lang^="zh"] .contact-copy,
html[lang^="zh"] .card p {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    "Noto Sans SC",
    Arial,
    sans-serif;

  line-height: 1.5;
  letter-spacing: 0;
}


/* Chinese labels */

html[lang^="zh"] .label,
html[lang^="zh"] .kicker {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    "Noto Sans SC",
    Arial,
    sans-serif;

  font-weight: 500;
  letter-spacing: 0.12em;
}


/* Chinese navigation and interface text */

html[lang^="zh"] nav,
html[lang^="zh"] .button,
html[lang^="zh"] .underlink,
html[lang^="zh"] form,
html[lang^="zh"] footer {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    "Noto Sans SC",
    Arial,
    sans-serif;
}


/* =========================================================
   Chinese lawyer profile
   Matches the reference font size and line spacing
   ========================================================= */


html[lang^="zh"] .hero-alt-copy,
html[lang^="zh"] .lawyer-name {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    Arial,
    sans-serif;

  font-weight: 500;
  letter-spacing: 0;
}


html[lang^="zh"] .lawyer-name .name-main {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    Arial,
    sans-serif;

  font-size: 36px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
}


html[lang^="zh"] .lawyer-name .name-credentials {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    Arial,
    sans-serif;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
}


html[lang^="zh"] .lawyer-title {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    Arial,
    sans-serif;

  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0;

  margin-top: 0;
  margin-bottom: 24px;
}


html[lang^="zh"] .hero-alt-copy,
html[lang^="zh"] .lawyer-intro,
html[lang^="zh"] .large-copy,
html[lang^="zh"] .lead,
html[lang^="zh"] .contact-copy,
html[lang^="zh"] .section-intro,
html[lang^="zh"] .card p,
html[lang^="zh"] .step p {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    Arial,
    sans-serif;

  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: justify;

  margin-top: 0;
  margin-bottom: 24px;
}


/* Chinese form fields */

html[lang^="zh"] form label,
html[lang^="zh"] input,
html[lang^="zh"] textarea,
html[lang^="zh"] button {
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    Arial,
    sans-serif;
}


/* Chinese mobile typography */

@media (max-width: 850px) {
  html[lang^="zh"] .hero h1 {
    font-size: 56px;
  }

  html[lang^="zh"] .statement h2,
  html[lang^="zh"] .section-top h2,
  html[lang^="zh"] .approach h2,
  html[lang^="zh"] .contact h2 {
    font-size: 48px;
  }

  html[lang^="zh"] .lawyer-intro {
    font-size: 17px;
    line-height: 1.85;
  }
}


@media (max-width: 520px) {
  html[lang^="zh"] .hero h1 {
    font-size: 48px;
    line-height: 1.2;
  }

  html[lang^="zh"] .statement h2,
  html[lang^="zh"] .section-top h2,
  html[lang^="zh"] .approach h2,
  html[lang^="zh"] .contact h2 {
    font-size: 40px;
    line-height: 1.25;
  }

  html[lang^="zh"] .card h3 {
    font-size: 34px;
  }

  html[lang^="zh"] .lawyer-name .name-main {
    font-size: 32px;
  }

  html[lang^="zh"] .lawyer-intro,
  html[lang^="zh"] .lawyer-title {
    font-size: 16px;
  }

  html[lang^="zh"] .lawyer-intro {
    line-height: 1.8;
  }
}
/* =========================================================
   中文首页品牌名称
   仅让“鼎峰律师事务所”使用 Zhi Mang Xing 行书字体
   ========================================================= */

html[lang^="zh"] .hero h1.hero-alt {
  /* 使用在线加载的 Zhi Mang Xing 字体 */
  font-family:
    "Zhi Mang Xing",
    "STXingkai",
    "STKaiti",
    "KaiTi",
    "楷体",
    cursive;

  /* Zhi Mang Xing 只有常规字重 */
  font-weight: 400;

  /* 避免继承英文标题的斜体样式 */
  font-style: normal;

  /* 桌面电脑上的标题大小 */
  font-size: 82px;

  /* 行书字体需要稍宽的行高 */
  line-height: 1.2;

  /* 稍微拉开中文字距 */
  letter-spacing: 0.08em;

  /* 移除不必要的文字转换 */
  text-transform: none;

  /* 控制标题宽度 */
  max-width: 900px;

  /* 设置标题下方间距 */
  margin: 0 0 32px;
}


/* =========================================================
   平板设备上的中文品牌名称
   ========================================================= */

@media (max-width: 850px) {
  html[lang^="zh"] .hero h1.hero-alt {
    /* 平板端稍微缩小标题 */
    font-size: 66px;

    /* 保持舒适的行高 */
    line-height: 1.22;

    /* 缩小字距，避免空间不足 */
    letter-spacing: 0.06em;
  }
}


/* =========================================================
   手机设备上的中文品牌名称
   ========================================================= */

@media (max-width: 520px) {
  html[lang^="zh"] .hero h1.hero-alt {
    /* 手机端标题大小 */
    font-size: 50px;

    /* 提高手机端行高 */
    line-height: 1.25;

    /* 减少字距，降低换行风险 */
    letter-spacing: 0.04em;

    /* 限制标题宽度为整个可用区域 */
    max-width: 100%;
  }
}

/* 中文区域标签 */

html[lang^="zh"] .label {
  /* 中文标签字号 */
  font-size: 22px;

  /* 中文标签加粗 */
  font-weight: 700;
}

/* =========================================================
   中文页面主要区块标题
   统一修改所有同级 H2 标题，不影响英文版
   ========================================================= */

html[lang^="zh"] .statement h2,
html[lang^="zh"] .section-top h2,
html[lang^="zh"] .approach h2,
html[lang^="zh"] .contact h2 {
  /* 中文区块标题字体 */
  font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    "Noto Sans SC",
    Arial,
    sans-serif;

  /* 统一标题字号 */
  font-size: 40px;

  /* 统一标题粗细 */
  font-weight: 500;

  /* 统一两行标题的行间距 */
  line-height: 1.2;

  /* 统一中文字间距 */
  letter-spacing: -0.025em;

  /* 统一标题下方距离 */
  margin: 0 0 28px;
}