.variant-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:1.25rem;background:rgba(10,13,16,.78);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .2s ease}.variant-modal.visible{opacity:1;pointer-events:auto}.variant-panel{position:relative;width:min(100%,420px);padding:2rem;background:var(--ink);border:1px solid var(--lime);box-shadow:9px 9px 0 var(--orange);transform:translateY(16px);transition:transform .2s ease}.variant-modal.visible .variant-panel{transform:translateY(0)}.variant-panel .eyebrow{margin-bottom:.9rem}.variant-panel h3{font-size:2.8rem}.variant-copy{margin:1rem 0 1.3rem;color:#c5c0b9;font-size:.86rem;line-height:1.5}.variant-options{display:grid;gap:.65rem}.variant-options button{width:100%;border:1px solid var(--line);background:transparent;color:var(--cream);padding:1rem;text-align:left;font:800 1rem 'DM Sans';cursor:pointer}.variant-options button:hover,.variant-options button:focus-visible{color:var(--ink);background:var(--lime);border-color:var(--lime);outline:0}.variant-close{position:absolute;top:.7rem;right:.8rem;border:0;background:transparent;color:var(--cream);font-size:1.7rem;line-height:1;cursor:pointer}@media(max-width:600px){.variant-panel{padding:1.5rem}.variant-panel h3{font-size:2.4rem}.variant-options button{padding:1.05rem}}