/* UPXNBOR 2026-10-23: original four-scene carousel and edge-to-edge homepage.
   Only the hero is full-bleed; subsequent content retains a readable aligned max-width.
   No html zoom/scale overrides. */
@media (min-width:768px) {
  body[data-page="home"] main > .home-hero {
    box-sizing:border-box !important;
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    height:calc(100svh - var(--upx-header-height,72px)) !important;
    min-height:440px !important;
    max-height:none !important;
    overflow:hidden !important;
  }
  body[data-page="home"] .home-hero .hero-slides,
  body[data-page="home"] .home-hero .hero-slide {
    width:100% !important;
    height:100% !important;
  }
  body[data-page="home"] .home-hero .hero-slide {
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center 48% !important;
  }
  body[data-page="home"] .hero-slide:nth-child(2) {background-position:center 42% !important;}
  body[data-page="home"] .hero-slide:nth-child(3) {background-position:center 44% !important;}
  body[data-page="home"] .hero-slide:nth-child(4) {background-position:center 48% !important;}
  body[data-page="home"] .hero-copy {left:clamp(26px,5.4vw,110px) !important;}
  body[data-page="home"] .hero-copy h1 {
    font-size:clamp(34px,3.65vw,69px) !important;
    max-width:650px;
    text-shadow:0 2px 18px rgba(0,0,0,.6);
  }
  body[data-page="home"] .home-hero .hero-slide::after {
    background:linear-gradient(90deg,rgba(18,14,13,.57) 0%,rgba(18,14,13,.24) 35%,rgba(18,14,13,.02) 68%);
  }
}
@media (max-width:767px) {
  body[data-page="home"] .hm-hero-track {height:clamp(260px,78vw,390px) !important;}
  body[data-page="home"] .hm-hero-slide {background-position:center 48% !important;}
  body[data-page="home"] .hm-hero-slide:nth-child(2) {background-position:center 39% !important;}
  body[data-page="home"] .hm-hero-slide:nth-child(4) {background-position:center 42% !important;}
  body[data-page="home"] .hm-hero-slide::before {
    background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.25) 37%,transparent 74%) !important;
  }
  body[data-page="home"] .hm-hero-copy {bottom:22px !important;left:18px !important;}
  body[data-page="home"] .hm-hero-copy h1 {font-size:clamp(23px,6.2vw,29px) !important;}
}


/* V11: show all four images in full, never cropped, on desktop and phone. */
@media (min-width:768px){
  body[data-page="home"] .home-hero .hero-slide::before{content:none !important; display:none !important;}
  body[data-page="home"] .home-hero .hero-photo-contain{display:none !important;}
  body[data-page="home"] .home-hero .hero-slide{
    background-size:cover !important;
    background-position:center center !important;
  }
  body[data-page="home"] .home-hero .hero-slide::after{
    background:linear-gradient(90deg,rgba(24,17,12,.30),transparent 66%) !important;
  }

  body[data-page="home"] .way-visual{
    height:auto !important;min-height:0 !important;max-height:none !important;
    aspect-ratio:1 / 1 !important;
    overflow:visible !important;
  }
  body[data-page="home"] .way-visual img{
    display:block !important;width:100% !important;height:auto !important;
    aspect-ratio:1 / 1 !important;object-fit:contain !important;
    object-position:center !important;
  }
  body[data-page="home"] .category-card > img{
    display:block !important;width:100% !important;height:auto !important;
    max-height:none !important;aspect-ratio:1 / 1 !important;
    object-fit:contain !important;object-position:center !important;
  }
}
@media (max-width:767px){
  body[data-page="home"] .hm-way-image img{
    display:block !important;width:100% !important;height:auto !important;
    min-height:0 !important;max-height:none !important;
    aspect-ratio:1 / 1 !important;object-fit:contain !important;
  }
  body[data-page="home"] .hm-category-card img{
    display:block !important;width:100% !important;height:auto !important;
    min-height:0 !important;max-height:none !important;
    aspect-ratio:1 / 1 !important;object-fit:contain !important;
  }
  body[data-page="home"] .hm-category-card{
    align-items:center !important;
    min-height:0 !important;
  }
}