*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf7ef;color:#202e28;font:16px/1.55 "Instrument Sans",Arial,sans-serif}a{color:inherit}header,footer,.wrap{max-width:1320px;margin:auto;padding-inline:clamp(22px,6vw,96px)}header,footer{display:flex;justify-content:space-between;align-items:center;gap:18px}header{height:78px}.logo{font:700 24px Georgia,serif;letter-spacing:-1px;text-decoration:none}.logo i{color:#91622b;margin-right:8px}nav a{margin-left:24px;text-decoration:none;font-size:14px}a:hover{text-decoration:underline}.hero{background:radial-gradient(ellipse at 76% 45%,#44564a 0%,#20392f 34%,#112921 75%);color:#fbf4e3}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding-block:clamp(42px,5vw,80px)}.eyebrow,figcaption,.meta{font:600 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}.hero .eyebrow,figcaption{color:#dac297}h1,h2,h3{font-family:"Baskervville",Georgia,serif;font-weight:400;line-height:1.03;margin:18px 0}h1{font-size:clamp(48px,6.3vw,94px);letter-spacing:-.055em}h1 em{color:#e4ca9a}h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.045em}h3{font-size:25px;letter-spacing:-.035em}.intro{max-width:440px;font-size:18px;color:#e2e6dc}.button{display:inline-block;background:#e9d2a4;color:#162e24;text-decoration:none;padding:12px 22px;margin:14px 0;border-radius:3px;font-weight:600}.button span{padding-left:20px}figure{margin:0;text-align:center}figure img{width:min(100%,440px);height:auto;filter:drop-shadow(0 18px 20px #07180f88)}figcaption{margin-top:12px}.collection{padding-block:60px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.card{text-decoration:none}.art{background:#ede9df;display:grid;place-items:center;aspect-ratio:1;border-radius:3px}.art img{width:84%;height:auto;filter:drop-shadow(0 6px 6px #39301b30);transition:transform .2s}.card:hover img{transform:scale(1.035)}.meta{color:#786241;margin-top:15px;font-size:10px}.card h3{margin:7px 0}.about{border-top:1px solid #c9c7bc;padding-block:48px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.about p{max-width:55ch}footer{border-top:1px solid #ccc6b7;padding-block:23px;font-size:13px}.back{display:inline-block;margin-top:26px}.detail{padding-block:40px 70px}.detail h1{font-size:clamp(44px,5vw,76px)}@media(max-width:760px){header{height:64px}.logo{font-size:21px}nav a{margin-left:12px}.split,.about{grid-template-columns:1fr}.hero figure{grid-row:1}.hero figure img{width:min(59vw,265px)}.hero .split{gap:28px}.cards{grid-template-columns:1fr 1fr}.collection{padding-block:38px}.detail .art{max-width:480px}.about{gap:0}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}

