/* ============================================================
   HOME V8.3 REVIEW OVERRIDES
   - YouTube celebration background video
   - Client Visits year removed
   - Hero Concept A: packaging line image
   - Hero Concept B: Pack Thru facility + packaging line merge
   ============================================================ */

/* Keep the approved relationship statement current. */
.precision-card span{color:#18d7ae}

/* ------------------------------------------------------------
   Celebration background video
   ------------------------------------------------------------ */
.celebration-media{
  isolation:isolate;
  background:#072f5b;
}
.celebration-video-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#082f5b;
}
.celebration-video-bg iframe{
  position:absolute;
  left:50%;
  top:50%;
  width:178%;
  height:100%;
  min-width:100%;
  min-height:100%;
  transform:translate(-50%,-50%);
  border:0;
  pointer-events:none;
}
.celebration-video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,31,64,.22) 0%,rgba(2,31,64,.03) 34%,rgba(2,31,64,.05) 100%),
    linear-gradient(180deg,rgba(5,42,80,.04),rgba(5,42,80,.13));
}
.celebration-sound-toggle{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  gap:.6rem;
  min-height:58px;
  padding:.72rem 1rem;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#072f5b;
  font-family:"Manrope",sans-serif;
  font-size:.78rem;
  font-weight:800;
  box-shadow:0 14px 36px rgba(3,35,68,.25);
  backdrop-filter:blur(7px);
  transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease;
}
.celebration-sound-toggle i{font-size:1.35rem;line-height:1}
.celebration-sound-toggle:hover{
  transform:translate(-50%,-50%) scale(1.045);
  background:#0789f7;
  color:#fff;
  box-shadow:0 18px 42px rgba(7,137,247,.3);
}
.celebration-sound-toggle.is-sound-on{
  background:rgba(7,137,247,.94);
  color:#fff;
}

/* ------------------------------------------------------------
   Hero Concept A — existing layout + supplied packaging line
   ------------------------------------------------------------ */
.hero-variant-machine .hero-machine-wrap{
  background:#eef6fc;
  clip-path:none !important;
}
.hero-variant-machine .hero-machine-wrap::before{
  background:linear-gradient(90deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.10) 9%,rgba(255,255,255,0) 23%);
  z-index:2;
}
.hero-variant-machine .hero-machine-wrap img{
  width:106%;
  height:370px;
  right:-4%;
  top:0;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.98) contrast(1.015);
  
}
.hero-variant-machine .hero-blue-swoosh{
  width:93%;
  height:188px;
}

/* ------------------------------------------------------------
   Hero Concept B — facility + packaging line merged visual
   ------------------------------------------------------------ */
