/* Auction apartment → nearby market → real example. One large, native link. */
.auction-scene {
  position: relative;
  display: block;
  min-width: 0;
  margin: 24px 0 24px 24px;
  background: #f1f4f6;
  color: #102947;
  isolation: isolate;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 220ms ease;
}
.auction-heading { position:relative; z-index:1; padding:28px 28px 0; pointer-events:none; }
.auction-heading > span { color:#536a80; font-size:13px; }
.auction-heading h2 { margin-top:10px; font-size:30px; line-height:1.13; font-weight:500; letter-spacing:-.035em; }
.auction-comparison-note { display:flex; align-items:center; gap:14px; margin:22px 28px 4px; }
.auction-comparison-key { display:flex; gap:4px; flex:none; }
.auction-comparison-key b { display:grid; place-items:center; width:28px; height:28px; border:1.5px solid #a87925; border-radius:50%; background:#fff9ed; color:#75500f; font-size:14px; font-weight:650; }
.auction-comparison-note p { font-size:16px; line-height:1.4; }
.auction-comparison-note strong { display:block; color:#75500f; font-size:18px; font-weight:600; }
.auction-comparison-note p > span { display:block; margin-top:3px; color:#102947; }
.auction-model { position:relative; width:100%; aspect-ratio:1.65; margin:6px 0 0; pointer-events:none; }
.auction-canvas, .auction-poster { position:absolute; inset:0; display:block; width:100%; height:100%; }
.auction-poster { object-fit:contain; }
.auction-canvas { opacity:0; }
.auction-scene[data-renderer="ready"] .auction-canvas { opacity:1; }
.auction-scene[data-renderer="ready"] .auction-poster { visibility:hidden; }
.auction-marker,.auction-peer,.auction-callouts { visibility:hidden; }
.auction-scene[data-renderer="ready"] .auction-marker,
.auction-scene[data-renderer="ready"] .auction-peer,
.auction-scene[data-renderer="ready"] .auction-callouts { visibility:visible; }
.auction-callouts { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.auction-lot-leader { stroke:#246bd0; stroke-width:1.7; fill:none; stroke-linejoin:round; }
.auction-lot-endpoint { fill:#246bd0; stroke:#fff; stroke-width:1.5; }
.auction-marker-lot { position:absolute; z-index:2; padding:8px 11px; border-radius:5px; background:#246bd0; color:#fff; font-size:12px; line-height:1.2; font-weight:600; white-space:nowrap; border:2px solid #fff; box-shadow:0 3px 12px #193b5920; }
.auction-marker-lot span { display:block; margin-top:3px; font-size:11px; font-weight:400; opacity:.85; }
.auction-peer { position:absolute; z-index:1; width:23px; height:23px; display:grid; place-items:center; border:1.5px solid #a87925; border-radius:50%; background:#fff9ed; color:#75500f; font-size:12px; font-weight:650; line-height:1; box-shadow:0 1px 3px #193b5910; }
.auction-peer::after { content:""; position:absolute; top:100%; left:50%; width:1.5px; height:10px; background:#a87925; transform:translateX(-50%); }
.auction-prices { position:relative; margin:0 28px; padding:20px 0; border-top:1px solid #cbd7e0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.auction-prices div + div { padding-left:20px; border-left:1px solid #cbd7e0; }
.auction-prices dt { font-size:12px; color:#536a80; }
.auction-prices dd { margin:6px 0 0; font-size:28px; line-height:1.2; letter-spacing:-.04em; font-weight:500; white-space:nowrap; }
.auction-prices dd span { font-size:16px; letter-spacing:-.025em; }
.auction-prices div:last-child dd { color:#2262ba; }
.auction-case-link { display:flex; align-items:center; justify-content:space-between; gap:14px; background:#e2ebf5; min-height:60px; padding:14px 28px; color:#1f5eae; font-size:14px; font-weight:550; transition:background-color 220ms ease; }
.auction-case-link svg { flex:none; width:20px; height:20px; transition:transform 220ms ease; }
.auction-scene:hover .auction-case-link { background:#d5e4f5; }
.auction-scene:hover .auction-case-link svg { transform:translateX(4px); }
.auction-scene:focus-visible { outline:3px solid #a7d0ff; outline-offset:4px; }
.product-portrait .portrait-pause { width:44px; height:44px; }
@media (max-width:1000px) and (min-width:601px) {
  .auction-scene { margin:18px 0 18px 18px; }
  .auction-heading { padding:24px 20px 0; }
  .auction-heading h2 { font-size:26px; }
  .auction-comparison-note { margin-inline:20px; gap:10px; }
  .auction-comparison-key { gap:3px; }
  .auction-comparison-key b { width:22px; height:22px; font-size:12px; }
  .auction-comparison-note p { font-size:14px; }
  .auction-comparison-note strong { font-size:16px; }
  .auction-model { aspect-ratio:1.3; }
  .auction-prices { margin:0 20px; }
  .auction-prices dd { font-size:24px; }
  .auction-prices dd span { font-size:14px; }
  .auction-prices div + div { padding-left:12px; }
  .auction-case-link { padding-inline:20px; font-size:12px; }
  .auction-marker-lot { font-size:11px; padding:7px 8px; }
}
@media (max-width:600px) {
  .auction-scene { margin:0; }
  .auction-heading { padding:24px 22px 0; }
  .auction-heading h2 { font-size:28px; }
  .auction-comparison-note { margin:20px 22px 4px; gap:10px; align-items:flex-start; }
  .auction-comparison-key { gap:3px; padding-top:2px; }
  .auction-comparison-key b { width:22px; height:22px; font-size:11px; }
  .auction-comparison-note p { font-size:14px; }
  .auction-comparison-note strong { font-size:16px; }
  .auction-model { aspect-ratio:1.35; }
  .auction-prices { margin:0 22px; padding-block:18px; }
  .auction-prices dd { font-size:26px; }
  .auction-prices dd span { font-size:14px; }
  .auction-prices div + div { padding-left:12px; }
  .auction-case-link { padding-inline:22px; font-size:13px; }
  .auction-marker-lot { font-size:11px; padding:7px 8px; }
}
@media (prefers-reduced-motion:reduce) {
  .auction-scene,.auction-canvas,.auction-case-link,.auction-case-link svg { transition:none; }
  .auction-scene:hover .auction-case-link svg { transform:none; }
}