/* User-requested factory hero and luxury buyer/category imagery, 2026-10-02. */
.pdf-home.home-scenes-v5 .home-hero {
  background-image: url("media/keyword-images/glass-bottle-production-conveyor.webp");
  background-size: cover;
  background-position: center;
  min-height: 650px;
}
.pdf-home.home-scenes-v5 .home-hero::before {
  background: linear-gradient(90deg, rgba(3,22,23,.84) 0%, rgba(3,22,23,.60) 35%, rgba(3,22,23,.10) 73%);
}
.pdf-home.home-scenes-v5 .hero-inner { min-height: 650px; padding-top: 100px; padding-bottom: 82px; }
.pdf-home.home-scenes-v5 .home-role-visual > .section-summary { max-width: 750px; }
.pdf-home.home-scenes-v5 .role-visual-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-top: 32px; }
.pdf-home.home-scenes-v5 .role-visual-grid a {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: 510px; aspect-ratio: 4 / 3; padding: clamp(28px,4vw,54px);
  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
  background-size: cover; background-repeat: no-repeat; background-position: center;
  background-color: #17362e; border: 0; color: #fff;
}
.pdf-home.home-scenes-v5 .role-visual-grid a::before {
  position: absolute; inset: 0; content: ""; z-index: -1;
  background: linear-gradient(180deg, rgba(6,20,17,.74) 0%, rgba(6,20,17,.62) 46%, rgba(6,20,17,.08) 78%, transparent 100%);
}
.pdf-home.home-scenes-v5 .role-visual-grid a > * { position: relative; z-index: 1; }
.pdf-home.home-scenes-v5 .role-visual-grid .buyer-label {
  color: #eee2c9; font-size: 11px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase;
}
.pdf-home.home-scenes-v5 .role-visual-grid h3 {
  color: #fff; max-width: 440px; font-size: clamp(26px,2.8vw,40px); line-height: 1.15;
  margin: 14px 0 13px; letter-spacing: -.025em; text-wrap: balance;
}
.pdf-home.home-scenes-v5 .role-visual-grid p {
  color: #f4f1e8; font-size: 14px; line-height: 1.65; max-width: 370px; margin: 0;
}
.pdf-home.home-scenes-v5 .role-visual-grid .buyer-cta {
  display: inline-flex; align-items: center; gap: 30px; margin-top: 22px;
  padding: 13px 19px; border: 1px solid #e7dcc4; background: #f4efe3;
  color: #17392f; font-size: 13px; line-height: 1.2; font-weight: 650;
  letter-spacing: .025em; text-transform: none; transition: background-color .18s ease;
}
.pdf-home.home-scenes-v5 .role-visual-grid a:hover .buyer-cta { background: #e6d8ba; }
.pdf-home.home-scenes-v5 .role-visual-grid a:focus-visible { outline: 3px solid #92713c; outline-offset: 5px; }
.pdf-home.home-scenes-v5 .final-product-grid .system-card img { background: #092b2a; object-fit: contain; }
@media (max-width: 1100px) {
  .pdf-home.home-scenes-v5 .role-visual-grid a { min-height: 490px; aspect-ratio: auto; padding: 30px; }
}
@media (max-width: 820px) {
  .pdf-home.home-scenes-v5 .home-hero { background-size: auto 340px; background-position: center top; min-height: 0; }
  .pdf-home.home-scenes-v5 .home-hero::before { background: linear-gradient(180deg, rgba(3,22,23,.03) 180px, #092b2a 340px); }
  .pdf-home.home-scenes-v5 .hero-inner { min-height: 0; padding: 350px 28px 52px; }
  .pdf-home.home-scenes-v5 .role-visual-grid { grid-template-columns: 1fr; }
  .pdf-home.home-scenes-v5 .role-visual-grid a { aspect-ratio: 4 / 3; min-height: 480px; padding: 38px; }
  .pdf-home.home-scenes-v5 .role-visual-grid h3 { font-size: 34px; }
}
@media (max-width: 560px) {
  .pdf-home.home-scenes-v5 .home-hero { background-size: auto 250px; }
  .pdf-home.home-scenes-v5 .home-hero::before { background: linear-gradient(180deg, transparent 140px, #092b2a 250px); }
  .pdf-home.home-scenes-v5 .hero-inner { padding: 263px 24px 42px; }
  .pdf-home.home-scenes-v5 .role-visual-grid { gap: 20px; }
  .pdf-home.home-scenes-v5 .role-visual-grid a { min-height: 500px; aspect-ratio: auto; padding: 28px; background-position: 62% center; }
  .pdf-home.home-scenes-v5 .role-visual-grid h3 { font-size: 30px; }
  .pdf-home.home-scenes-v5 .role-visual-grid a::before { background: linear-gradient(180deg, rgba(6,20,17,.79), rgba(6,20,17,.60) 42%, rgba(6,20,17,.08) 75%); }
}
@media (prefers-reduced-motion: reduce) {
  .pdf-home.home-scenes-v5 .role-visual-grid .buyer-cta { transition: none; }
}

.pdf-home.home-scenes-v5 .homepage-customer-collage-cta {
  background-image: linear-gradient(90deg, rgba(4,22,19,.56), rgba(4,22,19,.16) 58%, rgba(4,22,19,.03)), url("media/keyword-images/packaging-project-consultation-concept.webp");
  background-size: cover; background-position: center;
}
.pdf-home.home-scenes-v5 .homepage-customer-collage-cta > div { background: transparent; }
@media (max-width: 820px) {
  .pdf-home.home-scenes-v5 .homepage-customer-collage-cta { background-position: 65% center; }
  .pdf-home.home-scenes-v5 .homepage-customer-collage-cta > div { background: rgba(4,22,19,.72); }
}