.drum-hero{overflow:hidden;background:radial-gradient(ellipse at 82% 45%,var(--teal-tint),transparent 58%),var(--paper)}.drum-three-stage{position:relative;min-width:0;height:560px;isolation:isolate}.drum-three-stage:before{content:"";position:absolute;inset:18% 6%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--rust) 10%,transparent),transparent 70%);pointer-events:none}.drum-three-mount{position:absolute;inset:-12px -36px;pointer-events:none;z-index:1}.drum-three-mount canvas{display:block;width:100%;height:100%}.drum-three-drag{display:none}.drum-three-stage.is-ready .drum-three-drag{display:block;position:absolute;inset:15% 12% 14%;z-index:2;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.drum-three-drag.is-dragging{cursor:grabbing!important}.drum-three-fallback{margin:0;position:absolute;inset:5% 0;display:grid;align-items:center}.drum-three-fallback img{width:100%;height:auto;border-radius:14px}.drum-three-stage.is-ready .drum-three-fallback{display:none}@media(max-width:1100px){.drum-three-stage{height:490px}}@media(max-width:800px){.drum-three-stage{height:480px;max-width:620px;width:100%;margin:auto}.drum-three-mount{inset:-12px -20px}}@media(max-width:520px){.drum-three-stage{height:420px}.drum-three-mount{inset:-12px -20px}.drum-three-stage.is-ready .drum-three-drag{inset:17% 10% 16%}}@media(max-width:360px){.drum-three-stage{height:380px}}