/* Homepage photo composition; category cards and product galleries are separate. */
.selection .selection-eyebrow,.selection .selection-names{display:none}
.selection .selection-collage{
 position:relative;width:100%;aspect-ratio:.46;overflow:hidden;
 border-radius:4px 4px 28px 28px;background:#fff;
}
.selection .selection-panel{position:absolute;left:0;right:0;overflow:hidden;display:block}
.selection .selection-panel img{
 position:absolute;display:block;width:100%;height:100%;object-fit:cover;
 transition:transform .8s ease;
}
.selection .selection-viridis{
 top:0;height:27%;background:#fff;
 clip-path:polygon(0 0,100% 0,100% 80.9%,0 99.5%);
}
.selection .selection-viridis img{width:100%;height:108%;top:-7%;object-fit:contain}
.selection .selection-mondstein{
 top:22%;height:33%;
 clip-path:polygon(0 15.6%,100% .45%,100% 99.55%,0 78.35%);
}
.selection .selection-mondstein img{object-position:50% 48%}
.selection .selection-tenebris{
 top:48%;height:30%;
 clip-path:polygon(0 .5%,100% 23.85%,100% 79.5%,0 99.5%);
}
.selection .selection-tenebris img{object-position:50% 36%}
.selection .selection-rubin{
 top:72%;height:28%;
 clip-path:polygon(0 21.95%,100% .55%,100% 100%,0 100%);
}
.selection .selection-rubin img{object-position:50% 54%}
.selection .selection-panel:focus-visible{outline:2px solid var(--wine);outline-offset:-4px}
@media(min-width:721px){
 .selection .selection-eyebrow{display:block;margin:0 0 24px}
 .selection .selection-collage{aspect-ratio:3.2;border-radius:4px 4px 30px 30px}
 .selection .selection-panel{top:0;bottom:0;right:auto;height:auto}
 .selection .selection-viridis{
  left:0;width:30%;clip-path:polygon(0 0,98.7% 0,65.3% 100%,0 100%);
 }
 .selection .selection-viridis img{width:86%;height:86%;left:0;top:7%}
 .selection .selection-mondstein{
  left:20%;width:40%;clip-path:polygon(25.3% 0,74.7% 0,99.7% 100%,.3% 100%);
 }
 .selection .selection-mondstein img{object-position:52% 50%}
 .selection .selection-tenebris{
  left:50%;width:26%;clip-path:polygon(.5% 0,99.5% 0,72.6% 100%,38.9% 100%);
 }
 .selection .selection-tenebris img{object-position:60% 50%}
 .selection .selection-rubin{
  left:69%;width:31%;clip-path:polygon(23% 0,100% 0,100% 100%,.4% 100%);
 }
 .selection .selection-rubin img{object-position:50% 50%}
 .selection .selection-names{
  display:grid;grid-template-columns:24% 31% 17% 28%;margin-top:20px;text-align:center;
  font-family:Georgia,'Times New Roman',serif;font-size:clamp(14px,1.4vw,20px);
  letter-spacing:var(--serif-title-spacing);
 }
 .selection .selection-names span{min-width:0;padding:0 4px}
}
@media(hover:hover){.selection .selection-panel:hover img{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.selection .selection-panel img{transition:none;transform:none}}