@font-face{font-family:Gotham;src:url("https://daviddrebin.com/assets/fonts/Gotham-Light.woff2") format("woff2");font-weight:300;font-display:swap}
:root{--site-font-body:Gotham,Arial,sans-serif;--collections-motion-duration:0.5s}*{box-sizing:border-box}body{margin:0;background:#141414;color:#fff;font:300 14px/1.6 var(--site-font-body)}main{padding:0 20px}.stage{display:flex;justify-content:center}.collections-thumbnail{width:382px;max-width:100%}.collections-thumbnail__media{background:#141414}.collections-thumbnail__media>img{object-fit:contain;padding:0}.collections-thumbnail:hover .collections-thumbnail__media>img,.collections-thumbnail:focus-within .collections-thumbnail__media>img{transform:none}.controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0;max-width:382px;font-size:12px;color:#aaa}select{background:#141414;border:1px solid #444;border-radius:0;color:#ddd;padding:7px 12px;font:inherit;cursor:pointer}select:focus-visible{outline:1px solid #c9a875;outline-offset:3px}@media(max-width:600px){.collections-thumbnail{width:100%}.stage{max-width:382px;margin:auto}}@media(prefers-reduced-motion:reduce){.collections-thumbnail__media>img{transition:none}}

body{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center}main{width:100%;padding:20px}

.controls{position:relative;top:100px}