/* Account menu: profile icon in the header, between the theme switch and the cart. */
.ar-account{position:relative;display:inline-flex}
.ar-account__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;cursor:pointer;color:var(--linen);transition:color .3s ease}
.ar-account__btn:hover,.ar-account__btn[aria-expanded=true]{color:var(--stone)}
.ar-account__btn svg{width:18px;height:18px}
.ar-account__btn:focus-visible,.ar-account__menu a:focus-visible{outline:2px solid var(--stone);outline-offset:2px}

.ar-account__menu{position:absolute;top:calc(100% + 8px);right:-8px;z-index:120;min-width:230px;padding:8px 0;background:var(--void);border:1px solid var(--slate);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.ar-account__menu[hidden]{display:none}
.ar-account__label{margin:0;padding:10px 20px 12px;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ash);border-bottom:1px solid var(--slate)}
.ar-account__menu ul{list-style:none;margin:0;padding:6px 0 0}
.ar-account__menu a{display:block;padding:12px 20px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--linen);text-decoration:none;transition:color .2s ease,background .2s ease}
.ar-account__menu a:hover{color:var(--stone);background:var(--charcoal)}
.ar-account__menu small{display:block;margin-top:4px;font-size:11px;letter-spacing:.02em;text-transform:none;color:var(--ash)}

/* Match the other header icons when the nav sits over a hero photo. */
.ar-nav--over-photo:not(.is-scrolled) .ar-account__btn{color:#d9d5cf}
.ar-nav--over-photo:not(.is-scrolled) .ar-account__btn:hover{color:#7cc5bd}