/* LI13 - fix round after WR6. Loaded last. */

/* ---- Choose your bat: preview stays in view beside the options (desktop), crisp photo plate, no glow ---- */
.sk-commission .sk-pic { box-shadow: inset 0 0 0 1px var(--line), 0 2rem 5rem rgb(5 4 3 / .35); background: var(--room-workshop-card, #25201A); padding: 2.4rem 2rem 1.6rem; }
.sk-pic::after { display: none; }
.sk-img { filter: none; -webkit-mask-image: none; mask-image: none; object-fit: cover; }
.sk-stage { background: #F1E8D5; box-shadow: 0 1.4rem 3.4rem rgb(0 0 0 / .45); height: min(66rem, calc(100svh - 21rem)); }
.sk-pic .sk-cap { margin-top: 1.2rem; color: var(--tx-mid); }
@media (min-width: 960px) {
  .sk-commission { align-items: start; }
  .sk-commission > .sk-pic { position: sticky; top: 8rem; align-self: start; }
}
@media (max-width: 959px) {
  .sk-commission > .sk-pic { order: -1; position: relative; padding: 1.6rem 1.4rem 1.2rem; }
  .sk-stage { height: min(44rem, 46svh); }
}

/* ---- Auction: small print readable ---- */
.lot dt { font-size: 1.3rem; color: var(--tx-mid); }
.lot dd { font-size: 1.6rem; }

/* ---- Philosophy gallery on phone: heading first, then the sticky frame ---- */
@media (max-width: 899px) {
  .gal__grid { display: flex; flex-direction: column; align-items: stretch; }
  .gal__stage { width: auto; align-self: stretch; box-sizing: border-box; }
  .gal__text { display: contents; }
  .gal__head { order: -1; }
  .gal__stage { order: 0; }
  .gal__pillars { order: 1; }
}

/* ---- Phone rails: first card whole, a clear peek of the next ---- */
@media (max-width: 767px) {
  .tr-native .tr-track { padding-left: var(--gutter, 2rem); scroll-padding-inline: var(--gutter, 2rem); gap: 1.6rem; }
  .tr-native .tr-intro { width: min(64vw, 30rem); }
  .tr-native .tr-card { width: min(62vw, 28rem); scroll-snap-align: start; }
  .lib-native .lib-intro { width: min(62vw, 30rem); }
  .lib-native .lib-tile { width: min(60vw, 28rem); }
}

/* ---- Bat through time, phone: bat in the top part, captions in their own band at the bottom ---- */
@media (max-width: 767px) {
  body .bat-stage .bat-canvas { transform: scale(.6); transform-origin: 50% 0; }
  body .bat-step { min-height: 100svh; justify-content: flex-end; padding-bottom: 5svh; padding-right: var(--gutter, 2rem);
    background: linear-gradient(to top, color-mix(in srgb, var(--room-workshop, #1a1410) 94%, transparent) 0, color-mix(in srgb, var(--room-workshop, #1a1410) 94%, transparent) 36svh, transparent 36svh); }
  body .bat-step[data-era]::before { font-size: 5.4rem; }
  body .bat-step h3 { margin: .2rem 0 .4rem; }
}

/* ---- Auction: the odd last lot becomes a wide feature card; the panel ends with it (no empty rows) ---- */
.auction .lots { align-content: start; margin-bottom: 0; }
@media (min-width: 640px) {
  .auction .lots .lot:last-child:nth-child(odd) { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); column-gap: clamp(2rem, 3vw, 4rem); align-items: start; align-content: start; }
  .auction .lots .lot:last-child:nth-child(odd) .lot__pic { grid-column: 1; grid-row: 1 / span 7; align-self: stretch; height: auto; min-height: 22rem; }
  .auction .lots .lot:last-child:nth-child(odd) > :not(.lot__pic) { grid-column: 2; }
}