/* Craquelure: gesso fronts, felt backs, one gilt field. */
@font-face { font-family: "CQ Display"; src: url("/assets/fonts/specimen/libertinus-serif-display-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "CQ Text"; src: url("/assets/fonts/specimen/libertinus-serif-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "CQ Text"; src: url("/assets/fonts/specimen/libertinus-serif-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

.spec-craquelure {
  --cq-gesso: #F5F0E4;
  --cq-felt: #948F87;
  --cq-ink: #141414;
  --cq-gilt: #C48A06;
  --cq-ink-2: #3E3B36;
  --cq-ink-3: #57534C;
  --cq-rule: rgba(20, 20, 20, .24);
  --cq-show: rgba(20, 20, 20, .07);
  --cq-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --cq-display: "CQ Display", var(--cq-serif);
  --cq-text: "CQ Text", var(--cq-serif);
  --cq-nav-h: 56px;
  --cq-m: clamp(16px, 5.5vw, 80px);
  --cq-gut: clamp(12px, 1.8vw, 28px);
  --cq-recto-pad: clamp(64px, 9vw, 160px);
  --cq-verso-pad: clamp(48px, 6vw, 96px);
  --cq-avail: calc(100svh - var(--bar-h, 40px) - var(--cq-nav-h));
  --cq-rp: clamp(2.125rem, 1.43rem + 2.86vw, 4rem);
}
body.spec-craquelure { margin: 0; background: var(--cq-gesso); }

.cq-page, .cq-nav {
  color: var(--cq-ink);
  font-family: var(--cq-text);
  font-size: clamp(1.0625rem, 1.02rem + .19vw, 1.1875rem);
  line-height: 1.55;
  font-variant-numeric: oldstyle-nums proportional-nums;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cq-page { background: var(--cq-gesso); overflow-x: clip; }
.cq-page *, .cq-nav * { box-sizing: border-box; }
:where(.cq-page) :where(p, h1, h2, h3, figure, dl, dd, ul, ol) { margin: 0; }
.cq-page img { display: block; max-width: 100%; height: auto; }
.cq-page a, .cq-nav a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.cq-page :focus-visible, .cq-nav :focus-visible { outline: 2px solid var(--cq-ink); outline-offset: 3px; }
.cq-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* ---------- nav ---------- */
.cq-nav {
  position: sticky; top: var(--bar-h, 40px); z-index: 60;
  display: flex; align-items: center; gap: clamp(12px, 2vw, 32px);
  block-size: var(--cq-nav-h); padding-inline: var(--cq-m);
  background: var(--cq-gesso); border-bottom: 1px solid var(--cq-rule);
  font-size: 1rem; line-height: 1.2;
}
.cq-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; margin-inline-end: auto; }
.cq-brand .cq-mark { flex: none; width: 28px; height: 28px; }
.cq-brand-name { font-family: var(--cq-display); font-size: 1.5rem; letter-spacing: -.005em; line-height: 1; padding-block-start: 2px; }
.cq-links { display: flex; gap: clamp(14px, 2vw, 30px); list-style: none; margin: 0; padding: 0; }
.cq-links a, .cq-contents a { text-decoration: none; }
.cq-links a:hover, .cq-contents a:hover { text-decoration: underline; }
.cq-nav-send { text-decoration: underline; white-space: nowrap; }
.cq-contents { display: none; position: relative; }
.cq-contents summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; padding-block: 12px; }
.cq-contents summary::-webkit-details-marker { display: none; }
.cq-contents[open] .cq-chev { transform: rotate(180deg); }
.cq-contents ul { position: absolute; right: -12px; top: calc(100% + 4px); list-style: none; margin: 0; padding: 12px 20px 16px; min-inline-size: 15rem; background: var(--cq-gesso); border: 1px solid var(--cq-rule); }
.cq-contents li a { display: block; padding-block: 8px; }
@media (max-width: 899px) {
  .cq-links { display: none; }
  .cq-contents { display: block; }
}
@media (max-width: 700px) { .spec-craquelure { --cq-nav-h: 48px; } .cq-brand-name { font-size: 1.3125rem; } .cq-nav { gap: 14px; font-size: .9375rem; } }
@media (max-width: 420px) { .cq-brand-name { font-size: 1.125rem; } .cq-brand { gap: 8px; } .cq-nav { gap: 10px; } }
@media (max-width: 374px) { .cq-brand-name { font-size: 1.0625rem; } .cq-brand { gap: 7px; } .cq-nav { gap: 8px; font-size: .875rem; } }
@media (max-width: 359px) { .cq-brand-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } }

/* ---------- first look ---------- */
.cq-hero {
  position: relative; overflow: clip;
  min-block-size: calc(100svh - var(--bar-h, 40px) - var(--cq-nav-h));
  display: grid; align-content: end;
  padding: 48px var(--cq-m) clamp(96px, 13svh, 128px);
  background: var(--cq-gesso);
}
@media (min-width: 1024px) { .cq-hero { block-size: calc(100svh - var(--bar-h, 40px) - var(--cq-nav-h)); min-block-size: 600px; } }
.cq-pic {
  position: absolute; inset-block: 0; left: var(--cq-pic-l, 45%); inline-size: var(--cq-pic-w, 64%);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 4%); mask-image: linear-gradient(to right, transparent, #000 4%);
}
.cq-pic picture, .cq-still { display: block; inline-size: 100%; block-size: 100%; }
/* a press on the painting, the loupe or the disc is a look, never the start of a page selection */
.cq-pic, .cq-loupe, .cq-disc { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.cq-page .cq-still { block-size: 100%; max-width: none; object-fit: cover; object-position: 50% var(--cq-pic-y, 9%); }
.cq-hero-copy { position: relative; z-index: 2; max-inline-size: calc(var(--cq-pic-l, 45%) - 24px); }
.cq-hero h1 {
  font-family: var(--cq-display); font-weight: 400;
  font-size: clamp(2.75rem, 1.36rem + 5.71vw, 6.5rem); line-height: .93; letter-spacing: -.012em;
  text-wrap: balance; margin-block-end: 32px;
}
.cq-sub { font-size: clamp(1.125rem, 1.06rem + .29vw, 1.3125rem); line-height: 1.45; color: var(--cq-ink-2); max-inline-size: 34em; text-wrap: pretty; }
.cq-saleline { margin-block-start: 28px; padding-block-start: 18px; border-top: 1px solid var(--cq-rule); max-inline-size: 34em; }
.cq-saleline-title { font-family: var(--cq-display); font-size: clamp(1.625rem, 1.44rem + .76vw, 1.875rem); line-height: 1.05; }
.cq-saleline-when { margin-block-start: 6px; font-size: 1.0625rem; line-height: 1.4; color: var(--cq-ink-2); }
.cq-turn { display: inline-flex; align-items: center; gap: 8px; margin-block-start: 28px; font-size: 1.125rem; min-block-size: 44px; }
.cq-turn-icon { flex: none; }
.cq-caption {
  position: absolute; z-index: 2; left: var(--cq-m); bottom: clamp(20px, 3svh, 32px); max-inline-size: min(calc(var(--cq-pic-l, 45%) - var(--cq-m) - 32px), 36rem);
  font-size: .9375rem; line-height: 1.4; color: var(--cq-ink-3);
}

/* the loupe */
.cq-loupe {
  --d: var(--cq-loupe, 232px);
  position: absolute; left: var(--cq-lx, 78%); top: var(--cq-ly, 58%); z-index: 3;
  inline-size: var(--d); block-size: var(--d); border-radius: 50%;
  transform: translate(-50%, -50%);
  touch-action: none;
}
.cq-js .cq-loupe { left: 0; top: 0; cursor: none; transform: translate(calc(var(--cq-x, 0px) - var(--d) / 2), calc(var(--cq-y, 0px) - var(--d) / 2)); }
.cq-nogl .cq-loupe { cursor: default; }
.cq-loupe:focus-visible { outline: none; }
.cq-loupe:focus-visible .cq-rim-lip { stroke: var(--cq-ink); stroke-width: 2.4; }
.cq-loupe canvas, .cq-loupe-poster {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border-radius: 50%;
}
.cq-loupe canvas { opacity: 0; }
.cq-loupe.cq-live canvas { opacity: 1; }
.cq-loupe.cq-live .cq-loupe-poster { visibility: hidden; }
.cq-page .cq-loupe-poster { max-width: none; background: #3a2c1f; }
.cq-rim { position: absolute; inset: -14px; inline-size: calc(100% + 28px); block-size: calc(100% + 28px); overflow: visible; pointer-events: none; }
.cq-rim-knurl { stroke: var(--cq-ink); stroke-width: 5.2; }
.cq-rim-ticks { stroke: var(--cq-gilt); stroke-width: 5; stroke-dasharray: 1.2 3.2; opacity: .55; }
.cq-js .cq-rim-knurl { stroke-width: 11; }
.cq-js .cq-rim-ticks { stroke-width: 7; stroke-dasharray: 1.4 3.4; }
.cq-rim-lip { stroke: var(--cq-gilt); stroke-width: .8; }
.cq-js .cq-rim-lip { stroke-width: 1.2; }
.cq-js .cq-rim-arc { stroke-width: 2.2; }
.cq-rim-arc { stroke: var(--cq-gilt); stroke-width: 1.6; stroke-linecap: round; }
.cq-rim-tab { fill: var(--cq-gilt); stroke: var(--cq-ink); stroke-width: .8; }
.cq-age { position: absolute; inset: -14px; border-radius: 50%; pointer-events: none; }
.cq-age:focus-visible { outline: 2px solid var(--cq-ink); outline-offset: 2px; }
.cq-hint {
  position: absolute; z-index: 3; white-space: nowrap;
  left: calc(var(--cq-lx, 78%) + var(--cq-loupe, 232px) / 2 + 16px); top: calc(var(--cq-ly, 58%) + var(--cq-loupe, 232px) * .27);
  font-size: .9375rem; color: var(--cq-ink); pointer-events: none;
  background: var(--cq-gesso); padding: 2px 8px 3px;
  transition: opacity .6s ease;
}
.cq-js .cq-hint { left: 0; top: 0; transform: translate(var(--cq-hx, 0px), var(--cq-hy, 0px)); }
.cq-hint.cq-gone { opacity: 0; }
.cq-hint::before { content: ""; position: absolute; top: 50%; right: 100%; inline-size: 14px; block-size: 1px; background: var(--cq-ink); }
.cq-hint.cq-hint-l::before { right: auto; left: 100%; }
.cq-when-short { display: none; }
/* on wider screens the house's line opens the column at the top and the headline sits low, over the sale */
@media (min-width: 701px) {
  .cq-hero { align-content: stretch; grid-template-rows: minmax(0, 1fr) auto; padding-block-end: clamp(18px, 3svh, 32px); }
  .cq-hero-copy { grid-row: 1; display: flex; flex-direction: column; justify-content: flex-end; }
  .cq-caption { position: relative; grid-row: 2; left: auto; bottom: auto; margin-block-start: clamp(20px, 3svh, 32px); max-inline-size: min(calc(var(--cq-pic-l, 45%) - 24px), 36rem); }
  .cq-sub { order: -1; margin-block-end: auto; padding-block-end: 32px; max-inline-size: 30em; }
}

/* widths */
@media (min-width: 1024px) and (max-width: 1180px) {
  .spec-craquelure { --cq-pic-l: 47%; --cq-pic-w: 62%; --cq-loupe: 176px; }
  .cq-hero h1 { font-size: clamp(4.5rem, 7.6vw, 5.5rem); }
}
@media (min-width: 1024px) and (max-height: 800px) {
  .cq-sub-b { display: none; }
  .cq-hero h1 { margin-block-end: 22px; }
  .cq-saleline { margin-block-start: 20px; padding-block-start: 14px; }
  .cq-turn { margin-block-start: 16px; }
}
@media (min-width: 1024px) and (max-width: 1180px) and (max-height: 900px) { .cq-sub-b { display: none; } }
@media (min-width: 1024px) and (max-height: 760px) { .cq-hero h1 { font-size: min(5.25rem, 12.4svh); } .cq-sub { padding-block-end: 20px; } }
@media (min-width: 1024px) and (max-height: 700px) { .cq-hero h1 { font-size: min(5.25rem, 11.6svh); } }
@media (min-width: 701px) and (max-width: 1023px) {
  .spec-craquelure { --cq-pic-l: 46%; --cq-pic-w: 68%; --cq-loupe: 160px; }
  .cq-hero { min-block-size: min(calc(100svh - var(--bar-h, 40px) - var(--cq-nav-h)), 1000px); }
  .cq-hero h1 { font-size: clamp(3.25rem, 7.4vw, 4.5rem); }
  .cq-sub { font-size: 1.0625rem; }
  .cq-caption { font-size: .875rem; }
}
@media (max-width: 700px) {
  .spec-craquelure { --cq-loupe: 144px; --cq-lx: 64%; --cq-ly: 26svh; }
  .cq-hero { display: flex; flex-direction: column; padding: 0 0 40px; min-block-size: 0; }
  .cq-pic { position: relative; left: auto; inline-size: auto; block-size: 50svh; min-block-size: 300px; -webkit-mask-image: none; mask-image: none; overflow: clip; }
  .cq-page .cq-still { object-position: 30% 8%; }
  .cq-pic picture { position: absolute; inset: 0 -40% 0 -4%; inline-size: auto; }
  .cq-hero-copy { max-inline-size: none; padding: 28px var(--cq-m) 0; }
  .cq-hero h1 { font-size: clamp(2.375rem, 13vw, 3.5rem); line-height: .95; margin-block-end: 20px; }
  .cq-saleline { margin-block: 0 0; padding-block-start: 0; border-top: 0; }
  .cq-saleline-title { font-size: 1.625rem; }
  .cq-turn { margin-block: 14px 18px; }
  .cq-sub { font-size: 1.0625rem; padding-block-start: 18px; border-top: 1px solid var(--cq-rule); }
  .cq-hero-copy { display: flex; flex-direction: column; }
  .cq-sub { order: 4; }
  .cq-caption { position: static; order: 9; max-inline-size: none; margin: 14px var(--cq-m) 0; font-size: .875rem; }
  .cq-hint { font-size: .875rem; }
}
@media (max-width: 700px) and (max-height: 620px) {
  .spec-craquelure { --cq-loupe: 104px; --cq-ly: 100px; }
  .cq-hero .cq-sub, .cq-hero .cq-caption, .cq-when-long { display: none; }
  .cq-when-short { display: inline; }
  .cq-hero h1 { margin-block-end: 8px; }
  .cq-turn { margin-block: 8px 0; }
  .cq-pic { block-size: 196px; min-block-size: 0; }
  .cq-page .cq-still { object-position: 30% 46%; }
  .cq-hero h1 { font-size: 2.375rem; margin-block-end: 12px; }
  .cq-hero-copy { padding-block-start: 18px; }
  .cq-saleline-when { font-size: 1rem; }
}

/* ---------- the leaves: a face on gesso, a back on felt ---------- */
.cq-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.cq-leaf { position: relative; scroll-margin-top: calc(var(--bar-h, 40px) + var(--cq-nav-h)); }
.cq-stage { position: relative; }
.cq-recto, .cq-verso { scroll-margin-top: calc(var(--bar-h, 40px) + var(--cq-nav-h)); }
.cq-recto { position: relative; padding: var(--cq-recto-pad) var(--cq-m); background: var(--cq-gesso); }
.cq-verso {
  position: relative; isolation: isolate; overflow: clip;
  padding: var(--cq-verso-pad) var(--cq-m); background: var(--cq-felt);
  font-size: clamp(1rem, .98rem + .1vw, 1.0625rem); line-height: 1.45;
}
.cq-g { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); }
.cq-leaf h2 { font-family: var(--cq-display); font-weight: 400; font-size: var(--cq-rp); line-height: 1.02; letter-spacing: -.01em; text-wrap: balance; }
.cq-leaf h3 { font-family: var(--cq-text); font-weight: 400; font-size: clamp(1.4375rem, 1.32rem + .48vw, 1.75rem); line-height: 1.2; margin-block-end: 20px; }
.cq-stand { font-size: clamp(1.125rem, 1.06rem + .29vw, 1.3125rem); line-height: 1.45; max-inline-size: 34em; text-wrap: pretty; }
.cq-hint-line { font-size: .9375rem; line-height: 1.4; color: var(--cq-ink-3); }
.cq-verso .cq-hint-line { color: var(--cq-ink); }
.cq-verso p + p { margin-block-start: .8em; }
@media (min-width: 700px) { .cq-verso p { text-align: justify; hyphens: auto; } .cq-verso .cq-note-line, .cq-verso .cq-hint-line { text-align: start; } }
.cq-lotno { font-family: var(--cq-display); font-size: clamp(1.375rem, 1.3rem + .3vw, 1.625rem); line-height: 1; font-variant-numeric: oldstyle-nums tabular-nums; }

/* the recto's headline, showing through the back */
.cq-show {
  position: absolute; z-index: -1; top: calc(var(--cq-verso-pad) * .5); right: var(--cq-m);
  font-family: var(--cq-display); font-size: calc(var(--cq-rp) * 1.6); line-height: 1; white-space: nowrap;
  color: var(--cq-show); transform: scaleX(-1); pointer-events: none; user-select: none;
}

/* the turn controls: underlined text, and on the gilt a hairline box */
.cq-turn { display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; font-size: 1.0625rem; }
.cq-turn-back .cq-turn-icon { transform: scaleX(-1); }
.cq-page:not(.cq-turns) .cq-stage .cq-turn-back, .cq-page:not(.cq-turns) .cq-lot .cq-turn { display: none; }
.cq-page:not(.cq-turns) .cq-stage > .cq-recto .cq-turn { display: none; }

/* ---------- 2 · the next sale: the one gilt field ---------- */
.cq-sale-recto {
  display: grid; justify-items: center; align-content: center; text-align: center;
  padding-block: clamp(72px, 9vw, 144px); background: var(--cq-gilt); overflow: clip;
}
.cq-leafing { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; pointer-events: none; }
.cq-sale-recto > :not(.cq-leafing) { position: relative; }
.cq-kicker { font-size: clamp(1.1875rem, 1.1rem + .4vw, 1.4375rem); margin-block-end: 18px; }
.cq-sale-recto h2 { font-size: clamp(2.75rem, 1.36rem + 5.71vw, 6.5rem); line-height: .95; letter-spacing: -.012em; max-inline-size: 9.5em; }
.cq-sale-rule { display: block; inline-size: 120px; block-size: 1px; background: var(--cq-ink); margin-block: 30px 22px; }
.cq-sale-with { font-size: clamp(1.25rem, 1.1rem + .6vw, 1.625rem); line-height: 1.3; }
.cq-sale-days { margin-block-start: 26px; font-size: clamp(1.0625rem, 1.02rem + .19vw, 1.1875rem); line-height: 1.5; max-inline-size: 38em; }
.cq-sale-what { margin-block-start: 12px; max-inline-size: 30em; margin-inline: auto; font-style: italic; }
.cq-turn-box { margin-block-start: 34px; border: 1px solid var(--cq-ink); padding-inline: 22px; text-decoration: none; }
.cq-turn-box:hover { background: rgba(20, 20, 20, .06); }
.cq-sale-verso { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); align-items: center; align-content: center; }
.cq-plate { grid-column: 1 / 8; margin-inline-start: calc(-1 * var(--cq-m)); }
.cq-plate img { inline-size: 100%; }
.cq-plate figcaption { margin: 10px 0 0 var(--cq-m); font-size: .9375rem; }
.cq-sale-text { grid-column: 8 / 13; }
.cq-sale-text p { max-inline-size: 42em; }
.cq-close { margin-block-start: 1.1em; }
.cq-sale-text .cq-turn { margin-block-start: 16px; }

/* ---------- 3 · the back of lot 112 ---------- */
.cq-back .cq-verso { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); align-items: center; padding-block: clamp(64px, 8vw, 128px); }
.cq-back-fig { grid-column: 1 / 9; margin-inline-start: calc(-1 * var(--cq-m)); }
.cq-back-text { grid-column: 9 / 13; }
.cq-back .cq-show { top: auto; bottom: calc(var(--cq-verso-pad) * .3); }
.cq-back-text h2 { font-size: clamp(2rem, 1.4rem + 2.2vw, 3.5rem); margin-block: 14px 26px; }
.cq-lotline { font-size: 1.0625rem; }
.cq-back-text p { max-inline-size: 36em; }
.cq-back-text .cq-hint-line { margin-block-start: 1.4em; }
.cq-back-text .cq-turn { margin-block-start: 10px; }
.cq-back-fig picture { display: block; -webkit-mask-image: linear-gradient(to left, transparent, #000 24px); mask-image: linear-gradient(to left, transparent, #000 24px); }
.cq-page .cq-back-img { inline-size: 100%; filter: saturate(.8) sepia(.08); }

/* figures with marks, notes and traced outlines */
.cq-fig { position: relative; }
.cq-fig-img { position: relative; }
.cq-trace { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; pointer-events: none; overflow: visible; filter: drop-shadow(0 0 1.5px #F5F0E4); }
.cq-trace path { fill: none; stroke: var(--cq-ink); stroke-width: 1.25px; vector-effect: non-scaling-stroke; stroke-linejoin: round; transition: opacity .16s, stroke-width .16s; }
.cq-fig.cq-hot .cq-trace path { opacity: .55; }
.cq-fig.cq-hot .cq-trace path.cq-on { opacity: 1; stroke-width: 2px; }
.cq-mk { position: absolute; z-index: 2; margin: 0; padding: 0; border: 0; background: transparent; cursor: help; border-radius: 2px; }
.cq-mk:focus-visible { outline: 2px solid var(--cq-ink); outline-offset: 2px; }
.cq-notes { list-style: none; margin: 18px 0 0; padding: 0 0 0 var(--cq-m); max-inline-size: 60ch; font-size: .9375rem; line-height: 1.35; }
.cq-lot .cq-notes, .cq-cond-fig .cq-notes { padding-inline-start: 0; }
.cq-notes li { padding-block: 7px; border-top: 1px solid rgba(20, 20, 20, .32); }
.cq-notes li.cq-on em { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.cq-was { position: absolute; left: var(--x); top: var(--y); inline-size: var(--d); aspect-ratio: 1; transform: translate(-50%, -50%); pointer-events: none; }
.cq-was-ring { position: absolute; inset: 0; border: 1px solid var(--cq-ink); border-radius: 50%; box-shadow: 0 0 0 1px rgba(245, 240, 228, .6); }
.cq-was em { position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%); inline-size: 13em; font-size: .875rem; line-height: 1.3; }

@supports (anchor-name: --a) {
  @media (min-width: 700px) {
    .cq-anch .cq-notes { margin: 0; padding: 0; border: 0; }
    .cq-anch .cq-fig .cq-notes li {
      position: absolute; z-index: 3; margin: 8px 10px; inline-size: max-content; max-inline-size: 28ch;
      padding: 6px 10px; border: 0; font-style: italic; background: rgba(148, 143, 135, .94);
      position-area: right span-bottom; position-try-fallbacks: flip-inline, flip-block, flip-block flip-inline;
      opacity: 0; visibility: hidden; transition: opacity .16s, visibility .16s;
    }
    .cq-anch .cq-fig .cq-notes li em { text-decoration: none; }
    .cq-anch .cq-fig .cq-notes li.cq-on { opacity: 1; visibility: visible; }
  }
}
#cq-mark-chalk { anchor-name: --cq-chalk; } #cq-note-chalk { position-anchor: --cq-chalk; }
#cq-mark-label { anchor-name: --cq-label; } #cq-note-label { position-anchor: --cq-label; }
#cq-mark-bar { anchor-name: --cq-bar; } #cq-note-bar { position-anchor: --cq-bar; }
#cq-mark-patch { anchor-name: --cq-patch; } #cq-note-patch { position-anchor: --cq-patch; }
#cq-mark-corner { anchor-name: --cq-corner; } #cq-note-corner { position-anchor: --cq-corner; }
#cq-mark-dove { anchor-name: --cq-dove; } #cq-note-dove { position-anchor: --cq-dove; }
#cq-mark-pencil { anchor-name: --cq-pencil; } #cq-note-pencil { position-anchor: --cq-pencil; }
#cq-mark-knob { anchor-name: --cq-knob; } #cq-note-knob { position-anchor: --cq-knob; }
#cq-mark-rubbed { anchor-name: --cq-rubbed; } #cq-note-rubbed { position-anchor: --cq-rubbed; }
#cq-mark-initial { anchor-name: --cq-initial; } #cq-note-initial { position-anchor: --cq-initial; }
#cq-mark-dent { anchor-name: --cq-dent; } #cq-note-dent { position-anchor: --cq-dent; }
#cq-mark-craze { anchor-name: --cq-craze; } #cq-note-craze { position-anchor: --cq-craze; }
#cq-mark-chip { anchor-name: --cq-chip; } #cq-note-chip { position-anchor: --cq-chip; }
#cq-mark-lid { anchor-name: --cq-lid; } #cq-note-lid { position-anchor: --cq-lid; }
#cq-mark-cup { anchor-name: --cq-cup; } #cq-note-cup { position-anchor: --cq-cup; }
#cq-mark-loss { anchor-name: --cq-loss; } #cq-note-loss { position-anchor: --cq-loss; }
#cq-mark-retouch { anchor-name: --cq-retouch; } #cq-note-retouch { position-anchor: --cq-retouch; }
#cq-mark-run { anchor-name: --cq-run; } #cq-note-run { position-anchor: --cq-run; }
#cq-row-desc { anchor-name: --cq-rdesc; } #cq-mn-desc { position-anchor: --cq-rdesc; }
#cq-row-meas { anchor-name: --cq-rmeas; } #cq-mn-meas { position-anchor: --cq-rmeas; }
#cq-row-cond { anchor-name: --cq-rcond; } #cq-mn-cond { position-anchor: --cq-rcond; }
#cq-row-photo { anchor-name: --cq-rphoto; } #cq-mn-photo { position-anchor: --cq-rphoto; }
#cq-row-fig { anchor-name: --cq-rfig; } #cq-mn-fig { position-anchor: --cq-rfig; }

/* line drawings of the backs */
.cq-drawing { display: block; inline-size: 100%; block-size: auto; }
.cq-drawing :is(path, ellipse, circle) { fill: none; stroke: var(--cq-ink); stroke-width: 1.6px; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.cq-drawing .cq-d-soft { stroke-opacity: .5; }
.cq-drawing .cq-d-pencil { stroke: #3E3B36; stroke-width: 1.2px; stroke-opacity: .8; }
.cq-drawing .cq-d-bar { stroke-dasharray: 6 6; stroke-opacity: .6; }

/* ---------- 4 · at the viewing ---------- */
.cq-viewing .cq-recto { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); align-items: start; }
.cq-lots { display: contents; }
.cq-viewing-head { grid-column: 8 / 13; grid-row: 1; padding-block-end: clamp(32px, 4vw, 56px); }
.cq-viewing-head h2 { margin-block-end: 24px; }
.cq-viewing-head .cq-hint-line { margin-block-start: 16px; }
.cq-page:not(.cq-lean) .cq-lean-hint { display: none; }
.cq-lot-chest { grid-column: 1 / 8; grid-row: 1 / span 2; }
.cq-lot-table { grid-column: 8 / 13; grid-row: 2; }
.cq-lot { margin: 0; }
.cq-lot-sides { display: grid; }
.cq-lot-face { position: relative; outline-offset: 4px; touch-action: pan-y; cursor: ew-resize; }
.cq-lot-face img { inline-size: 100%; }
.cq-lot-back { background: var(--cq-felt); padding: 0; }
.cq-lot-back .cq-fig-img { aspect-ratio: 3 / 2; }
.cq-page:not(.cq-turns) .cq-lot-back { margin-block-start: 12px; padding: 16px; }
.cq-turns .cq-lot-face, .cq-turns .cq-lot-back { grid-area: 1 / 1; align-self: start; }
.cq-turns .cq-lot-back { display: grid; align-content: center; overflow: visible; }
/* face up, the back takes no room (on phones its notes are listed and it runs taller than the photograph); face down, the photograph keeps its place for the lean */
.cq-turns .cq-lot[data-side="recto"] .cq-lot-back { display: none; }
.cq-turns .cq-lot[data-side="verso"] .cq-lot-face { visibility: hidden; }
.cq-lot figcaption { margin-block-start: 14px; font-size: 1rem; line-height: 1.45; max-inline-size: 46ch; }
.cq-lot figcaption p + p { margin-block-start: 10px; }
.cq-lot-say { font-style: italic; }
.cq-lot figcaption .cq-turn { margin-block-start: 4px; }
.cq-depth { position: absolute; z-index: 1; pointer-events: none; }

/* ---------- 5 · condition ---------- */
.cq-cond-recto { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); align-items: center; align-content: center; }
.cq-disc-wrap { grid-column: 1 / 7; display: grid; justify-items: center; gap: 10px; }
.cq-cond-text { grid-column: 8 / 13; }
.cq-cond-text h2 { margin-block-end: 22px; }
.cq-cond-text .cq-stand { margin-block-end: 26px; }
.cq-disc {
  --dd: 520px; position: relative; inline-size: var(--dd); block-size: var(--dd); max-inline-size: calc(100vw - 2 * var(--cq-m) - 36px);
  border-radius: 50%; touch-action: pan-y; margin: 18px; background: #3a2c1f;
}
.cq-js:not(.cq-nogl) .cq-disc { cursor: grab; }
.cq-disc canvas, .cq-page .cq-disc-poster { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; border-radius: 50%; }
.cq-disc.cq-live .cq-disc-poster { visibility: hidden; }
.cq-disc-rim { position: absolute; inset: -18px; inline-size: calc(100% + 36px); block-size: calc(100% + 36px); overflow: visible; pointer-events: none; }
.cq-dr-knurl { stroke: var(--cq-ink); stroke-width: 6; }
.cq-dr-ticks { stroke: var(--cq-gilt); stroke-width: 6; stroke-dasharray: 1.4 3.4; opacity: .6; }
.cq-dr-lip { stroke: var(--cq-gilt); stroke-width: 1.2; }
.cq-dr-arc { stroke: var(--cq-gilt); stroke-width: 2.4; stroke-linecap: round; }
.cq-dr-tab { fill: var(--cq-gilt); stroke: var(--cq-ink); stroke-width: 1; }
.cq-dr-grip { stroke: transparent; }
.cq-dage { position: absolute; inset: -18px; border-radius: 50%; touch-action: none; }
.cq-dage:focus-visible { outline: none; }
.cq-disc:has(.cq-dage:focus-visible) .cq-dr-lip { stroke: var(--cq-ink); stroke-width: 3; }
.cq-page:not(.cq-js) .cq-dage, .cq-nogl .cq-dage, .cq-page:not(.cq-js) .cq-disc-hint, .cq-nogl .cq-disc-hint, .cq-page:not(.cq-js) .cq-disc-label, .cq-nogl .cq-disc-label { display: none; }
.cq-disc-label { font-size: 1rem; text-align: center; }
.cq-disc-hint { transition: opacity .6s; }
.cq-disc.cq-used ~ .cq-disc-hint, .cq-disc-wrap:has(.cq-used) .cq-disc-hint { opacity: 0; }
.cq-supports { list-style: none; margin: 0 0 22px; padding: 0; }
.cq-supports li { padding-block: 10px; border-top: 1px solid var(--cq-rule); }
.cq-supports li p { font-size: 1rem; line-height: 1.45; max-inline-size: 44ch; }
.cq-sup { display: flex; align-items: center; gap: 12px; margin: 0 0 6px; padding: 0; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; text-align: start; }
.cq-sup svg { flex: none; }
.cq-sup svg path { fill: none; stroke: var(--cq-ink); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.cq-sup span { font-family: var(--cq-display); font-style: italic; font-size: 1.375rem; line-height: 1.1; }
.cq-js:not(.cq-nogl) .cq-supports { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--cq-gut); }
.cq-js:not(.cq-nogl) .cq-supports li { display: contents; }
.cq-js:not(.cq-nogl) .cq-sup { flex-direction: column; align-items: flex-start; gap: 8px; min-block-size: 88px; padding-block: 12px 10px; border-top: 1px solid var(--cq-rule); margin: 0; }
.cq-js:not(.cq-nogl) .cq-sup[aria-pressed="true"] { border-top: 2px solid var(--cq-ink); padding-block-start: 11px; }
.cq-js:not(.cq-nogl) .cq-sup[aria-pressed="false"] svg { opacity: .45; }
.cq-js:not(.cq-nogl) .cq-sup[aria-pressed="false"] span { color: var(--cq-ink-3); }
.cq-js:not(.cq-nogl) .cq-supports p { grid-column: 1 / -1; grid-row: 2; margin-block-start: 8px; min-block-size: 4.35em; }
.cq-js:not(.cq-nogl) .cq-supports li:not(:has(> [aria-pressed="true"])) p { display: none; }
.cq-cond-close { max-inline-size: 44ch; color: var(--cq-ink-2); }
.cq-cond-text .cq-turn { margin-block-start: 12px; }
.cq-cond-verso { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); align-items: center; align-content: center; }
.cq-cond-fig { grid-column: 1 / 7; max-inline-size: 640px; }
.cq-cond-vtext { grid-column: 8 / 13; }
.cq-note-line { font-size: clamp(1.1875rem, 1.1rem + .35vw, 1.4375rem); line-height: 1.4; margin-block-end: 22px; }

/* ---------- 6 · the words before the name ---------- */
.cq-words-recto { display: flex; flex-direction: column; justify-content: center; gap: clamp(28px, 4vw, 56px); }
.cq-leaf .cq-words-h { font-family: var(--cq-text); font-size: clamp(1.125rem, 1.06rem + .29vw, 1.3125rem); line-height: 1.45; letter-spacing: 0; max-inline-size: 30em; }
.cq-hl { font-family: var(--cq-display); font-size: 1.7em; line-height: 1.1; }
.cq-ladder { max-inline-size: 92%; }
.cq-rungs { list-style: none; margin: 0; padding: 0; font-family: var(--cq-display); font-size: clamp(2rem, 1.2rem + 3vw, 3.75rem); line-height: 1.08; letter-spacing: -.01em; }
.cq-rungs li:nth-child(2) { color: var(--cq-ink); }
.cq-ladder-title { margin-block-start: 18px; font-size: clamp(1.25rem, 1.1rem + .6vw, 1.625rem); line-height: 1.3; }
.cq-words-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; }
.cq-words-foot .cq-hint-line { flex: 1 1 22em; max-inline-size: 40em; }
.cq-next { font: inherit; font-size: 1.0625rem; color: inherit; background: none; border: 1px solid var(--cq-ink); min-block-size: 44px; padding-inline: 20px; cursor: pointer; }
.cq-js-ladder.cq-turns .cq-rungs { display: grid; font-size: clamp(2.5rem, 1.2rem + 5.33vw, 6rem); line-height: 1; }
.cq-js-ladder.cq-turns .cq-rungs li { grid-area: 1 / 1; }
.cq-ladder-step .cq-rungs li { opacity: 0; transition: opacity .3s, transform .3s; transform: translateY(6px); }
.cq-ladder-step .cq-rungs li.cq-cur { opacity: 1; transform: none; }
@supports (animation-timeline: view()) {
  .cq-words { view-timeline: --cq-ladder block; }
  .cq-js-ladder.cq-turns:not(.cq-ladder-step) .cq-rungs li { animation: cq-rung linear both; animation-timeline: --cq-ladder; }
  .cq-js-ladder.cq-turns .cq-rungs li:nth-child(1) { animation-name: cq-rung-first; animation-range: contain 0% contain 8.75%; }
  .cq-js-ladder.cq-turns .cq-rungs li:nth-child(2) { animation-range: contain 8.75% contain 17.5%; }
  .cq-js-ladder.cq-turns .cq-rungs li:nth-child(3) { animation-range: contain 17.5% contain 26.25%; }
  .cq-js-ladder.cq-turns .cq-rungs li:nth-child(4) { animation-range: contain 26.25% contain 35%; }
  .cq-js-ladder.cq-turns .cq-rungs li:nth-child(5) { animation-range: contain 35% contain 43.75%; }
  .cq-js-ladder.cq-turns .cq-rungs li:nth-child(6) { animation-range: contain 43.75% contain 52.5%; }
  .cq-js-ladder.cq-turns .cq-rungs li:nth-child(7) { animation-range: contain 52.5% contain 61.25%; }
  .cq-js-ladder.cq-turns .cq-rungs li:nth-child(8) { animation-name: cq-rung-last; animation-range: contain 61.25% contain 70%; }
}
@keyframes cq-rung { 0% { opacity: 0; transform: translateY(6px); } 22%, 78% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes cq-rung-first { 0%, 78% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes cq-rung-last { 0% { opacity: 0; transform: translateY(6px); } 22%, 100% { opacity: 1; transform: none; } }
.cq-page:not(.cq-turns) .cq-rungs li { padding-block: 2px; }
.cq-words-verso { display: grid; align-content: center; }
.cq-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px clamp(32px, 5vw, 96px); margin: 8px 0 28px; max-inline-size: 1180px; }
.cq-terms > div { padding-inline-start: 1.1em; text-indent: -1.1em; }
.cq-terms dt { display: inline; font-family: var(--cq-display); font-style: italic; font-size: clamp(1.375rem, 1.3rem + .3vw, 1.625rem); line-height: 1.1; }
.cq-terms dt::after { content: " "; }
.cq-terms dd { display: inline; margin: 0; font-size: 1rem; line-height: 1.45; }
.cq-words-vfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 32px; }

/* ---------- 7 · valuations ---------- */
.cq-val-recto { min-block-size: 108svh; display: flex; flex-direction: column; justify-content: flex-end; }
.cq-val-recto h2 { font-size: clamp(2.75rem, 1.36rem + 5.71vw, 6.5rem); line-height: .95; letter-spacing: -.012em; max-inline-size: 8.4em; margin-block-end: clamp(40px, 5vw, 72px); }
.cq-two { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); row-gap: 24px; font-size: clamp(1.125rem, 1rem + .4vw, 1.3125rem); line-height: 1.5; }
.cq-two p:first-child { grid-column: 1 / 6; } .cq-two p:last-child { grid-column: 7 / 12; }
.cq-val-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 36px; margin-block-start: 32px; }
.cq-link { font-size: 1.125rem; }
.cq-val-verso { padding-block: clamp(56px, 7vw, 112px); }
@media (min-width: 1024px) { .cq-val-verso > :not(.cq-show) { margin-inline-start: calc((100% + var(--cq-gut)) / 12); } }
.cq-verso .cq-sched-head { text-align: start; }
.cq-sched { max-inline-size: 62ch; }
.cq-sched-head { margin-block-end: 14px; font-size: 1.0625rem; }
.cq-sched-head span { display: block; font-family: var(--cq-display); font-size: clamp(1.375rem, 1.3rem + .3vw, 1.625rem); line-height: 1.2; margin-block-start: 6px; }
.cq-sched-rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cq-ink); }
.cq-sched-rows li { display: grid; grid-template-columns: 11em 1fr; gap: 16px; padding-block: 12px; border-bottom: 1px solid rgba(20, 20, 20, .32); }
.cq-sr-k { font-style: italic; }
.cq-dash { font-family: var(--cq-display); font-size: 1.5rem; line-height: 1; }
.cq-margin { list-style: none; margin: 18px 0 0; padding: 0; font-size: .9375rem; line-height: 1.35; }
.cq-margin li { padding-block: 5px; }
.cq-val-vfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 32px; margin-block-start: 26px; }
@supports (anchor-name: --a) {
  @media (min-width: 1024px) {
    .cq-anch .cq-margin li { position: absolute; position-area: right span-bottom; margin-inline-start: 36px; margin-block-start: 12px; inline-size: 26ch; padding: 0; font-style: italic; }
    .cq-anch .cq-margin li em { display: none; }
    .cq-anch .cq-margin li::before { content: ""; position: absolute; right: calc(100% + 8px); top: .65em; inline-size: 20px; block-size: 1px; background: var(--cq-ink); }
  }
}

