/* Vorena 1.2.8 — mobile & desktop media, hero, category and carousel QA corrections. */
body.home #main,body.home #main .editorial-split,body.home #main .editorial-flow,
body.home #main .style-journal,body.home #main .flow-selection{
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
}
body.home #main .editorial-split{
  display:flex!important;flex-direction:column!important;
  margin:0 auto!important;width:min(100%,1440px)!important;max-width:1440px!important;
  padding:0 clamp(14px,3vw,38px)!important;gap:18px!important;overflow:clip!important;
}
/* Main offer: text and actual 3-bag photo remain independent accessible objects.
   object-fit:contain avoids cutting off the top or bottom of the source. */
body.home #main .editorial-split>.campaign-feature--opening-offer{
  display:block!important;width:100%!important;min-height:0!important;height:auto!important;
  max-height:none!important;overflow:hidden!important;border:1px solid #e6dacf!important;
  border-radius:15px!important;background:#efe6dd!important;
}
body.home #main .campaign-feature--opening-offer::after,
body.home #main .campaign-feature--opening-offer::before{display:none!important;content:none!important;}
body.home #main .vr-opening-panel{
  width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  align-items:center!important;gap:0!important;min-height:335px!important;max-height:none!important;
  background:linear-gradient(110deg,#f8f2ed,#f0e7e0 67%,#e9d9ce)!important;
}
body.home #main .vr-opening-copy{
  align-items:flex-start!important;justify-content:center!important;
  padding:26px clamp(25px,5.2vw,72px)!important;min-width:0!important;
}
body.home #main .vr-opening-copy h2{font-size:clamp(35px,4vw,57px)!important;line-height:1.05!important;}
body.home #main .vr-opening-discount{font-size:clamp(14px,1.55vw,18px)!important;}
body.home #main .vr-opening-image{
  position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;
  justify-content:center!important;min-height:0!important;height:auto!important;max-height:none!important;
  width:100%!important;max-width:100%!important;padding:9px!important;
  background:transparent!important;overflow:hidden!important;
}
body.home #main .vr-opening-image>img{
  position:relative!important;inset:auto!important;display:block!important;width:100%!important;
  height:315px!important;max-height:315px!important;max-width:100%!important;
  object-fit:contain!important;object-position:center center!important;
  transform:none!important;border:0!important;mix-blend-mode:normal!important;
}
/* Secondary campaign is a compact interlude, not another full-height page. */
body.home #main .editorial-split>.campaign-anchor{height:clamp(210px,26vw,315px)!important;max-height:315px!important;min-height:0!important;border-radius:13px!important;}
/* 4 exact uploaded compositions: the three-bag shot, women's wallets,
   men's wallets and the mixed backpack/bag/wallet collection. */
body.home #main .category-mosaic{max-width:1380px!important;margin:22px auto!important;gap:clamp(10px,1.6vw,20px)!important;}
body.home #main .category-mosaic .category-tile--editorial{border-radius:13px!important;overflow:hidden!important;background:#f2eae2!important;box-shadow:0 9px 24px rgba(45,27,18,.055)!important;}
body.home #main .category-mosaic .category-tile--editorial>img{
  position:relative!important;inset:auto!important;display:block!important;
  width:100%!important;height:auto!important;max-width:100%!important;
  aspect-ratio:1 / 1!important;object-fit:cover!important;object-position:center!important;
  transform:none!important;padding:0!important;background:#f1e6dc!important;
}
body.home #main .category-mosaic .category-tile--editorial .category-tile__caption{
  position:relative!important;inset:auto!important;min-height:70px!important;
  background:#f1e9e1!important;padding:12px 8px 15px!important;
}
/* The source files are portrait videos. The saved source has no black top
   letterbox; previous transformed native players, not the media, caused it. */
