.mono-about-page {
  --about-graphite:#58595b;
  --about-yellow:#ffdd00;
  --about-light:#c7c8ca;
  --about-soft:#f3f3f1;
  --about-ink:#222326;
  --about-line:rgba(88,89,91,.16);
  color:var(--about-graphite);
  background:#fff;
}
.mono-about-page .site-header.mono-header { position:relative; inset:auto; background:var(--about-graphite); border-bottom:1px solid rgba(255,255,255,.12); }
.mono-about-page .header-row { min-height:96px; }
.mono-about-page main { overflow:clip; }
.mono-about-page .mono-section-label { margin:0 0 13px; color:#77787b; font-family:"Open Sans",Arial,sans-serif; font-size:.7rem; font-weight:500; line-height:1.2; letter-spacing:.15em; text-transform:uppercase; }
.about-story { padding:40px 0 44px; background:#fff; }
.about-story-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(42px,6vw,72px); align-items:center; }
.about-story-copy { max-width:660px; }
.about-story h1 { max-width:700px; margin:0; color:var(--about-ink); font-family:"Open Sans",Arial,sans-serif; font-size:clamp(2.05rem,3.4vw,3.35rem); font-weight:400; line-height:1.08; letter-spacing:-.045em; }
.about-story-copy > p:last-child { margin:20px 0 0; color:var(--about-graphite); font-size:.92rem; line-height:1.72; }
.about-story-image { margin:0; overflow:hidden; background:#fff; }
.about-story-image img { display:block; width:100%; height:auto; max-height:390px; object-fit:contain; }
.about-stats { padding:20px 0 22px; background:var(--about-soft); color:var(--about-graphite); border-top:1px solid rgba(88,89,91,.08); border-bottom:1px solid rgba(88,89,91,.08); }
.about-stats-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); }
.about-stat { position:relative; min-width:0; padding:9px 18px 8px; border-left:1px solid var(--about-line); }
.about-stat:first-child { border-left:0; }
.about-stat::before { content:""; position:absolute; left:18px; top:0; width:28px; height:3px; background:var(--about-yellow); }
.about-stat strong { display:flex; align-items:baseline; gap:4px; margin:0 0 6px; color:var(--about-graphite); font-size:clamp(1.8rem,3vw,3.2rem); line-height:1; font-weight:400; letter-spacing:-.045em; }
.about-stat strong i { font-size:.43em; font-style:normal; font-weight:600; }
.about-stat > span { display:block; color:var(--about-graphite); font-size:.69rem; line-height:1.4; opacity:.78; }
.about-values { padding:46px 0 50px; background:#fff; }
.about-values-heading { margin-bottom:30px; }
.about-values-heading h2,.about-reviews-heading h2 { max-width:740px; margin:0; color:var(--about-ink); font-family:"Open Sans",Arial,sans-serif; font-size:clamp(1.9rem,3vw,3rem); font-weight:400; line-height:1.08; letter-spacing:-.04em; }
.about-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.about-value-card { min-height:0; padding:4px 32px 28px; border-left:1px solid var(--about-line); background:transparent; }
.about-value-card:nth-child(3n+1) { border-left:0; padding-left:0; }
.about-value-card:nth-child(3n) { padding-right:0; }
.about-value-card:nth-child(n+4) { padding-top:28px; border-top:1px solid var(--about-line); }
.about-value-heading { display:flex; align-items:flex-end; gap:15px; margin:0 0 15px; }
.about-value-number { display:block; flex:0 0 auto; width:fit-content; margin:0; padding-bottom:6px; border-bottom:3px solid var(--about-yellow); color:rgba(88,89,91,.38); font-family:"Open Sans",Arial,sans-serif; font-size:2.15rem; font-weight:300; line-height:1; letter-spacing:-.055em; }
.about-value-card h3 { margin:0 0 5px; color:var(--about-ink); font-size:1.12rem; font-weight:600; line-height:1.25; }
.about-value-card p { max-width:350px; margin:0; color:var(--about-graphite); font-size:.82rem; line-height:1.62; }
.about-reviews { padding:46px 0 52px; background:var(--about-soft); }
.about-reviews-heading { margin-bottom:28px; }
.about-reviews-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.about-review-card { height:340px; min-height:340px; display:flex; flex-direction:column; padding:26px; overflow:hidden; border:1px solid rgba(199,200,202,.62); border-radius:18px; background:#fff; }
.about-review-stars { margin-bottom:15px; color:var(--about-yellow); font-size:.82rem; letter-spacing:.08em; }
.about-review-card blockquote { flex:1 1 auto; min-height:0; margin:0; padding-right:9px; overflow-y:auto; color:var(--about-graphite); font-size:.8rem; line-height:1.68; scrollbar-width:thin; scrollbar-color:var(--about-light) transparent; }
.about-review-card blockquote::-webkit-scrollbar { width:6px; }
.about-review-card blockquote::-webkit-scrollbar-thumb { background:var(--about-light); border-radius:999px; }
.about-review-card > p { flex:0 0 auto; margin:17px 0 0; padding-top:13px; border-top:1px solid rgba(199,200,202,.55); color:var(--about-ink); font-size:.76rem; font-weight:600; }
@media (max-width:1080px) {
 .about-stats-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .about-stat:nth-child(4) { border-left:0; }
 .about-values-grid,.about-reviews-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .about-value-card,.about-value-card:nth-child(3n+1),.about-value-card:nth-child(3n) { padding-left:28px; padding-right:28px; border-left:1px solid var(--about-line); }
 .about-value-card:nth-child(2n+1) { padding-left:0; border-left:0; }
 .about-value-card:nth-child(2n) { padding-right:0; }
 .about-value-card:nth-child(n+3) { padding-top:30px; border-top:1px solid var(--about-line); }
}
@media (max-width:760px) {
 .mono-about-page .header-row { min-height:88px; }
 .about-story { padding:34px 0 38px; }
 .about-story-grid { grid-template-columns:1fr; gap:26px; }
 .about-story-image img { max-height:300px; }
 .about-stats { padding:16px 0 18px; }
 .about-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .about-stat { padding:10px 12px 9px; }
 .about-stat:nth-child(odd) { border-left:0; }
 .about-stat::before { left:12px; width:24px; }
 .about-values,.about-reviews { padding:38px 0 42px; }
 .about-values-grid,.about-reviews-grid { grid-template-columns:1fr; }
 .about-value-card,.about-value-card:nth-child(n),.about-value-card:nth-child(2n),.about-value-card:nth-child(2n+1) { min-height:0; padding:24px 0; border-left:0; border-top:1px solid var(--about-line); }
 .about-value-card:first-child { padding-top:0; border-top:0; }
 .about-value-heading { gap:13px; margin-bottom:13px; }
 .about-value-number { margin:0; font-size:1.9rem; }
 .about-review-card { height:315px; min-height:315px; border-radius:14px; }
}
