/* Editorial typography for the existing animated project information panel. */
#project-details-meta {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr);
  column-gap:clamp(28px,3vw,48px);
  row-gap:30px;
  width:min(62vw,860px);
  font-family:var(--personal-font,"Microsoft YaHei",sans-serif);
  -webkit-font-smoothing:antialiased;
}
#project-details-title {
  grid-column:1/-1;
  font-family:inherit;
  font-size:clamp(38px,3.7vw,64px);
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.035em;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
#project-details-meta:after {display:none}
#project-details-left,#project-details-right {
  float:none;width:auto;padding:0;margin:0;min-width:0;
}
#project-details-desc {
  max-width:none;margin:0 0 26px;
  font-size:15px;line-height:1.85;letter-spacing:.015em;
}
#project-details-desc .project-summary {
  margin:0 0 25px;font-size:17px;line-height:1.85;font-weight:400;
}
.project-data-pair {
  display:grid;grid-template-columns:36px minmax(0,1fr);
  gap:12px;margin:13px 0;
}
.project-data-label {
  font-size:11px;line-height:2.5;font-weight:600;letter-spacing:.08em;opacity:.55;
}
#project-details-desc .project-data-pair p {margin:0;line-height:1.8;font-size:14px}
#project-details-desc .project-demo-note {
  margin:22px 0 0;font-size:11px;letter-spacing:.04em;opacity:.48;
}
#project-details-side-list {display:block;font-family:inherit;font-size:14px}
#project-details-side-list .project-details-side-list-title {
  display:flex;align-items:center;gap:12px;
  font-family:inherit;font-size:11px;font-weight:600;
  color:inherit;letter-spacing:.12em;margin:0 0 15px;opacity:.6;
}
#project-details-side-list .project-details-side-list-title:after {
  content:"";height:1px;flex:1;background:currentColor;opacity:.2;
}
#project-details-side-list .project-details-side-list-item {
  font-family:inherit;font-size:14px;font-weight:400;
  line-height:1.75;margin:8px 0;word-break:normal;overflow-wrap:break-word;
}
#project-details-side-list-links {margin-top:30px}
#project-details-side-list-links .project-details-side-list-item {
  display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;margin:12px 0;
}
.project-step-number {font-size:10px;font-weight:500;line-height:2.5;opacity:.45;font-variant-numeric:tabular-nums}
#project-details #project-details-launch-cta,
#project-details #project-details-launch-cta-mobile {
  background:#20232c;color:#fff;font-family:inherit;
  font-size:13px;height:44px;padding:0 22px;gap:12px;
}
#project-details #project-details-launch-cta-dot,
#project-details #project-details-launch-cta-mobile-dot {background:#fff;width:5px;height:5px}
#project-details #project-details-launch-cta-text,
#project-details #project-details-launch-cta-mobile-text {font-size:13px;font-weight:500;letter-spacing:.03em}
#project-details #project-details-launch-cta:hover,
#project-details #project-details-launch-cta-mobile:hover {background:#5d50ad;color:#fff}
#project-details-preview-title {
  font-family:var(--personal-font,"Microsoft YaHei",sans-serif);
  font-size:clamp(38px,3.7vw,64px);line-height:1.25;letter-spacing:-.035em;font-weight:600;
}
@media(max-width:1000px) {
  #project-details-meta {width:100%;grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);column-gap:32px;row-gap:26px}
  #project-details-title {font-size:clamp(34px,5.3vw,52px)}
  #project-details-desc .project-summary {font-size:16px}
}
@media(max-width:600px) {
  #project-details-meta {grid-template-columns:1fr;row-gap:25px;padding-bottom:40px}
  #project-details-title {font-size:clamp(30px,7.5vw,42px);line-height:1.3;letter-spacing:-.035em}
  #project-details-right {margin-top:4px}
  #project-details-side-list {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px}
  #project-details-side-list-links {margin-top:0}
  #project-details-side-list .project-details-side-list-item {font-size:13px}
  #project-details-launch-cta-mobile {margin-top:24px}
}
@media(max-width:380px) {
  #project-details-side-list {grid-template-columns:1fr;gap:22px}
}

.project-language-note {margin:20px 0 0;padding-top:14px;border-top:1px solid #80808033}
#project-details-desc .project-language-note p {font-size:12px;line-height:1.8;margin:6px 0 0;opacity:.75}