.wheel-sec{background:radial-gradient(60% 70% at 50% 55%, #f2892b24, transparent 70%), radial-gradient(40% 40% at 15% 20%, #b9773e1f, transparent 70%), var(--slate);position:relative;overflow:hidden}.wheel-sec__pin{min-height:100svh;padding:calc(var(--header-h) + 1rem) var(--gutter) 2.5rem;grid-template-columns:minmax(220px,.8fr) auto minmax(260px,.9fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.wheel-sec__head .display{margin-bottom:1rem}.wheel-sec__head .muted{max-width:28ch}.wheel-stage{--size:min(70svh, 44vw, 620px);width:var(--size);height:var(--size);perspective:1400px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.wheel-stage.is-dragging{cursor:grabbing}.wheel-stage:before{content:"";border:1px dashed #f2892b59;border-radius:50%;animation:80s linear infinite ring-spin;position:absolute;inset:-5%;transform:rotateX(14deg)}@keyframes ring-spin{to{transform:rotateX(14deg)rotate(360deg)}}.wheel{--n:10;clip-path:circle(50%);will-change:transform;background:#0b0b0d;border-radius:50%;position:absolute;inset:0}.wheel-stage:after{content:"";pointer-events:none;border:6px solid #0b0b0d;border-radius:50%;position:absolute;inset:-1.2%;transform:rotateX(14deg);box-shadow:0 0 0 1px #f2892b73,0 50px 90px -20px #000c}.wedge{background:var(--charcoal);transform:rotate(calc(var(--i) * 360deg / var(--n)));filter:brightness(.68)saturate(.85);transition:filter .45s var(--ease-out);cursor:inherit;border:0;padding:0;position:absolute;inset:0}.wedge.is-active,.wedge:focus-visible{filter:none}.wedge:focus-visible{outline:none}.wheel:focus-within+.wheel__hub{box-shadow:0 0 0 3px var(--ember), 0 20px 40px #0009}.wedge__img{width:var(--wedge-w,36%);height:52%;position:absolute;top:0;left:50%;transform:translate(-50%)}.wedge__img picture,.wedge__img img{width:100%;height:100%;display:block}.wedge__img img{object-fit:cover;pointer-events:none;-webkit-user-drag:none}.wheel__hub{aspect-ratio:1;text-align:center;border:2px solid var(--ember);pointer-events:none;background:radial-gradient(circle at 50% 35%,#26262b,#0d0d0f 70%);border-radius:50%;place-content:center;justify-items:center;gap:.4rem;width:30%;transition:box-shadow .3s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(14deg);box-shadow:0 20px 40px #0009}.wheel__hub img{width:72%;height:auto}.wheel__hub span{letter-spacing:.22em;text-transform:uppercase;color:var(--ember);font-size:clamp(.5rem,.9vw,.68rem);font-weight:700;line-height:1.3}.wheel__pointer{border-left:12px solid #0000;border-right:12px solid #0000;border-top:18px solid var(--ember);filter:drop-shadow(0 4px 8px #00000080);width:0;height:0;position:absolute;top:-4.5%;left:50%;transform:translate(-50%)}.garnish{pointer-events:none;position:absolute;inset:-14%}.garnish__item{width:calc(8% * var(--s));transform:rotate(var(--r));filter:drop-shadow(0 10px 14px #0000008c);position:absolute}.garnish__item svg{width:100%;height:auto;display:block}.wheel-panel{max-width:34ch}.wheel-panel__no{font-family:var(--font-display);color:var(--ember);letter-spacing:.1em;margin-bottom:.8rem;font-size:1rem}.wheel-panel__name{font-family:var(--font-display);margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.wheel-panel__desc{color:var(--muted-light)}.wheel-panel__price{letter-spacing:.16em;text-transform:uppercase;color:var(--ember);margin-bottom:1.6rem;font-size:.78rem;font-weight:700}.wheel-panel__actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem;display:flex}.wheel-panel__actions .btn--line{color:var(--cream)}.wheel-panel__nav{gap:.6rem;display:flex}.wheel-panel__pause svg{fill:currentColor;stroke:none;width:.85rem;height:.85rem}.wheel-panel__pause .i-play,.wheel-panel__pause[aria-pressed=true] .i-pause{display:none}.wheel-panel__pause[aria-pressed=true] .i-play{display:block}.wheel-stage.is-paused:before{animation-play-state:paused}@media (width<=860px){.wheel-sec__pin{text-align:center;padding:var(--section) var(--gutter);grid-template-columns:1fr;justify-items:center;min-height:0}.wheel-sec__head .eyebrow{justify-content:center}.wheel-sec__head .muted{margin-inline:auto}.wheel-stage{--size:min(86vw, 460px);margin-block:1.5rem 1rem}.wheel-panel{text-align:center}.wheel-panel__actions,.wheel-panel__nav{justify-content:center}}@media (prefers-reduced-motion:reduce){.wheel-stage:before{animation:none}}