body.home #main .photo-banner.shop-banner,
body.home #main .photo-banner.story-banner{
  display:grid!important;grid-template-columns:minmax(0,275px) minmax(0,1fr)!important;
  align-items:center!important;justify-items:center!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  width:min(1320px,calc(100% - 46px))!important;max-width:1320px!important;
  margin:28px auto!important;padding:24px clamp(20px,4vw,52px)!important;
  gap:clamp(20px,4vw,80px)!important;border-radius:15px!important;
  overflow:hidden!important;isolation:isolate!important;background:#f0e9e2!important;
}
body.home #main .photo-banner::before,body.home #main .photo-banner::after{display:none!important;content:none!important;}
body.home #main .photo-banner .vr-banner-media{
  position:relative!important;inset:auto!important;display:block!important;grid-column:1!important;
  width:min(100%,238px)!important;max-width:238px!important;height:auto!important;
  aspect-ratio:9 / 16!important;min-height:0!important;max-height:none!important;
  margin:0 auto!important;padding:0!important;flex:0 0 auto!important;
  overflow:hidden!important;border-radius:12px!important;
  background:#e0d6ce!important;box-shadow:0 8px 25px rgba(45,29,16,.1)!important;
}
body.home #main .photo-banner .vr-banner-media>video.vr-video-v128{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;
  object-fit:cover!important;object-position:center!important;
  margin:0!important;padding:0!important;border:0!important;
  border-radius:inherit!important;background:transparent!important;
  transform:none!important;translate:none!important;scale:1!important;
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}
body.home #main .photo-banner .photo-banner-copy{
  position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;
  grid-column:2!important;max-width:650px!important;width:100%!important;
  min-height:0!important;margin:0!important;padding:0 10px!important;
  transform:none!important;text-align:center!important;z-index:2!important;
}
body.home #main .photo-banner .photo-banner-copy h2{font-size:clamp(29px,3vw,46px)!important;line-height:1.12!important;}
body.home #main .photo-banner .vr-video-controls,body.home #main .photo-banner .banner-video-access{display:none!important;}
/* Products still swipe inside their own track, never move the entire site. */
body.home #main .flow-selection .carousel-track,body.home #main .style-journal .journal-track{
  min-width:0!important;max-width:100%!important;overflow-x:auto!important;
  overflow-y:hidden!important;overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;
}
@media(max-width:760px){
 body.home #main .editorial-split{padding:0 12px!important;gap:14px!important;}
 body.home #main .vr-opening-panel{
  display:flex!important;flex-direction:column!important;min-height:0!important;max-height:none!important;
 }
 body.home #main .vr-opening-copy{
  align-items:center!important;text-align:center!important;width:100%!important;
  padding:27px 16px 15px!important;
 }
 body.home #main .vr-opening-eyebrow{font-size:8px!important;letter-spacing:.14em!important;margin-bottom:9px!important;}
 body.home #main .vr-opening-copy h2{font-size:clamp(29px,7.8vw,38px)!important;line-height:1.06!important;}
 body.home #main .vr-opening-discount{margin:12px 0 0!important;}
 body.home #main .vr-opening-detail{margin:8px 0 17px!important;}
 body.home #main .vr-opening-image{
  width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;
  padding:0 10px 12px!important;background:transparent!important;
 }
 body.home #main .vr-opening-image>img{
  position:relative!important;inset:auto!important;width:100%!important;
  height:225px!important;max-height:225px!important;object-fit:contain!important;
  object-position:center!important;
 }
 body.home #main .editorial-split>.campaign-anchor{height:clamp(230px,62vw,310px)!important;max-height:310px!important;}
 body.home #main .category-mosaic{padding-inline:12px!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.home #main .category-mosaic .category-tile--editorial .category-tile__caption{min-height:65px!important;}
 body.home #main .photo-banner.shop-banner,body.home #main .photo-banner.story-banner{
  display:flex!important;flex-direction:column!important;gap:16px!important;
  width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:22px auto!important;padding:20px 12px 24px!important;border-radius:13px!important;
 }
 body.home #main .photo-banner .vr-banner-media{
  grid-column:auto!important;width:min(68vw,265px)!important;max-width:265px!important;
  height:auto!important;aspect-ratio:9/16!important;margin:0 auto!important;
 }
 body.home #main .photo-banner .photo-banner-copy{grid-column:auto!important;max-width:100%!important;padding:2px 3px!important;}
 body.home #main .photo-banner .photo-banner-copy h2{font-size:clamp(28px,7vw,38px)!important;}
 body.home #main .photo-banner .photo-banner-copy>p:not(.eyebrow){font-size:12px!important;line-height:1.55!important;}
}