/* The specimen is existing certified artwork, not a simulated foil finish. */
.pristine-showcase {
    display: grid;
    grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
    gap: 44px;
    align-items: center;
    margin: 36px 0;
    padding: 40px;
    color: #f7f8f6;
    background: #202322;
    border-top: 3px solid #dfbd59;
    letter-spacing: 0;
}

.pristine-slab { display: block; }
.pristine-slab img { display: block; width: 100%; height: auto; }
.pristine-story { min-width: 0; }
.pristine-kicker { color: #e6c973; font-size: 13px; font-weight: 700; }
.pristine-showcase h2 { margin: 6px 0; font-size: 36px; line-height: 1.15; letter-spacing: 0; }
.pristine-lead { margin: 0 0 14px; font-size: 22px; line-height: 1.35; }
.pristine-description { max-width: 570px; margin: 0 0 24px; color: #c7ceca; font-size: 15px; line-height: 1.65; }
.pristine-label { display: block; cursor: zoom-in; }
.pristine-label img { display: block; width: 100%; height: auto; }
.pristine-subgrades { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 24px 0; padding: 16px 0; border-top: 1px solid #49504c; border-bottom: 1px solid #49504c; }
.pristine-subgrades div { text-align: center; padding: 0 4px; }
.pristine-subgrades div + div { border-left: 1px solid #49504c; }
.pristine-subgrades dt { color: #c7ceca; font-size: 12px; font-weight: 500; }
.pristine-subgrades dd { margin: 3px 0 0; color: #e6c973; font-size: 27px; line-height: 1.2; font-weight: 700; }
.pristine-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.pristine-footer p { margin: 0; font-size: 14px; }
.pristine-footer strong, .pristine-footer p span { display: block; }
.pristine-footer p span { margin-top: 3px; color: #c7ceca; font-size: 12px; }
.pristine-certificate { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #e6c973; font-weight: 700; font-size: 14px; text-underline-offset: 5px; }
.pristine-certificate:hover { color: #fff0be; }
.pristine-showcase a:focus-visible { outline: 2px solid #e6c973; outline-offset: 6px; }
.pristine-scale-example { margin: 24px 0 0; padding-top: 22px; border-top: 1px solid #d0be83; }
.pristine-scale-example img { display: block; width: 100%; max-width: 720px; height: auto; }
.pristine-scale-example figcaption { margin-top: 12px; font-size: 14px; line-height: 1.6; }
.pristine-scale-example figcaption a { display: block; color: #064e3b; font-weight: 700; text-underline-offset: 3px; }
.pristine-scale-example a:focus-visible { outline: 2px solid #064e3b; outline-offset: 4px; }

@media (max-width: 850px) {
    .pristine-showcase { grid-template-columns: minmax(155px, 210px) minmax(0, 1fr); padding: 28px; gap: 28px; }
    .pristine-showcase h2 { font-size: 30px; }
    .pristine-lead { font-size: 19px; }
}

@media (max-width: 620px) {
    .pristine-showcase { grid-template-columns: minmax(0, 1fr); padding: 26px 20px; gap: 28px; }
    .pristine-story { grid-row: 1; }
    .pristine-slab { width: 220px; max-width: 100%; margin: 0 auto; }
    .pristine-subgrades { margin: 20px 0; }
    .pristine-subgrades dt { font-size: 11px; }
}

@media (max-width: 380px) {
    .pristine-subgrades { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; }
    .pristine-subgrades div:nth-child(odd) { border-left: 0; }
}