/* ---------- 8 · whole houses ---------- */
.cq-houses-recto h2 { max-inline-size: 13em; margin-block-end: clamp(36px, 5vw, 64px); }
.cq-inventory { font-family: var(--cq-display); font-size: clamp(1.625rem, 1.2rem + 1.71vw, 2.75rem); line-height: 1.2; max-inline-size: 30em; text-wrap: pretty; }
.cq-inventory em { font-family: var(--cq-text); font-size: .6em; color: var(--cq-ink-2); }
.cq-houses-recto .cq-turn { margin-block-start: 28px; }
.cq-houses-cols { columns: 3 17em; column-gap: clamp(24px, 4vw, 64px); max-inline-size: 1200px; }
.cq-houses-cols p { break-inside: avoid; margin-block: 0 .8em; }
.cq-verso .cq-houses-cols p, .cq-verso .cq-terms, .cq-verso .cq-houses-end { text-align: start; }
.cq-houses-end { margin-block-start: 1.2em; font-size: clamp(1.1875rem, 1.1rem + .35vw, 1.4375rem); }

/* ---------- 9 · send us something ---------- */
.cq-send-recto { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); row-gap: 40px; align-items: start; }
.cq-send-head { grid-column: 1 / 6; }
.cq-send-head h2 { margin-block-end: 22px; }
.cq-send-head .cq-hint-line { margin-block-start: 16px; }
.cq-form { grid-column: 7 / 13; display: grid; grid-template-columns: 1fr 1fr; gap: 26px var(--cq-gut); }
.cq-f-wide { grid-column: 1 / -1; }
.cq-field { display: grid; gap: 6px; border: 0; padding: 0; margin: 0; min-inline-size: 0; }
.cq-field > span, .cq-field legend { font-style: italic; font-size: .9375rem; padding: 0; }
.cq-field input[type="text"], .cq-field textarea { font: inherit; color: inherit; inline-size: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--cq-ink); border-radius: 0; padding: 6px 0; resize: vertical; }
.cq-field input[type="text"]:focus-visible, .cq-field textarea:focus-visible { outline: none; border-bottom-width: 2px; padding-block-end: 5px; }
.cq-want { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.cq-want legend { margin-block-end: 6px; }
.cq-want label { display: flex; gap: 10px; align-items: center; min-block-size: 36px; }
.cq-want input { accent-color: var(--cq-ink); inline-size: 18px; block-size: 18px; margin: 0; }
.cq-send-btn { justify-self: start; font: inherit; font-size: 1.125rem; color: var(--cq-ink); background: none; border: 1px solid var(--cq-ink); min-block-size: 44px; padding-inline: 32px; cursor: pointer; }
.cq-send-btn:hover { background: rgba(20, 20, 20, .05); }
.cq-send-verso { display: grid; align-content: center; min-block-size: 60svh; }
.cq-entry { max-inline-size: 52ch; margin-block-end: 22px; font-size: 1.125rem; }
.cq-entry p + p { margin-block-start: .35em; }
.cq-entry .cq-entry-what { font-family: var(--cq-display); font-size: clamp(1.625rem, 1.4rem + 1vw, 2.25rem); line-height: 1.15; }
.cq-status { padding: 18px var(--cq-m) 0; font-size: 1rem; min-block-size: 1.5em; background: var(--cq-gesso); }
.cq-status:empty { padding: 0; min-block-size: 0; }

/* ---------- foot ---------- */
.cq-foot {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cq-gut); row-gap: 20px; align-items: end;
  padding: clamp(56px, 7vw, 96px) var(--cq-m) 48px; background: var(--cq-gesso); border-top: 1px solid var(--cq-rule); margin-block-start: clamp(48px, 6vw, 96px);
  color: var(--cq-ink); font-family: var(--cq-text); font-size: 1rem; line-height: 1.45; font-variant-numeric: oldstyle-nums proportional-nums;
}
.cq-foot p { margin: 0; }
.cq-foot-id { grid-column: 1 / 6; display: flex; gap: 16px; align-items: flex-start; }
.cq-foot-id .cq-mark { flex: none; }
.cq-foot-name { font-family: var(--cq-display); font-size: 1.625rem; line-height: 1.1; margin-block-end: 4px !important; }
.cq-foot-sale { grid-column: 6 / 10; }
.cq-foot-links { grid-column: 10 / 13; display: grid; gap: 4px; list-style: none; margin: 0; padding: 0; }
.cq-foot a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.cq-foot :focus-visible { outline: 2px solid var(--cq-ink); outline-offset: 3px; }

