.palette-card{color:#101010;flex-direction:column;align-items:center;gap:1.75rem;padding:0;display:flex}.palette-card__intro{text-align:center;max-width:34rem}.palette-card__heading{margin:0 0 .5rem;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;line-height:1.15}.palette-card__lede{color:#5a5a5a;margin:0;font-size:.95rem;line-height:1.6}.palette-card__stage{background:#fff;border:1px solid #d8d6d2;width:100%;max-width:22rem;padding:.5rem}.palette-card__canvas{aspect-ratio:1080/1440;width:100%;height:auto;display:block}.palette-card__actions{flex-direction:column;align-items:center;gap:.6rem;display:flex}.palette-card__button{appearance:none;color:#f3f3f3;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#101010;border:1px solid #101010;padding:.85rem 1.6rem;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:.8rem;transition:background .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1)}.palette-card__button:hover{color:#101010;background:#f3f3f3}.palette-card__button:focus-visible{outline-offset:3px;outline:2px solid #101010}.palette-card__status{color:#5a5a5a;min-height:1.2em;margin:0;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:.75rem}.palette-card__record{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.palette-card__button{transition:none}}