/* 2Lúa v2.4.16 — Approved desktop hero composition.
   For the stock banner, the farmer and his rice sheaf are part of one landscape
   photograph, keeping the edges naturally seamless when the hero scales.
   Custom user-provided images are never overwritten. */
.tl-reference-home .tl-v2-hero-art > picture {display:block;width:100%;height:100%}

@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  /* Stock image: man holding rice in the left third, next to slogan.
     Do not show a second, tiny overlaid subject. */
  .tl-reference-home .tl-v2-hero.tl-v2-hero--default-bundle {
    background:
      linear-gradient(90deg,rgba(244,240,202,.01) 0%,rgba(255,251,222,.19) 37%,rgba(255,251,225,.30) 56%,rgba(249,250,224,.07) 90%),
      url('../images/hero-farmer-bundle.webp') center 28% / cover no-repeat !important;
  }
  .tl-reference-home .tl-v2-hero--default-bundle > .tl-v2-hero-art {display:none !important}

  /* User-supplied background but default stock subject: correctly sized rice sheaf.
     This path still uses a transparent overlay rather than changing the custom background. */
  .tl-reference-home .tl-v2-hero-art--repositioned:not(.tl-v2-hero-art--placeholder) {
    left:clamp(154px,17vw,300px) !important;
    right:auto !important;
    top:0 !important;
    bottom:0 !important;
    width:clamp(365px,33vw,480px) !important;
    height:100% !important;
    max-height:none !important;
    overflow:hidden !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
    pointer-events:none;
  }
  .tl-reference-home .tl-v2-hero-art--repositioned > picture > img {
    display:block;
    position:absolute;
    width:100% !important;
    height:auto !important;
    top:auto !important;
    bottom:-4px !important;
    left:0 !important;
    right:auto !important;
    max-width:none !important;
    object-fit:contain !important;
    filter:none !important;
  }
}

/* Touch devices preserve the mobile/tablet banner flow, but never duplicate
   the approved desktop photograph. */
@media (max-width:1199px), (hover:none), (pointer:coarse) {
  .tl-reference-home .tl-v2-hero-art > picture {display:block;width:100%;height:100%}
  .tl-reference-home .tl-v2-hero-art > picture > img {display:block;width:100%;height:100%;object-fit:cover}
}