.dg-page{--dg-bg:#f6f2e9;--dg-ink:#1c2420;--dg-muted:#7d7a6f;--dg-line:#e3ded0;--dg-card:#fffdf6;background:var(--dg-bg);color:var(--dg-ink);flex-direction:column;min-height:100dvh;font-family:DM Sans,sans-serif;display:flex}.dg-page :focus-visible{outline:2px solid var(--dg-ink);outline-offset:3px}.dg-wrap{flex-direction:column;gap:34px;width:100%;max-width:760px;margin:0 auto;padding:56px 24px 64px;display:flex}.dg-head h1{margin:10px 0 12px;font-family:Lora,Georgia,serif;font-size:clamp(34px,6vw,52px);font-weight:400;line-height:1.1}.dg-head p{color:var(--dg-muted);max-width:46ch;margin:0;font-size:14px;line-height:1.6}.dg-eyebrow{letter-spacing:2.5px;color:var(--dg-muted);margin:0;font-size:10px}.dg-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.dg-card{background:var(--dg-card);border:1px solid var(--dg-line);color:var(--dg-ink);border-radius:22px;flex-direction:column;gap:14px;padding:22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.dg-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #1c242014}.dg-swatches{gap:7px;display:flex}.dg-swatches span{border:1px solid #1c24201c;border-radius:50%;width:22px;height:22px}.dg-card h2{margin:0;font-family:Lora,Georgia,serif;font-size:21px;font-weight:400}.dg-card p{color:var(--dg-muted);flex:1;margin:0;font-size:12px;line-height:1.55}.dg-open{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.dg-open svg{transition:transform .18s}.dg-card:hover .dg-open svg{transform:translate(3px)}.dg-tag{letter-spacing:1.5px;color:var(--dg-muted);border:1px solid var(--dg-line);border-radius:20px;padding:4px 9px;font-size:9px;position:absolute;top:16px;right:16px}.dg-foot{color:var(--dg-muted);font-size:11px}@media (prefers-reduced-motion:reduce){.dg-card,.dg-open svg{transition:none}}