.lace{align-items:start}.lace-copy{position:sticky;top:120px}.lace-note{background:#e4d8ca;border-left:4px solid var(--rust);color:#514942;font-size:.88rem;margin:2rem 0 1.25rem;padding:1rem 1.1rem}.lace-catalog{background:#ded2c4;box-shadow:0 18px 40px rgba(43,30,20,.12);padding:2rem}.lace-catalog h3{border-bottom:1px solid #b8a99a;font:800 1rem/1.2 Inter,sans-serif;letter-spacing:.09em;margin:2.2rem 0 1rem;padding-bottom:.65rem}.lace-catalog h3:first-child{margin-top:0}.lace-swatches{display:grid;gap:.8rem .65rem;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.lace-swatches li{align-items:center;display:flex;flex-direction:column;gap:.45rem;min-width:0;text-align:center}.lace-swatches i{background:var(--swatch);border:4px solid #eee5da;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.22);display:block;height:48px;width:48px}.lace-swatches .light i{box-shadow:0 0 0 1px rgba(65,53,42,.18),0 2px 6px rgba(0,0,0,.14)}.lace-swatches .metal i{position:relative}.lace-swatches .metal i::after{background:linear-gradient(135deg,transparent 24%,rgba(255,255,255,.8) 45%,transparent 67%);border-radius:inherit;content:"";inset:0;position:absolute}.lace-swatches span{color:#554c44;font-size:.68rem;font-weight:700;line-height:1.25}@media(max-width:900px){.lace-copy{position:static}}@media(max-width:620px){.lace-catalog{padding:1.25rem}.lace-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.lace-swatches i{height:44px;width:44px}}