/* Homepage navigation language shared by the collection pages. */
:root{--header-height:94px}
.collection-site-header{
  position:sticky;
  inset:0 0 auto;
  z-index:40;
  height:94px;
  color:#1c3024;
  background:linear-gradient(to bottom,rgba(248,245,236,.99) 0,rgba(248,245,236,.96) 66%,rgba(248,245,236,.76) 86%,rgba(248,245,236,.18) 100%);
  border:0;
  box-shadow:none;
  backdrop-filter:blur(10px);
}
.collection-site-header .header-inner{
  width:min(1380px,calc(100% - 64px));
  height:76px;
  margin:auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:36px;
}
.collection-site-header .header-brand{
  min-width:215px;
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  column-gap:10px;
  color:#1c3024;
  line-height:1;
  text-decoration:none;
}
.collection-site-header .brand-leaf{
  grid-row:1/3;
  width:30px;
  height:30px;
  fill:none;
  stroke:#bb8e36;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.collection-site-header .brand-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  letter-spacing:.15em;
  text-transform:uppercase;
  white-space:nowrap;
}
.collection-site-header .brand-place{
  color:#bb8e36;
  font-size:9px;
  letter-spacing:.5em;
  text-transform:uppercase;
}
.collection-site-header .desktop-nav{
  justify-self:center;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(15px,1.8vw,31px);
}
.collection-site-header .desktop-nav a{
  position:relative;
  padding:12px 0;
  color:inherit;
  font-size:11px;
  font-weight:400;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
}
.collection-site-header .desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:5px;
  height:1px;
  background:#bb8e36;
  transition:right .25s;
}
.collection-site-header .desktop-nav a:hover::after,
.collection-site-header .desktop-nav a.is-current::after{right:0}
.collection-site-header .menu-button{
  display:none;
  width:42px;
  min-width:42px;
  height:44px;
  padding:8px;
  border:0;
  color:inherit;
  background:none;
  cursor:pointer;
}
.collection-site-header .menu-button span{
  display:block;
  width:23px;
  height:1.5px;
  margin:5px 0;
  background:currentColor;
}
.collection-site-header .bag-button{
  position:relative;
  z-index:3;
  justify-self:end;
  width:43px;
  height:48px;
  min-width:43px;
  padding:8px;
  border:0;
  color:inherit;
  background:none;
  cursor:pointer;
}
.collection-site-header .bag-shape{
  position:absolute;
  left:10px;
  top:14px;
  width:20px;
  height:23px;
  display:block;
  border:1.5px solid currentColor;
  border-radius:1px;
}
.collection-site-header .bag-shape i{
  position:absolute;
  left:4px;
  top:-8px;
  width:10px;
  height:9px;
  border:1.5px solid currentColor;
  border-bottom:0;
  border-radius:7px 7px 0 0;
}
.collection-site-header .bag-count{
  position:absolute;
  z-index:2;
  top:2px;
  right:0;
  min-width:17px;
  width:auto;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#bb8e36;
  font-size:9px;
}

@media (max-width:1240px) and (min-width:1024px){
  .collection-site-header .header-inner{width:calc(100% - 32px);gap:18px}
  .collection-site-header .header-brand{min-width:190px}
  .collection-site-header .brand-name{font-size:20px}
  .collection-site-header .desktop-nav{gap:13px}
  .collection-site-header .desktop-nav a{font-size:9px;letter-spacing:.09em}
}

