:root { color-scheme: light; --ink:#191817; --paper:#fefefe; }
* { box-sizing:border-box; }
html { min-height:100%; background:var(--paper); }
body { margin:0; min-height:100vh; background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased; }
.page { min-height:100svh; display:grid; place-items:center; padding:clamp(24px,4vw,56px) 20px; }
.hero { display:flex; flex-direction:column; align-items:center; width:100%; text-align:center; transform:translateY(-100px); }
.descriptor, .owners { position:relative; top:-50px; }
.artwork { display:block; width:min(100%,620px); height:auto; margin:0 auto -69px; }
.descriptor { margin:0; font:600 clamp(16.8px,2.04vw,22.8px)/1.4 Georgia,'Times New Roman',serif; letter-spacing:.1em; }
.owners { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; column-gap:clamp(8px,1vw,16px); row-gap:8px; max-width:100%; margin:20px 0 0; font:400 clamp(16.8px,1.68vw,21px)/1.5 Georgia,'Times New Roman',serif; }
.owners > span:not(.star) { white-space:nowrap; }
.star { font-size:.8em; line-height:1; color:inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:600px) {
  .page { padding:24px 16px; }
  .artwork { width:min(calc(100% + 16px),490px); max-width:none; margin:0 -8px -58px; }
  .descriptor { font-size:18px; }
  .owners { max-width:330px; margin-top:16px; gap:9px 12px; font-size:16.8px; }
}