/* About Us: the meaning of lutas. and the care behind the work. */
.about-page .header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.about-intro{max-width:none;background:var(--orange);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;padding-block:64px 72px;border-bottom:1px solid var(--ink)}
.about-definition{border-right:1px solid #16161640;padding-right:12%}
.about-definition .eyebrow{font-size:11px;line-height:1.7;letter-spacing:1px;max-width:300px;margin-bottom:24px}
.about-word{font-size:clamp(80px,11vw,150px);line-height:1;letter-spacing:-6px;font-weight:500;margin:0 0 20px}
.about-meaning{font-size:20px;line-height:1.6;max-width:320px;margin-bottom:24px}
.about-meaning strong{display:block;font-weight:500}
.about-origin{font-size:16px;line-height:1.75;max-width:330px;margin-bottom:22px}
.about-source{font-family:'IBM Plex Mono',monospace;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.about-source:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.about-promise{align-self:center}
.about-promise h1{font-size:clamp(40px,4.6vw,68px);line-height:1.08;letter-spacing:-2.5px;margin-bottom:28px;max-width:730px}
.about-promise>p{font-size:18px;line-height:1.75;max-width:560px;margin-bottom:30px}
.about-story .eyebrow{color:var(--muted)}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%}
.about-story-grid h2{font-size:clamp(32px,3.2vw,46px);line-height:1.2;letter-spacing:-1.5px;max-width:540px}
.about-story-grid p{font-size:17px;line-height:1.8;color:var(--muted);max-width:570px}
.about-story-grid p:last-child{margin-bottom:0}
/* Keep the website research independent of the project brief's print styles. */
.about-research{--research-line:#d3d3cd;margin-top:44px;border-top:1px solid var(--research-line);padding-top:28px}
.about-research>.eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:28px}
.about-research-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,56px)}
.about-evidence{min-width:0;margin:0}
.about-connections{border-left:1px solid var(--research-line);padding-left:clamp(28px,4vw,56px)}
.about-research-kicker{font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.6;letter-spacing:.6px;color:var(--muted);margin:0 0 12px}
.about-evidence h3{font-size:clamp(22px,2vw,27px);line-height:1.25;font-weight:500;letter-spacing:-.6px;margin:0 0 12px;min-height:2.5em}
.about-research-sample{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.about-research a{text-decoration:underline;text-underline-offset:3px}
.about-research a:hover{text-decoration-thickness:2px}
.about-research a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.about-research-finding{display:flex;align-items:center;gap:22px;margin:24px 0 30px}
.about-research-value{flex:none;font-size:clamp(62px,5.8vw,80px);font-weight:500;line-height:1;letter-spacing:-4px;margin:0;font-variant-numeric:tabular-nums}
.about-research-value span{font-size:.52em;letter-spacing:-1px}
.about-research-finding>p:last-child{font-size:16px;line-height:1.6;margin:0;max-width:300px}
.about-chart-caption{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 18px}
.about-readiness-data{list-style:none;padding:0;margin:0}
.about-chart-row{margin-bottom:20px}
.about-chart-row:last-child{margin-bottom:12px}
.about-chart-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:15px;line-height:1.5;margin-bottom:7px}
.about-chart-label strong{flex:none;font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.about-chart-track{display:block;height:9px;background:#e4e4dd}
.about-chart-bar{display:block;width:var(--share);height:100%;background:var(--ink)}
.about-chart-highlight .about-chart-bar{background:var(--orange);box-shadow:inset 0 0 0 1px var(--ink)}
.about-chart-axis{display:flex;justify-content:space-between;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
.about-chart-note{font-size:13px;line-height:1.6;color:var(--muted);margin:18px 0 0}
.about-share-chart{margin-bottom:34px}
.about-share-chart .about-chart-track{height:14px}
.about-research-takeaway{border-top:1px solid var(--research-line);padding-top:24px}
.about-research-takeaway h4{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.3px;margin:0 0 12px}
.about-research-takeaway p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.about-research-footnotes{margin-top:30px;border-top:1px solid var(--research-line);padding-top:22px}
.about-research-note{font-size:13px;line-height:1.7;color:var(--muted);max-width:900px;margin:0 0 24px}
.about-research-footnotes>.about-research-kicker{margin-bottom:14px}
.about-research-sources{display:grid;grid-template-columns:1.35fr 1fr;gap:24px 56px;list-style:none;counter-reset:research-source;padding:0;margin:0}
.about-research-sources li{counter-increment:research-source;position:relative;padding-left:28px;font-size:13px;line-height:1.7;scroll-margin-top:28px}
.about-research-sources li::before{content:'[' counter(research-source) ']';position:absolute;left:0;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted)}
.about-research-sources span{display:block;color:var(--muted);margin-top:6px}
@media(min-width:1001px) and (max-width:1300px){
  .about-research-sample{min-height:3.2em}
  .about-research-finding{min-height:80px}
}
@media(max-width:1000px){
  .about-research-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .about-connections{border-left:0;border-top:1px solid var(--research-line);padding:30px 0 0}
  .about-evidence h3{min-height:0}
  .about-research-finding>p:last-child{max-width:460px}
  .about-research-sources{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:480px){
  .about-research>.eyebrow{font-size:11px;letter-spacing:1px}
  .about-research-kicker{font-size:11px}
  .about-research-finding{align-items:flex-start;flex-direction:column;gap:14px;margin:24px 0}
  .about-research-value{font-size:72px}
  .about-chart-label{font-size:14px;gap:12px}
  .about-chart-row{margin-bottom:22px}
}
.about-care{max-width:none;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;background:var(--dark);color:var(--paper)}
.about-care-intro .eyebrow{color:var(--orange);font-size:11px;line-height:1.7}
.about-care-intro h2{font-size:clamp(32px,3.2vw,46px);line-height:1.2;letter-spacing:-1.5px}
.about-care-intro>p:last-child{color:#b6b6b0;font-size:17px;line-height:1.8;max-width:410px}
.about-principles{list-style:none;margin:0;padding:0}
.about-principles li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:20px;border-top:1px solid #55554f;padding:26px 0}
.about-principles li:first-child{padding-top:0;border-top:0}
.about-principles li:last-child{padding-bottom:0}
.about-number{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--orange);padding-top:5px}
.about-principles h3{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin-bottom:12px}
.about-principles p{font-size:16px;line-height:1.8;color:#b6b6b0;margin-bottom:0;max-width:600px}
.about-next{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7%;align-items:center}
.about-next .eyebrow{color:var(--muted);font-size:11px;line-height:1.7}
.about-next h2{font-size:clamp(32px,3.2vw,46px);line-height:1.2;letter-spacing:-1.5px}
.about-next p:last-child{font-size:17px;line-height:1.8;color:var(--muted);max-width:580px;margin-bottom:0}
.about-actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px}
.about-actions .text-link:hover{color:var(--ink)}
@media(max-width:760px){
  .about-intro,.about-story-grid,.about-care,.about-next{grid-template-columns:minmax(0,1fr);gap:32px}
  .about-intro{padding-block:36px 44px}
  .about-definition{border-right:0;border-bottom:1px solid #16161640;padding:0 0 30px}
  .about-definition .eyebrow{max-width:none;margin-bottom:22px}
  .about-word{font-size:clamp(80px,20vw,130px);letter-spacing:-4px;margin-bottom:16px}
  .about-meaning{font-size:19px;margin-bottom:16px}
  .about-meaning strong{display:inline}
  .about-origin{max-width:540px;margin-bottom:18px}
  .about-promise h1{font-size:clamp(36px,7.5vw,54px);letter-spacing:-1.5px;margin-bottom:22px}
  .about-promise>p{font-size:16px;margin-bottom:24px}
  .about-story-grid h2,.about-care-intro h2,.about-next h2{font-size:34px;letter-spacing:-1px}
  .about-story-grid{gap:14px}
  .about-story-grid p,.about-care-intro>p:last-child,.about-next p:last-child{font-size:16px}
  .about-care-intro>p:last-child{max-width:600px;margin-bottom:0}
  .about-principles li{grid-template-columns:27px minmax(0,1fr);gap:14px;padding:24px 0}
  .about-principles h3{font-size:22px}
  .about-principles p{font-size:16px}
}