.jewelry-section{scroll-margin-top:28px;margin:12px 0 56px;padding:28px 0 0;border-top:1px solid var(--line)}
.jewelry-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}
.jewelry-heading h2{font:500 clamp(28px,4vw,42px)/1.15 Arial,sans-serif;margin:10px 0 12px;letter-spacing:-.8px}
.jewelry-heading p{color:var(--dim);max-width:650px;margin:0;font-size:13px}
.jewelry-heading .button{flex-shrink:0}
.jewelry-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jewelry-card{margin:0;min-width:0;background:#172117;border:1px solid var(--line)}
.jewelry-card>a{display:block;text-decoration:none}
.jewelry-frame{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;background:#263024}
.jewelry-frame img{position:absolute;display:block;max-width:none;height:auto}
.jewelry-frame--pendant img{width:262.593%;left:-3.704%;top:-77.037%}
.jewelry-frame--strands img{width:236.333%;left:-56.667%;top:-194.667%}
.jewelry-frame--bracelets img{width:253.214%;left:-150%;top:-217.143%}
.jewelry-card figcaption{display:flex;justify-content:space-between;gap:10px;padding:16px 18px;color:var(--fg);font-size:12px}
.jewelry-card figcaption span:last-child{color:var(--green)}
.jewelry-card a:hover figcaption,.jewelry-card a:focus-visible figcaption{color:var(--green)}
.jewelry-caption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:11px;color:var(--dim)}
.jewelry-caption p{margin:0}
.jewelry-caption a{color:var(--green)}
@media(max-width:720px){.jewelry-heading{display:block}.jewelry-heading .button{margin-top:20px;width:100%}.jewelry-gallery{grid-template-columns:1fr;gap:20px;max-width:480px;margin-inline:auto}.jewelry-section{margin-bottom:40px}.jewelry-card figcaption{font-size:13px}.jewelry-caption{line-height:1.8}}