.hero-variant-merged{
  background:linear-gradient(180deg,#f9fcff 0%,#eef7fd 100%);
}
.hero-variant-merged .hero-container{
  max-width:none;
  padding-left:0;
  padding-right:0;
}
.hero-variant-merged .hero-row{margin:0}
.hero-variant-merged .hero-grid-left,
.hero-variant-merged .hero-dot-pattern,
.hero-variant-merged .hero-scroll{display:none!important}
.hero-merged-stage{
  position:relative;
  overflow:hidden;
  width:100%;
  background:linear-gradient(180deg,#edf7ff,#f9fcff);
}
.hero-merged-building,
.hero-merged-machine,
.hero-merged-veil{
  position:absolute;
  inset:0;
}
.hero-merged-building{
  right:auto;
  width:56%;
  background-image:url('../images/home-review/packthru-building.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 66%;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.72) 84%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.72) 84%,transparent 100%);
  filter:saturate(.94) contrast(1.01);
}
.hero-merged-machine{
  left:auto;
  width:74%;
  background-image:url('../images/home-review/packaging-line.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 10%,#000 28%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 10%,#000 28%,#000 100%);
}
.hero-merged-veil{
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 46%,rgba(7,93,177,.08) 100%),
    radial-gradient(circle at 50% 38%,rgba(255,255,255,0) 0%,rgba(255,255,255,.02) 48%,rgba(1,47,91,.07) 100%);
}
.hero-variant-merged .precision-card-wrap{
  left:50%;
  bottom:22px;
}
.hero-variant-merged .precision-card{
  width:235px;
  min-height:154px;
  background:linear-gradient(145deg,rgba(7,61,115,.97),rgba(4,42,82,.98));
  backdrop-filter:blur(8px);
}
.hero-variant-merged .hero-baseline{z-index:4}
.hero-variant-merged::after{
  content:"";
  position:absolute;
  z-index:3;
  right:-4%;
  bottom:43px;
  width:79%;
  height:170px;
  background:linear-gradient(100deg,#1aa5ff 0%,#087fe9 66%,#075ed1 100%);
  clip-path:polygon(0 94%,20% 88%,39% 79%,58% 66%,74% 49%,88% 27%,100% 6%,100% 100%,0 100%);
  pointer-events:none;
}

/* Client Visits title is intentionally evergreen now. */
#client-visits-title{max-width:360px}

@media(max-width:1199.98px){
  .hero-variant-machine .hero-machine-wrap img{width:112%;right:-8%}
  .hero-merged-building{width:61%;background-position:center 70%}
  .hero-merged-machine{width:78%}
}
@media(max-width:991.98px){
  .celebration-video-bg iframe{width:185%}
  .hero-variant-machine .hero-machine-wrap img{width:118%;right:-11%}
  .hero-variant-merged .hero-container{height:560px;padding-top:0}
  .hero-variant-merged .hero-visual-col{height:auto}
  .hero-merged-building{width:72%;background-position:center 67%}
  .hero-merged-machine{width:84%;opacity:.92}
  .hero-variant-merged::after{height:145px;bottom:35px;width:92%}
}
@media(max-width:767.98px){
  .celebration-video-bg iframe{width:220%}
  .celebration-sound-toggle span{display:none}
  .celebration-sound-toggle{width:58px;height:58px;justify-content:center;padding:0}
  .hero-variant-machine .hero-machine-wrap img{width:130%;right:-18%}
  .hero-variant-merged .hero-container{height:470px}
  .hero-merged-building{width:100%;opacity:.86;background-position:center 64%;-webkit-mask-image:none;mask-image:none}
  .hero-merged-machine{width:100%;opacity:.72;background-size:cover;background-position:70% center;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 18%,#000 46%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 18%,#000 46%,#000 100%)}
  .hero-variant-merged .precision-card{width:205px;min-height:130px;font-size:1.12rem;padding:20px 23px}
}
.celebration-media{cursor:pointer}

/* ------------------------------------------------------------
   V8.4 updates — approved hero artwork + reliable video preview
   ------------------------------------------------------------ */
.hero-variant-machine .hero-machine-wrap img{
  width:100%;
  height: 370px !important;
  right:0;
  top:0;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1) contrast(1.01);
}
@media(max-width:1199.98px){
  .hero-variant-machine .hero-machine-wrap img{width:100%;right:0}
}
@media(max-width:991.98px){
  .hero-variant-machine .hero-machine-wrap img{width:100%;right:0}
}
@media(max-width:767.98px){
  .hero-variant-machine .hero-machine-wrap img{width:100%;right:0;object-position:center center}
}

.celebration-media{
  position:relative;
  overflow:hidden;
  min-height:100%;
  background:#082f5b;
  cursor:pointer;
}
.celebration-poster,
.celebration-media iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.celebration-poster{
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.03) contrast(1.02);
}
.celebration-video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,31,64,.18) 0%,rgba(2,31,64,.04) 42%,rgba(2,31,64,.10) 100%),
    linear-gradient(180deg,rgba(5,42,80,.04),rgba(5,42,80,.14));
}
.celebration-play-toggle{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  gap:.65rem;
  min-height:60px;
  padding:.75rem 1.05rem;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#072f5b;
  font-family:"Manrope",sans-serif;
  font-size:.8rem;
  font-weight:800;
  box-shadow:0 14px 36px rgba(3,35,68,.25);
  backdrop-filter:blur(7px);
  transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease;
}
.celebration-play-toggle i{font-size:1.45rem;line-height:1}
.celebration-play-toggle:hover{
  transform:translate(-50%,-50%) scale(1.045);
  background:#0789f7;
  color:#fff;
  box-shadow:0 18px 42px rgba(7,137,247,.3);
}
.celebration-media.is-playing .celebration-poster,
.celebration-media.is-playing .celebration-video-overlay,
.celebration-media.is-playing .celebration-play-toggle{display:none}
@media(max-width:767.98px){
  .celebration-play-toggle span{display:none}
  .celebration-play-toggle{width:60px;height:60px;justify-content:center;padding:0}
}

