:root { color-scheme: light; font-family: Helvetica, Arial, sans-serif; color: #000; background: #fff; font-weight: 700; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 40px, 460px); margin: 0 auto; padding: 40px 0 44px; text-align: center; text-transform: uppercase; }
h1 { margin: 0 0 28px; font-size: clamp(2.6rem, 8vw, 3.5rem); font-weight: 700; line-height: .98; letter-spacing: -.045em; }
.artwork { display: grid; place-items: center; width: 100%; aspect-ratio: 1; margin: 0 0 24px; padding: 0; overflow: hidden; border: 3px solid #000; border-radius: 0; background: #fff; color: #000; font: inherit; text-transform: inherit; }
.artwork img { width: 100%; height: 100%; object-fit: contain; }
[hidden] { display: none !important; }
.artwork:not(:disabled) { cursor: pointer; }
.buy { display: block; width: 100%; padding: 20px 16px; color: #fff; background: #000; text-decoration: none; font-size: 1.5rem; line-height: 1.1; font-weight: 700; }
.buy[aria-disabled="true"] { cursor: not-allowed; }
.buy[href]:hover { background: #262626; }
:focus-visible { outline: 3px solid #000; outline-offset: 5px; }
.price { margin: 17px 0 18px; font-size: 1.125rem; }
.description { max-width: 425px; margin: 0 auto; font-size: 1rem; line-height: 1.4; }
@media (max-width: 480px) { main { padding-top: 28px; } h1 { margin-bottom: 24px; } }

.choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.choices .buy { font-size: clamp(1rem, 4.5vw, 1.4rem); padding: 20px 8px; }
.choices .price { margin: 14px 0 8px; }
.details { margin: 0; font-size: .875rem; line-height: 1.5; }

.drawn-divider { display: block; width: 100%; height: 24px; object-fit: cover; object-position: 50% 42%; margin: 30px auto 30px; }
.description { line-height: 1.55; }
.giveaway { max-width: 400px; margin: 36px auto 0; font-size: .875rem; line-height: 1.6; }

.divider-wrap { overflow: hidden; margin: 30px 0; }
.divider-wrap .drawn-divider { width: 150%; max-width: none; margin: 0 0 0 -25%; }

.giveaway { font-size: 1rem; line-height: 1.55; margin-top: 24px; }
.dispatch { font-size: .75rem; line-height: 1.5; margin: 24px auto 0; }