/* ---------- turn mode: one side at a time ---------- */
.cq-turns .cq-stage { display: grid; }
.cq-turns .cq-stage > .cq-recto, .cq-turns .cq-stage > .cq-verso { grid-area: 1 / 1; }
.cq-turns .cq-leaf:is(.cq-pin, .cq-measure)[data-side="recto"] > .cq-stage > .cq-verso,
.cq-turns .cq-leaf:is(.cq-pin, .cq-measure)[data-side="verso"] > .cq-stage > .cq-recto { visibility: hidden; }
.cq-turns .cq-leaf:not(.cq-pin, .cq-measure)[data-side="recto"] > .cq-stage > .cq-verso,
.cq-turns .cq-leaf:not(.cq-pin, .cq-measure)[data-side="verso"] > .cq-stage > .cq-recto { display: none; }
.cq-turns .cq-measure > .cq-stage > * { align-self: start; }
.cq-turns .cq-send-verso[hidden] { display: none; }
.cq-pin { block-size: calc(var(--cq-avail) + 30svh); }
.cq-pin.cq-words { block-size: calc(var(--cq-avail) + 120svh); }
.cq-pin > .cq-stage { position: sticky; top: calc(var(--bar-h, 40px) + var(--cq-nav-h)); block-size: var(--cq-avail); }
.cq-pin > .cq-stage > * { overflow: clip; }
.cq-turns :is(.cq-pin, .cq-measure) > .cq-stage > * { padding-block: clamp(32px, 5svh, 64px); }
.cq-turns :is(.cq-pin, .cq-measure) > .cq-stage > .cq-sale-recto { padding-block: clamp(40px, 6svh, 80px); }

