.artwork-header { position: relative; }
.artwork-header-link { justify-self: end; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.artwork-header-link span { margin-left: 9px; color: var(--coral); }
.artwork-main { max-width: 1600px; margin: 0 auto; padding: 26px clamp(24px, 6vw, 96px) 92px; }
.artwork-breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 46px; color: var(--muted); font-size: 11px; }
.artwork-breadcrumb a:hover { color: var(--coral-dark); }
.artwork-breadcrumb span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.artwork-page-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: clamp(42px, 5vw, 82px); align-items: start; }
.artwork-page-figure { display: grid; place-items: center; min-height: 550px; margin: 0; padding: clamp(20px, 4vw, 54px); background: #ede9df; }
.artwork-page-image { display: block; width: 100%; max-height: min(75vh, 850px); height: auto; object-fit: contain; filter: drop-shadow(0 15px 20px rgba(22, 40, 38, .12)); }
.artwork-page-figure figcaption { width: 100%; margin-top: 22px; color: var(--muted); font-size: 10px; letter-spacing: .09em; text-align: center; text-transform: uppercase; }
.artwork-page-copy { position: sticky; top: 35px; padding-top: 18px; }
.artwork-page-kicker { margin: 0 0 24px; color: var(--sea); font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.artwork-page-kicker span { margin: 0 5px; color: var(--coral); }
.artwork-page-copy h1 { margin: 0 0 22px; font-family: var(--serif); font-size: clamp(46px, 5vw, 78px); font-weight: 500; letter-spacing: -.06em; line-height: 1.02; }
.artwork-page-intro { max-width: 430px; margin: 0 0 30px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.artwork-page-price { margin: 0 0 30px; font-family: var(--serif); font-size: 30px; line-height: 1; }
.artwork-page-details { margin: 0 0 34px; border-top: 1px solid var(--line); }
.artwork-page-details div { display: flex; justify-content: space-between; gap: 24px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.artwork-page-details dt { color: var(--muted); font-size: 11px; }
.artwork-page-details dd { margin: 0; font-size: 12px; font-weight: 600; text-align: right; }
.artwork-enquire { width: 100%; justify-content: space-between; min-height: 58px; padding: 0 24px; }
.artwork-page-shipping { margin: 16px 0 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.artwork-page-pagination { display: flex; justify-content: space-between; gap: 30px; margin-top: 80px; padding-top: 25px; border-top: 1px solid var(--line); }
.artwork-page-pagination a { display: grid; gap: 5px; max-width: 45%; }
.artwork-page-pagination a:last-child { text-align: right; }
.artwork-page-pagination span { color: var(--muted); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.artwork-page-pagination strong { font-family: var(--serif); font-size: 20px; font-weight: 500; }
.artwork-page-pagination a:hover strong { color: var(--coral-dark); }
.artwork-footer { display: flex; justify-content: space-between; gap: 20px; padding: 30px clamp(24px, 6vw, 96px); border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.artwork-footer a { color: var(--ink); font-weight: 700; }
.artwork-not-found { min-height: 55vh; padding: 12vh 0; }
.artwork-not-found h1 { font-family: var(--serif); font-size: 55px; font-weight: 500; }
.original-card .card-art-button { padding: 0; background: transparent; }
.original-card-copy { padding: 12px 0 0; }
.original-card-copy h3 { margin: 0 0 4px; font-family: var(--serif); font-size: clamp(16px, 1.25vw, 19px); font-weight: 500; letter-spacing: -.025em; line-height: 1.25; }
.original-card-copy h3 a:hover { color: var(--coral-dark); }
.original-card-copy p { margin: 0; color: var(--muted); font-size: 11px; }
.original-sold-badge { position: absolute; z-index: 3; right: 20px; bottom: 20px; padding: 9px 13px; background: var(--paper); color: var(--ink); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.artwork-sold-browse { display: inline-flex; align-items: center; gap: 15px; padding-bottom: 7px; border-bottom: 1px solid var(--ink); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.artwork-sold-browse:hover { color: var(--coral-dark); border-color: var(--coral-dark); }
@media (max-width: 980px) { .artwork-page-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr); gap: 34px; } .artwork-page-figure { min-height: 400px; } }
@media (max-width: 760px) { .artwork-header-link { display: none; } .artwork-main { padding: 17px 20px 60px; } .artwork-breadcrumb { margin-bottom: 23px; } .artwork-page-layout { grid-template-columns: 1fr; gap: 25px; } .artwork-page-figure { min-height: 0; padding: 17px; } .artwork-page-image { max-height: 66vh; } .artwork-page-copy { position: static; padding-top: 0; } .artwork-page-copy h1 { font-size: clamp(42px, 10vw, 64px); } .artwork-page-intro { font-size: 14px; } .artwork-page-pagination { margin-top: 58px; } .artwork-page-pagination strong { font-size: 16px; } .artwork-footer { flex-wrap: wrap; } }
