.ds-wrap{max-width:1120px;margin:0 auto}.ds-top{margin:0 auto 14px}.ds-top .eyebrow{font-family:var(--font-caps);text-transform:uppercase;letter-spacing:.22em;color:var(--brown-600);font-size:12px;font-weight:600}.ds-top h1{font-family:var(--font-stamp);color:var(--ink-strong);text-transform:lowercase;margin:8px 0;font-size:40px}.ds-top p{font-family:var(--font-serif);color:var(--ink-soft);max-width:70ch;font-size:16px;line-height:1.55}.ds-wordmark{flex-direction:column;margin-top:22px;line-height:.82;display:inline-flex}.ds-wordmark .s{font-family:var(--font-script);color:var(--brown-600);font-size:40px;transform:rotate(-3deg)}.ds-wordmark .b{font-family:var(--font-wordmark);color:var(--choc-800);text-transform:lowercase;font-size:38px}.ds-section{margin-top:56px}.ds-section>h2{font-family:var(--font-caps);text-transform:uppercase;letter-spacing:.18em;color:var(--brown-600);border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:12px;font-size:13px;font-weight:700}.sw-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.sw{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.sw .chip{height:74px}.sw .meta{padding:9px 12px 11px}.sw .meta .nm{font-family:var(--font-caps);color:var(--ink-strong);font-size:12.5px;font-weight:600}.sw .meta .hex{font-family:var(--font-sans);color:var(--ink-faint);letter-spacing:.02em;text-transform:uppercase;margin-top:2px;font-size:11.5px}.type-list{flex-direction:column;gap:4px;display:flex}.type-row{border-bottom:1px solid var(--line);grid-template-columns:168px 1fr;align-items:baseline;gap:24px;padding:18px 0;display:grid}.type-row .tk{font-family:var(--font-sans);color:var(--ink-faint);font-size:12px;line-height:1.5}.type-row .tk b{color:var(--ink-soft);text-transform:none;font-weight:600;display:block}.type-row .sample{min-width:0}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;display:grid}.spec{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px}.spec .lab{font-family:var(--font-sans);color:var(--ink-soft);font-size:12px;font-weight:600}.spec .val{font-family:var(--font-sans);color:var(--ink-faint);margin-bottom:12px;font-size:11px}.bar{background:var(--honey-500);border-radius:4px;height:14px}.swatch-radius{background:var(--cream-200);border:1px solid var(--line-strong);height:56px}.swatch-shadow{background:var(--paper);border-radius:10px;height:56px}.demo{background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;padding:26px;display:flex}.demo+.demo{margin-top:16px}.badge{font-family:var(--font-caps);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600}.badge-honey{background:var(--honey-500);color:var(--choc-900)}.badge-choc{background:var(--choc-800);color:var(--on-dark)}.badge-outline{border:1.5px solid var(--choc-800);color:var(--choc-800)}.badge-green{background:var(--forest-600);color:#fff}.demo-seal{background:var(--choc-800);width:96px;height:96px;color:var(--on-dark);border:2px dotted var(--gold-400);text-align:center;box-shadow:var(--shadow-md);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotate(-8deg)}.demo-seal .n{font-family:var(--font-seal);font-size:22px;line-height:1}.demo-seal .x{font-family:var(--font-seal);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-400);margin-top:3px;font-size:9px}.demo-input{font-family:var(--font-serif);border:1.5px solid var(--choc-800);background:var(--paper);color:var(--ink);border-radius:999px;outline:none;min-width:230px;padding:12px 15px;font-size:15px}.demo-input:focus{box-shadow:0 0 0 3px #e07b434d}.spec-card{background:var(--paper);border:1px solid var(--line);width:250px;box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.spec-card .m{background:linear-gradient(135deg, var(--honeycomb), var(--gold-300));height:120px;position:relative}.spec-card .m .t{font-family:var(--font-caps);text-transform:uppercase;letter-spacing:.1em;background:var(--choc-800);color:var(--on-dark);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px}.spec-card .b{padding:16px 16px 18px}.spec-card .b h4{font-family:var(--font-stamp);color:var(--ink-strong);text-transform:lowercase;font-size:19px}.spec-card .b p{font-family:var(--font-serif);color:var(--ink-soft);margin:6px 0 0;font-size:13px;line-height:1.5}@media (width<=640px){.type-row{grid-template-columns:1fr;gap:8px}}