/* Madhu Kamath site controls, the same everywhere:
   the arrow (Explore) and the key and lock (Self). Beige, brown and brass. */
.mk-choose{display:flex;justify-content:center;align-items:flex-start;gap:44px;margin:44px auto 10px;flex-wrap:wrap}
.mk-pick,.mk-arrow-inline{display:inline-flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none!important;color:#5A2A18!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;min-width:0!important;cursor:pointer;font:500 10.5px/1 "Cormorant Garamond",Georgia,serif!important;letter-spacing:.28em!important;text-transform:uppercase}
.mk-pick .mk-ring,.mk-arrow-inline .mk-ring{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(168,121,46,.75);background:rgba(243,235,227,.82);box-shadow:0 2px 10px rgba(20,10,4,.18);transition:background .3s}
.mk-pick:hover .mk-ring,.mk-arrow-inline:hover .mk-ring{background:#F3EBE3}
.mk-pick svg.ar,.mk-arrow-inline svg.ar{width:20px;height:20px}
.mk-pick .kl{display:inline-flex;align-items:center;gap:1px}
.mk-pick .kl .k{width:14px;height:10px;transition:transform .45s cubic-bezier(.4,0,.2,1);transform-origin:3px 6px}
.mk-pick .kl .l{width:10px;height:13px}
.mk-pick:hover .kl .k{transform:translateX(2px) rotate(-90deg)}
.mk-pick:focus-visible,.mk-arrow-inline:focus-visible{outline:2px solid #A8792E;outline-offset:4px;border-radius:6px}