/* the turn itself: laid face down about its lower edge, 760 ms in two halves */
/* only the turning leaf is lifted (the script keeps the page itself live), and it is kept below the bar and our nav */
::view-transition { clip-path: inset(var(--cq-top, 96px) 0 0 0); }
::view-transition-old(root), ::view-transition-new(root) { animation: none; }
::view-transition-group(cq-leaf), ::view-transition-group(cq-paint), ::view-transition-group(cq-lot), ::view-transition-group(cq-fade) { animation-duration: 760ms; animation-timing-function: cubic-bezier(.3, 0, .2, 1); }
::view-transition-image-pair(cq-leaf) { perspective: 3200px; }
::view-transition-image-pair(cq-paint), ::view-transition-image-pair(cq-lot) { perspective: 1600px; }
::view-transition-old(cq-leaf), ::view-transition-old(cq-paint) { animation: cq-down 380ms cubic-bezier(.5, 0, .9, .4) both; transform-origin: 50% 100%; mix-blend-mode: normal; backface-visibility: hidden; }
::view-transition-new(cq-leaf), ::view-transition-new(cq-paint) { animation: cq-up 380ms cubic-bezier(.3, 0, .2, 1) 380ms both; transform-origin: 50% 0%; mix-blend-mode: normal; backface-visibility: hidden; }
::view-transition-old(cq-lot) { animation: cq-spin-out 380ms cubic-bezier(.5, 0, .9, .4) both; mix-blend-mode: normal; backface-visibility: hidden; }
::view-transition-new(cq-lot) { animation: cq-spin-in 380ms cubic-bezier(.3, 0, .2, 1) 380ms both; mix-blend-mode: normal; backface-visibility: hidden; }
::view-transition-old(cq-fade) { animation: cq-fade-out 260ms ease both; }
::view-transition-new(cq-fade) { animation: cq-fade-in 260ms ease 200ms both; }
.cq-rev::view-transition-old(cq-leaf), .cq-rev::view-transition-old(cq-paint) { animation-name: cq-down-r; transform-origin: 50% 0%; }
.cq-rev::view-transition-new(cq-leaf), .cq-rev::view-transition-new(cq-paint) { animation-name: cq-up-r; transform-origin: 50% 100%; }
.cq-rev::view-transition-old(cq-lot) { animation-name: cq-spin-out-r; }
.cq-rev::view-transition-new(cq-lot) { animation-name: cq-spin-in-r; }
@keyframes cq-down { to { transform: rotateX(88deg); } }
@keyframes cq-up { 0% { transform: rotateX(-88deg); } 84% { transform: translateY(2px); } 100% { transform: none; } }
@keyframes cq-down-r { to { transform: rotateX(-88deg); } }
@keyframes cq-up-r { 0% { transform: rotateX(88deg); } 84% { transform: translateY(2px); } 100% { transform: none; } }
@keyframes cq-spin-out { to { transform: rotateY(-88deg); } }
@keyframes cq-spin-in { 0% { transform: rotateY(88deg); } 84% { transform: translateY(2px); } 100% { transform: none; } }
@keyframes cq-spin-out-r { to { transform: rotateY(88deg); } }
@keyframes cq-spin-in-r { 0% { transform: rotateY(-88deg); } 84% { transform: translateY(2px); } 100% { transform: none; } }
@keyframes cq-fade-out { to { opacity: 0; } }
@keyframes cq-fade-in { from { opacity: 0; transform: translateY(8px); } }

