.jo-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow-y:auto;background:var(--jo-marble);animation:jo-menu-in .25s ease both}.jo-menu[hidden]{display:none!important}@keyframes jo-menu-in{0%{opacity:0}to{opacity:1}}.jo-menu__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left center}@media screen and (min-width:640px){.jo-menu__bg{object-position:center}}.jo-menu__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fdfcf98c,#fdfcf966,#fdfcf9b3)}.jo-menu__bloom{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 0%,rgba(174,198,207,.28),transparent 60%)}.jo-menu__inner{position:relative;margin:0 auto;display:flex;min-height:100%;max-width:102.4rem;flex-direction:column;padding:2.4rem 2rem}@media screen and (min-width:640px){.jo-menu__inner{padding:2.4rem 3.2rem}}.jo-menu__top{display:flex;align-items:flex-start;justify-content:space-between}.jo-menu__fav{display:inline-flex;align-items:center;gap:1rem;border-radius:999px;border:1px solid rgba(64,95,108,.25);background:#fdfcf9cc;padding:1rem 1.6rem;color:var(--jo-ink);text-decoration:none;transition:border-color .2s ease,background .2s ease}.jo-menu__fav:hover{border-color:var(--jo-aegean-deep);background:var(--jo-marble);color:var(--jo-ink)}.jo-menu__fav-icon{display:flex;color:var(--jo-aegean-deep)}.jo-menu__fav:hover .jo-menu__fav-icon svg{fill:var(--jo-aegean-deep)}.jo-menu__fav-label{font-size:1.1rem;text-transform:uppercase;letter-spacing:.22em}.jo-menu__close{border-radius:999px;border:1px solid transparent;background:none;padding:1rem;color:var(--jo-ink);cursor:pointer;display:flex;transition:border-color .2s ease,color .2s ease}.jo-menu__close:hover{border-color:#405f6c4d;color:var(--jo-aegean-deep)}.jo-menu__brand{margin-top:2.4rem;display:flex;flex-direction:column;align-items:center}.jo-menu__mark{width:6.4rem;height:6.4rem;object-fit:contain}.jo-menu__wordmark{margin-top:1.2rem;font-family:var(--font-heading-family);font-size:1.8rem;text-transform:uppercase;letter-spacing:.28em;color:var(--jo-ink)}.jo-menu__wordmark-gilt{color:var(--jo-gold-deep)}@media screen and (min-width:640px){.jo-menu__brand{margin-top:3.2rem}.jo-menu__mark{width:8rem;height:8rem}.jo-menu__wordmark{font-size:2rem}}.jo-menu__houses{margin-top:3.2rem}@media screen and (min-width:640px){.jo-menu__houses{margin-top:4rem}}.jo-menu__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}@media screen and (min-width:640px){.jo-menu__grid{gap:1.6rem}}@media screen and (min-width:990px){.jo-menu__grid{grid-template-columns:repeat(4,1fr)}}.jo-case{position:relative;display:flex;min-height:16.8rem;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:1.6rem;border:1px solid var(--jo-black-soft);background:#fdfcf9d9;padding:1.6rem;text-decoration:none;color:inherit;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;animation:jo-case-in .4s ease both;animation-delay:var(--jo-case-delay, 0ms)}@keyframes jo-case-in{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:translateY(0)}}.jo-case:hover{transform:translateY(-.4rem);border-color:var(--jo-black);background:var(--jo-marble);box-shadow:0 18px 40px -24px #17171a80}.jo-case__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(227,211,164,.45),transparent 60%);opacity:0;transition:opacity .3s ease}.jo-case:hover .jo-case__wash{opacity:1}.jo-case__numeral{position:absolute;right:1.6rem;top:1.2rem;font-family:var(--font-heading-family);font-size:3rem;line-height:1;color:#b08d2d26;transition:color .3s ease}.jo-case:hover .jo-case__numeral{color:#b08d2d4d}.jo-house-illo{position:absolute;left:50%;top:2rem;width:6.4rem;height:6.4rem;transform:translate(-50%);color:#8a6d1899;transition:transform .5s ease,color .5s ease}.jo-case:hover .jo-house-illo{transform:translate(-50%) scale(1.05);color:var(--jo-gold-deep)}.jo-case__body{position:relative;display:block}.jo-case__eyebrow{display:block;font-size:.9rem;text-transform:uppercase;letter-spacing:.22em;color:var(--jo-gold-deep)}.jo-case__title{display:block;margin-top:.4rem;font-family:var(--font-heading-family);font-size:2rem;color:var(--jo-ink)}.jo-case__cue{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.22em;color:var(--jo-gold-deep);opacity:0;transition:opacity .3s ease}.jo-case:hover .jo-case__cue{opacity:1}.jo-case__rule{position:absolute;bottom:0;left:0;height:1px;width:0;background:linear-gradient(to right,var(--jo-gold),transparent);transition:width .5s ease}.jo-case:hover .jo-case__rule{width:100%}@media screen and (min-width:640px){.jo-case{min-height:21rem;padding:2rem}.jo-house-illo{top:2.8rem;width:8rem;height:8rem}.jo-case__numeral{font-size:3.6rem}.jo-case__eyebrow,.jo-case__cue{font-size:1rem}.jo-case__title{font-size:2.4rem}}.jo-menu__account{margin-top:3.2rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}@media screen and (min-width:640px){.jo-menu__account{margin-top:4rem;flex-direction:row;justify-content:center}}.jo-menu__btn{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.8rem;border-radius:999px;padding:1.2rem 2.8rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.22em;text-decoration:none;transition:background .2s ease,border-color .2s ease}@media screen and (min-width:640px){.jo-menu__btn{width:auto}}.jo-menu__btn--outline{border:1px solid rgba(64,95,108,.4);color:var(--jo-ink)}.jo-menu__btn--outline:hover{border-color:var(--jo-aegean-deep);background:#aec6cf40;color:var(--jo-ink)}.jo-menu__btn--solid{background:var(--jo-aegean-deep);color:var(--jo-marble);border:1px solid var(--jo-aegean-deep)}.jo-menu__btn--solid:hover{background:var(--jo-aegean-ink);border-color:var(--jo-aegean-ink);color:var(--jo-marble)}.jo-menu__foot{margin-top:auto;padding-top:4rem}.jo-menu__hairline{display:block;margin:0 auto;height:1px;width:9.6rem;background:#405f6c33}.jo-menu__secondary{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:3.2rem;padding-bottom:.8rem}.jo-menu__secondary a{font-size:1.1rem;text-transform:uppercase;letter-spacing:.22em;color:var(--jo-ink-soft);text-decoration:none;transition:color .2s ease}.jo-menu__secondary a:hover{color:var(--jo-aegean-deep)}.jo-menu-trigger{display:inline-flex;align-items:center;gap:.8rem;border:1px solid rgba(64,95,108,.25);background:transparent;border-radius:999px;padding:.9rem 1.8rem;color:var(--jo-ink);cursor:pointer;font-size:1.1rem;text-transform:uppercase;letter-spacing:.22em;transition:border-color .2s ease,background .2s ease}.jo-menu-trigger:hover{border-color:var(--jo-aegean-deep);background:#aec6cf33}.jo-header-account{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:999px;border:1px solid rgba(64,95,108,.25);color:var(--jo-aegean-deep);text-decoration:none;flex-shrink:0;transition:border-color .2s ease,background .2s ease}.jo-header-account:hover{border-color:var(--jo-aegean-deep);background:#aec6cf33;color:var(--jo-aegean-ink)}.jo-header-left{display:inline-flex;align-items:center;gap:1.4rem}@media screen and (max-width:749px){.jo-menu-trigger{padding:.9rem 1.2rem}.jo-menu-trigger span{display:none}.jo-header-account{width:3.6rem;height:3.6rem}}@media(prefers-reduced-motion:reduce){.jo-menu,.jo-case{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-jo-menu.css.map */