/* ═══════════════════════════════════════════════
   Boxelan · About page
   Base chrome reuses ../products/product.css
   ═══════════════════════════════════════════════ */

/* ── Hero ── */
.ab-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:20px 0 44px}
.ab-hero h1{font-family:Georgia,serif;font-size:2.5rem;line-height:1.18;color:var(--green-dark);margin:12px 0 16px;text-wrap:balance}
.ab-hero .lede{font-size:1.04rem;color:#3f362b;margin-bottom:20px}
.ab-hero figure{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.ab-hero img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}

/* ── Stat band ── */
.stats{background:var(--green-dark);color:#f2ebdc;border-radius:var(--radius);padding:32px 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
.stats .st{}
.stats .n{font-family:Georgia,serif;font-size:1.9rem;line-height:1.1;color:#fff;display:block;margin-bottom:5px;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.stats .l{font-size:.8rem;letter-spacing:.04em;color:#cfd9c9;line-height:1.45}

/* ── Two-column prose ── */
.ab-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ab-cols p{color:#3f362b;margin-bottom:14px}
.ab-cols p:last-child{margin-bottom:0}
.ab-body p{color:#3f362b;margin-bottom:14px}
.ab-body p:last-child{margin-bottom:0}
.ab-body h3{font-size:1.02rem;font-weight:700;color:#3d3226;margin:24px 0 8px}

/* ── Equipment table ── */
.equip-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:10px;background:#fff}
.equip{width:100%;min-width:560px;border-collapse:collapse;font-size:.87rem}
.equip th,.equip td{padding:12px 15px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line)}
.equip th{background:#f1e8d8;color:var(--green-dark);font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}
.equip tbody tr:last-child td{border-bottom:0}
.equip td:first-child{font-weight:600;color:#4e4437;white-space:nowrap}

/* ── Process / QC steps ── */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.flow .fl{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow)}
.flow .fl .num{font-family:Georgia,serif;font-size:.82rem;color:var(--kraft-dark);letter-spacing:.12em;display:block;margin-bottom:7px}
.flow .fl h3{font-size:.96rem;color:var(--green-dark);margin-bottom:6px}
.flow .fl p{font-size:.87rem;color:var(--muted);margin:0}

/* ── Credentials list ── */
.cred{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;margin-top:6px}
.cred div{position:relative;padding-inline-start:26px;font-size:.92rem;color:#3f362b}
.cred div::before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:var(--green);font-weight:700}

/* ── Market chips ── */
.markets{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.markets span{background:#efe4cf;color:var(--kraft-dark);font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:999px}

/* ── Team contact card ── */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.who .wcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow)}
.who .wcard h3{font-size:.95rem;color:var(--green-dark);margin-bottom:6px}
.who .wcard p{font-size:.86rem;color:var(--muted);margin:0}

/* ── Responsive ── */
@media(max-width:900px){
  .ab-hero{grid-template-columns:1fr;gap:26px;padding-bottom:34px}
  .ab-hero h1{font-size:2rem}
  .stats{grid-template-columns:repeat(2,1fr);padding:26px 24px;gap:22px 18px}
  .ab-cols{grid-template-columns:1fr;gap:0}
  .flow{grid-template-columns:1fr}
  .cred{grid-template-columns:1fr}
  .who{grid-template-columns:1fr}
}
@media(max-width:620px){
  .ab-hero h1{font-size:1.62rem}
  .ab-hero .lede{font-size:.97rem}
  .stats .n{font-size:1.5rem}
  .stats .l{font-size:.74rem}
  .equip{min-width:0;font-size:.79rem}
  .equip th,.equip td{padding:9px 10px}
  .equip th{font-size:.69rem;letter-spacing:.02em}
  .equip td:first-child{white-space:normal}
  .flow .fl{padding:16px 18px}
}

/* ── Registered company details ── */
.reg{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.reg .row{display:grid;grid-template-columns:224px 1fr;gap:12px 22px;padding:15px 22px;border-top:1px solid var(--line)}
.reg .row:first-child{border-top:0}
.reg .k{color:var(--muted);font-size:.8rem;font-weight:600;line-height:1.55;letter-spacing:.01em}
.reg .v{color:var(--ink);font-size:.93rem;line-height:1.62;word-break:break-word}
.reg .v code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;background:#f6f1e7;padding:2px 7px;border-radius:5px;letter-spacing:.02em}
.reg-note{margin-top:14px;font-size:.84rem;color:var(--muted);line-height:1.65;max-width:760px}
@media(max-width:620px){
  .reg .row{grid-template-columns:1fr;gap:3px;padding:13px 16px}
  .reg .k{font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}
  .reg .v{font-size:.88rem}
}