/* Image-rich treatment for formerly empty charcoal surfaces. */
.motion-media,
.motion-media.media-in{
  clip-path:none!important;
}

.business-paths,
.brand-portal,
.metrics,
.proof-stream,
.certifications{
  position:relative;
  isolation:isolate;
  background-color:#211d24;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.business-paths{
  background-image:
    linear-gradient(115deg,rgba(29,17,33,.96) 0%,rgba(35,23,38,.78) 48%,rgba(20,18,20,.62) 100%),
    url("assets/hero-factory.png");
  background-attachment:fixed;
}
.brand-portal{
  background-image:
    radial-gradient(circle at 76% 14%,rgba(155,90,184,.28),transparent 34%),
    linear-gradient(100deg,rgba(25,14,30,.96),rgba(31,22,35,.76)),
    url("assets/desire-banner-v1.jpg");
  background-position:center,center,center 44%;
}
.metrics{
  background-image:
    linear-gradient(100deg,rgba(21,17,24,.93) 0%,rgba(33,22,39,.80) 54%,rgba(16,16,18,.72) 100%),
    url("assets/production-line-v2.jpg");
  background-position:center,center 42%;
  background-attachment:fixed;
}
.proof-stream{
  background-image:
    radial-gradient(circle at 78% 12%,rgba(137,80,158,.34),transparent 32%),
    linear-gradient(110deg,rgba(20,15,23,.96),rgba(25,20,29,.74)),
    url("assets/production-formula-v2.jpg");
  background-position:center,center,center 55%;
  background-attachment:fixed;
}
.proof-sticky{
  background:
    radial-gradient(circle at 78% 18%,rgba(112,74,126,.52) 0,transparent 34%),
    linear-gradient(105deg,rgba(21,16,24,.96),rgba(29,20,32,.72)),
    url("assets/formula-textures-v1.png") center/cover no-repeat;
}
.certifications{
  background-image:
    radial-gradient(circle at 18% 12%,rgba(184,127,212,.25),transparent 34%),
    linear-gradient(100deg,rgba(35,20,42,.96),rgba(26,20,30,.78)),
    url("assets/fragrance-lab-v1.png");
  background-position:center,center,center 48%;
}

.business-paths>* ,
.brand-portal>* ,
.metrics>* ,
.proof-stream>* ,
.certifications>*{position:relative;z-index:1}

.metric-grid article{
  background:linear-gradient(140deg,rgba(255,255,255,.11),rgba(255,255,255,.025));
  backdrop-filter:blur(7px);
  transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s;
}
.metric-grid article:hover{
  transform:translateY(-7px);
  background:linear-gradient(140deg,rgba(190,145,216,.24),rgba(255,255,255,.055));
}
.quality-note{
  padding:36px;
  background:linear-gradient(110deg,rgba(19,13,22,.66),rgba(80,46,91,.22));
  backdrop-filter:blur(8px);
}

.contrast article{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
.contrast article:first-child{
  background-image:
    linear-gradient(110deg,rgba(35,27,31,.88),rgba(46,31,37,.55)),
    url("assets/dinamo-packaging-v2.png")!important;
}
.contrast article:last-child{
  background-image:
    linear-gradient(105deg,rgba(29,13,36,.92),rgba(67,30,78,.50)),
    url("assets/production-formula-v2.jpg")!important;
}
.contrast article:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(135deg,transparent 40%,rgba(208,169,231,.18));
  transition:transform .9s cubic-bezier(.16,1,.3,1);
}
.contrast article:hover:after{transform:scale(1.08)}
.contrast article>p,.contrast article>h2{position:relative;z-index:1;text-shadow:0 3px 28px rgba(0,0,0,.58)}

.category-stage>img{
  filter:saturate(.96) brightness(1.08) contrast(1.03);
}
.category-stage-shade{
  background:linear-gradient(0deg,rgba(20,8,26,.86),transparent 64%),linear-gradient(90deg,rgba(39,13,49,.36),transparent 66%);
}

@media(max-width:760px){
  .business-paths,.metrics,.proof-stream{background-attachment:scroll}
  .contrast article{min-height:78vh}
  .quality-note{padding:26px 20px}
}

@media(prefers-reduced-motion:reduce){
  .metric-grid article,.contrast article:after{transition:none}
}