/* Compact sketch-based homepage category rail */
.hero-collection-card{
  position:relative;
  z-index:0;
  overflow:hidden;
  box-shadow:0 3px 9px rgba(23,23,19,.10),inset 0 1px 0 rgba(255,255,255,.62);
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease
}
.hero-collection-sketch{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  min-height:0;
  overflow:visible;
  opacity:.60;
  pointer-events:none
}
.hero-collection-sketch img{
  display:block;
  width:min(112%,145px);
  max-width:none;
  height:84px;
  object-fit:contain;
  transform:scale(var(--category-sketch-zoom,1));
  transform-origin:center;
  transition:transform .2s ease;
  filter:contrast(1.15)
}
.hero-collection-copy{
  position:relative;
  z-index:1;
  display:grid;
  place-self:end start;
  place-items:start;
  gap:1px;
  width:100%;
  min-width:0;
  padding:0 2px 2px;
  text-align:left
}
.hero-collection-toggle{display:none}
@media(min-width:901px){
  .hero.hero-collection-split{
    --hero-left-gutter:clamp(32px,4.75vw,88px);
    width:calc(100% - (2 * var(--hero-left-gutter)));
    margin-inline:var(--hero-left-gutter);
    grid-template-columns:minmax(300px,18.5%) minmax(0,81.5%)
  }
  .hero-collection-panel{padding:0!important}
  .hero-collection-grid{
    --category-frame:rgba(23,23,19,.24);
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px!important;
    border:1px solid var(--category-frame)!important;
    background:var(--category-frame)!important
  }
  .hero-collection-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr!important;
    place-items:center!important;
    gap:0!important;
    min-height:0!important;
    padding:8px 9px!important;
    border:0!important;
    outline:0!important;
    background:var(--paper,#E8EBE4)!important;
    background-image:none!important;
    color:var(--ink,#171713)!important
  }
  .hero-collection-card::before{display:none!important}
  .hero-collection-card:hover{
    z-index:2;
    transform:translateY(-2px);
    box-shadow:0 7px 16px rgba(23,23,19,.15),inset 0 1px 0 rgba(255,255,255,.7);
    background:#f0eee8!important
  }
  .hero-collection-card strong{font-size:clamp(11px,.9vw,14px)!important;font-weight:500!important;line-height:1.2!important}
  .hero-collection-count{font-size:7px!important;color:#625e57!important;opacity:1!important}
}
@media(max-width:900px){
  .hero.hero-collection-split{width:100%;margin-left:0}
  .hero-collection-grid{
    --category-frame:rgba(23,23,19,.24);
    border:1px solid var(--category-frame)!important;
    background:var(--category-frame)!important
  }
  .hero-collection-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr!important;
    place-items:center!important;
    gap:0!important;
    padding:8px!important;
    border:0!important;
    background:var(--paper,#E8EBE4)!important;
    background-image:none!important;
    color:var(--ink,#171713)!important
  }
  .hero-collection-card::before{display:none!important}
  .hero-collection-sketch img{width:min(116%,158px);max-width:none;height:96px}
  .hero-collection-card:active{transform:translateY(1px);box-shadow:0 1px 4px rgba(23,23,19,.11),inset 0 1px 0 rgba(255,255,255,.55)}
  .hero-collection-card strong{font-size:14px!important;font-weight:500!important;line-height:1.2!important}
  .hero-collection-count{font-size:7px!important;color:#625e57!important;opacity:1!important}
}
@media(max-width:560px){
  .hero-visual{order:1}
  .hero-collection-panel{box-sizing:border-box;order:2;width:100%;padding:12px 16px 16px!important}
  .hero-collection-view-all{display:none!important}
  .hero-collection-grid{
    box-sizing:border-box;
    width:100%;
    margin:0!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:1px!important
  }
  .hero-collection-card{
    min-height:107px!important;
    padding:7px 5px!important
  }
  .hero-collection-sketch{opacity:.60}
  .hero-collection-sketch img{width:47px;height:44px;filter:contrast(1.28) saturate(.9)}
  .hero-collection-copy{place-self:end start;place-items:start;width:100%;padding:0 2px 2px;text-align:left}
  .hero-collection-card strong{
    max-width:100%;
    font-size:clamp(10px,2.8vw,12px)!important;
    font-weight:500!important;
    line-height:1.12!important;
    overflow-wrap:anywhere
  }
  .hero-collection-count{margin-top:3px;font-size:7px!important;line-height:1!important;color:#403d37!important}
  .hero-collection-panel [data-category-card]{display:grid!important}
  .hero-collection-toggle{display:none!important}
}

/* Floating homepage catalog: mobile only */
.floating-catalog-trigger,
.floating-catalog-backdrop,
.floating-catalog-header,
.floating-catalog-footer,
.floating-catalog-panel{display:none}

@media(max-width:560px){
  body.catalog-panel-open{overflow:hidden}
  .hero.hero-collection-split{
    display:block!important;
    position:relative;
    height:auto!important;
    min-height:0!important;
    max-height:none!important
  }
  .hero.hero-collection-split .hero-visual{
    width:100%;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9;
    overflow:hidden;
    background:var(--paper,#E8EBE4)
  }
  .hero.hero-collection-split .hero-slider,
  .hero.hero-collection-split .hero-slide,
  .hero.hero-collection-split .hero-slide-media{
    width:100%!important;
    height:100%!important;
    min-height:0!important
  }
  .hero.hero-collection-split .hero-slide-media{
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important
  }
  #ready-stock.catalog-section{padding-top:32px}
  .floating-catalog-trigger{
    position:fixed;
    z-index:58;
    top:50%;
    right:0;
    bottom:auto;
    left:auto;
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:46px;
    padding:0 15px 0 12px;
    border:1px solid rgba(23,23,19,.74);
    border-right:0;
    border-radius:24px 0 0 24px;
    background:rgba(23,23,19,.94);
    color:#f7f5ee;
    box-shadow:-7px 10px 26px rgba(23,23,19,.2);
    backdrop-filter:blur(10px);
    font:600 9px/1 Poppins,Arial,sans-serif;
    letter-spacing:.16em;
    cursor:pointer;
    transform:translateY(-50%);
    transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease
  }
  .floating-catalog-trigger::before{
    content:"";
    width:15px;
    height:15px;
    flex:0 0 15px;
    background:radial-gradient(circle,#c99a48 1.5px,transparent 1.8px) 0 0/7.5px 7.5px
  }
  .floating-catalog-trigger:hover{transform:translate(-3px,-50%);box-shadow:-10px 12px 30px rgba(23,23,19,.24)}
  .floating-catalog-trigger:active{transform:translate(-1px,-50%) scale(.98)}
  .floating-catalog-trigger[aria-expanded="true"]{background:#aa7b28}
  .floating-catalog-trigger:focus-visible,
  .floating-catalog-header button:focus-visible{outline:2px solid #aa7b28;outline-offset:3px}
  .floating-catalog-backdrop{
    position:fixed;
    z-index:59;
    inset:0;
    display:block;
    background:rgba(15,15,12,.42);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease
  }
  .floating-catalog-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .hero-collection-panel.floating-catalog-panel{
    position:fixed!important;
    z-index:60;
    right:8px;
    bottom:64px;
    left:8px;
    display:block!important;
    width:auto;
    height:auto!important;
    max-height:calc(100vh - 82px);
    max-height:calc(100dvh - 82px);
    padding:11px!important;
    overflow-y:auto!important;
    border:1px solid rgba(23,23,19,.24);
    border-radius:18px 18px 10px 10px;
    background:var(--paper,#E8EBE4);
    box-shadow:0 24px 70px rgba(23,23,19,.28);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(14px) scale(.985);
    transform-origin:center bottom;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease
  }
  .hero-collection-panel.floating-catalog-panel.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1)
  }
  .floating-catalog-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:38px;
    padding:0 2px 10px
  }
  .floating-catalog-header strong{font-size:10px;font-weight:600;letter-spacing:.16em}
  .floating-catalog-header button{
    width:32px;
    height:32px;
    padding:0;
    border:1px solid rgba(23,23,19,.28);
    border-radius:50%;
    background:transparent;
    color:var(--ink,#171713);
    font:300 23px/1 Arial,sans-serif;
    cursor:pointer
  }
  .floating-catalog-panel .hero-collection-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:1px!important
  }
  .floating-catalog-panel .hero-collection-card{min-height:108px!important;padding:6px 5px!important}
  .floating-catalog-panel .hero-collection-sketch img{width:43px;height:40px}
  .floating-catalog-footer{display:flex;justify-content:flex-end;padding:11px 3px 1px}
  .floating-catalog-footer a{
    border-bottom:1px solid currentColor;
    font-size:9px;
    font-weight:600;
    letter-spacing:.13em
  }
}

@media(prefers-reduced-motion:reduce){
  .floating-catalog-trigger,
  .floating-catalog-backdrop,
  .hero-collection-panel.floating-catalog-panel{transition:none}
}


/* ALVIC-inspired full-bleed homepage hero */
.hero.hero-collection-split{
  display:block!important;
  position:relative;
  width:100%!important;
  height:clamp(620px,calc(100svh - 82px),800px)!important;
  min-height:620px!important;
  max-height:800px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#171713
}
.hero.hero-collection-split>.hero-collection-panel{
  display:none!important
}
.hero.hero-collection-split .hero-visual,
.hero.hero-collection-split .hero-slider,
.hero.hero-collection-split .hero-slide{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important
}
.hero.hero-collection-split .hero-slide{
  isolation:isolate
}
.hero.hero-collection-split .hero-slide::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,10,9,.66) 0%,rgba(10,10,9,.42) 38%,rgba(10,10,9,.08) 72%,rgba(10,10,9,.14) 100%)
}
.hero.hero-collection-split .hero-slide-media{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important
}
.hero-alvic-copy{
  position:absolute;
  z-index:2;
  top:50%;
  left:clamp(28px,5.4vw,84px);
  width:min(680px,58vw);
  color:#fff;
  transform:translateY(-42%)
}
.hero-alvic-copy h1{
  max-width:680px;
  margin:0;
  font:400 clamp(38px,4.1vw,64px)/1.12 Poppins,sans-serif;
  letter-spacing:-.035em;
  text-wrap:balance
}
.hero-alvic-cta{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-top:31px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.92);
  color:#fff;
  font:600 10px/1.2 Poppins,sans-serif;
  letter-spacing:.13em
}
.hero-alvic-cta::after{
  content:"";
  width:23px;
  height:1px;
  background:currentColor;
  transition:width .2s ease
}
.hero-alvic-cta:hover::after{width:34px}
.hero.hero-collection-split .hero-slider-dots{
  left:clamp(28px,5.4vw,84px);
  bottom:54px;
  gap:26px;
  transform:none
}
.hero.hero-collection-split .hero-slider-dots button{
  width:4px;
  height:4px;
  border:0;
  background:rgba(255,255,255,.75);
  box-shadow:none;
  transform:none
}
.hero.hero-collection-split .hero-slider-dots button.is-active{
  width:30px;
  height:30px;
  margin-inline:-13px;
  border:1px solid rgba(255,255,255,.78);
  background:radial-gradient(circle,#fff 0 2px,transparent 2.5px);
  transform:none
}
.hero-scroll-cue{
  position:absolute;
  z-index:3;
  bottom:0;
  left:50%;
  display:grid;
  justify-items:center;
  gap:8px;
  color:rgba(255,255,255,.82);
  transform:translateX(-50%);
  font:500 8px/1 Poppins,sans-serif;
  letter-spacing:.13em;
  writing-mode:vertical-rl
}
.hero-scroll-cue i{
  display:block;
  width:1px;
  height:46px;
  background:rgba(255,255,255,.54)
}
@media(max-width:900px){
  .hero.hero-collection-split{
    height:clamp(580px,calc(100svh - 72px),720px)!important;
    min-height:580px!important;
    max-height:720px!important
  }
  .hero-alvic-copy{
    left:clamp(24px,6vw,50px);
    width:min(680px,75vw)
  }
  .hero-alvic-copy h1{font-size:clamp(36px,6vw,54px)}
  .hero.hero-collection-split .hero-slider-dots{left:clamp(24px,6vw,50px)}
}
@media(max-width:560px){
  .hero.hero-collection-split{
    height:clamp(520px,calc(100svh - 72px),640px)!important;
    min-height:520px!important;
    max-height:640px!important
  }
  .hero.hero-collection-split>.hero-collection-panel.is-open{
    display:block!important
  }
  .hero.hero-collection-split .hero-visual{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto;
    background:#171713
  }
  .hero.hero-collection-split .hero-slide-media{
    object-fit:cover!important;
    object-position:var(--hero-crop-mobile-x,50%) var(--hero-crop-mobile-y,50%)!important;
    transform:scale(var(--hero-crop-mobile-scale,1))!important;
    transform-origin:var(--hero-crop-mobile-x,50%) var(--hero-crop-mobile-y,50%)!important
  }
  .hero.hero-collection-split .hero-slide::after{
    background:linear-gradient(180deg,rgba(10,10,9,.12) 0%,rgba(10,10,9,.2) 36%,rgba(10,10,9,.72) 100%)
  }
  .hero-alvic-copy{
    top:auto;
    bottom:112px;
    left:20px;
    width:calc(100% - 62px);
    transform:none
  }
  .hero-alvic-copy h1{
    font-size:clamp(30px,9vw,42px);
    line-height:1.12;
    letter-spacing:-.03em
  }
  .hero-alvic-cta{margin-top:22px;font-size:9px}
  .hero.hero-collection-split .hero-slider-dots{left:24px;bottom:45px}
  .hero-scroll-cue{display:none}
  #ready-stock.catalog-section{padding-top:32px}
}
@media(prefers-reduced-motion:reduce){
  .hero-alvic-cta::after{transition:none}
}


/* ALVIC motion and desktop category/hero composition */
.hero-alvic-media-wrap{
  position:absolute;
  inset:0;
  overflow:hidden;
  transform:scale(1);
  transform-origin:center
}
.hero-slide.is-active .hero-alvic-media-wrap{
  animation:hero-alvic-zoom var(--hero-motion-duration,6000ms) linear forwards
}
@keyframes hero-alvic-zoom{
  from{transform:scale(1)}
  to{transform:scale(1.1)}
}
@media(min-width:901px){
  .hero.hero-collection-split{
    --hero-left-gutter:clamp(32px,4.75vw,88px);
    display:grid!important;
    grid-template-columns:minmax(260px,18.5%) minmax(0,81.5%);
    width:calc(100% - (2 * var(--hero-left-gutter)))!important;
    height:clamp(650px,72vh,720px)!important;
    min-height:650px!important;
    max-height:720px!important;
    margin-inline:var(--hero-left-gutter)!important
  }
  .hero.hero-collection-split>.hero-collection-panel{
    position:relative!important;
    z-index:4;
    display:flex!important;
    flex-direction:column;
    width:100%;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--paper,#E8EBE4)
  }
  .hero.hero-collection-split .hero-collection-grid{
    flex:1 1 auto;
    grid-template-rows:repeat(var(--category-rows,4),minmax(0,1fr));
    width:100%;
    height:100%;
    min-height:0
  }
  .hero.hero-collection-split .hero-visual{
    min-width:0;
    height:100%!important
  }
  .hero-alvic-copy{
    left:clamp(28px,4vw,68px);
    width:min(620px,65%)
  }
  .hero-alvic-copy h1{font-size:clamp(38px,3.6vw,60px)}
  .hero.hero-collection-split .hero-slider-dots{left:clamp(28px,4vw,68px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide.is-active .hero-alvic-media-wrap{animation:none}
}


/* Responsive hero refinements */
.hero-alvic-copy h1,
.hero-alvic-cta,
.hero-scroll-cue{
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important
}
@media(min-width:901px){
  .hero.hero-collection-split{
    --hero-left-gutter:clamp(32px,4.75vw,88px);
    --hero-right-gutter:clamp(8px,1.5vw,28px);
    width:calc(100% - var(--hero-left-gutter) - var(--hero-right-gutter))!important;
    margin-left:var(--hero-left-gutter)!important;
    margin-right:var(--hero-right-gutter)!important
  }
}
@media(max-width:560px){
  .hero.hero-collection-split{
    height:clamp(350px,calc(66.667svh - 48px),427px)!important;
    min-height:350px!important;
    max-height:427px!important
  }
  .hero-alvic-copy{
    bottom:78px
  }
  .hero-alvic-copy h1{
    font-size:clamp(25px,7.5vw,34px)
  }
  .hero-alvic-cta{
    margin-top:16px
  }
  .hero.hero-collection-split .hero-slider-dots{
    bottom:28px
  }
}


/* Hero CTA without a public title */
.hero-alvic-copy .hero-alvic-cta{
  margin-top:0
}


/* Softer, more compact mobile category cards */
@media(max-width:560px){
  .floating-catalog-panel .hero-collection-grid{
    gap:6px!important;
    border:0!important;
    background:transparent!important
  }
  .floating-catalog-panel .hero-collection-card{
    min-height:94px!important;
    padding:6px 5px!important;
    border:1px solid rgba(23,23,19,.22)!important;
    border-radius:8px!important;
    box-shadow:0 2px 7px rgba(23,23,19,.07)!important
  }
  .floating-catalog-panel .hero-collection-sketch img{
    width:54px;
    height:50px
  }
  .floating-catalog-panel .hero-collection-card strong{
    font-size:13px!important;
    line-height:1.08!important;
    letter-spacing:-.01em
  }
  .floating-catalog-panel .hero-collection-count{
    margin-top:3px;
    font-size:8px!important;
    line-height:1.05!important
  }
}

/* Desktop and tablet category navigation */
.desktop-category-bar{
  position:relative;
  z-index:46;
  display:block;
  border-top:1px solid rgba(23,23,19,.10);
  border-bottom:1px solid rgba(23,23,19,.18);
  background:var(--paper,#E8EBE4)
}
.desktop-category-track{
  display:flex;
  align-items:stretch;
  justify-content:center;
  min-height:44px;
  padding:0 clamp(22px,4vw,72px)
}
.desktop-category-item{
  position:static;
  display:flex;
  align-items:stretch
}
.desktop-category-link{
  position:relative;
  display:flex;
  align-items:center;
  padding:0 clamp(13px,1.55vw,28px);
  color:var(--ink,#171713);
  font:500 11px/1 Poppins,Arial,sans-serif;
  letter-spacing:.045em;
  white-space:nowrap
}
.desktop-category-link::after{
  content:"";
  position:absolute;
  right:clamp(13px,1.55vw,28px);
  bottom:-1px;
  left:clamp(13px,1.55vw,28px);
  height:2px;
  background:#aa7b28;
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .18s ease,transform .18s ease
}
.desktop-category-item:hover .desktop-category-link::after,
.desktop-category-item:focus-within .desktop-category-link::after{
  opacity:1;
  transform:scaleX(1)
}
.desktop-category-mega{
  position:absolute;
  z-index:47;
  top:100%;
  right:0;
  left:0;
  padding:24px clamp(28px,4vw,72px) 28px;
  border-bottom:1px solid rgba(23,23,19,.22);
  background:var(--paper,#E8EBE4);
  box-shadow:0 18px 36px rgba(23,23,19,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-5px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}
.desktop-category-item:hover .desktop-category-mega,
.desktop-category-item:focus-within .desktop-category-mega{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0)
}
.desktop-category-mega-inner{
  display:grid;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr);
  gap:clamp(28px,4vw,66px);
  max-width:1540px;
  margin:0 auto
}
.desktop-category-list{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  padding-top:2px
}
.desktop-category-list p{
  margin:0 0 7px;
  font-size:16px;
  font-weight:500
}
.desktop-category-list a{
  font-size:12px;
  line-height:1.35;
  color:rgba(23,23,19,.78)
}
.desktop-category-list a:hover{text-decoration:underline;text-underline-offset:4px}
.desktop-category-list .desktop-category-all{
  margin-bottom:3px;
  color:var(--ink,#171713);
  font-weight:500
}
.desktop-category-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.desktop-category-feature{
  display:grid;
  grid-template-rows:minmax(120px,1fr) auto;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(23,23,19,.20);
  border-radius:8px;
  background:rgba(255,255,255,.16);
  transition:transform .18s ease,box-shadow .18s ease
}
.desktop-category-feature:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(23,23,19,.10)
}
.desktop-category-feature-media{
  display:grid;
  place-items:center;
  aspect-ratio:16/7;
  overflow:hidden;
  background:rgba(255,255,255,.16)
}
.desktop-category-feature-media img{
  width:100%;
  height:100%;
  object-fit:contain
}
.desktop-category-feature-copy{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-top:1px solid rgba(23,23,19,.16)
}
.desktop-category-feature-copy strong{
  min-width:0;
  font-size:12px;
  font-weight:500
}
.desktop-category-feature-copy small{
  flex:0 0 auto;
  color:rgba(23,23,19,.58);
  font-size:7px;
  letter-spacing:.09em
}
@media(max-width:900px) and (min-width:561px){
  .desktop-category-track{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none
  }
  .desktop-category-track::-webkit-scrollbar{display:none}
  .desktop-category-link{padding-inline:16px}
  .desktop-category-mega{padding-inline:24px}
  .desktop-category-mega-inner{grid-template-columns:180px minmax(0,1fr);gap:24px}
  .desktop-category-features{gap:10px}
  .desktop-category-feature-copy{display:grid;gap:3px;padding:10px}
}
@media(max-width:560px){
  .desktop-category-bar{display:none}
}
@media(prefers-reduced-motion:reduce){
  .desktop-category-link::after,
  .desktop-category-mega,
  .desktop-category-feature{transition:none}
}

/* Category navigation follows the measured header height. */
.site-header{z-index:48}
.site-header nav{font-size:13px}
.desktop-category-bar{
  position:sticky;
  top:var(--catalog-header-height,82px)
}
.desktop-category-bar,
.desktop-category-bar a,
.desktop-category-bar strong,
.desktop-category-bar small,
.desktop-category-bar p{
  font-family:var(--catalog-header-font,Arial,sans-serif)!important
}
.desktop-category-link{gap:5px;font-size:12px;letter-spacing:.04em;padding-inline:12px}
.desktop-category-link small,.desktop-category-list small{font-size:.85em;opacity:.65}
.desktop-category-track{flex-wrap:wrap}
.desktop-category-item{min-height:44px}
.desktop-category-feature-copy{justify-content:flex-start;gap:8px}
.desktop-category-feature-copy small{font-size:10px}
.desktop-category-mega{max-height:calc(100dvh - var(--catalog-header-height,82px) - 44px);overflow-y:auto}
@media(min-width:561px) and (max-width:900px){
  .desktop-category-track{flex-wrap:nowrap}
  .desktop-category-bar{top:var(--catalog-header-height,72px)}
}

/* Compact navigation and product-only mega menu. */
@media(min-width:561px){
  .site-header{height:70px;border-bottom:0!important}
  .site-header nav{gap:20px}
  .desktop-category-bar{border-top:0!important}
  .desktop-category-track,.desktop-category-item{min-height:34px}
  .desktop-category-link{padding-inline:9px}
  .desktop-category-mega{padding:16px clamp(24px,3vw,48px) 18px;max-height:calc(100dvh - var(--catalog-header-height,70px) - 34px)}
  .desktop-category-mega-inner{grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:24px}
  .desktop-category-list{gap:9px}
  .desktop-category-list p{margin-bottom:3px}
}
.desktop-category-products{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;min-width:0}
.desktop-category-product{display:block;flex:0 0 clamp(135px,13vw,180px);max-width:180px;border:0;background:transparent;box-shadow:none}
.desktop-category-product .product-image{width:100%;aspect-ratio:1/1.08;overflow:hidden;background:transparent}
.desktop-category-product .product-image img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important}

/* Readable, regular-weight navigation and compact subcategory lists. */
@media(min-width:561px){
  .site-header nav,
  .site-header nav a,
  .desktop-category-link{font-size:14px!important;font-weight:400!important}
  .desktop-category-link{letter-spacing:.115em}
  .desktop-category-list p{font-size:17px;font-weight:400}
  .desktop-category-list a,
  .desktop-category-list .desktop-category-all{font-size:14px;font-weight:400;line-height:1.35}
  .desktop-subcategory-links{display:grid;grid-template-columns:minmax(0,1fr);gap:7px 16px;width:100%}
  .has-many-subcategories{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}
  .has-many-subcategories .desktop-subcategory-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desktop-subcategory-links a{overflow-wrap:anywhere}
  .desktop-category-product{cursor:default}
}

/* Charcoal category bar and full-width hero photography. */
.desktop-category-bar{background:#22231f;color:#fff;border-bottom:0}
.desktop-category-bar .desktop-category-link{color:#fff}
.desktop-category-bar .desktop-category-link small{opacity:.8}
.desktop-category-mega{color:var(--ink,#171713)}
.desktop-category-link:focus-visible{outline:2px solid #c99a48;outline-offset:-3px}
@media(min-width:901px){
  .hero.hero-collection-split{grid-template-columns:minmax(0,1fr)!important}
}

/* Dark masthead, sage category navigation, and balanced hero edges. */
header.site-header{
  background:#22231f!important;
  background-image:none!important;
  color:#f5f5f2;
  border-bottom:0!important
}
.site-header > nav a,
.site-header > .brand,
.site-header .icon-button{color:#f5f5f2!important}
.site-header > .brand img{filter:url("#floem-black-to-white")}
.site-header a:focus-visible,
.site-header button:focus-visible{outline:2px solid #c99a48;outline-offset:3px}
.desktop-category-bar{
  background:var(--paper,#E8EBE4)!important;
  color:var(--ink,#171713);
  border-top:0!important;
  border-bottom:0
}
.desktop-category-bar .desktop-category-link{color:var(--ink,#171713)}
@media(min-width:901px){
  .hero.hero-collection-split{
    --hero-left-gutter:var(--hero-right-gutter);
    --hero-right-gutter:clamp(8px,1.5vw,28px);
    width:calc(100% - (2 * var(--hero-right-gutter)))!important;
    margin-inline:var(--hero-right-gutter)!important
  }
}

/* Keep the chosen crop focus stable during the public hero zoom. */
.hero-alvic-media-wrap{
  transform-origin:var(--hero-crop-desktop-x,50%) var(--hero-crop-desktop-y,50%)
}
@media(max-width:900px){
  .hero-alvic-media-wrap{
    transform-origin:var(--hero-crop-tablet-x,50%) var(--hero-crop-tablet-y,50%)
  }
}
@media(max-width:560px){
  .hero-alvic-media-wrap{
    transform-origin:var(--hero-crop-mobile-x,50%) var(--hero-crop-mobile-y,50%)
  }
}


/* Touch category navigation: reveal the submenu before opening a category page. */
@media(min-width:561px) and (max-width:1366px) and (pointer:coarse){
  .desktop-category-track{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none
  }
  .desktop-category-track::-webkit-scrollbar{display:none}
  .desktop-category-item{flex:0 0 auto}
  .desktop-category-item .desktop-category-mega{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-5px)!important
  }
  .desktop-category-item.is-mega-open .desktop-category-mega{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important
  }
  .desktop-category-item.is-mega-open .desktop-category-link::after{
    opacity:1;
    transform:scaleX(1)
  }
}


/* Keep the floating catalog trigger beside the lower area of the mobile hero. */
@media(max-width:560px){
  .floating-catalog-trigger{top:42%}
}


/* Text-only floating catalog aligned directly below its mobile trigger. */
@media(max-width:560px){
  .floating-catalog-trigger{
    top:42%;
    right:10px;
    min-height:44px;
    padding:0 15px 0 12px;
    border:1px solid rgba(245,245,242,.16);
    border-radius:999px;
    background:#22231f;
    color:#fff;
    box-shadow:0 9px 24px rgba(23,23,19,.22);
    font-size:10px;
    letter-spacing:.11em
  }
  .floating-catalog-trigger:hover,
  .floating-catalog-trigger:active{
    transform:translateY(-50%)
  }
  .floating-catalog-trigger[aria-expanded="true"]{
    border-color:#c99a48;
    background:#22231f;
    color:#fff
  }
  .hero-collection-panel.floating-catalog-panel{
    top:calc(42vh + 30px);
    top:calc(42dvh + 30px);
    right:8px;
    bottom:auto;
    left:auto;
    width:min(360px,calc(100vw - 16px));
    max-height:calc(58dvh - 42px);
    padding:10px!important;
    border-radius:12px;
    transform:translateY(-8px) scale(.985);
    transform-origin:top right
  }
  .hero-collection-panel.floating-catalog-panel.is-open{
    transform:translateY(0) scale(1)
  }
  .floating-catalog-header{
    min-height:30px;
    padding:0 4px 7px
  }
  .floating-catalog-panel .hero-collection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    border:0!important;
    background:transparent!important
  }
  .floating-catalog-panel .hero-collection-card{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:58px!important;
    padding:9px 11px!important;
    border:0!important;
    border-bottom:1px solid rgba(23,23,19,.16)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important
  }
  .floating-catalog-panel .hero-collection-card:nth-child(odd){
    border-right:1px solid rgba(23,23,19,.16)!important
  }
  .floating-catalog-panel .hero-collection-card:nth-last-child(-n+2){
    border-bottom:0!important
  }
  .floating-catalog-panel .hero-collection-copy{
    position:static;
    display:grid;
    place-self:auto;
    place-items:start;
    gap:3px;
    width:100%;
    padding:0;
    text-align:left
  }
  .floating-catalog-panel .hero-collection-card strong{
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.16!important;
    letter-spacing:0
  }
  .floating-catalog-panel .hero-collection-count{
    margin:0;
    color:rgba(23,23,19,.58)!important;
    font-size:8px!important;
    font-weight:500;
    line-height:1!important;
    letter-spacing:.08em
  }
}


/* Charcoal and gold finish for the text-only mobile catalog panel. */
@media(max-width:560px){
  .hero-collection-panel.floating-catalog-panel{
    border-color:rgba(201,154,72,.78);
    background:#22231f;
    color:#fff;
    box-shadow:0 18px 46px rgba(10,10,8,.34),0 0 0 1px rgba(232,235,228,.08)
  }
  .floating-catalog-header{
    border-bottom:1px solid rgba(201,154,72,.42)
  }
  .floating-catalog-header strong{
    color:#c99a48;
    letter-spacing:.15em
  }
  .floating-catalog-panel .hero-collection-card{
    color:#fff!important;
    border-bottom-color:rgba(201,154,72,.24)!important
  }
  .floating-catalog-panel .hero-collection-card:nth-child(odd){
    border-right-color:rgba(201,154,72,.24)!important
  }
  .floating-catalog-panel .hero-collection-card:hover,
  .floating-catalog-panel .hero-collection-card:focus-visible,
  .floating-catalog-panel .hero-collection-card:active{
    background:rgba(201,154,72,.12)!important
  }
  .floating-catalog-panel .hero-collection-card strong{
    color:#fff
  }
  .floating-catalog-panel .hero-collection-count{
    color:#c99a48!important;
    opacity:1!important
  }
}


/* Final mobile catalog placement and header-matched palette. */
@media(max-width:560px){
  .floating-catalog-trigger{
    top:42%
  }
  .hero-collection-panel.floating-catalog-panel{
    top:calc(42vh + 30px);
    top:calc(42dvh + 30px);
    max-height:calc(58dvh - 42px);
    border-color:rgba(232,235,228,.58)!important;
    background:#22231f!important;
    background-image:none!important;
    color:#fff!important
  }
  .floating-catalog-header{
    border-bottom-color:rgba(201,154,72,.5)!important;
    background:#22231f!important
  }
  .floating-catalog-header strong{
    color:#c99a48!important
  }
  .floating-catalog-panel .hero-collection-grid{
    background:#22231f!important
  }
  .floating-catalog-panel .hero-collection-card{
    background:#22231f!important;
    color:#fff!important;
    border-bottom-color:rgba(201,154,72,.30)!important
  }
  .floating-catalog-panel .hero-collection-card:nth-child(odd){
    border-right-color:rgba(201,154,72,.30)!important
  }
  .floating-catalog-panel .hero-collection-card strong{
    color:#fff!important
  }
  .floating-catalog-panel .hero-collection-count{
    color:#c99a48!important;
    font-size:13px!important;
    font-weight:400;
    line-height:1.16!important;
    letter-spacing:0
  }
  .floating-catalog-panel .hero-collection-card:hover,
  .floating-catalog-panel .hero-collection-card:focus-visible,
  .floating-catalog-panel .hero-collection-card:active{
    background:#302b21!important
  }
}


/* Product Designer profile hero */
@media (min-width:761px){
.designer-collection-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;column-gap:32px;align-items:stretch}
.designer-collection-hero-copy{grid-column:1;grid-row:1;width:auto;max-width:none;min-width:0}
.designer-collection-hero-copy h1{font-size:clamp(42px,5vw,90px)}
.designer-hero-products{grid-column:2!important;grid-row:1;position:relative;inset:auto;width:100%;height:auto;min-width:0;min-height:480px;margin:0}
.designer-hero-product{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0 24px;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .5s ease!important}
.designer-hero-product.is-active{opacity:1;pointer-events:auto}
.designer-hero-product-image{grid-column:1;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center}
.designer-hero-product-image img{width:100%;height:100%;max-width:100%;max-height:420px;object-fit:contain}
.designer-hero-designer{grid-column:2;grid-row:1;align-self:center;border-left:1px solid rgba(202,157,55,.45);padding-left:20px;color:#fff;display:grid;gap:10px;max-width:340px;min-width:0;overflow-wrap:anywhere}
.designer-hero-designer img{width:auto;max-width:155px;max-height:74px;object-fit:contain;object-position:left center;margin-bottom:8px}
.designer-hero-designer p{margin:0;color:#c99d3d;font-weight:700;font-size:10px;letter-spacing:.2em}.designer-hero-designer strong{font-size:clamp(22px,2vw,34px);line-height:1.12;font-weight:500}.designer-hero-designer span{font-size:13px;line-height:1.75;color:rgba(255,255,255,.76)}.designer-hero-designer small{font-size:10px;color:#c99d3d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.designer-hero-product-copy{grid-column:1;grid-row:2;justify-self:stretch;flex-wrap:wrap;text-align:left;padding:16px 0 24px;min-width:0}
.designer-hero-dots{z-index:5;bottom:0}
}
@media (max-width:760px){.designer-hero-designer{display:none}}


/* Curated Product Designer hero controls */
@media(min-width:761px){
.designer-collection-hero-copy{display:flex;align-items:flex-start}.designer-collection-hero-copy h1{margin-top:72px}
.designer-hero-product-copy{display:flex;justify-content:flex-end;align-items:center;padding:14px 0 24px}
.designer-hero-product-copy a{color:#f3f0e8;font:700 10px/1 Poppins,Arial,sans-serif;letter-spacing:.15em;text-decoration:none}
.designer-hero-product-copy a b{margin-left:8px;color:#c49339;font-size:15px}
}
@media(max-width:760px){.designer-hero-product-copy a{color:#f3f0e8;font:700 9px/1 Poppins,Arial,sans-serif;letter-spacing:.13em}.designer-hero-product-copy a b{color:#c49339}}
#designer-products{scroll-margin-top:110px}


/* Compact Product Designer title: match the uppercase navigation/header typography. */
.designer-collection-hero-copy h1{
    font-family:Poppins,Arial,sans-serif!important;
    font-size:clamp(26px,2.2vw,38px)!important;
    line-height:1.12!important;
    font-weight:500!important;
    letter-spacing:.11em!important;
    text-transform:uppercase;
    white-space:nowrap;
}
@media(max-width:760px){
    .designer-collection-hero-copy h1{
        font-size:24px!important;
        line-height:1.18!important;
        letter-spacing:.1em!important;
        white-space:normal;
    }
}


/* Show all curated designer images together instead of rotating slides. */
@media(min-width:761px){
    .designer-collection-hero{
        display:grid!important;
        grid-template-columns:minmax(210px,.85fr) minmax(0,1.75fr) minmax(260px,.9fr)!important;
        grid-template-rows:auto minmax(300px,1fr) auto;
        column-gap:28px;
        align-items:stretch;
    }
    .designer-collection-hero-copy{
        grid-column:1;
        grid-row:1;
        z-index:2;
    }
    .designer-collection-hero-copy h1{margin-top:72px}
    .designer-hero-gallery{
        grid-column:1 / 3;
        grid-row:2;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px;
        align-items:center;
        min-width:0;
        padding:10px 0 18px;
    }
    .designer-hero-gallery--count-1{grid-template-columns:minmax(220px,380px);justify-content:center}
    .designer-hero-gallery--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .designer-hero-gallery-item{
        display:grid;
        place-items:center;
        min-width:0;
        height:100%;
        margin:0;
    }
    .designer-hero-gallery-item img{
        display:block;
        width:100%;
        height:100%;
        max-height:330px;
        object-fit:contain;
    }
    .designer-hero-designer-static{
        grid-column:3;
        grid-row:1 / 3;
        align-self:center;
        display:grid;
    }
    .designer-hero-product-copy-static{
        grid-column:2;
        grid-row:3;
        display:flex;
        justify-content:flex-end;
        align-items:center;
        padding:10px 0 24px;
    }
}
@media(max-width:760px){
    .designer-collection-hero{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:auto minmax(180px,1fr) auto;
    }
    .designer-collection-hero-copy{grid-column:1;grid-row:1}
    .designer-collection-hero-copy h1{margin:0}
    .designer-hero-gallery{
        grid-column:1;
        grid-row:2;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
        align-items:center;
        min-width:0;
        padding:8px 0;
    }
    .designer-hero-gallery--count-1{grid-template-columns:minmax(0,1fr)}
    .designer-hero-gallery--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .designer-hero-gallery-item{
        display:grid;
        place-items:center;
        min-width:0;
        height:100%;
        margin:0;
    }
    .designer-hero-gallery-item img{
        width:100%;
        height:100%;
        max-height:210px;
        object-fit:contain;
    }
    .designer-hero-designer-static{display:none}
    .designer-hero-product-copy-static{
        grid-column:1;
        grid-row:3;
        display:flex;
        justify-content:flex-end;
        padding:8px 0 12px;
    }
}


/* Compact desktop designer hero after removing the section title. */
@media(min-width:761px){
    .designer-collection-hero{
        box-sizing:border-box;
        height:340px!important;
        min-height:340px!important;
        padding:20px 4vw 10px!important;
        display:grid!important;
        grid-template-columns:minmax(0,2.3fr) minmax(260px,.85fr)!important;
        grid-template-rows:minmax(0,1fr) auto!important;
        column-gap:34px;
        align-content:start;
        overflow:hidden;
    }
    .designer-hero-gallery{
        grid-column:1!important;
        grid-row:1!important;
        height:100%;
        min-height:0;
        padding:0!important;
        align-items:start;
    }
    .designer-hero-gallery-item{
        height:100%;
        align-content:start;
    }
    .designer-hero-gallery-item img{
        height:100%;
        max-height:250px!important;
        object-position:center top;
    }
    .designer-hero-designer-static{
        grid-column:2!important;
        grid-row:1 / 3!important;
        align-self:start!important;
        margin-top:0;
    }
    .designer-hero-product-copy-static{
        grid-column:1!important;
        grid-row:2!important;
        padding:4px 0 2px!important;
    }
}
@media(max-width:760px){
    .designer-collection-hero{
        grid-template-rows:minmax(180px,1fr) auto!important;
    }
    .designer-hero-gallery{
        grid-row:1!important;
    }
    .designer-hero-product-copy-static{
        grid-row:2!important;
    }
}


/* Mobile designer hero: profile first, followed by two balanced product images. */
@media(max-width:760px){
    .designer-collection-hero{
        box-sizing:border-box;
        height:auto!important;
        min-height:0!important;
        padding:22px 16px 14px!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:auto 220px auto!important;
        row-gap:14px;
        overflow:hidden;
    }
    .designer-hero-designer-static{
        grid-column:1!important;
        grid-row:1!important;
        display:grid!important;
        gap:6px;
        width:100%;
        max-width:none;
        margin:0;
        padding:0 0 12px 14px;
        align-self:start!important;
        border-left:1px solid rgba(202,157,55,.55);
    }
    .designer-hero-designer-static img{
        width:auto;
        max-width:105px;
        max-height:44px;
        margin:0 0 4px;
        object-fit:contain;
        object-position:left center;
    }
    .designer-hero-designer-static p{
        font-size:8px;
        letter-spacing:.18em;
    }
    .designer-hero-designer-static strong{
        font-size:22px;
        line-height:1.12;
    }
    .designer-hero-designer-static span{
        max-width:390px;
        font-size:11px;
        line-height:1.55;
    }
    .designer-hero-designer-static small{display:none}
    .designer-hero-gallery{
        grid-column:1!important;
        grid-row:2!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
        height:220px;
        padding:0!important;
        align-items:center;
    }
    .designer-hero-gallery--count-1{
        grid-template-columns:minmax(0,1fr)!important;
    }
    .designer-hero-gallery-item{
        height:220px;
        align-content:center;
    }
    .designer-hero-gallery-item:nth-child(n+3){display:none}
    .designer-hero-gallery-item img{
        display:block;
        width:94%;
        height:100%;
        max-height:210px!important;
        margin:auto;
        object-fit:contain;
        object-position:center;
    }
    .designer-hero-product-copy-static{
        grid-column:1!important;
        grid-row:3!important;
        padding:2px 0 0!important;
    }
}


/* Desktop designer hero: editorial copy, tight image trio, profile. */
.designer-collection-hero-copy{display:none!important}
@media(min-width:1024px){
    .designer-collection-hero{
        height:425px!important;
        min-height:425px!important;
        padding:22px 4vw 12px!important;
        grid-template-columns:minmax(250px,.75fr) minmax(0,1.8fr) minmax(300px,.85fr)!important;
        grid-template-rows:minmax(0,1fr) auto!important;
        column-gap:24px!important;
    }
    .designer-collection-hero-copy{
        grid-column:1!important;
        grid-row:1 / 3!important;
        display:flex!important;
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        align-self:stretch;
        min-width:0;
        padding:0;
    }
    .designer-collection-hero-copy h1{
        margin:0!important;
        font-family:Poppins,Arial,sans-serif!important;
        font-size:30px!important;
        line-height:1.12!important;
        font-weight:500!important;
        letter-spacing:.11em!important;
        white-space:nowrap;
    }
    .designer-collection-hero-copy p{
        max-width:245px;
        margin:15px 0 0;
        color:rgba(255,255,255,.68);
        font:400 12px/1.7 Poppins,Arial,sans-serif;
    }
    .designer-hero-gallery{
        grid-column:2!important;
        grid-row:1!important;
        grid-template-columns:repeat(3,minmax(120px,190px))!important;
        justify-content:center;
        gap:8px!important;
        height:100%;
        padding:0!important;
        align-items:center!important;
    }
    .designer-hero-gallery-item{
        height:100%;
        align-content:center!important;
    }
    .designer-hero-gallery-item img{
        width:100%!important;
        max-height:285px!important;
        object-position:center!important;
    }
    .designer-hero-designer-static{
        grid-column:3!important;
        grid-row:1 / 3!important;
        align-self:center!important;
    }
    .designer-hero-product-copy-static{
        grid-column:2!important;
        grid-row:2!important;
        padding:4px 0 2px!important;
    }
}


/* Fine tune desktop designer hero scale and vertical copy position. */
@media(min-width:1024px){
    .designer-collection-hero-copy{
        transform:translateY(-24px);
    }
    .designer-hero-gallery{
        grid-template-columns:repeat(3,minmax(130px,225px))!important;
        gap:6px!important;
    }
    .designer-hero-gallery-item img{
        width:100%!important;
        max-height:325px!important;
        transform:scale(1.08);
        transform-origin:center;
    }
}


/* Increase desktop hero product presence and breathing room. */
@media(min-width:1024px){
    .designer-collection-hero{
        grid-template-columns:minmax(240px,.65fr) minmax(0,2fr) minmax(290px,.8fr)!important;
    }
    .designer-hero-gallery{
        grid-template-columns:repeat(3,minmax(145px,255px))!important;
        gap:22px!important;
    }
    .designer-hero-gallery-item img{
        max-height:345px!important;
        transform:scale(1.12);
    }
}


/* Preserve native hero image quality: never enlarge with CSS transforms. */
@media(min-width:1024px){
    .designer-hero-gallery-item img{
        width:auto!important;
        height:auto!important;
        max-width:100%!important;
        max-height:345px!important;
        transform:none!important;
        object-fit:contain;
    }
}


/* Larger designer identity logo in the curated hero. */
@media(min-width:1024px){
    .designer-hero-designer-static img{
        width:210px!important;
        max-width:210px!important;
        max-height:96px!important;
        height:auto!important;
        object-fit:contain;
        object-position:left center;
    }
}
@media(max-width:760px){
    .designer-hero-designer-static img{
        width:150px!important;
        max-width:150px!important;
        max-height:66px!important;
        height:auto!important;
        object-fit:contain;
        object-position:left center;
    }
}


/* Increase designer logo prominence one more step. */
@media(min-width:1024px){
    .designer-hero-designer-static img{
        width:270px!important;
        max-width:270px!important;
        max-height:120px!important;
    }
}
@media(max-width:760px){
    .designer-hero-designer-static img{
        width:190px!important;
        max-width:190px!important;
        max-height:84px!important;
    }
}


/* Desktop density tuning: taller navigation, tighter designer hero and listing controls. */
@media(min-width:901px){
    .desktop-category-track,
    .desktop-category-item{
        min-height:46px;
    }
    .desktop-category-mega{
        max-height:calc(100dvh - var(--catalog-header-height,102px) - 46px);
    }
    .collection-products{
        padding-top:20px!important;
    }
    .collection-toolbar{
        padding:4px 0!important;
        margin-bottom:10px!important;
    }
    .designer-collection-products .collection-toolbar{
        padding-bottom:4px!important;
    }
}
@media(min-width:1024px){
    .designer-collection-hero{
        height:360px!important;
        min-height:360px!important;
        padding-top:10px!important;
        padding-bottom:8px!important;
    }
}

/* Keep the long Product Collaboration heading inside its desktop copy column. */
@media(min-width:1024px){
  .designer-collection-hero-copy h1{
    width:min-content;
    max-width:250px;
    font-size:28px!important;
    line-height:1.2!important;
    letter-spacing:.085em!important;
    white-space:normal!important;
    text-wrap:balance;
  }
}

/* Lightweight mobile Catalog hint: an occasional CSS-only arrow nudge. */
@media(max-width:560px){
  body .floating-catalog-trigger{gap:8px}
  body .floating-catalog-trigger .floating-catalog-arrow{
    display:inline-block;
    color:#c39242;
    font-size:19px;
    font-style:normal;
    font-weight:900;
    line-height:1;
    letter-spacing:0;
    -webkit-text-stroke:.35px currentColor;
    animation:floating-catalog-arrow-hint 2.4s ease-in-out infinite;
  }
  body .floating-catalog-trigger[aria-expanded="true"] .floating-catalog-arrow{
    animation:none;
    transform:rotate(90deg);
  }
  .floating-catalog-panel .hero-collection-card:nth-child(even):nth-last-child(2){
    border-bottom:1px solid rgba(201,154,72,.30)!important;
  }
}
@keyframes floating-catalog-arrow-hint{
  0%,60%,100%{transform:translateX(0)}
  75%{transform:translateX(4px)}
}
@media(max-width:560px) and (prefers-reduced-motion:reduce){
  body .floating-catalog-trigger .floating-catalog-arrow{animation:none}
}