.color-overview{align-items:start;gap:6%;padding-top:12px}.color-gallery{min-width:0}.color-gallery .gallery-stage{aspect-ratio:1;background:#fff;max-height:650px}.color-gallery .gallery-stage>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.color-gallery .gallery-stage img{width:90%;height:90%;object-fit:contain}.color-gallery #color-image-caption{font-size:13px;color:#656975;text-align:center;margin:14px 0 20px}.color-angle-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.color-angle-thumbs button{border:1px solid #e2e4e8;background:#fff;padding:5px;cursor:pointer;min-width:0}.color-angle-thumbs button[aria-pressed=true]{border:2px solid #b72d43;padding:4px}.color-angle-thumbs img{width:100%;height:70px;object-fit:contain}.color-angle-thumbs span{display:block;font-size:10px;line-height:1.4;color:#666;padding:4px 0}.color-options{border:0;padding:0;margin:26px 0}.color-options legend{font-size:14px;margin-bottom:14px}.color-buttons{display:flex;flex-wrap:wrap;gap:9px}.color-choice{display:flex;align-items:center;gap:8px;border:1px solid #d9dce1;background:#fff;padding:10px 12px;font:inherit;font-size:12px;cursor:pointer}.color-choice[aria-pressed=true]{border-color:#b72d43;box-shadow:inset 0 0 0 1px #b72d43}.color-dot{width:19px;height:19px;border-radius:50%;border:1px solid #c3c5c9;flex:none}.color-facts{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 30px;border-top:1px solid #e4e6e9}.color-facts>div{padding:16px 10px 16px 0;border-bottom:1px solid #e4e6e9;min-width:0}.color-facts span{display:block;font-size:11px;color:#747985;margin-bottom:7px}.color-facts strong{font-size:16px;font-weight:500;line-height:1.5}.color-detail-story,.color-range{padding:60px 7%;border-top:1px solid #eceef1;background:#fff}.color-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.color-detail-grid article{min-width:0}.color-detail-grid a{display:block;background:#fff;border:1px solid #eceef1;aspect-ratio:1}.color-detail-grid img{width:100%;height:100%;object-fit:contain;padding:22px;box-sizing:border-box}.color-detail-grid h3{font-weight:500;font-size:23px;line-height:1.3;margin:22px 0 10px}.color-detail-grid p{color:#727681;line-height:1.7;font-size:14px}.color-range-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px}.color-range-grid button{border:1px solid #eceef1;background:white;cursor:pointer;padding:16px;min-width:0}.color-range-grid img{width:100%;height:220px;object-fit:contain}.color-range-grid span{display:block;margin:16px 0 8px;font-size:13px}.color-choice:focus-visible,.color-angle-thumbs button:focus-visible,.color-range-grid button:focus-visible{outline:2px solid #b72d43;outline-offset:4px}@media(max-width:800px){.color-overview{gap:30px}.color-facts strong{font-size:15px}.color-detail-grid{grid-template-columns:1fr}.color-detail-grid a{max-height:450px}.color-detail-story,.color-range{padding:40px 7%}.color-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-range-grid img{height:180px}.color-detail-grid h3{font-size:21px}}@media(max-width:400px){.color-choice{padding:9px;font-size:11px}.color-angle-thumbs{gap:4px}.color-angle-thumbs img{height:55px}.color-range-grid img{height:140px}}