/* Content additions reuse the approved narrow layout and orange accent. */
.catalog-card[href] { text-decoration:none; }
.skill-group-heading { margin:0 0 20px; font-size:22px; font-weight:700; line-height:1.4; }
.catalog-skill-grid + .skill-group-heading { margin-top:64px; }
.catalog-skill-card .catalog-card-description:last-child { margin-top:auto; padding-top:18px; color:var(--ink); font-size:15px; }
.catalog-skill-card .catalog-card-copy { gap:8px; }
.ui-dialog { --catalog-ink:var(--ink); --catalog-muted:var(--muted); --catalog-line:var(--line); }
.robot-card-grid { grid-template-columns:1fr; margin-top:24px; gap:14px; }
.robot-card-grid .catalog-card { padding:22px 24px; }
.robot-card-grid .catalog-card-copy { gap:10px; padding:0 30px 0 0; }
.robot-card-grid .catalog-card-title { font-family:inherit; font-size:25px; font-weight:750; }
.robot-card-grid .catalog-card-description:last-child { margin-top:6px; color:var(--ink); font-weight:600; }
.contact-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:32px; }
.contact-layout p + p { margin-top:16px; }
.about-intro { margin-bottom:34px; }
.about-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line); margin:0; padding-block:30px; }
.about-metrics > div { display:flex; flex-direction:column; gap:12px; min-width:0; padding-inline:24px; border-left:1px solid var(--line); }
.about-metrics > div:first-child { padding-left:0; border-left:0; }
.about-metrics > div:last-child { padding-right:0; }
.about-metrics dt { font-size:14px; line-height:1.55; color:var(--muted); }
.about-metrics dd { order:-1; display:flex; align-items:baseline; gap:6px; margin:0; font-size:20px; font-weight:650; line-height:1; white-space:nowrap; }
.about-metrics dd > span { font:400 clamp(44px,5.8vw,58px)/1.05 var(--display); letter-spacing:-.015em; }
.about-metrics dd .metric-plus { color:var(--orange); font-size:30px; }
.about-story { margin-top:52px; max-width:720px; }
.about-story h3 { font-size:clamp(27px,4vw,36px); line-height:1.45; letter-spacing:-.025em; margin:0 0 24px; }
.about-story p { font-size:17px; line-height:1.95; color:#575650; margin-top:18px; }
.about-practice { display:grid; margin-top:42px; }
.about-practice > div { display:grid; grid-template-columns:90px 1fr; gap:20px; border-top:1px solid var(--line); padding:22px 0; }
.about-practice h4 { font-size:20px; line-height:1.7; }
.about-practice p { font-size:16px; line-height:1.8; color:var(--muted); }
@media(max-width:760px) {
  .about-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; }
  .about-metrics > div { padding:24px 20px; }
  .about-metrics > div:nth-child(odd) { border-left:0; padding-left:0; }
  .about-metrics > div:nth-child(n+3) { border-top:1px solid var(--line); }
  .about-metrics dd > span { font-size:52px; }
}
@media(max-width:600px) {
  .skill-group-heading { font-size:20px; margin-bottom:18px; }
  .catalog-skill-grid + .skill-group-heading { margin-top:42px; }
  .robot-card-grid .catalog-card { padding:20px 18px; }
  .robot-card-grid .catalog-card-title { font-size:23px; }
  .contact-layout { grid-template-columns:1fr; gap:26px; }
  .contact-layout > .qr-placeholder { width:min(100%,260px); margin-inline:auto; }
  .about-intro { margin-bottom:26px; }
  .about-metrics dd > span { font-size:46px; }
  .about-metrics dd { font-size:18px; }
  .about-metrics dt { font-size:13px; }
  .about-story { margin-top:34px; }
  .about-story p { font-size:16px; }
  .about-practice { margin-top:32px; }
  .about-practice > div { grid-template-columns:52px 1fr; gap:12px; padding:20px 0; }
  .about-practice h4 { font-size:18px; }
}