/* Approved modern industrial homepage concept */
:root{
  --concept-teal:#0f5962;
  --concept-deep:#082d33;
  --concept-gold:#c69452;
}

.top-bar{background:var(--concept-deep)}
.site-header{background:rgba(255,255,255,.96);box-shadow:0 10px 35px rgba(8,45,51,.08)}
.site-header .nav-wrap{min-height:43mm}
.site-header .brand{flex-shrink:0}
.site-header .main-logo{width:50mm!important;height:40mm!important;max-width:50mm!important;max-height:40mm!important;object-fit:contain!important;object-position:left center!important}
.brand-motto{display:none}
.nav a{font-size:14px;color:#15353b}
.nav .btn-small{border-radius:999px;padding:13px 20px}

.hero{isolation:isolate;background:var(--concept-deep);min-height:660px}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,35,41,.98) 0%,rgba(4,35,41,.9) 34%,rgba(4,35,41,.3) 58%,rgba(4,35,41,.08) 100%);z-index:-1}
.hero::after{content:"";position:absolute;inset:0;background:url('hero-film-production.webp') center/cover no-repeat;z-index:-2}
.hero-grid{opacity:.025}
.orb{display:none}
.hero-inner{grid-template-columns:minmax(0,650px) 1fr;gap:38px;min-height:600px;padding:72px 0 46px}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{color:#e0b473;font-size:11px}
.hero h1{font-family:Fraunces,Georgia,serif;font-size:clamp(52px,5.7vw,80px);line-height:.98;letter-spacing:-.045em;text-shadow:0 4px 30px rgba(0,0,0,.18)}
.hero h1 span{display:block;color:#edc17c}
.hero-copy>p{max-width:600px;color:#eff8f7;font-size:20px;line-height:1.55}
.hero .btn{border-radius:999px;background:#087d89;border:1px solid #27c0cc;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.hero .btn:hover{background:#0a919e}
.hero .btn-ghost{background:rgba(5,37,42,.32);border-color:rgba(255,255,255,.7)}
.hero-points span{background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.hero-milestone{display:flex;align-items:center;gap:20px;margin-top:28px;color:white}
.hero-milestone strong{font:700 64px/1 Fraunces,Georgia,serif;color:#e2ad62}
.hero-milestone span{padding-left:20px;border-left:1px solid rgba(255,255,255,.55);font-size:17px;line-height:1.25}
.hero-machine{min-height:450px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;pointer-events:none}
.hero-machine>*{display:none}
.hero-stats{background:rgba(4,34,39,.58);backdrop-filter:blur(12px)}

.proof-strip{box-shadow:0 12px 40px rgba(12,52,58,.07)}
.proof-grid>div{position:relative;padding-top:28px;padding-bottom:28px}
.proof-grid>div::before{content:"";display:block;width:28px;height:3px;background:var(--concept-gold);margin-bottom:12px;border-radius:2px}
.proof-grid strong{font-size:14px}

#products{background:linear-gradient(180deg,#f8faf9 0%,#edf3f2 100%)}
#products .section-head h2{color:#0b343a}
.product-grid{gap:14px}
.product-card{position:relative;overflow:hidden;padding:0;min-height:390px;border:0;border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(8,45,51,.11)}
.product-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(8,45,51,.18)}
.product-topline{padding:17px 18px 0}
.product-visual{height:205px;margin:14px 0 18px;border-radius:0;background-image:url('product-showcase-sprite.webp')!important;background-size:600% 100%!important;background-repeat:no-repeat!important}
.product-visual::before,.product-visual::after{display:none!important}
.bag-visual{background-position:0 0!important}
.hdpe-visual{background-position:20% 0!important}
.roll-visual{background-position:40% 0!important}
.print-visual{background-position:60% 0!important}
.pp-visual{background-position:80% 0!important}
.opp-visual{background-position:100% 0!important}
.product-card h3,.product-card p,.product-card ul{margin-left:18px;margin-right:18px}
.product-card h3{font-size:21px;color:#0c343a}
.product-card p{font-size:12px}
.product-card ul{padding-left:16px;padding-bottom:20px}

.profile-stats>div,.equipment-stats>div,.profile-card,.quality-item,.industry-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.profile-stats>div:hover,.equipment-stats>div:hover,.profile-card:hover,.industry-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,45,51,.08);border-color:#b9d3d0}
.section{scroll-margin-top:100px}

@media(max-width:1100px){
  .site-header .main-logo{width:46mm!important;height:36.8mm!important}
  .hero-inner{grid-template-columns:minmax(0,620px) 1fr}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:930px){
  .site-header .nav-wrap{min-height:40mm}
  .nav{top:40mm}
  .hero{min-height:auto}
  .hero::before{background:linear-gradient(90deg,rgba(4,35,41,.97),rgba(4,35,41,.78))}
  .hero::after{background-position:62% center}
  .hero-inner{grid-template-columns:1fr;min-height:auto;padding:70px 0 40px}
  .hero-copy{max-width:680px}
  .hero-machine{display:none}
}

@media(max-width:650px){
  .top-bar{display:none}
  .site-header .nav-wrap{min-height:33mm}
  .site-header .main-logo{width:38mm!important;height:30.4mm!important}
  .nav{top:33mm}
  .hero::before{background:linear-gradient(180deg,rgba(4,35,41,.9),rgba(4,35,41,.98))}
  .hero::after{background-position:66% center;opacity:.62}
  .hero-inner{padding:58px 0 34px}
  .hero h1{font-size:48px}
  .hero-copy>p{font-size:17px}
  .hero-actions{width:100%}
  .hero-actions .btn{width:100%}
  .hero-points{display:none}
  .hero-milestone{margin-top:24px}
  .hero-milestone strong{font-size:54px}
  .hero-milestone span{font-size:15px}
  .product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 24px;gap:14px}
  .product-card{flex:0 0 82%;scroll-snap-align:start;min-height:410px}
  .product-visual{height:225px}
}

@media(prefers-reduced-motion:no-preference){
  .hero::after{animation:hero-drift 18s ease-in-out infinite alternate}
  @keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
}