.showcase{height:176svh;background:#141414;color:#fff9ee}.pin{position:sticky;top:0;background:radial-gradient(ellipse at 73% 47%,#544335 0,#26231f 30%,#151515 66%);overflow:hidden}.stage{min-height:calc(100svh - 78px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding-block:36px}.lead h1{font:700 clamp(68px,8.8vw,148px)/.91 Georgia,serif;letter-spacing:-.075em;margin:24px 0}.lead h1 span{color:#fd8a48}.lead p{max-width:39ch;color:#e6dcd0}.lead .eyebrow{color:#e6b797}.display{position:relative;perspective:1200px}.coin{margin:auto;width:min(35vw,50svh,490px);aspect-ratio:1;position:relative;transform-style:preserve-3d;transform:translateY(var(--lift,0px)) scale(var(--zoom,1)) rotateY(var(--turn,-8deg));transition:transform .12s ease-out}.coin img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;background:#373534;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 3px #a39a8b,0 0 0 6px #302a24,0 15px 50px #0008;filter:none}.coin .reverse{transform:rotateY(180deg)}#flip{position:relative;color:#ffdbb8;background:#24201d;border:1px solid #746454;border-radius:24px;padding:10px 18px;margin:40px auto 0;cursor:pointer}.art{background:radial-gradient(circle,#ddd1bc,#ede9df)}.art img{max-width:100%;height:auto}label,output{display:block}label{font-size:14px;margin:.6em 0}input{display:block;width:100%;padding:11px;border:1px solid #aaa69a;border-radius:4px;background:#fff;font:inherit}output{padding:12px 0;font:italic 22px Georgia,serif}form button{border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c06c2e;outline-offset:3px}@media(max-width:760px){.stage{min-height:calc(100svh - 64px);grid-template-columns:1fr;align-content:center;gap:20px;padding-block:24px}.lead h1{font-size:clamp(52px,12vw,78px);margin:10px 0}.lead h1 br{display:none}.lead h1 br:after{content:" "}.lead p{margin:8px 0}.lead .button{margin:5px 0}.coin{width:min(62vw,32svh)}#flip{margin:22px 0 0}}@media(prefers-reduced-motion:reduce),(max-height:540px){.showcase{height:auto}.pin{position:relative}.coin{transition:none}}

.orderPage{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:50px}.orderPage h1{font-size:clamp(48px,5vw,80px)}.orderPage img{width:85%;height:auto;margin:24px auto}.orderPage fieldset{margin:20px 0;padding:10px 16px 14px;border:1px solid #c9c4b6}.orderPage select,.orderPage textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #aaa69a;border-radius:4px;background:white}.orderPage [hidden]{display:none}.orderPage legend{font-weight:600}.orderPage output{background:#efe9db;padding:16px;margin-top:16px}.orderPage form>p{font-size:14px}.orderPage .button{margin-top:4px}@media(max-width:760px){.orderPage{grid-template-columns:1fr;padding-block:28px}.orderPage img{max-width:150px;margin:4px 0}.logo{white-space:nowrap}header nav a{font-size:12px;margin-left:8px}}

@media(min-height:541px) and (prefers-reduced-motion:no-preference){.showcase{height:265svh}}
.spin-gallery{padding-block:8px 42px;text-align:center}.spin-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,3vw,48px);padding:18px 0}.spin-row a{display:grid;justify-items:center;gap:14px;text-decoration:none;font:clamp(14px,2vw,25px) Georgia,serif;perspective:1100px}.mini-coin{position:relative;width:min(100%,215px);aspect-ratio:1;display:block;transform-style:preserve-3d;animation:medallion-turn 9s linear infinite;animation-play-state:paused}.spin-row a:nth-child(2) .mini-coin{animation-duration:10s}.spin-row a:nth-child(3) .mini-coin{animation-duration:11s}.rotating .mini-coin{animation-play-state:running}.mini-coin img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mini-coin .mini-back{transform:rotateY(180deg)}@keyframes medallion-turn{0%,12%{transform:rotateY(0)}45%,57%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}#spin-control{background:transparent;border:1px solid #aaa08c;border-radius:30px;padding:9px 15px;margin-top:12px;cursor:pointer}

#checkout{margin-top:28px;border-top:1px solid #c9c4b6;padding-top:18px}
#checkout h2{font-size:clamp(32px,4vw,50px)}#checkout pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#eee9dd;padding:16px}
#checkout details{border-block-start:1px solid #c9c4b6;padding:16px 0}#checkout summary{cursor:pointer;font-weight:700}
#checkout .paymentQR{display:block;background:white;width:220px;max-width:100%;height:auto;margin:16px 0}

