/* Load after home-hero-20261028.css; replace the earlier same-ratio add-on. */
@media (min-width: 1001px) {
  .hero-unified .actions .btn.alt {
    background: #304635;
    border-color: #304635;
    color: #fffdf7;
  }
}
@media (min-width: 1441px) {
  .hero-unified {
    min-height: 790px;
    position: relative;
    background-image:
      linear-gradient(90deg, rgba(24, 31, 24, .55) 0%, rgba(24, 31, 24, .40) 30%, transparent 57%),
      url("assets/optimized/lanyu-warm-hero-logo-bottles-20261028.jpg");
    background-size: 100% 100%, cover;
    background-position: center, center;
  }
  .hero-unified::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url("assets/optimized/lanyu-warm-hero-logo-bottles-20261028.jpg");
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 30%, #000 46%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, transparent 30%, #000 46%, #000 100%);
    pointer-events: none;
  }
  .hero-unified > .wrap {
    min-height: 790px;
    width: calc(100% - 8.333vw);
    max-width: none;
    position: relative;
    z-index: 1;
  }
  .hero-unified .hero-copy { margin-left: clamp(32px, 4vw, 76px); width: min(650px, 48%); }
  .hero-unified h1 { font-size: clamp(58px, 3.4vw, 64px); }
  .hero-unified .hero-copy > p { font-size: 17px; max-width: 560px; }
}
@media (max-width: 600px) {
  .hero-unified .actions .btn {
    background: #e4b96c;
    border-color: #e4b96c;
    color: #243328;
  }
  .hero-unified .actions .btn.alt {
    background: #304635;
    border-color: #304635;
    color: #fffdf7;
  }
  .contact-whatsapp { background: #21d367; }
  .contact-quote { background: #e4b96c; color: #243328; }
}