.artwork-link {
    display:block;
}

.artwork-link:hover {
    text-decoration:none;
}

.artwork-image {
    aspect-ratio:1.27;
    display:flex;
    align-items:center;
    justify-content:center;
}

.artwork-image img {
    width:100%;
    height:100%;
    object-fit:contain;
    transition:transform .25s;
}

.artwork-link:hover .artwork-image img {
    transform:translateY(-4px);
}

.artwork-caption {
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:12px;
    padding-inline:3px;
}

.artwork-caption h2 {
    font-size:20px;
    margin:0 0 5px;
    letter-spacing:.015em;
}

.artwork-caption p {
    margin:0;
    line-height:1.5;
    font-size:13px;
}

.artwork-price {
    font-size:14px;
    margin-top:3px;
}

.artwork-plus {
    font-family:var(--serif);
    font-size:27px;
    line-height:1;
    margin-top:2px;
    font-weight:400;
}

.sold-label {
    font-family:var(--serif);
    font-style:italic;
    font-size:17px!important;
}

.artwork-price del {
    color:var(--muted);
}

.artwork-price ins {
    text-decoration:none;
}

.manifest-banner {
    display:block;
    background:var(--orange);
    color:#16120d;
    padding-block:38px;
}

.manifest-banner:hover {
    text-decoration:none;
}

.banner-inner {
    display:flex;
    align-items:center;
    gap:35px;
}

.banner-title {
    font-family:var(--serif);
    font-size:clamp(38px,5.4vw,76px);
    font-weight:700;
    line-height:1;
    letter-spacing:-.045em;
    text-transform:uppercase;
    max-width:75%;
}

.banner-aside {
    font-family:var(--serif);
    font-size:clamp(17px,1.9vw,25px);
    line-height:1.15;
    max-width:180px;
    margin-left:auto;
}

.arrow {
    font-family:var(--serif);
    font-size:54px;
    transition:transform .2s;
}

.manifest-banner:hover .arrow {
    transform:translateX(6px);
}

.back-link {
    display:inline-block;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:35px;
}

@media(max-width:1000px) {
    .artwork-caption h2 {
        font-size:18px;
    }
    .artwork-caption p {
        font-size:12px;
    }
    .banner-inner {
        gap:22px;
    }
    .banner-title {
        font-size:5.1vw;
    }
}

@media(max-width:760px) {
    .artwork-caption p {
        font-size:11px;
    }
    .banner-inner {
        flex-wrap:wrap;
        gap:20px;
    }
    .banner-title {
        max-width:100%;
        font-size:clamp(39px,7.5vw,55px);
    }
    .banner-aside {
        margin-left:0;
        max-width:230px;
        font-size:19px;
    }
    .arrow {
        margin-left:auto;
        font-size:43px;
    }
    .manifest-banner {
        padding-block:30px;
    }
}

@media(max-width:480px) {
    .artwork-caption h2 {
        font-size:21px;
    }
    .artwork-caption p {
        font-size:12px;
    }
    .artwork-price {
        font-size:13px;
    }
    .artwork-image {
        aspect-ratio:auto;
    }
    .artwork-image img {
        height:auto;
    }
    .artwork-caption {
        margin-top:14px;
    }
}


/* Quiet secondary navigation below the site header. */
.breadcrumbs {
    margin-bottom: 48px;
    font-family: var(--mono);
    font-size: 11px;
    line-height: 1.6;
}
.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.breadcrumbs li { display: flex; align-items: center; gap: 10px; }
.breadcrumbs a { color: var(--muted); }
.breadcrumbs a:hover { color: var(--ink); }
.breadcrumbs__separator { color: var(--muted); }
@media (max-width: 760px) {
    .breadcrumbs { margin-bottom: 36px; }
}