/* Editorial Pot / Column orientation panel. */
.comparison-map{
  padding:36px 42px 30px;
  border-radius:0;
  box-shadow:none;
}

.comparison-map > p{
  margin:0;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.2);
  text-align:left;
}

.comparison-map__pair{
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);
  margin:0;
}

.comparison-map__pair article{
  min-height:184px;
  padding:32px 24px;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  background:transparent;
  color:var(--white);
}

.comparison-map__pair article:first-child{
  padding-left:0;
}

.comparison-map__pair article:last-child{
  padding-right:0;
}

.comparison-map__pair b{
  margin:13px 0 14px;
  font-size:clamp(30px,2.8vw,39px);
  font-weight:400;
  line-height:1.05;
}

.comparison-map__pair small{
  display:block;
  max-width:220px;
  font-size:12px;
  line-height:1.55;
  letter-spacing:.07em;
}

.comparison-map__pair i{
  position:relative;
  align-self:stretch;
  width:auto;
  height:auto;
  margin:0;
  border-radius:0;
  background:transparent;
  font-size:0;
}

.comparison-map__pair i::before{
  content:"";
  position:absolute;
  top:24px;
  bottom:24px;
  left:50%;
  width:1px;
  background:rgba(255,255,255,.2);
}

.comparison-map__pair i::after{
  content:"VS";
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  transform:translate(-50%,-50%);
  padding:8px 0;
  background:var(--ink);
  color:var(--orange);
  font-size:10px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.12em;
}

.comparison-map > strong{
  padding-top:20px;
  text-align:left;
  font-size:12px;
  line-height:1.55;
}

@media (max-width:1000px){
  .comparison-map{
    padding:30px;
  }
}

@media (max-width:680px){
  .comparison-map{
    padding:24px 22px;
  }

  .comparison-map__pair{
    grid-template-columns:1fr;
  }

  .comparison-map__pair article{
    min-height:auto;
    padding:26px 0;
  }

  .comparison-map__pair i{
    min-height:42px;
  }

  .comparison-map__pair i::before{
    top:50%;
    bottom:auto;
    left:0;
    width:100%;
    height:1px;
  }
}