.jy-nav{box-sizing:border-box;position:fixed;z-index:1000;top:0;left:0;width:100%;padding:1.966rem 1rem 0;font-family:var(--jy-font-body);color:var(--jy-nav-text);pointer-events:none;transform:translateY(0);transition:transform .34s var(--jy-ease-reveal,cubic-bezier(.22,1,.36,1))}
.jy-nav[data-nav-scroll-state="hidden"]{transform:translateY(calc(-100% - 2.25rem))}
.jy-nav *{box-sizing:border-box}
.jy-nav__shell{position:relative;z-index:1;display:flex;align-items:center;width:min(100%,60.401rem);height:3.548rem;margin:0 auto;padding:.25rem 1.5rem;border:1px solid var(--jy-nav-border);border-radius:1rem;background:var(--jy-nav-surface);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}
.jy-nav__logo{display:flex;flex:0 0 auto;align-items:center;width:8rem;height:2.985rem;color:inherit}
.jy-nav__logo img{display:block;width:100%;height:100%;object-fit:contain}
.jy-nav__menu-button{display:none;margin-left:auto;width:2.5rem;height:2.5rem;padding:.55rem;border:1px solid var(--jy-nav-border);border-radius:.75rem;background:transparent;color:var(--jy-text-primary);cursor:pointer}
.jy-nav__menu-icon{position:relative;display:block;width:100%;height:100%}
.jy-nav__menu-icon::before,.jy-nav__menu-icon::after{content:"";position:absolute;left:50%;width:1.25rem;height:1px;background:currentColor;transform:translateX(-50%);transition:transform var(--jy-duration-nav,667ms) cubic-bezier(.65,0,.35,1),top var(--jy-duration-nav,667ms) cubic-bezier(.65,0,.35,1)}
.jy-nav__menu-icon::before{top:36%}.jy-nav__menu-icon::after{top:64%}
.jy-nav[data-menu-open="true"] .jy-nav__menu-icon::before{top:50%;transform:translateX(-50%) rotate(45deg)}
.jy-nav[data-menu-open="true"] .jy-nav__menu-icon::after{top:50%;transform:translateX(-50%) rotate(-45deg)}
.jy-nav__menu-icon span{display:none}
.jy-nav__menu{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;margin-left:3.75rem}
.jy-nav__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:100%;margin:0;padding:0;list-style:none}
.jy-nav__item{position:relative;justify-self:center;margin:0;padding:0}
.jy-nav__link,.jy-nav__product-trigger{display:inline-flex;align-items:center;min-height:2.5rem;padding:0;border:0;background:transparent;color:inherit;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap;cursor:pointer}
.jy-nav__link:hover,.jy-nav__link:focus-visible,.jy-nav__product-trigger:hover,.jy-nav__product-trigger:focus-visible,.jy-nav__item.is-active>.jy-nav__product-trigger,.jy-nav__link[aria-current="page"]{color:var(--jy-action-primary)}
.jy-nav__product-trigger{gap:.4rem}
.jy-nav__product-trigger svg{width:.75rem;color:var(--jy-action-primary);transition:transform var(--jy-duration-base) cubic-bezier(.25,.46,.45,.94)}
.jy-nav__item[data-dropdown-open="true"] .jy-nav__product-trigger svg{transform:rotate(180deg)}
.jy-nav__dropdown{position:absolute;top:100%;left:50%;width:min(44rem,calc(100vw - 2rem));padding-top:.55rem;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0 round .75rem);transform:translate(-31%,-.5rem);transform-origin:50% 0;transition:opacity var(--jy-duration-exit,300ms) ease,transform var(--jy-duration-exit,300ms) var(--jy-ease-reveal,cubic-bezier(.22,1,.36,1)),clip-path var(--jy-duration-exit,300ms) var(--jy-ease-smooth,cubic-bezier(.65,0,.35,1)),visibility 0s linear var(--jy-duration-exit,300ms)}
.jy-nav__item[data-dropdown-open="true"] .jy-nav__dropdown{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0 0 0 0 round .75rem);transform:translate(-31%,0);transition:opacity var(--jy-duration-nav,667ms) ease,transform var(--jy-duration-nav,667ms) var(--jy-ease-reveal,cubic-bezier(.22,1,.36,1)),clip-path var(--jy-duration-nav,667ms) var(--jy-ease-smooth,cubic-bezier(.65,0,.35,1)),visibility 0s}
.jy-nav__dropdown-panel{padding:.65rem;border:1px solid var(--jy-nav-border);border-radius:.75rem;background:var(--jy-nav-dropdown-surface);box-shadow:var(--jy-shadow-float)}
.jy-nav__products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none}
.jy-nav__overview-item{grid-column:1/-1;padding-bottom:.35rem;margin-bottom:.1rem;border-bottom:1px solid var(--jy-nav-border)}
.jy-nav__overview,.jy-nav__product{display:flex;align-items:center;min-height:2.75rem;padding:.7rem .75rem;border-radius:.5rem;color:inherit;font-size:.875rem;font-weight:600;text-decoration:none}
.jy-nav__overview{justify-content:space-between;color:var(--jy-action-primary)}
.jy-nav__overview::after{content:"→"}
.jy-nav__product{position:relative;display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:.65rem;min-height:5.4rem;padding:.45rem;overflow:hidden;background:var(--jy-color-ink-a04)}
.jy-nav__product-media{position:relative;display:block;overflow:hidden;width:4.25rem;aspect-ratio:1;border-radius:.4rem;background:var(--jy-color-paper-100)}
.jy-nav__product-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .5s var(--jy-ease-reveal,cubic-bezier(.22,1,.36,1))}
.jy-nav__product-media img+img{opacity:0;transform:scale(1.035)}
.jy-nav__product-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;line-height:1.3}
.jy-nav__product-copy small{margin-top:.2rem;color:var(--jy-text-secondary);font-size:.68rem;font-weight:500}
.jy-nav__product:hover .jy-nav__product-media img:first-child,.jy-nav__product:focus-visible .jy-nav__product-media img:first-child{opacity:0;transform:scale(.97)}
.jy-nav__product:hover .jy-nav__product-media img+img,.jy-nav__product:focus-visible .jy-nav__product-media img+img{opacity:1;transform:scale(1)}
.jy-nav__overview-item,.jy-nav__products>li:not(.jy-nav__overview-item){opacity:0;transform:translateY(-.75rem);transition:opacity var(--jy-duration-exit,300ms) ease,transform var(--jy-duration-exit,300ms) var(--jy-ease-reveal,cubic-bezier(.22,1,.36,1))}
.jy-nav__item[data-dropdown-open="true"] .jy-nav__overview-item,.jy-nav__item[data-dropdown-open="true"] .jy-nav__products>li:not(.jy-nav__overview-item){opacity:1;transform:translateY(0);transition-duration:var(--jy-duration-reveal,700ms)}
.jy-nav__item[data-dropdown-open="true"] .jy-nav__products>li:nth-child(2){transition-delay:.08s}.jy-nav__item[data-dropdown-open="true"] .jy-nav__products>li:nth-child(3){transition-delay:.14s}.jy-nav__item[data-dropdown-open="true"] .jy-nav__products>li:nth-child(4){transition-delay:.2s}.jy-nav__item[data-dropdown-open="true"] .jy-nav__products>li:nth-child(5){transition-delay:.26s}.jy-nav__item[data-dropdown-open="true"] .jy-nav__products>li:nth-child(6){transition-delay:.32s}.jy-nav__item[data-dropdown-open="true"] .jy-nav__products>li:nth-child(7){transition-delay:.38s}
.jy-nav__overview:hover,.jy-nav__overview:focus-visible,.jy-nav__product:hover,.jy-nav__product:focus-visible,.jy-nav__overview[aria-current="page"],.jy-nav__product[aria-current="page"]{background:var(--jy-nav-active-bg);color:var(--jy-nav-active-text)}
.jy-nav__quote{display:inline-flex;align-items:center;justify-content:center;height:3rem;padding:0 1rem;border:1px solid var(--jy-color-ink-950);border-radius:.75rem;background:var(--jy-color-ink-950);color:var(--jy-text-inverse);font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap;transition:background var(--jy-duration-fast) ease,color var(--jy-duration-fast) ease}
.jy-nav__quote:hover,.jy-nav__quote:focus-visible{background:transparent;color:var(--jy-text-primary)}
.jy-nav__actions{display:flex;align-items:center;gap:.5rem}
.jy-nav__locale{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:1px solid var(--jy-nav-border);border-radius:.75rem;background:transparent;color:var(--jy-text-primary);font:600 .75rem/1 var(--jy-font-body);letter-spacing:.04em}
.jy-nav__locale:not(:disabled):hover,.jy-nav__locale:not(:disabled):focus-visible{border-color:var(--jy-action-primary);color:var(--jy-action-primary);cursor:pointer}
.jy-nav__locale:disabled{color:var(--jy-text-secondary);cursor:not-allowed;opacity:.7}
.jy-nav :focus-visible{outline:2px solid var(--jy-focus-ring);outline-offset:3px}
.jy-nav__backdrop{display:none}
body.jy-nav-lock{overflow:hidden}
@media(max-width:991px){
  .jy-nav{padding:1.851rem 1.801rem 0}
  .jy-nav__shell{width:100%;height:3.394rem;padding:.125rem 1.5rem}
  .jy-nav[data-menu-open="true"] .jy-nav__shell{height:3.394rem;background:var(--jy-color-white);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .jy-nav__logo{width:8rem;height:3.082rem}
  .jy-nav__menu-button{display:block}
  .jy-nav__menu{position:absolute;z-index:2;top:calc(100% + .5625rem);right:-1px;left:-1px;display:flex;flex-direction:column;align-items:flex-start;width:auto;max-height:calc(100dvh - 6.5rem);margin:0;padding:1rem 1.5rem 1.25rem;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--jy-nav-border);border-radius:.75rem;background:var(--jy-color-white);box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0 round .75rem);transform:translateY(-.5rem) scale(.992);transform-origin:50% 0;transition:opacity .28s ease,transform .44s cubic-bezier(.25,.46,.45,.94),clip-path .44s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .44s}
  .jy-nav[data-menu-open="true"] .jy-nav__menu{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0 0 0 0 round .75rem);transform:translateY(0) scale(1);transition-delay:0s}
  .jy-nav__list{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:.1rem}
  .jy-nav__item{justify-self:stretch;width:100%;opacity:0;transform:translateY(-.35rem);transition:opacity .28s ease,transform .38s cubic-bezier(.25,.46,.45,.94)}
  .jy-nav[data-menu-open="true"] .jy-nav__item{opacity:1;transform:translateY(0)}
  .jy-nav[data-menu-open="true"] .jy-nav__item:nth-child(1){transition-delay:.08s}.jy-nav[data-menu-open="true"] .jy-nav__item:nth-child(2){transition-delay:.12s}.jy-nav[data-menu-open="true"] .jy-nav__item:nth-child(3){transition-delay:.16s}.jy-nav[data-menu-open="true"] .jy-nav__item:nth-child(4){transition-delay:.2s}.jy-nav[data-menu-open="true"] .jy-nav__item:nth-child(5){transition-delay:.24s}
  .jy-nav__link,.jy-nav__product-trigger{display:flex;width:100%;padding:.75rem 0;font-size:1rem}
  .jy-nav__product-trigger{justify-content:flex-start;gap:.4rem;text-align:left}
  .jy-nav__dropdown{position:static;width:auto;min-width:0;max-height:0;margin:0;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;clip-path:none;transform:translateY(-.25rem);transition:max-height .42s cubic-bezier(.25,.46,.45,.94),opacity .24s ease,transform .42s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .42s}
  .jy-nav__item[data-dropdown-open="true"] .jy-nav__dropdown{max-height:28rem;margin:.15rem 0 .4rem;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
  .jy-nav__dropdown-panel{padding:.35rem;border:0;border-radius:.65rem;background:var(--jy-color-ink-a04);box-shadow:none}
  .jy-nav__products{grid-template-columns:1fr 1fr}
  .jy-nav__product{grid-template-columns:1fr;min-height:2.75rem;padding:.7rem .75rem;background:transparent}
  .jy-nav__product-media,.jy-nav__product-copy small{display:none}
  .jy-nav__overview-item,.jy-nav__products>li:not(.jy-nav__overview-item){opacity:1;transform:none;transition:none}
  .jy-nav__actions{align-self:flex-start;margin-top:.5rem;opacity:0;transform:translateY(-.35rem);transition:opacity .28s ease .28s,transform .38s cubic-bezier(.25,.46,.45,.94) .28s}
  .jy-nav[data-menu-open="true"] .jy-nav__actions{opacity:1;transform:translateY(0)}
  .jy-nav__backdrop{position:fixed;z-index:0;inset:0;display:block;border:0;background:var(--jy-nav-backdrop);opacity:0;pointer-events:none;transition:opacity var(--jy-duration-fast) ease}
  .jy-nav[data-menu-open="true"] .jy-nav__backdrop{opacity:1;pointer-events:auto}
}
@media(max-width:479px){
  .jy-nav{padding:1.766rem 1.125rem 0}
  .jy-nav__shell{height:2.998rem;padding:.125rem .75rem}
  .jy-nav[data-menu-open="true"] .jy-nav__shell{height:2.998rem}
  .jy-nav__logo{width:6rem;height:2.686rem}
  .jy-nav__menu-button{width:2.5rem;height:2.5rem;padding:.55rem}
  .jy-nav__menu{max-height:calc(100dvh - 5.75rem);padding:1rem 1.25rem 1.25rem}
  .jy-nav__products{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.jy-nav{transition:none}.jy-nav *,.jy-nav *::before,.jy-nav *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