/* Approved combined hero artwork for Version 2 merged concept */
.hero-variant-merged .hero-merged-stage{
  background-image:url('../images/home-review/packthru-hero-approved.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.hero-variant-merged .hero-merged-building,
.hero-variant-merged .hero-merged-machine,
.hero-variant-merged .hero-merged-veil{
  display:none;
}

/* ------------------------------------------------------------
   V8.5 FINAL — approved building + packaging-line hero and
   resilient YouTube background video behavior
   ------------------------------------------------------------ */
.hero-variant-machine .hero-machine-wrap img{
  width:100%;
 height: 412px !important;
  inset:0;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.02) contrast(1.015);
  margin-top: 92px;
    border-radius: 16px;
}

.celebration-youtube-host{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease;
}
.celebration-youtube-host iframe{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:116%!important;
  height:116%!important;
  min-width:100%!important;
  min-height:100%!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  pointer-events:none!important;
}
.celebration-poster{
  z-index:0;
  transition:opacity .45s ease;
}
.celebration-media.video-ready .celebration-youtube-host{opacity:1}
.celebration-media.video-ready .celebration-poster{opacity:0}
.celebration-media.video-ready .celebration-video-overlay{display:block}
.celebration-media.video-ready .celebration-play-toggle{display:flex}
.celebration-media.video-fallback .celebration-poster{opacity:1}
.celebration-media.video-fallback .celebration-youtube-host{display:none}
.celebration-play-toggle.is-sound-on{
  background:rgba(7,137,247,.95);
  color:#fff;
  border-color:rgba(255,255,255,.92);
}

@media(max-width:767.98px){
  .celebration-youtube-host iframe{width:190%!important;height:120%!important}
}

/* V8.7 — celebration background-video correction only. */
.celebration-media[data-video-background="true"] .celebration-youtube-host{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease;
}
.celebration-media[data-video-background="true"] .celebration-youtube-host iframe{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:116%!important;
  height:116%!important;
  min-width:100%!important;
  min-height:100%!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  pointer-events:none!important;
}
.celebration-media[data-video-background="true"].video-ready .celebration-youtube-host{opacity:1}
.celebration-media[data-video-background="true"].video-ready .celebration-poster{opacity:0}
.celebration-media[data-video-background="true"].video-ready .celebration-watch-fallback{display:none!important}
.celebration-media[data-video-background="true"].video-fallback .celebration-youtube-host{display:none}
.celebration-media[data-video-background="true"].video-fallback .celebration-poster{opacity:1}
@media(max-width:767.98px){
  .celebration-media[data-video-background="true"] .celebration-youtube-host iframe{
    width:190%!important;
    height:120%!important;
  }
}

/* ============================================================
   FINAL CLIENT CORRECTIONS — 19-09
   ============================================================ */
/* Keep the complete Pack Thru building signage visible at every desktop width. */
/*.hero-variant-machine .hero-machine-wrap{
  background:#eef6fc;
}*/
.hero-variant-machine .hero-machine-wrap img{
  width:100% !important;
  height:100% !important;
  inset:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
      margin-top: 0px !important;
	      border-radius: 18px;
    
}
/* Client requested removal of the vertical scroll prompt. */
.hero-scroll{display:none!important}