function Spec() {
  const rows = [
    ["Dimensions", "25 × 17 × 14 cm."],
    ["Interior", "Easy-care insert, fully removable."],
    ["Material & hardware", "Premium vegan leather with smooth gold hardware."],
    ["Monogram", "Up to four letters, pressed in gold foil, sans serif and full uppercase."],
    ["Colourways", "Coffee, Taupe, Oatmeal."],
    ["Production", "One day, including the monogramming."],
    ["Shipping", "2–7 days. Free on every order."],
    ["Price", "IDR 359,000 · SGD 35 · MYR 120. Monogram included."]
  ];
  return (
    <section className="section lv-center" id="spec">
      <div className="shell" style={{ maxWidth: 900 }}>
        <SectionHead title="A modern vault engineered for your" script="beauty essentials" />
        <Reveal>
          <dl className="spec" style={{ textAlign: "left" }}>
            {rows.map(([k, val], i) => (
              <React.Fragment key={k}>
                <dt style={{ borderTop: i ? "1px solid var(--border-hairline)" : "0", paddingTop: i ? "var(--space-5)" : 0 }}>{k}</dt>
                <dd style={{ borderTop: i ? "1px solid var(--border-hairline)" : "0", paddingTop: i ? "var(--space-5)" : 0 }}>{val}</dd>
              </React.Fragment>
            ))}
          </dl>
        </Reveal>
      </div>
    </section>
  );
}

Object.assign(window, { Spec });