.mk-collection{--mk-ivory:#FCFAF7;--mk-tile:#F7F4F0;--mk-hair:#E8E2D9;--mk-char:#2E2B28;--mk-muted:#6E6459;--mk-gold:#C9A96B;--mk-ease:cubic-bezier(.22,.61,.36,1);--mk-gut:clamp(20px,5vw,64px);background:var(--mk-ivory);color:var(--mk-char);font-family:'Jost','Helvetica Neue',Arial,sans-serif;font-weight:300;letter-spacing:.02em}

.mk-head{padding:clamp(40px,6.5vw,74px) var(--mk-gut) clamp(28px,4.5vw,44px);text-align:center}
.mk-title{font-family:'Cormorant Garamond',Didot,'Times New Roman',serif;font-weight:300;font-size:clamp(30px,6vw,62px);letter-spacing:.24em;text-indent:.24em;line-height:1.1;margin:0 0 18px}
.mk-note{font-size:clamp(11px,1.35vw,13.5px);color:var(--mk-muted);letter-spacing:.05em;line-height:1.7;max-width:52ch;margin:0 auto}

.mk-toolbar{border-top:1px solid var(--mk-hair);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px var(--mk-gut);font-size:11px;letter-spacing:.14em;color:var(--mk-muted)}
.mk-tool{display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;transition:color .3s var(--mk-ease)}
.mk-tool:hover{color:var(--mk-char)}
.mk-count{font-size:11px;letter-spacing:.14em;color:var(--mk-muted)}
.mk-sort{display:inline-flex;align-items:center;gap:16px;margin:0}
.mk-sort label{font-size:11px;letter-spacing:.14em;color:var(--mk-muted)}
.mk-sort select{-webkit-appearance:none;appearance:none;background:transparent;border:0;font:inherit;font-size:11px;letter-spacing:.14em;color:var(--mk-char);padding-right:20px;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6'%3E%3Cpath d='M1 1l3.5 3.5L8 1' fill='none' stroke='%236E6459' stroke-width='.9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}

.mk-filters{display:none;border-top:1px solid var(--mk-hair);padding:14px var(--mk-gut);gap:clamp(16px,3.5vw,38px);justify-content:center;flex-wrap:wrap}
.mk-filters.is-open{display:flex}
.mk-chip{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mk-muted);text-decoration:none;padding-bottom:4px;border-bottom:1px solid transparent;transition:color .3s var(--mk-ease),border-color .3s var(--mk-ease)}
.mk-chip:hover{color:var(--mk-char)}
.mk-chip[aria-current='true']{color:var(--mk-char);border-bottom-color:var(--mk-gold)}

.mk-grid{border-top:1px solid var(--mk-hair);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px);padding:clamp(22px,3vw,34px) var(--mk-gut) 0;list-style:none;margin:0}
.mk-card{display:block;text-decoration:none;color:inherit;opacity:0;transform:translateY(14px);animation:mk-rise .9s var(--mk-ease) forwards}
@keyframes mk-rise{to{opacity:1;transform:none}}
.mk-card__img{background:var(--mk-tile);overflow:hidden;aspect-ratio:56/50}
.mk-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--mk-ease)}
.mk-card:hover .mk-card__img img{transform:scale(1.02)}
.mk-card__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.28}
.mk-card__body{padding:22px 4px 34px}
.mk-card__dash{display:block;width:44px;height:1px;background:var(--mk-char);opacity:.55;margin:0 0 16px}
.mk-card__name{font-family:'Jost','Helvetica Neue',Arial,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:300;line-height:1.5;margin:0;display:inline;background-image:linear-gradient(var(--mk-char),var(--mk-char));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s var(--mk-ease)}
.mk-card:hover .mk-card__name{background-size:100% 1px}
.mk-card__price{font-size:12px;color:var(--mk-muted);letter-spacing:.06em;margin:10px 0 0}
.mk-swatches{display:flex;gap:9px;margin-top:14px}
.mk-swatch{width:9px;height:9px;border-radius:50%;background:var(--mk-gold)}
.mk-swatch--white{background:#CFCCC6}
.mk-swatch--rose{background:#DCB6A4}
.mk-empty{grid-column:1/-1;text-align:center;color:var(--mk-muted);font-size:13px;letter-spacing:.06em;padding:60px 0}

.mk-pagination{text-align:center;padding:clamp(26px,4vw,44px) var(--mk-gut);font-size:11px;letter-spacing:.18em;color:var(--mk-muted)}
.mk-pagination a{color:var(--mk-char);text-decoration:none;padding:0 8px}

.mk-assurances{border-top:1px solid var(--mk-hair);display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(18px,4vw,56px);padding:clamp(26px,3.5vw,40px) var(--mk-gut)}
.mk-assurance{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mk-muted)}
.mk-assurance svg{stroke:var(--mk-gold);fill:none;stroke-width:1;flex:none}
.mk-colophon{text-align:center;padding:0 var(--mk-gut) 54px;margin:0;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mk-muted)}

@media (max-width:1000px){.mk-grid{grid-template-columns:repeat(2,1fr);gap:clamp(14px,3vw,26px)}.mk-card__body{padding:18px 2px 30px}}
@media (max-width:560px){.mk-grid{grid-template-columns:1fr}.mk-toolbar{font-size:10px}.mk-card__dash{width:34px;margin-bottom:13px}}
@media (prefers-reduced-motion:reduce){.mk-card{opacity:1;transform:none;animation:none}.mk-card__img img{transition:none}}