/* The artwork links remain real URLs; each page is a complete static document. */
.artwork-switch{max-width:1600px;margin:24px auto 0;padding:0 5.2%;display:grid;grid-template-columns:1fr 1fr;gap:16px;scroll-margin-top:24px}
.artwork-choice{display:flex;align-items:center;gap:20px;padding:12px 18px 12px 12px;border:1px solid var(--line);transition:border-color .2s;background:#1c1f1d;min-width:0}
.artwork-choice[aria-current=page]{border-color:var(--accent);background:#d7be900a}
.artwork-choice:hover{border-color:var(--accent)}
.artwork-choice img{width:60px;height:80px;object-fit:contain;flex-shrink:0}
.artwork-choice span{display:flex;flex-direction:column;gap:4px;min-width:0}
.artwork-choice small{font-size:10px;letter-spacing:1.4px;color:var(--muted)}
.artwork-choice strong{font-family:Prata,Georgia,serif;font-size:19px;font-weight:400;line-height:1.4}
.artwork-choice b{font-size:12px;font-weight:500;color:var(--accent)}
.artwork-choice i{margin-left:auto;color:var(--accent);font-style:normal;font-size:20px}
.clock-page .hero-art.scene-main{aspect-ratio:1122/1402}
.object-visual img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#171919}
.object-visual{min-width:0}
.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 10px;margin-top:14px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}
.gallery-thumb{display:block;flex:0 0 64px;border:1px solid var(--line);background:#101412;transition:border-color .2s}
.gallery-thumb:hover{border-color:var(--accent)}
.gallery-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.object-visual .gallery-thumb img{display:block;width:62px;height:86px;object-fit:contain;background:transparent}
.clock-page .interior-section>img{object-fit:contain;height:auto;align-self:center}
.clock-page .interior-section{min-height:0}
.clock-page .object-copy h2{white-space:normal}
@media(max-width:760px){
  .object{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
  .object-copy{min-width:0}
  .object-copy>.eyebrow{margin-top:0}
  .object-copy h2{white-space:normal;font-size:clamp(30px,8.5vw,35px);margin:16px 0 22px}
  .object-type{font-size:19px;line-height:1.55;margin-bottom:22px}
  .object-type br{display:none}
  .object-copy .muted{font-size:14px;line-height:1.8}
  .object .specs>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:18px;align-items:baseline}
  .object .specs dd{min-width:0;overflow-wrap:break-word}
  .object .purchase{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}
  .object .purchase .button{width:100%;min-height:52px;padding:15px 20px;font-size:14px}
  .object .image-hint{padding:26px 18px 14px;font-size:10px;letter-spacing:1.3px}
}
@media(max-width:760px){.artwork-switch{margin-top:18px;gap:9px;padding-inline:6%}.artwork-choice{gap:8px;padding:9px 8px;align-items:center}.artwork-choice img{width:35px;height:56px}.artwork-choice strong{font-family:Manrope,Arial,sans-serif;font-size:12px;line-height:1.45}.artwork-choice small{font-size:9px;letter-spacing:.7px}.artwork-choice b{font-size:10px}.artwork-choice i{display:none}.clock-page .hero-art.scene-main{aspect-ratio:1122/1402}.clock-page .material-strip{font-size:8px;letter-spacing:.7px}}
