.viewing-room-page{--vr-ink:#f3efe4;--vr-muted:#a8a398;--vr-line:rgba(240,234,218,.2);--vr-panel:#151714}
.viewing-room-page.vr-locked{overflow:hidden}
.vr-main{overflow:hidden;background:#0d0f0d;color:var(--vr-ink);padding:0 0 110px}
.vr-main .p-wrap{width:min(1760px,calc(100% - 88px))}
.vr-intro{min-height:0;display:grid;grid-template-columns:minmax(560px,1.3fr) minmax(330px,.7fr);gap:90px;align-items:end;padding-top:32px;padding-bottom:24px;border-bottom:1px solid var(--vr-line)}
.vr-eyebrow{font:600 10px/1.3 var(--p-mono);letter-spacing:.18em;text-transform:uppercase;color:#c5a26a}
.vr-intro h1{font:400 clamp(44px,3.6vw,72px)/.92 var(--p-serif);letter-spacing:-.045em;margin:14px 0 0}
.vr-intro p{max-width:620px;margin:0 0 6px;color:var(--vr-muted);font-size:14px;line-height:1.75}
.vr-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(380px,.72fr) 220px;min-height:720px;border-left:1px solid var(--vr-line);border-right:1px solid var(--vr-line)}
.vr-stage-media{position:relative;min-width:0;overflow:hidden;background:#c8bead}
.vr-gallery-wall{position:absolute;inset:0;overflow:hidden;background:
  linear-gradient(90deg,rgba(255,255,255,.16),transparent 11%,transparent 89%,rgba(72,57,40,.1)),
  repeating-linear-gradient(0deg,rgba(74,60,43,.016) 0 1px,transparent 1px 4px),
  linear-gradient(135deg,#ddd5c7,#c9beac 58%,#bcb09d)}
.vr-gallery-wall::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse at 50% 8%,rgba(255,250,230,.9) 0,rgba(255,247,220,.26) 30%,transparent 66%),
  linear-gradient(180deg,rgba(255,255,255,.2),transparent 35%,rgba(58,43,29,.13) 100%)}
.vr-gallery-light{position:absolute;z-index:1;left:50%;top:-110px;width:72%;height:82%;transform:translateX(-50%);clip-path:polygon(39% 0,61% 0,94% 100%,6% 100%);background:linear-gradient(180deg,rgba(255,252,234,.42),rgba(255,248,216,.08) 68%,transparent);filter:blur(12px);pointer-events:none}
.vr-wall-panel{position:absolute;z-index:1;top:8%;bottom:13%;width:9%;border:1px solid rgba(79,65,48,.16);box-shadow:inset 0 0 0 7px rgba(255,255,255,.08),inset 0 0 22px rgba(87,68,45,.05)}
.vr-wall-panel.left{left:3%}.vr-wall-panel.right{right:3%}
.vr-gallery-floor{position:absolute;left:0;right:0;bottom:0;height:13%;background:
  linear-gradient(180deg,rgba(67,53,38,.25) 0 2px,rgba(255,255,255,.15) 2px 6px,transparent 6px),
  repeating-linear-gradient(103deg,rgba(62,49,34,.1) 0 1px,transparent 1px 95px),
  linear-gradient(180deg,#a69883,#887a67)}
.vr-gallery-floor::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(49,37,25,.2),transparent 25%,rgba(255,255,255,.09) 50%,transparent 75%,rgba(49,37,25,.18))}
.vr-art-frame{position:absolute;z-index:2;left:50%;top:46%;width:min(57%,570px);height:72%;transform:translate(-50%,-50%);padding:13px;background:
  linear-gradient(135deg,#3b3429,#0d0d0b 22%,#302b23 47%,#090a08 72%,#4a4031);
  box-shadow:
  0 3px 0 rgba(255,255,255,.18) inset,
  0 0 0 2px #746249,
  0 0 0 5px #171713,
  14px 24px 36px rgba(55,40,24,.34),
  2px 6px 8px rgba(34,25,17,.22);
  transition:width .5s var(--p-ease-out),height .5s var(--p-ease-out)}
.vr-art-frame::after{content:"";position:absolute;inset:6px;border:1px solid rgba(216,184,124,.35);pointer-events:none}
.vr-art-frame[data-vr-frame-kind="equipment"]{width:min(72%,720px);height:60%}
.vr-art-frame[data-vr-frame-kind="jersey"],
.vr-art-frame[data-vr-frame-kind="robe"],
.vr-art-frame[data-vr-frame-kind="full-uniform"]{width:min(58%,580px);height:76%}
.vr-frame-edge{width:100%;height:100%;padding:11px;background:#201e19;box-shadow:0 0 0 1px rgba(219,190,137,.32)}
.vr-frame-mat{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;padding:24px;background:#e8e2d5;box-shadow:
  inset 0 0 0 1px #c8beac,
  inset 0 0 28px rgba(67,51,33,.16)}
.vr-frame-mat img{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease,transform .8s var(--p-ease-out);filter:drop-shadow(0 16px 16px rgba(44,34,22,.2))}
.vr-wall-plaque{position:absolute;z-index:3;right:5.3%;bottom:17.5%;width:155px;padding:12px 13px;background:linear-gradient(135deg,#b79a63,#8d7345);color:#201a11;border:1px solid rgba(60,45,24,.38);box-shadow:4px 7px 13px rgba(57,42,25,.2);text-shadow:0 1px rgba(255,255,255,.2)}
.vr-wall-plaque::before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,245,210,.23);pointer-events:none}
.vr-wall-plaque span{display:block;font:600 8px var(--p-mono);letter-spacing:.1em;text-transform:uppercase}
.vr-wall-plaque strong{display:block;margin:6px 0 8px;font:400 14px/1.1 var(--p-serif)}
.vr-wall-plaque small{display:block;font:500 7px var(--p-mono);letter-spacing:.06em;text-transform:uppercase;color:#514329}
.vr-stage-index{position:absolute;left:25px;top:24px;right:25px;display:flex;align-items:center;gap:11px;color:#4b4033;font:600 9px var(--p-mono);letter-spacing:.1em}
.vr-stage-index i{height:1px;flex:1;background:rgba(70,56,40,.28)}
.vr-stage-status{position:absolute;left:25px;bottom:20px;display:flex;align-items:center;gap:9px;padding:8px 10px;background:rgba(225,216,201,.74);color:#42382d;font:600 8px var(--p-mono);letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(6px)}
.vr-stage-status span,.vr-object-label span{width:6px;height:6px;border-radius:50%;background:#70b58f;box-shadow:0 0 0 5px rgba(112,181,143,.12)}
.viewing-room-page .vr-image-control{position:absolute;right:25px;bottom:18px;border:1px solid rgba(255,255,255,.33);background:rgba(8,10,8,.55);color:#fff;padding:12px 14px;cursor:pointer;font:500 9px var(--p-mono);letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px)}
.vr-image-control span{margin-left:20px}
.vr-stage-copy{display:flex;flex-direction:column;justify-content:center;padding:58px 48px;background:
  radial-gradient(circle at 100% 0,rgba(176,129,82,.13),transparent 42%),
  #281818;color:#f2eadf}
.vr-stage-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;font:600 9px var(--p-mono);letter-spacing:.12em;text-transform:uppercase;color:#b6a89a}
.vr-stage-copy h2{font:400 clamp(37px,3vw,57px)/.98 var(--p-serif);letter-spacing:-.035em;margin:28px 0 24px}
.vr-stage-description{color:#bdb2a7;font-size:13px;line-height:1.7;margin:0}
.vr-sale{margin-top:34px;padding:20px 0;border-top:1px solid rgba(236,222,207,.2);border-bottom:1px solid rgba(236,222,207,.2)}
.vr-sale span,.vr-modal-price span{display:block;font:600 9px var(--p-mono);letter-spacing:.11em;text-transform:uppercase;color:#a99b8e}
.vr-sale strong,.vr-modal-price strong{display:block;font:600 30px/1 var(--p-mono);margin:9px 0}
.vr-sale small{font:500 9px var(--p-mono);color:#9c8e82}
.vr-evidence-preview,.vr-modal-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.vr-evidence-preview span,.vr-modal-chips span{padding:7px 8px;background:#3b2a28;color:#d4c8bc;font:600 8px var(--p-mono);letter-spacing:.05em;text-transform:uppercase}
.vr-evidence-preview .verified,.vr-modal-chips .verified{background:#1c4934;color:#a9d5ba}
.vr-evidence-preview .pending,.vr-modal-chips .pending{background:#4a3c21;color:#e0c17e}
.vr-evidence-preview .disputed,.vr-modal-chips .disputed{background:#512c2a;color:#e5aaa5}
.vr-stage-actions{display:flex;align-items:center;gap:24px;margin-top:30px}
.viewing-room-page .vr-primary-action{min-height:48px;padding:0 18px;border:1px solid #c2a36b;background:#c2a36b;color:#201713;cursor:pointer;font:600 9px var(--p-mono);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;text-decoration:none}
.vr-primary-action span{margin-left:0}
.vr-primary-action span:last-child{margin-left:25px}
.vr-secondary-action{font:600 9px var(--p-mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid}

/* Immersive auction gallery — object display follows scale and material.
   max-width+margin:auto here (on top of the aspect-ratio fix on .vr-gallery-viewport below)
   keeps the whole header+gallery+sidebar unit proportionate and centered inside the wider
   1760px .p-wrap on large monitors — without it, the gallery column would cap out via
   aspect-ratio while the grid track around it stayed at the full available width, leaving a
   visible dead gap of empty background between the gallery and the sidebar. 1512px = the
   height cap (720px) at the chosen 8:5 ratio (1152px) plus the fixed 360px sidebar column. */
.vr-walkthrough{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;max-width:1512px;margin:0 auto;background:#0c0e0c;border:1px solid rgba(240,234,218,.2);box-shadow:0 35px 90px rgba(0,0,0,.38)}
.vr-walk-header{grid-column:1/-1;height:62px;display:grid;grid-template-columns:1fr minmax(180px,420px) 1fr;align-items:center;gap:30px;padding:0 24px;background:#111310;border-bottom:1px solid rgba(240,234,218,.16);color:#a6a097}
.vr-walk-header>div:last-child{text-align:right}
.vr-walk-header span{display:block;font:500 7px var(--p-mono);letter-spacing:.12em;text-transform:uppercase;color:#6f746d}
.vr-walk-header strong{display:block;margin-top:5px;font:500 10px var(--p-mono);letter-spacing:.06em;text-transform:uppercase;color:#d8d3c8}
.vr-walk-progress{height:1px;background:#383a35}
.vr-walk-progress i{display:block;width:33.333%;height:2px;background:#c4a16a;transition:width .8s var(--p-ease-out)}
/* aspect-ratio (not a fixed height) so the room keeps the shape it was composed for at every
   width — a fixed 720px height let the box get progressively wider/shorter than 16:10-ish on
   large desktop monitors, since .vr-walkthrough's left grid column has no width ceiling of its
   own below the 1760px .p-wrap cap. max-height keeps it from overshooting on tall/narrow
   windows where the grid column is comparatively narrow. (A vh-based cap was tried here to pull
   the room above the fold on shorter screens, but the sidebar's own content — title, sale line,
   evidence chips, action button — needs close to this full height and started clipping below the
   viewport once the room itself was squeezed shorter than it, which is worse than the modest
   scroll this reverts to.) */
.vr-gallery-viewport{position:relative;aspect-ratio:8/5;max-height:720px;min-width:0;overflow:hidden;background:#1a1b18;outline:none;perspective:1300px;cursor:grab}
.vr-gallery-viewport:active{cursor:grabbing}
.vr-gallery-canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s var(--p-ease);touch-action:none}
.vr-webgl-ready .vr-gallery-canvas{opacity:1}
.vr-webgl-ready .vr-gallery-world{visibility:hidden;pointer-events:none}
.vr-gallery-loading{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#141613;color:#aaa69d;font:500 8px var(--p-mono);letter-spacing:.13em;text-transform:uppercase;transition:opacity .55s var(--p-ease),visibility .55s}
.vr-gallery-loading.complete{opacity:0;visibility:hidden}
.vr-gallery-loading.failed{pointer-events:none;background:rgba(20,22,19,.86)}
.vr-gallery-loading img{width:46px;height:46px;object-fit:contain;filter:grayscale(1) brightness(1.7)}
.vr-gallery-loading i{width:130px;height:1px;overflow:hidden;background:#3d3f39}
.vr-gallery-loading i::after{content:"";display:block;width:45%;height:100%;background:#c4a16a;animation:vr-load 1.1s var(--p-ease) infinite alternate}
@keyframes vr-load{from{transform:translateX(-100%)}to{transform:translateX(225%)}}
.vr-gallery-world{width:300%;height:100%;display:flex;transition:transform 1s cubic-bezier(.18,.74,.2,1);will-change:transform}
.vr-gallery-bay{position:relative;width:33.333333%;height:100%;flex:none;overflow:hidden;background:#20221e}
.vr-room-wall{position:absolute;inset:0 0 24%;background:
  radial-gradient(ellipse at 50% 0,rgba(255,248,218,.2),transparent 42%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
  linear-gradient(115deg,#3a3d37,#262923 55%,#353832)}
.vr-room-wall::before,.vr-room-wall::after{content:"";position:absolute;top:0;bottom:0;width:17%;pointer-events:none}
.vr-room-wall::before{left:0;clip-path:polygon(0 0,100% 12%,100% 88%,0 100%);background:linear-gradient(90deg,#171916,#2b2e29);box-shadow:inset -1px 0 rgba(255,255,255,.08)}
.vr-room-wall::after{right:0;clip-path:polygon(0 12%,100% 0,100% 100%,0 88%);background:linear-gradient(90deg,#2c2f2a,#151714);box-shadow:inset 1px 0 rgba(255,255,255,.08)}
.vr-room-floor{position:absolute;left:0;right:0;bottom:0;height:27%;background:
  linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.1) 50%,transparent 50.2%),
  repeating-linear-gradient(104deg,transparent 0 11.8%,rgba(255,255,255,.08) 12%,transparent 12.2% 24%),
  linear-gradient(180deg,#4b4840,#211f1b 84%)}
.vr-room-floor::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#736b5d,#b5a78f,#6a6255);box-shadow:0 8px 18px rgba(0,0,0,.35)}
.vr-room-ceiling{position:absolute;z-index:3;left:16%;right:16%;top:0;height:54px;display:flex;justify-content:space-around;background:linear-gradient(180deg,#151714,#272923);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}
.vr-room-ceiling i{position:relative;top:19px;width:14px;height:8px;border-radius:50%;background:#ddd3b8;box-shadow:0 3px 20px 8px rgba(255,240,190,.13)}
.vr-room-ceiling i::after{content:"";position:absolute;left:50%;top:6px;width:180px;height:380px;transform:translateX(-50%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,244,206,.12),transparent 85%);pointer-events:none}
.vr-wall-copy{position:absolute;z-index:2;left:8%;top:16%;width:230px;color:#ded8cc}
.vr-wall-copy.light{left:auto;right:8%;text-align:right}
.vr-wall-copy span{font:500 8px var(--p-mono);letter-spacing:.16em;color:#b79661}
.vr-wall-copy h2{font:400 36px/.98 var(--p-serif);margin:12px 0 14px}
.vr-wall-copy p{font-size:10px;line-height:1.55;color:#93968e}
.viewing-room-page .vr-vitrine{position:absolute;z-index:4;bottom:9%;width:18%;height:54%;border:0;padding:0;background:transparent;cursor:pointer;filter:drop-shadow(12px 20px 16px rgba(0,0,0,.34));transition:transform .45s var(--p-ease-out),filter .45s}
.vr-vitrine.left{left:26%;transform:scale(.87);transform-origin:bottom}
.vr-vitrine.centre{left:43%;height:61%;width:20%}
.vr-vitrine.right{right:20%;transform:scale(.83);transform-origin:bottom}
.viewing-room-page .vr-vitrine:hover,.viewing-room-page .vr-vitrine.active{transform:translateY(-8px) scale(1.01);filter:drop-shadow(15px 26px 21px rgba(0,0,0,.46))}
.vr-vitrine.left:hover,.vr-vitrine.left.active{transform:translateY(-8px) scale(.9)}
.vr-vitrine.right:hover,.vr-vitrine.right.active{transform:translateY(-8px) scale(.86)}
.vr-vitrine::before{content:"";position:absolute;left:5%;right:5%;top:47%;bottom:0;background:linear-gradient(105deg,#4a4b46,#242522 55%,#171815);border-top:4px solid #77776f;box-shadow:inset -14px 0 25px rgba(0,0,0,.2)}
.vr-vitrine::after{content:"";position:absolute;left:5%;right:5%;bottom:-2%;height:5%;background:#151613;clip-path:polygon(0 0,100% 0,90% 100%,10% 100%)}
.vr-vitrine-glass{position:absolute;z-index:2;left:8%;right:8%;top:0;height:48%;display:grid;place-items:center;border:1px solid rgba(215,231,226,.42);background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(178,213,207,.025) 47%,rgba(255,255,255,.08));box-shadow:inset 0 0 20px rgba(195,230,222,.05),0 0 0 1px rgba(0,0,0,.25)}
.vr-vitrine-glass::before{content:"";position:absolute;left:7%;right:7%;bottom:7%;height:8px;background:#a5a39a;box-shadow:0 6px 9px rgba(0,0,0,.38)}
.vr-vitrine-glass::after{content:"";position:absolute;left:7%;top:5%;width:1px;height:82%;background:rgba(255,255,255,.42);transform:skewX(-12deg)}
.vr-vitrine-glass img{position:relative;z-index:2;width:55%;height:76%;object-fit:contain;box-shadow:0 7px 13px rgba(0,0,0,.38)}
.vr-vitrine-glass i{position:absolute;inset:0;background:linear-gradient(118deg,transparent 28%,rgba(255,255,255,.13) 29%,transparent 37%)}
.vr-pedestal-label{position:absolute;z-index:3;left:22%;right:22%;top:60%;padding:7px 5px;background:#b29562;color:#211c14;border:1px solid #78633f;text-align:center}
.vr-pedestal-label b,.vr-pedestal-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vr-pedestal-label b{font:600 8px var(--p-sans)}.vr-pedestal-label small{margin-top:3px;font:500 6px var(--p-mono)}
.equipment-bay .vr-room-wall{background:
  radial-gradient(ellipse at 48% 12%,rgba(255,246,211,.16),transparent 44%),
  linear-gradient(110deg,#242a27,#18302b 54%,#292d29)}
.viewing-room-page .vr-racquet-case{position:absolute;z-index:4;left:12%;top:24%;width:59%;height:38%;border:0;padding:0;background:transparent;cursor:pointer;transition:transform .45s var(--p-ease-out)}
.viewing-room-page .vr-racquet-case:hover,.viewing-room-page .vr-racquet-case.active{transform:translateY(-6px) scale(1.015)}
.vr-case-glass{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#f2f0e9;border:13px solid #161815;box-shadow:0 0 0 1px #8d7750,18px 24px 33px rgba(0,0,0,.42),inset 0 0 30px rgba(36,31,23,.15)}
.vr-case-glass::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.2),transparent 35%,rgba(160,189,183,.08) 36%,transparent 54%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.vr-case-glass img{width:45%;height:150%;object-fit:contain;transform:rotate(90deg);mix-blend-mode:multiply;filter:drop-shadow(8px 9px 7px rgba(0,0,0,.23))}
.vr-case-plaque{position:absolute;right:4%;bottom:-23%;width:190px;padding:11px 12px;background:#a88a58;color:#211a11;text-align:left;box-shadow:5px 8px 13px rgba(0,0,0,.28)}
.vr-case-plaque b,.vr-case-plaque small,.vr-mount-plaque b,.vr-mount-plaque small{display:block}
.vr-case-plaque b,.vr-mount-plaque b{font:600 9px var(--p-sans)}.vr-case-plaque small,.vr-mount-plaque small{margin-top:5px;font:500 7px var(--p-mono)}
.textile-bay .vr-room-wall{background:
  radial-gradient(ellipse at 50% 0,rgba(255,246,214,.2),transparent 40%),
  linear-gradient(110deg,#373a35,#282b26 55%,#3b3e38)}
.textile-bay .vr-wall-copy{left:7%;top:18%;width:205px}
.viewing-room-page .vr-textile-mount{position:absolute;z-index:4;top:10%;height:78%;border:0;padding:0;background:transparent;cursor:pointer;transition:transform .45s var(--p-ease-out),filter .45s}
.vr-textile-mount.robe{left:30%;width:25%}
.vr-textile-mount.jersey{right:14%;width:27%}
.viewing-room-page .vr-textile-mount:hover,.viewing-room-page .vr-textile-mount.active{transform:translateY(-7px);filter:drop-shadow(0 18px 14px rgba(0,0,0,.26))}
.vr-textile-panel{position:absolute;inset:0 0 15%;display:grid;place-items:center;overflow:hidden;background:#f7f5f0;box-shadow:0 0 0 1px #c9c2b5,12px 20px 31px rgba(0,0,0,.36)}
.vr-textile-panel::before{content:"";position:absolute;z-index:2;left:50%;top:0;width:22px;height:7px;transform:translateX(-50%);background:#8b7b5f;box-shadow:0 2px 3px rgba(0,0,0,.25)}
.vr-textile-panel img{width:100%;height:100%;object-fit:contain;display:block}
.vr-textile-mount.robe img{object-position:center top}
.vr-mount-plaque{position:absolute;left:8%;right:8%;bottom:2%;padding:9px 11px;background:#a88a58;color:#211a11;text-align:left;box-shadow:4px 7px 12px rgba(0,0,0,.25)}
.vr-gallery-hud{position:absolute;z-index:8;left:50%;bottom:18px;display:flex;align-items:center;gap:16px;transform:translateX(-50%);padding:7px;background:rgba(11,13,11,.78);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);color:#b8bab3}
.viewing-room-page .vr-gallery-hud button{width:37px;height:37px;border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer}
.viewing-room-page .vr-gallery-hud .vr-return-room{width:auto;padding:0 12px;color:#d5b57a;font:500 8px var(--p-mono);letter-spacing:.08em;text-transform:uppercase}
.viewing-room-page .vr-gallery-hud button:disabled{opacity:.25;cursor:default}
.vr-gallery-hud span{font:500 8px var(--p-mono);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.vr-gallery-hud b{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:4px;border:1px solid rgba(255,255,255,.2);font-weight:500}
.vr-gallery-depth{position:absolute;z-index:8;right:20px;bottom:27px;display:flex;gap:6px}
.vr-gallery-depth span{width:22px;height:2px;background:#60635c}.vr-gallery-depth span.active{background:#c4a16a}
.vr-selected-object{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:44px 34px;background:radial-gradient(circle at 100% 0,rgba(176,129,82,.12),transparent 42%),#281818;color:#f2eadf;border-left:1px solid rgba(240,234,218,.16)}
.vr-selected-object .vr-stage-topline{color:#b6a89a}
.vr-selected-index{display:flex;align-items:center;gap:9px;margin-top:28px;color:#a79380;font:500 8px var(--p-mono)}
.vr-selected-index i{height:1px;flex:1;background:rgba(236,222,207,.2)}
.vr-selected-object h2{font:400 39px/1.02 var(--p-serif);letter-spacing:-.03em;margin:22px 0}
.vr-selected-object>p{margin:0;color:#bdb2a7;font-size:12px;line-height:1.65}
.vr-selected-object .vr-stage-actions{align-items:flex-start;flex-direction:column;gap:16px}
.vr-selected-object .vr-sale strong{font-size:27px}
.vr-selected-object .vr-evidence-preview{max-height:75px;overflow:hidden}

.vr-zoom-controls{position:absolute;z-index:4;right:28px;bottom:24px;display:flex;border:1px solid rgba(255,255,255,.24);background:rgba(8,10,8,.72);backdrop-filter:blur(8px)}
.viewing-room-page .vr-zoom-controls button{height:38px;min-width:38px;border:0;border-right:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;font:500 15px var(--p-mono)}
.viewing-room-page .vr-zoom-controls button:last-child{border-right:0}
.viewing-room-page .vr-zoom-controls button:nth-child(2){min-width:63px;font-size:8px}
.vr-rail{display:flex;flex-direction:column;background:#111310}
.viewing-room-page .vr-rail button{position:relative;flex:1;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;align-content:center;text-align:left;border:0;border-bottom:1px solid var(--vr-line);padding:14px 16px;color:#8e8b83;cursor:pointer;transition:background .25s,color .25s}
.viewing-room-page .vr-rail button:last-child{border-bottom:0}
.viewing-room-page .vr-rail button:hover,.viewing-room-page .vr-rail button.active{background:#1d201c;color:#fff}
.vr-rail button.active::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:#c5a26a}
.vr-rail button>span{grid-row:1/3;font:500 9px var(--p-mono);color:#c5a26a}
.vr-rail i{font-style:normal;min-width:0}
.vr-rail b{display:block;overflow:hidden;text-overflow:ellipsis;font:500 12px var(--p-sans);white-space:nowrap}
.vr-rail small{display:block;margin-top:4px;font:500 8px var(--p-mono);letter-spacing:.07em;text-transform:uppercase;color:#777a73}
.vr-rail em{grid-column:2;font:500 9px var(--p-mono);font-style:normal;margin-top:8px}
.vr-catalogue{padding-top:100px}
.vr-catalogue-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;border-top:1px solid var(--vr-line);padding-top:22px;margin-bottom:28px}
.vr-catalogue-heading h2{font:400 42px/1 var(--p-serif);margin:10px 0 0}
.vr-catalogue-heading p{max-width:410px;color:var(--vr-muted);font-size:11px;line-height:1.6;margin:0}
.vr-catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--vr-line);border:1px solid var(--vr-line)}
.vr-catalogue-card{position:relative;display:grid;grid-template-columns:58% 42%;min-height:340px;background:#141613;cursor:pointer;overflow:hidden;transition:background .3s}
.vr-catalogue-card:hover,.vr-catalogue-card.active{background:#1d201c}
.vr-catalogue-image{overflow:hidden;background:linear-gradient(135deg,#d7d0c3,#b9ad99);padding:24px}
.vr-catalogue-image img{width:100%;height:100%;object-fit:contain;padding:10px;background:#ece7de;box-shadow:0 12px 22px rgba(26,20,14,.24);transition:transform .6s var(--p-ease-out)}
.vr-catalogue-card:hover img{transform:scale(1.045)}
.vr-catalogue-number{position:absolute;left:15px;top:14px;z-index:2;color:#c5a26a;font:500 9px var(--p-mono)}
.vr-catalogue-copy{display:flex;flex-direction:column;padding:30px 20px}
.vr-catalogue-copy span{color:#8b8e86;font:500 8px var(--p-mono);letter-spacing:.1em;text-transform:uppercase}
.vr-catalogue-copy h3{font:400 21px/1.14 var(--p-serif);margin:18px 0;flex:1}
.vr-catalogue-copy strong{font:500 13px var(--p-mono)}

.vr-modal{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#0c0e0c;color:#f4f0e6;opacity:0;visibility:hidden;transform:scale(.99);transition:opacity .35s var(--p-ease),transform .45s var(--p-ease-out),visibility .35s}
.vr-modal.open{opacity:1;visibility:visible;transform:none}
.vr-modal-bar{height:72px;flex:none;display:flex;align-items:center;border-bottom:1px solid var(--vr-line)}
.vr-modal-brand{height:100%;width:280px;display:flex;align-items:center;gap:11px;padding-left:28px;border-right:1px solid var(--vr-line);font-size:13px;font-weight:700;letter-spacing:.16em}
.vr-modal-brand img{width:36px;height:36px;object-fit:contain}
.vr-modal-context{display:flex;align-items:center;gap:25px;flex:1;padding:0 28px}
.vr-modal-context span{font:500 9px var(--p-mono);letter-spacing:.12em;text-transform:uppercase;color:#8f928a}
.vr-modal-context strong{font:500 10px var(--p-mono);color:#c5a26a}
.viewing-room-page .vr-close{align-self:stretch;border:0;border-left:1px solid var(--vr-line);padding:0 28px;color:#fff;cursor:pointer;font:500 9px var(--p-mono);letter-spacing:.1em;text-transform:uppercase}
.vr-close span{font-size:20px;margin-left:18px}
.vr-modal-body{display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:0;flex:1}
.vr-object-view{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#22251f 0,#11130f 65%,#090b09 100%)}
.vr-object-view>img{width:100%;height:100%;object-fit:contain;padding:72px 110px 95px;filter:drop-shadow(0 40px 38px rgba(0,0,0,.5));transition:transform .8s var(--p-ease-out)}
.vr-object-label{position:absolute;left:30px;bottom:28px;display:flex;align-items:center;gap:10px;color:#9ea198;font:500 8px var(--p-mono);letter-spacing:.1em;text-transform:uppercase}
.viewing-room-page .vr-modal-arrow{position:absolute;top:50%;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;cursor:pointer}
.vr-modal-arrow.prev{left:28px}.vr-modal-arrow.next{right:28px}
.vr-modal-image-nav{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;gap:7px;max-width:60%;overflow:auto}
.viewing-room-page .vr-modal-image-nav button{width:45px;height:45px;flex:none;border:1px solid transparent;padding:2px;background:#191b18;cursor:pointer;opacity:.55}
.viewing-room-page .vr-modal-image-nav button.active{border-color:#c5a26a;opacity:1}
.vr-modal-image-nav img{width:100%;height:100%;object-fit:cover}
.vr-object-panel{overflow:auto;padding:55px 42px 40px;border-left:1px solid var(--vr-line);background:#151714}
.vr-object-panel h2{font:400 39px/1.02 var(--p-serif);letter-spacing:-.025em;margin:26px 0 24px}
.vr-modal-price{padding:17px 0;border-top:1px solid var(--vr-line);border-bottom:1px solid var(--vr-line)}
.vr-modal-price span{color:#858980}
.vr-modal-price strong{font-size:28px}
.vr-object-panel>p{color:#a8aba2;font-size:12px;line-height:1.7}
.vr-modal-chips span{background:#282b26;color:#c9ccc3}
.vr-modal-chips .verified{background:#18382a;color:#8fc9a6}
.vr-modal-chips .pending{background:#42371d;color:#dfbd73}
.vr-action-list{margin-top:30px;border-top:1px solid var(--vr-line)}
.vr-action-list>a,.viewing-room-page .vr-action-list>button{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--vr-line);padding:17px 0;color:#fff;cursor:pointer}
.vr-action-list b{font:500 9px var(--p-mono);color:#c5a26a}
.vr-action-list span{font:500 12px var(--p-sans)}
.vr-action-list small{display:block;margin-bottom:5px;color:#777b73;font:500 8px var(--p-mono);letter-spacing:.1em;text-transform:uppercase}
.vr-action-list i{text-align:right;font-style:normal}
.vr-source-note{margin-top:23px;color:#777b73;font:500 8px/1.7 var(--p-mono)}
.vr-passport{position:absolute;top:72px;right:0;bottom:0;width:min(520px,100%);z-index:3;overflow:auto;padding:32px;background:#f0eadf;color:#181713;box-shadow:-30px 0 70px rgba(0,0,0,.42);transform:translateX(105%);transition:transform .5s var(--p-ease-out)}
.vr-passport.open{transform:none}
.vr-passport-head{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #cfc6b6;padding-bottom:20px}
.vr-passport-head span{font:600 8px var(--p-mono);letter-spacing:.12em;text-transform:uppercase;color:#8a8377}
.vr-passport-head h3{font:400 30px var(--p-serif);margin:7px 0 0}
.viewing-room-page .vr-passport-head button{border:1px solid #aaa293;border-radius:50%;width:36px;height:36px;cursor:pointer}
.vr-passport-object{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid #cfc6b6}
.vr-passport-object img{width:72px;height:72px;object-fit:contain;background:#ded8cc}
.vr-passport-object span{display:block;font:500 8px var(--p-mono);color:#8a8377;margin-bottom:6px}
.vr-passport-object strong{font:500 14px var(--p-sans)}
.vr-passport-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #cfc6b6}
.vr-passport-summary div{padding:17px 10px 17px 0}
.vr-passport-summary span{display:block;font:500 7px var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:#8a8377}
.vr-passport-summary strong{display:block;margin-top:7px;font:600 12px var(--p-mono)}
.vr-passport-claims article{display:grid;grid-template-columns:10px minmax(0,1fr);gap:13px;padding:17px 0;border-bottom:1px solid #d6cebf}
.vr-passport-claims i{width:7px;height:7px;border-radius:50%;margin-top:4px;background:#b48b40}
.vr-passport-claims i.verified{background:#268057}.vr-passport-claims i.disputed{background:#a83b3b}
.vr-passport-claims span{font:500 8px var(--p-mono);letter-spacing:.07em;text-transform:uppercase;color:#857e72}
.vr-passport-claims strong{display:block;font:600 12px var(--p-sans);margin:6px 0}
.vr-passport-claims p{margin:0;color:#777167;font-size:10px}
.vr-passport-link{display:block;margin-top:24px;padding:15px;background:#181713;color:#fff;text-align:center;font:600 9px var(--p-mono);letter-spacing:.08em;text-transform:uppercase}

@media(max-width:1250px){
  .vr-walkthrough{grid-template-columns:minmax(0,1fr) 320px}
  .vr-gallery-viewport{aspect-ratio:auto;height:650px}
  .vr-selected-object{padding:36px 27px}
  .vr-selected-object h2{font-size:34px}
  .vr-wall-copy{transform:scale(.88);transform-origin:left top}
  .vr-wall-copy.light{transform-origin:right top}
  .vr-stage{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}
  .vr-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr)}
  .viewing-room-page .vr-rail button{min-height:90px;border-right:1px solid var(--vr-line);border-bottom:0}
  .vr-rail em{display:none}
  .vr-catalogue-card{grid-template-columns:52% 48%}
}
@media(max-width:900px){
  .vr-main .p-wrap{width:min(100% - 32px,1760px)}
  .vr-intro{grid-template-columns:1fr;gap:28px;min-height:0;padding:50px 0 38px}
  .vr-intro h1{font-size:49px}
  .vr-walkthrough{display:block}
  .vr-walk-header{grid-template-columns:1fr 130px 1fr}
  .vr-gallery-viewport{aspect-ratio:auto;height:590px}
  .vr-selected-object{border-left:0;border-top:1px solid rgba(240,234,218,.16)}
  .vr-selected-object .vr-stage-actions{flex-direction:row;align-items:center}
  .vr-wall-copy{display:none}
  .vr-vitrine.left{left:16%}.vr-vitrine.centre{left:40%}.vr-vitrine.right{right:15%}
  .viewing-room-page .vr-racquet-case{left:12%;top:23%;width:76%}
  .vr-textile-mount.robe{left:18%;width:29%}.vr-textile-mount.jersey{right:17%;width:31%}
  .vr-stage{display:block;border:0}
  .vr-stage-media{height:520px}
  .vr-art-frame{height:68%;width:min(58%,480px)}
  .vr-wall-plaque{right:4%;bottom:16%;transform:scale(.86);transform-origin:right bottom}
  .vr-stage-copy{padding:42px 30px}
  .vr-rail{display:flex;overflow:auto}
  .viewing-room-page .vr-rail button{min-width:180px}
  .vr-catalogue-grid{grid-template-columns:1fr 1fr}
  .vr-catalogue-card{grid-template-columns:1fr;grid-template-rows:230px auto}
  .vr-catalogue-heading{align-items:start;flex-direction:column}
  .vr-modal-body{grid-template-columns:1fr}
  .vr-object-panel{display:none}
  .vr-object-view>img{padding:65px 55px 95px}
  .vr-modal-brand{width:auto;border-right:0}
}
@media(max-width:600px){
  .vr-intro h1{font-size:40px}
  .vr-walk-header{grid-template-columns:1fr auto;height:58px}
  .vr-walk-header .vr-walk-progress{display:none}
  .vr-walk-header>div:last-child{display:none}
  .vr-gallery-viewport{aspect-ratio:auto;height:480px}
  .vr-room-ceiling{left:5%;right:5%}
  .viewing-room-page .vr-vitrine{height:50%;width:25%}
  .vr-vitrine.left{left:8%}.vr-vitrine.centre{left:37%;width:27%;height:56%}.vr-vitrine.right{right:6%}
  .vr-gallery-hud span{display:none}
  .vr-gallery-depth{display:none}
  .viewing-room-page .vr-racquet-case{left:7%;width:86%;top:28%;height:31%}
  .vr-case-plaque{bottom:-30%;width:155px}
  .vr-textile-mount.robe{left:8%;width:40%}.vr-textile-mount.jersey{right:7%;width:40%}
  .vr-selected-object .vr-stage-actions{align-items:flex-start;flex-direction:column}
  .vr-stage-media{height:430px}
  .vr-art-frame{width:62%;height:63%;top:44%}
  .vr-art-frame[data-vr-frame-kind="equipment"]{width:76%;height:48%}
  .vr-wall-panel{display:none}
  .vr-wall-plaque{width:126px;right:3%;bottom:15%;padding:10px}
  .vr-catalogue-grid{grid-template-columns:1fr}
  .vr-modal-context{display:none}
  .vr-modal-brand span{display:none}
  .vr-modal-bar{justify-content:space-between}
  .vr-object-view>img{padding:55px 35px 110px}
  .vr-modal-arrow.prev{left:14px}.vr-modal-arrow.next{right:14px}
}