.sides{display:flex;justify-content:center;gap:6px;margin-top:12px}
.sides button{padding:8px 20px;border-radius:22px;background:transparent;border:1px solid #bdb8ab;color:#26382e;cursor:pointer;font:inherit}
.sides button[aria-pressed=true]{background:#26382e;color:#fff}
.spin-row a{container-type:inline-size}
.mini-coin{--radius:min(50cqi,107.5px);--depth:calc(var(--radius)*.14)}
.mini-coin img{transform:translateZ(calc(var(--depth)/2))}
.mini-coin .mini-back{transform:rotateY(180deg) translateZ(calc(var(--depth)/2))}
.reeded{display:block;position:absolute;inset:0;transform-style:preserve-3d}
.reeded i{display:block;position:absolute;top:50%;left:50%;width:calc(var(--radius)*.054);height:var(--depth);background:linear-gradient(90deg,#504338 0%,var(--metal) 22%,#fffa 32%,var(--metal) 55%,#0005 96%),var(--metal);transform:translate(-50%,-50%) rotateZ(var(--angle)) translateY(calc(-1*var(--radius))) rotateX(90deg)}

/* Use the hero coin's responsive diameter for the same reeded metal geometry. */
.coin{--radius:min(17.5vw,25svh,245px);--depth:calc(var(--radius)*.14)}
.coin .face{transform:translateZ(calc(var(--depth)/2))}
.coin .reverse{transform:rotateY(180deg) translateZ(calc(var(--depth)/2))}
.coin img{box-shadow:none}
@media(max-width:760px){.coin{--radius:min(31vw,16svh)}}

.collectionFilters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.collectionFilters button{font:inherit;padding:9px 15px;border:1px solid #a9ad9d;border-radius:24px;background:transparent;color:#20392f;cursor:pointer}
.collectionFilters button[aria-pressed=true]{background:#20392f;color:white}
.cards .card[hidden]{display:none}
#collectionCount{font-size:14px;color:#686c61}
.orderSlip{background:white;border:1px solid #c9c4b6;padding:16px;border-radius:5px}
.slipArt{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.orderPage .slipArt img{display:block;width:100%;height:auto;max-width:200px;margin:0 auto}
.slipArt figcaption{color:#536050;letter-spacing:.5px;font-size:11px}
#checkout .orderSlip pre{background:white;margin:12px 0 0;padding:0;font-size:15px}
#checkout .sampleNote{font-size:12px;color:#686c61}
.orderActions{display:flex;flex-wrap:wrap;gap:8px}
.orderActions .button{font:inherit;font-weight:600;padding:10px 16px}
#checkout #fileStatus{font-size:14px}

.bulkIntro{padding-block:54px 26px;max-width:1050px}.bulkIntro p{max-width:58ch;font-size:19px}
.bulkSamples,.bulkBuilder{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-block:36px}
.bulkSamples img,.groupExamples img{width:100%;height:auto;object-fit:contain}
.bulkSamples figure{align-self:center}
.wallyTribute{margin-block:36px;background:#eae6db;padding-block:36px}.wallyTribute p{max-width:70ch}
.bulkBuilder fieldset{border:1px solid #c9c4b6;padding:15px;margin-block:20px}
.bulkBuilder select,.bulkBuilder textarea,#customSetForm select,#customSetForm textarea{display:block;width:100%;padding:12px;background:white;border:1px solid #aaa69a;font:inherit}
.milestoneInputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.milestoneInputs label{text-align:center}.milestoneInputs img{width:100%;height:110px;object-fit:contain;display:block}
.bulkBuilder>div>figure{max-width:350px;margin-top:32px}.bulkBuilder>div>figure img{max-width:100%;height:auto}
#bulkReview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#eee9dd;padding:16px}
.bulkSelected{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bulkSelected img{width:100%;height:auto}
.bulkBuilder output{background:#efe9db;padding:15px;font-size:22px}
.groupExamples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-block:32px}.groupExamples img{height:190px;background:white}
.groupExamples figcaption{color:#536050}
#customSets{padding-block:30px 60px}#customSetForm{max-width:650px;margin-top:30px}
#bulkReview [hidden],#bulkForm [hidden],#customSets [hidden]{display:none}
.bulkFilter{padding:10px 16px;border:1px solid #a9ad9d;border-radius:24px;text-decoration:none}
.secondary{background:transparent;border:1px solid #a9ad9d}
@media(max-width:760px){.bulkSamples,.bulkBuilder{grid-template-columns:1fr;gap:26px}.groupExamples{grid-template-columns:1fr 1fr}.milestoneInputs{gap:8px}.milestoneInputs img{height:90px}.bulkIntro{padding-top:28px}header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}header nav a{margin-left:5px}}
.pendingArtwork{display:grid;place-items:center;min-height:110px;background:#eee9dd;color:#536050;font-size:12px;padding:12px}
.cleanProofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cleanProofs figure img{display:block;width:100%;height:90px;object-fit:contain}
.cleanProofs figcaption{font-size:10px;letter-spacing:0;color:#536050}

.card:focus-visible h3{text-decoration:underline}

.proof .art{overflow:hidden;cursor:zoom-in;touch-action:pan-y}.proof .art.zoomed{cursor:zoom-out}.proof .art.zoomed img{transform:scale(2)}@media(hover:hover){.proof .art:hover img{transform:scale(2)}}

.chipPair{display:flex;gap:3px;align-items:center}.milestoneInputs .chipPair img{width:calc(50% - 2px);height:auto;aspect-ratio:1;object-fit:contain}.cleanProofs figure{display:grid;grid-template-columns:1fr 1fr;align-content:center}.cleanProofs figcaption{grid-column:1/-1}.collectionInspect{display:block;width:100%;padding:0;border:0;background:white;cursor:zoom-in;overflow:hidden}.groupExamples .collectionInspect img{display:block;height:auto;width:100%;filter:none}.collectionInspect img{transition:transform .15s}.collectionInspect.active{cursor:zoom-out;touch-action:none}.collectionInspect.active img{transform:scale(3)}@media(hover:hover){.collectionInspect:hover img{transform:scale(3)}}.groupExamples figure:last-child{grid-column:1/-1}

.orderSpinner{width:min(100%,380px);margin:32px auto 20px;perspective:1100px;container-type:inline-size}.orderSpinner .orderCoin{width:100%;--radius:50cqi;--depth:calc(var(--radius)*.14);animation-play-state:running;animation-duration:12s}.orderSpinner.paused .orderCoin{animation-play-state:paused}.orderSpinner .orderCoin img{display:block;max-width:none;margin:0;filter:none;width:100%;height:100%}.orderSpinner[data-tone="silver"] .reeded i{--metal:#b8b9bb!important}.orderSpinner[data-tone="gold"] .reeded i{--metal:#dea93f!important}.orderSpinner[data-tone="rose"] .reeded i{--metal:#db9780!important}.rotationControl{display:block;margin:0 auto 24px;padding:9px 15px;border:1px solid #aaa08c;border-radius:30px;background:transparent;color:inherit;cursor:pointer}