/* ---------- narrower ---------- */
@media (min-width: 1024px) and (max-width: 1180px) {
  .cq-back-fig { grid-column: 1 / 8; }
  .cq-back-text { grid-column: 8 / 13; }
  .cq-disc { --dd: 420px; }
}
@media (min-width: 1024px) and (max-height: 820px) {
  .cq-disc { --dd: min(420px, calc(var(--cq-avail) - 150px)); }
  .cq-cond-close { display: none; }
}
@media (max-width: 1023px) {
  .cq-sale-verso, .cq-back .cq-verso, .cq-cond-recto, .cq-cond-verso, .cq-send-recto { grid-template-columns: minmax(0, 1fr); }
  .cq-plate, .cq-sale-text, .cq-back-fig, .cq-back-text, .cq-disc-wrap, .cq-cond-text, .cq-cond-fig, .cq-cond-vtext, .cq-send-head, .cq-form { grid-column: 1 / -1; }
  .cq-plate { margin-block-end: 28px; margin-inline-end: calc(-1 * var(--cq-m)); }
  .cq-back-fig { margin-block-end: 36px; margin-inline-end: 0; }
  .cq-disc-wrap { margin-block-end: 28px; }
  .cq-disc { --dd: 420px; }
  .cq-cond-fig { margin-block-end: 32px; }
  .cq-viewing-head { grid-column: 4 / 13; }
  .cq-lot-chest { grid-column: 1 / 13; grid-row: 2; }
  .cq-lot-table { grid-column: 3 / 13; grid-row: 3; margin-block-start: 56px; }
  .cq-foot-id, .cq-foot-sale { grid-column: 1 / -1; }
  .cq-foot-links { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px 24px; }
}
@media (max-width: 700px) {
  .cq-show { display: none; }
  .cq-sale-rule { margin-block: 22px 16px; }
  .cq-viewing-head { grid-column: 1 / -1; }
  .cq-lot-table { grid-column: 2 / 13; margin-block-start: 40px; }
  .cq-disc { --dd: min(100vw - 2 * var(--cq-m) - 36px, 358px); margin: 18px auto; }
  .cq-js:not(.cq-nogl) .cq-supports { grid-template-columns: minmax(0, 1fr); }
  .cq-js:not(.cq-nogl) .cq-supports li { display: block; }
  .cq-js:not(.cq-nogl) .cq-supports p { min-block-size: 0; margin-block: 0 8px; }
  .cq-js:not(.cq-nogl) .cq-sup { flex-direction: row; align-items: center; min-block-size: 56px; }
  .cq-terms { grid-template-columns: minmax(0, 1fr); }
  .cq-two p:first-child, .cq-two p:last-child { grid-column: 1 / -1; }
  .cq-val-recto { min-block-size: 80svh; }
  .cq-sched-rows li { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .cq-form { grid-template-columns: minmax(0, 1fr); }
  .cq-was em { display: none; }
  .cq-notes { padding-inline-start: 0; }
  .cq-back-fig { margin-inline-start: calc(-1 * var(--cq-m)); margin-inline-end: calc(-1 * var(--cq-m)); }
  .cq-back-fig .cq-notes { padding-inline: var(--cq-m); }
  .cq-turns .cq-lot-back .cq-notes { padding: 0 14px 10px; }
}

/* ---------- reduced motion: every leaf laid out face then back, everything still ---------- */
@media (prefers-reduced-motion: reduce) {
  .cq-page *, .cq-page *::before, .cq-page *::after { animation: none !important; transition: none !important; }
}

/* photographs further down arrive as you come near them; their room is kept */
.cq-ph { position: relative; }
.cq-ph-wide { aspect-ratio: 2048 / 1152; }
.cq-ph-back, .cq-ph-chest, .cq-ph-table { aspect-ratio: 3 / 2; }
.cq-ph img { inline-size: 100%; block-size: 100%; object-fit: cover; }
@media (max-width: 700px) { .cq-ph-wide { aspect-ratio: 4 / 3; } }