/* MIXTYS v6.8 — premium editorial homepage, unified department cards */
:root{
  --v68-ivory:#fbf7f1;
  --v68-paper:#fffdf9;
  --v68-sand:#eadbc8;
  --v68-bronze:#a66f36;
  --v68-ink:#33271e;
  --v68-line:rgba(113,78,43,.17);
}

body #app .hero.hero-v54{
  grid-template-columns:minmax(0,1.06fr) minmax(620px,.94fr)!important;
  height:clamp(590px,calc(100svh - 190px),680px)!important;
  min-height:590px!important;
  max-height:680px!important;
  background:linear-gradient(135deg,#fbf6ef,#ead9c5)!important;
}
body #app .hero-v54 .hero-feature{
  grid-template-columns:minmax(300px,42%) minmax(0,58%)!important;
  border-right:1px solid var(--v68-line);
}
body #app .hero-v54 .hero-feature-photo{padding:18px 18px 0 0!important}
body #app .hero-v54 .hero-feature-photo:before{
  inset:7% 6% 5% 0!important;
  border-color:rgba(166,111,54,.22)!important;
}
body #app .hero-v54 .hero-feature-bg{
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:saturate(.96) contrast(1.025);
}

body #app .hero-v54 .hero-category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:unset!important;
  gap:12px!important;
  padding:12px!important;
  background:linear-gradient(145deg,#f4ece2,#ebdece)!important;
}
body #app .hero-v54 .hero-category-card,
body #app .hero-v54 .hero-category-card:nth-child(6){
  display:block!important;
  position:relative!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  border:1px solid rgba(132,91,49,.16)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#dfcfbb!important;
  box-shadow:0 12px 30px rgba(67,43,22,.08)!important;
  isolation:isolate;
}
body #app .hero-v54 .hero-category-card:nth-child(6):after{display:none!important;content:none!important}
body #app .hero-v54 .hero-category-media,
body #app .hero-v54 .hero-category-card:nth-child(6) .hero-category-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  padding:0!important;
  background:#e9ded0!important;
}
body #app .hero-v54 .hero-category-media:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(37,25,16,0) 42%,rgba(37,25,16,.1) 60%,rgba(37,25,16,.74) 100%);
  pointer-events:none;
}
body #app .hero-v54 .hero-category-media img,
body #app .hero-v54 .hero-category-card:nth-child(6) .hero-category-media img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  padding:0!important;
  filter:saturate(.9) contrast(1.02)!important;
  transition:transform .9s cubic-bezier(.2,.78,.2,1),filter .55s ease!important;
}
body #app .hero-v54 .hero-category-card:nth-child(4) .hero-category-media img,
body #app .hero-v54 .hero-category-card:nth-child(6) .hero-category-media img{object-position:center center!important}
body #app .hero-v54 .hero-category-copy,
body #app .hero-v54 .hero-category-card:nth-child(6) .hero-category-copy{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:1rem 1.05rem 1.05rem!important;
  display:block!important;
  background:transparent!important;
  color:#fffdf9!important;
  pointer-events:none;
}
body #app .hero-v54 .hero-category-copy small,
body #app .hero-v54 .hero-category-copy p,
body #app .hero-v54 .hero-category-copy svg{display:none!important}
body #app .hero-v54 .hero-category-copy h3{
  margin:0!important;
  color:#fffdf9!important;
  font-family:var(--serif)!important;
  font-size:clamp(1.18rem,1.28vw,1.55rem)!important;
  line-height:1.05!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:0 2px 16px rgba(25,16,9,.32);
}
body #app .hero-v54 .hero-category-card:before{
  content:''!important;
  position:absolute!important;
  z-index:4!important;
  inset:-20% auto -20% -45%!important;
  width:26%!important;
  opacity:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,248,236,.28),transparent)!important;
  transform:skewX(-16deg)!important;
  pointer-events:none!important;
}
@media(hover:hover){
  body #app .hero-v54 .hero-category-card:hover{
    transform:translateY(-5px)!important;
    border-color:rgba(166,111,54,.42)!important;
    box-shadow:0 24px 52px rgba(67,43,22,.16)!important;
  }
  body #app .hero-v54 .hero-category-card:hover .hero-category-media img{
    transform:scale(1.045)!important;
    filter:saturate(1) contrast(1.03)!important;
  }
  body #app .hero-v54 .hero-category-card:hover:before{opacity:1!important;animation:v68Glint .9s ease both!important}
}

@media(max-width:1439px) and (min-width:901px){
  body #app .hero.hero-v54{
    grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr)!important;
    height:590px!important;min-height:590px!important;max-height:590px!important;
  }
  body #app .hero-v54 .hero-category-grid{gap:9px!important;padding:9px!important}
  body #app .hero-v54 .hero-category-copy h3{font-size:1.08rem!important}
}

@media(max-width:900px){
  body #app .hero.hero-v54{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  body #app .hero-v54 .hero-feature{grid-template-columns:1fr!important;border-right:0}
  body #app .hero-v54 .hero-feature-photo{height:min(48svh,410px)!important;padding:8px 8px 0!important}
  body #app .hero-v54 .hero-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:clamp(175px,48vw,245px)!important;
    gap:8px!important;padding:8px!important;
  }
  body #app .hero-v54 .hero-category-card,
  body #app .hero-v54 .hero-category-card:nth-child(6){height:100%!important;min-height:0!important}
  body #app .hero-v54 .hero-category-copy,
  body #app .hero-v54 .hero-category-card:nth-child(6) .hero-category-copy{padding:.8rem!important}
  body #app .hero-v54 .hero-category-copy h3{font-size:clamp(1rem,4.2vw,1.28rem)!important}
}

@media(max-width:479px){
  body #app .hero-v54 .hero-feature-photo{height:270px!important;min-height:270px!important;max-height:270px!important}
  body #app .hero-v54 .hero-category-grid{grid-auto-rows:176px!important;gap:7px!important;padding:7px!important}
  body #app .hero-v54 .hero-category-card{border-radius:15px!important}
  body #app .hero-v54 .hero-category-copy h3{font-size:.98rem!important}
}

@keyframes v68Glint{from{transform:translateX(0) skewX(-16deg)}to{transform:translateX(620%) skewX(-16deg)}}
@media(prefers-reduced-motion:reduce){
  body #app .hero-v54 .hero-category-card,
  body #app .hero-v54 .hero-category-media img{animation:none!important;transition:none!important}
}