/* Shared drawer: Gallery typography, unchanged author-description treatment. */
:root {
  --work-facts-font:400 11px/1.5 var(--mono);
  --work-facts-row-gap:11px;
  --work-facts-padding:22px;
}
.work-dialog {
  --drawer-inset:clamp(22px,3vw,43px);
  width:min(625px,100vw);max-width:100vw;
  border-left-color:var(--line);
}
.drawer-head {
  height:64px;padding-inline:var(--drawer-inset);gap:16px;
  color:var(--body);font:400 11px/1.4 var(--mono);letter-spacing:0;
}
.drawer-scroll { padding:25px var(--drawer-inset) 45px; }
.drawer-title {
  margin:26px 0 8px;
  font:700 clamp(26px,2.2vw,30px)/1.08 var(--display);
  letter-spacing:-.05em;text-transform:uppercase;overflow-wrap:anywhere;
}
.drawer-kicker { margin:0 0 23px;font:400 11px/1.5 var(--mono);color:var(--body); }
.drawer-meta { grid-template-columns:minmax(100px,135px) minmax(0,1fr);gap:var(--work-facts-row-gap) 18px;padding-block:var(--work-facts-padding);font:var(--work-facts-font);letter-spacing:0; }
.drawer-meta dt { color:var(--body); }
.drawer-meta dd { min-width:0;overflow-wrap:anywhere; }
.drawer-cover,.drawer-gallery img {
  display:block;width:100%;max-width:none;height:auto;max-height:none;
  aspect-ratio:auto;object-fit:contain;object-position:center;
  margin-inline:0;border:0;border-radius:0;background:transparent;
}
.drawer-gallery { align-items:stretch; }
.drawer-close { flex:none;font:400 25px/1 var(--display); }
@media(max-width:520px) {
  .drawer-head { font-size:10px;gap:12px; }
  .drawer-meta { grid-template-columns:minmax(86px,110px) minmax(0,1fr);column-gap:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .work-dialog { animation:none; }
}

/* Accepted artwork cards and purchase popup · 2026-10-31. */
/* Isolated preview r01. Facts only; does not change shared Digital tokens. */
.drawer-meta { color:#000;grid-template-columns:minmax(80px,94.5px) minmax(0,1fr);column-gap:12.6px;row-gap:8.8px;font:400 11px/1.2 var(--mono); }
.drawer-meta dt { color:#000;font-weight:700; }
.drawer-meta dd {color:#000;}
@media(max-width:520px){.drawer-meta {grid-template-columns:minmax(74px,77px) minmax(0,1fr);column-gap:8.4px;}}
/* Preview r03: two smaller copies of the native catalogue card. */
.drawer-meta-wrap > .work-facts-rule {background:#000;}
.drawer-related {--work-card-radius:5px;margin-top:28px;}
.drawer-related-rule {display:block;width:100%;height:1px;margin:0 0 30px;padding:0;border:0;background:#000;}
.drawer-related-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;}
.drawer-related .work-card { display:flex;flex-direction:column;align-items:stretch;min-width:0;height:100%;padding:0;overflow:hidden;text-align:center;border:1px solid var(--ink);border-radius:var(--work-card-radius);background:var(--paper);color:var(--ink);transition:transform .18s var(--curve),border-color .18s var(--curve); }
.drawer-related .work-card-visual { position:relative;display:block;width:100%;height:auto;aspect-ratio:1;flex:0 0 auto;overflow:hidden;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:var(--almost); }
.drawer-related .work-card-visual img { position:absolute;left:50%;top:50%;width:100%;height:100%;max-width:none;object-fit:cover;filter:none;transform:translate(-50%,-50%);transition:scale .18s var(--curve); }
.drawer-related .work-card-visual::after { display:none; }
.drawer-related .work-card-copy { flex:1;min-width:0;min-height:87.2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.48px;padding:16px 15px 18.4px;background:var(--paper); }
.drawer-related .work-card-title { position:relative;top:.896px;display:block;margin:0;font:700 clamp(16px,1.35vw,21px)/1.2 var(--display);letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:break-word; }
.drawer-related .work-card-label { display:block;margin:0;max-width:100%;font:400 clamp(10px,.85vw,12px)/1.4 var(--mono);color:var(--body);letter-spacing:0;text-transform:none;overflow-wrap:break-word; }
.drawer-related .work-card:focus-visible { outline:2px solid var(--blue);outline-offset:4px; }
.drawer-related .work-card:active { transform:scale(.985); }
.drawer-related .work-card-copy {min-height:66px;gap:3.584px;padding:12.8px 10px 14.72px;}
.drawer-related .work-card-title {top:.7168px;font-size:14.4px;}
.drawer-related .work-card-label {font-size:8.8px;}
@media(hover:hover){.drawer-related .work-card:hover{transform:translateY(-3px);border-color:var(--blue);}.drawer-related .work-card:hover .work-card-visual img{scale:1.025;}}
@media(prefers-reduced-motion:reduce){.drawer-related .work-card,.drawer-related .work-card-visual img{transition:none;}}

/* r06: preserve the image anchor during hover and keyboard focus. */
.drawer-related .work-card .work-card-visual img,
.drawer-related .work-card:is(:hover,:focus-visible) .work-card-visual img {left:0;top:0;transform:none;transform-origin:center;}
.drawer-meta {padding-block:16.5px;}
.drawer-facts-footer {position:relative;height:1px;}
.drawer-meta-wrap .drawer-facts-footer .work-facts-rule {top:0;bottom:auto;}
.drawer-meta-wrap.has-purchase .drawer-meta {padding-bottom:16.5px;}
.drawer-meta-wrap.has-purchase .drawer-facts-footer .work-facts-rule {top:.5px;}
.drawer-buy {position:absolute;left:50%;right:0;top:.5px;width:50%;transform:translateY(-50%);z-index:1;white-space:nowrap;padding-inline:clamp(8px,2vw,24px);}
.gallery-action-button {display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:43.2px;padding:6px clamp(16px,1.7vw,24px);border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font:400 clamp(10px,.9vw,12px)/1.3 var(--mono);letter-spacing:-.01em;text-align:center;text-decoration:none;}
.gallery-action-button:is(:hover,:focus-visible){background:#35373a;}

.drawer-meta-wrap .work-facts-rule {background:#000;}
/* Flow ends at the bottom of the 43.2px button; the next 26px gap starts there. */
.has-purchase .drawer-facts-footer {height:22.1px;}
@media(max-width:520px){.drawer-meta-wrap.has-purchase .drawer-meta {padding-bottom:38.1px;}}

/* r08: show the three source Digital formats on separate lines. */
.drawer-meta dd {white-space:pre-line;}

/* r09: Digital format prices clear the top of the button, not its centre line. */
.drawer-meta-wrap.has-purchase.has-size-prices .drawer-meta {padding-bottom:calc(16.5px + 43.2px * .5 - .5px);}

/* r10: purchase-contact popup, preview links intentionally not assigned. */
.purchase-dialog {position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:46px 28px 26px;border:1px solid #000;border-radius:5px;background:#fff;color:#000;box-shadow:none;}
.purchase-dialog::backdrop {background:rgba(0,0,0,.3);}
.purchase-close {position:absolute;right:12px;top:9px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:#000;font:400 25px/1 var(--display);}
.purchase-message {margin:0 0 25px;font:400 18px/1.35 var(--display);letter-spacing:-.01em;}
.purchase-contacts {display:grid;gap:11px;}
.purchase-contacts .gallery-action-button {width:100%;font-size:11px;opacity:1;cursor:default;}

.purchase-preview-note {margin:16px 0 0;color:var(--body);font:400 10px/1.4 var(--mono);text-align:center;}

/* r11: accepted yellow accent on purchase and messenger hover/focus. */
.purchase-contacts .gallery-action-button {cursor:pointer;}
.drawer-buy:is(:hover,:focus-visible),
.purchase-contacts .gallery-action-button:is(:hover,:focus-visible) {background:var(--accent);color:#000;border-color:var(--accent);}

/* r12: stronger purchase label in the artwork card. */
.drawer-buy {font-weight:700;}

/* Accepted purchase portrait · 2026-10-31. */
.purchase-dialog{padding-top:0;padding-inline:0;} .purchase-portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:35% center;margin:0 0 24px;border:0;border-radius:4px 4px 0 0;} .purchase-message,.purchase-contacts{margin-inline:28px;} .purchase-close{top:12px;right:12px;z-index:2;background:#D8C62A;border:1px solid #000;border-radius:50%;}