/* NAGARA full-screen menu — additive only, does not alter homepage layout. */
.site-menu{
  position:fixed;
  inset:0;
  z-index:5000;
  pointer-events:none;
  visibility:hidden;
  color:#f8f8f8;
}
.site-menu.is-open{pointer-events:auto;visibility:visible}
.site-menu__panel{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#080706;
  display:flex;
  flex-direction:column;
  clip-path:inset(0 0 100% 0);
}
.site-menu__top{
  min-height:7.2rem;
  padding-top:2rem!important;
  padding-bottom:2rem!important;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  flex:0 0 auto;
}
.site-menu__close{
  justify-self:start;
  appearance:none;
  background:transparent;
  color:inherit;
  border:1px solid rgba(248,248,248,.42);
  border-radius:100vw;
  padding:.66rem 1.25rem .58rem;
  font-family:var(--font--body-family);
  font-size:.88rem;
  line-height:1;
  letter-spacing:.02em;
  cursor:pointer;
  transition:border-color .35s ease,background-color .35s ease,color .35s ease;
}
.site-menu__close:hover{border-color:#f8f8f8;background:#f8f8f8;color:#080706}
.site-menu__brand{width:7.2rem;display:block;color:#f8f8f8}
.site-menu__brand .logo-svg path{fill:currentColor!important}
.site-menu__mark{
  justify-self:end;
  width:2.7rem;
  aspect-ratio:1;
  border:1px solid rgba(248,248,248,.78);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.28rem;
}
.site-menu__mark span{display:block;width:100%;height:1px;background:rgba(248,248,248,.78)}
.site-menu__body{
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(18rem,.65fr);
  gap:clamp(3rem,8vw,10rem);
  align-items:center;
  padding-top:2rem!important;
  padding-bottom:2rem!important;
}
.site-menu__primary{display:flex;flex-direction:column;align-items:stretch}
.site-menu__link{
  display:grid;
  grid-template-columns:3.5rem 1fr;
  align-items:baseline;
  border-top:1px solid rgba(248,248,248,.16);
  padding:.55rem 0 .7rem;
  position:relative;
  overflow:hidden;
}
.site-menu__link:last-child{border-bottom:1px solid rgba(248,248,248,.16)}
.site-menu__no{
  font-family:var(--font--body-family);
  font-size:.7rem;
  color:rgba(248,248,248,.48);
  transform:translateY(-.35rem);
}
.site-menu__label{
  font-family:var(--font--primary-family);
  text-transform:uppercase;
  letter-spacing:var(--letter-spacing--0-03em);
  font-size:clamp(3.9rem,7.1vw,8.8rem);
  line-height:.86;
  transition:transform .55s cubic-bezier(.22,1,.36,1),color .35s ease;
}
.site-menu__link::after{
  content:"";
  position:absolute;
  left:3.5rem;
  right:0;
  bottom:0;
  height:1px;
  background:#ab8d61;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.site-menu__link:hover .site-menu__label{transform:translateX(1.1rem);color:#c0a176}
.site-menu__link:hover::after{transform:scaleX(1)}
.site-menu__side{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.site-menu__eyebrow{font-size:.7rem;letter-spacing:.08em;margin-bottom:1rem;color:rgba(248,248,248,.55)}
.site-menu__preview{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#11100e;
}
.site-menu__preview::after{content:"";position:absolute;inset:0;border:1px solid rgba(248,248,248,.12);pointer-events:none}
.site-menu__preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04)}
.site-menu__preview-img.is-active{opacity:1;transform:scale(1)}
.site-menu__collection-list{margin-top:1.15rem}
.site-menu__collection-list a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:.72rem 0;
  border-bottom:1px solid rgba(248,248,248,.13);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.025em;
  color:rgba(248,248,248,.72);
  transition:color .3s ease;
}
.site-menu__collection-list a:hover{color:#c0a176}
.site-menu__collection-list a span:last-child{font-size:.62rem;color:rgba(248,248,248,.36)}
.site-menu__bottom{
  flex:0 0 auto;
  display:flex;
  justify-content:space-between;
  gap:2rem;
  padding-top:1.2rem!important;
  padding-bottom:1.7rem!important;
  border-top:1px solid rgba(248,248,248,.12);
  font-size:.67rem;
  letter-spacing:.035em;
  color:rgba(248,248,248,.48);
}
body.menu-open{overflow:hidden!important}
#site-menu-open{cursor:pointer}

@media(max-width:991px){
  .site-menu__body{grid-template-columns:1fr;gap:2.2rem;align-content:center;overflow:auto}
  .site-menu__side{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);column-gap:1.4rem;align-items:end}
  .site-menu__eyebrow{grid-column:1/-1}
  .site-menu__preview{aspect-ratio:16/10}
  .site-menu__collection-list{margin-top:0}
  .site-menu__label{font-size:clamp(3.3rem,11vw,6.8rem)}
}
@media(max-width:767px){
  .site-menu__top{min-height:5.5rem;padding-top:1.25rem!important;padding-bottom:1.25rem!important}
  .site-menu__close{padding:.58rem .9rem .52rem;font-size:.72rem}
  .site-menu__brand{width:6rem}
  .site-menu__mark{width:2.25rem}
  .site-menu__body{display:block;padding-top:5vh!important;padding-bottom:1rem!important}
  .site-menu__link{grid-template-columns:2.2rem 1fr;padding:.55rem 0 .65rem}
  .site-menu__link::after{left:2.2rem}
  .site-menu__label{font-size:clamp(3.25rem,14vw,5.25rem)}
  .site-menu__side{display:none}
  .site-menu__bottom{font-size:.58rem;align-items:flex-end}
  .site-menu__bottom span:last-child{text-align:right;max-width:16ch}
}