/* Quality & Supply hero venn refinement v4 */
.qs-v2 .qs-system-art{height:365px;overflow:hidden}
.qs-v2 .qs-system-art:before{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 94%)}
.qs-v2 .qs-venn-stage{position:relative;z-index:2;height:246px;margin-top:24px}
.qs-v2 .qs-venn-stage .qs-evidence-sheet{
  position:absolute;
  min-width:0;
  width:200px;
  height:126px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(219,229,223,.14);
  background:rgba(34,64,53,.22);
  box-shadow:none;
  backdrop-filter:none;
  color:#d5ded8;
  opacity:.8;
  transition:transform .3s cubic-bezier(.2,.72,.2,1),border-color .26s ease,background .26s ease,opacity .26s ease,box-shadow .26s ease;
}
.qs-v2 .qs-venn-stage .qs-evidence-sheet>span{
  margin:0;
  font:11px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.qs-v2 .qs-venn-stage .qs-evidence-sheet>i,
.qs-v2 .qs-venn-stage .qs-evidence-sheet:after{display:none!important}
.qs-v2 .venn-trace{left:78px;top:16px}
.qs-v2 .venn-sustain{right:78px;top:16px}
.qs-v2 .venn-compliance{left:78px;bottom:8px}
.qs-v2 .venn-quality{right:78px;bottom:8px}
.qs-v2 .qs-venn-center{
  position:absolute;
  left:50%;
  top:50%;
  width:148px;
  height:148px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.26);
  background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.92),rgba(209,221,212,.72) 38%,rgba(101,126,111,.58) 72%,rgba(37,57,47,.66));
  box-shadow:0 24px 54px rgba(0,0,0,.22),0 0 46px rgba(201,221,104,.06);
  display:grid;
  place-items:center;
  text-align:center;
  animation:qsCenterGlow 7.2s ease-in-out infinite;
}
.qs-v2 .qs-venn-center:before{
  content:"";
  position:absolute;
  inset:22%;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
}
.qs-v2 .qs-venn-center small{
  position:relative;
  z-index:1;
  font:12px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#f2f6f3;
}
.qs-v2 .qs-venn-stage[data-active-sheet] .qs-evidence-sheet{opacity:.48}
.qs-v2 .qs-venn-stage[data-active-sheet="0"] .venn-trace,
.qs-v2 .qs-venn-stage[data-active-sheet="1"] .venn-sustain,
.qs-v2 .qs-venn-stage[data-active-sheet="2"] .venn-compliance,
.qs-v2 .qs-venn-stage[data-active-sheet="3"] .venn-quality{
  opacity:1;
  border-color:rgba(201,221,104,.32);
  background:rgba(46,83,69,.34);
  box-shadow:0 0 0 1px rgba(201,221,104,.14),0 0 26px rgba(201,221,104,.06);
}
.qs-v2 .qs-venn-stage[data-active-sheet="0"] .venn-trace{transform:translate(-6px,-4px)}
.qs-v2 .qs-venn-stage[data-active-sheet="1"] .venn-sustain{transform:translate(6px,-4px)}
.qs-v2 .qs-venn-stage[data-active-sheet="2"] .venn-compliance{transform:translate(-6px,4px)}
.qs-v2 .qs-venn-stage[data-active-sheet="3"] .venn-quality{transform:translate(6px,4px)}
@keyframes qsCenterGlow{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.025)}}
@media(max-width:1050px){
  .qs-v2 .venn-trace,.qs-v2 .venn-compliance{left:38px}
  .qs-v2 .venn-sustain,.qs-v2 .venn-quality{right:38px}
}
@media(max-width:760px){
  .qs-v2 .qs-system-art{height:330px}
  .qs-v2 .qs-venn-stage{height:214px;margin-top:18px}
  .qs-v2 .qs-venn-stage .qs-evidence-sheet{width:150px;height:98px}
  .qs-v2 .qs-venn-center{width:122px;height:122px}
  .qs-v2 .qs-venn-center small{font-size:11px}
  .qs-v2 .venn-trace,.qs-v2 .venn-compliance{left:4px}
  .qs-v2 .venn-sustain,.qs-v2 .venn-quality{right:4px}
  .qs-v2 .venn-trace,.qs-v2 .venn-sustain{top:10px}
  .qs-v2 .venn-compliance,.qs-v2 .venn-quality{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.qs-v2 .qs-venn-center{animation:none}}