@media (max-width:1023px){
  :root{--header-height:82px}
  .collection-site-header{height:82px}
  .collection-site-header .header-inner{width:calc(100% - 32px);height:62px;grid-template-columns:44px 1fr 44px;gap:5px}
  .collection-site-header .menu-button{display:block}
  .collection-site-header .desktop-nav{display:none}
  .collection-site-header .header-brand{justify-self:center;min-width:0;grid-template-columns:auto;text-align:center}
  .collection-site-header .brand-leaf{display:none}
  .collection-site-header .brand-name{font-size:17px;letter-spacing:.14em}
  .collection-site-header .brand-place{margin-top:5px;font-size:7px;letter-spacing:.42em}
  .mobile-menu-panel.mobile-nav{display:flex;flex-direction:column;margin:0;padding:32px;background:#faf7f0}
  .mobile-menu-panel.mobile-nav>a{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid rgba(28,48,36,.14);color:#bb8e36;font-family:Arial,sans-serif;font-size:10px;text-decoration:none}
  .mobile-menu-panel.mobile-nav>a span{color:#1c3024;font-family:Georgia,"Times New Roman",serif;font-size:25px}
  .mobile-menu-panel.mobile-nav>a[aria-current="page"] span{color:#8d682d}
}

@media (max-width:700px){
  .collection-site-header .header-inner{width:calc(100% - 24px)}
  .mobile-menu-panel.mobile-nav{padding:24px}
}

@media (max-width:760px){
  .women-page .women-hero,
  .men-page .collection-hero,
  .accessories-page .collection-hero{
    min-height:600px;
    color:#293d29;
    background:
      radial-gradient(circle at 10% 22%,rgba(255,255,255,.78),transparent 16rem),
      radial-gradient(rgba(69,62,47,.05) .7px,transparent .7px),
      #f3eddf;
    background-size:auto,7px 7px,auto;
  }

  .women-page .women-hero-image,
  .men-page .hero-photo,
  .accessories-page .hero-photo{
    inset:0 0 0 auto;
    left:auto;
    width:62%;
    height:100%;
    object-fit:cover;
    object-position:center top;
  }
  .men-page .hero-photo{object-position:48% top}
  .accessories-page .hero-photo{object-position:58% top}

  .women-page .women-hero-shade,
  .men-page .hero-shade,
  .accessories-page .hero-shade{
    background:
      linear-gradient(90deg,#f3eddf 0%,#f3eddf 37%,rgba(243,237,223,.98) 43%,rgba(243,237,223,.83) 49%,rgba(243,237,223,.5) 55%,rgba(243,237,223,.2) 62%,transparent 70%),
      linear-gradient(0deg,rgba(8,28,18,.2),transparent 32%);
  }

  .women-page .women-hero-copy,
  .men-page .hero-copy,
  .accessories-page .hero-copy{
    position:relative;
    inset:auto;
    width:calc(100% - 28px);
    min-height:600px;
    margin-inline:auto;
    padding:22px 0 28px;
    justify-content:center;
    align-items:flex-start;
    color:#293d29;
  }

  .women-page .women-hero-copy::before,
  .men-page .hero-copy::before,
  .accessories-page .hero-copy::before{
    content:"";
    display:block;
    position:absolute;
    z-index:0;
    left:-145px;
    bottom:-82px;
    width:365px;
    height:300px;
    border:0;
    border-radius:0;
    background:
      radial-gradient(ellipse at 0 100%,transparent 0 43%,rgba(41,61,41,.1) 43.2% 43.7%,transparent 44%),
      radial-gradient(ellipse at 0 100%,transparent 0 55%,rgba(41,61,41,.075) 55.2% 55.7%,transparent 56%),
      radial-gradient(ellipse at 0 100%,transparent 0 67%,rgba(185,138,47,.09) 67.2% 67.7%,transparent 68%),
      radial-gradient(ellipse at 0 100%,transparent 0 79%,rgba(41,61,41,.055) 79.2% 79.7%,transparent 80%);
    box-shadow:none;
    pointer-events:none;
  }
  .women-page .women-hero-copy::after,
  .men-page .hero-copy::after,
  .accessories-page .hero-copy::after{
    content:"";
    display:block;
    position:absolute;
    z-index:0;
    left:0;
    top:12%;
    bottom:auto;
    width:1px;
    height:76%;
    border:0;
    border-radius:0;
    background:linear-gradient(transparent,#bd8c2f 16% 84%,transparent);
    opacity:.62;
    pointer-events:none;
  }

  .women-page .women-hero-copy>*,
  .men-page .hero-copy>*,
  .accessories-page .hero-copy>*{position:relative;z-index:1;max-width:45%}

  .women-page .hero-brand-lockup,
  .men-page .hero-brand-lockup,
  .accessories-page .hero-brand-lockup{
    width:45%;
    max-width:none;
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    row-gap:0;
    margin:0 0 14px;
    text-align:center;
  }
  .women-page .hero-brand-lockup>img,
  .men-page .hero-brand-lockup>img,
  .accessories-page .hero-brand-lockup>img{grid-row:auto;width:58px;height:54px;object-fit:contain}
  .women-page .hero-brand-lockup p,
  .men-page .hero-brand-lockup p,
  .accessories-page .hero-brand-lockup p{margin:3px 0 5px;font-size:10px;line-height:1.05}
  .women-page .hero-brand-lockup p span,
  .men-page .hero-brand-lockup p span,
  .accessories-page .hero-brand-lockup p span{font-size:9px}
  .women-page .hero-reference-rule,
  .men-page .hero-reference-rule,
  .accessories-page .hero-reference-rule{grid-column:auto;width:76px;gap:5px}
  .women-page .hero-reference-rule img,
  .men-page .hero-reference-rule img,
  .accessories-page .hero-reference-rule img{width:12px;height:12px}

  .women-page .women-hero h1,
  .men-page .hero-copy h1,
  .accessories-page .hero-copy h1{
    max-width:46%;
    color:#293d29;
    font:500 clamp(32px,9.3vw,38px)/.8 Georgia,"Times New Roman",serif;
    letter-spacing:-.045em;
    text-transform:none;
  }
  .accessories-page .hero-copy h1{font-size:clamp(29px,8.5vw,34px)}
  .women-page .hero-title-rule,
  .men-page .hero-title-rule,
  .accessories-page .hero-title-rule{width:20px;height:2px;margin:13px 0 8px;background:#bd8c2f}
  .women-page .hero-subtitle,
  .men-page .hero-subtitle,
  .accessories-page .hero-subtitle{max-width:45%!important;margin:0;color:#946b29;font-size:13px;line-height:1.03}
  .women-page .hero-materials,
  .men-page .hero-materials,
  .accessories-page .hero-materials{max-width:46%;margin:11px 0 7px;font-size:5.2px;line-height:1.3;letter-spacing:.09em;white-space:nowrap}
  .women-page .hero-collection-link,
  .men-page .hero-collection-link,
  .accessories-page .hero-collection-link{max-width:47%;gap:9px;padding:5px 0 5px;font-size:6.2px;letter-spacing:.09em;white-space:nowrap}

  .women-page .hero-index,
  .men-page .hero-index,
  .accessories-page .hero-index{display:flex!important;right:9px;bottom:9px;gap:6px;color:#fff;font-size:5.5px;letter-spacing:.12em}
  .women-page .hero-index span:first-child,
  .men-page .hero-index strong,
  .accessories-page .hero-index strong{font-size:19px}
}