.raft-ammonia-benefits {
  background: #000026;
  color: #fff;
  font-family: "Neue Einstellung", sans-serif;
  overflow: hidden;
  padding: min(182px, 9.479167vw) 0 min(150px, 7.8125vw);
  position: relative;
}

.raft-ammonia-benefits *,
.raft-ammonia-benefits *::before,
.raft-ammonia-benefits *::after {
  box-sizing: border-box;
}

.raft-ammonia-benefits__glow {
  background: radial-gradient(ellipse 31% 27% at 50% 112%, #f6d586 8%, #f3946c 22%, #f2735f 29%, #f05252 36%, #c83f53 40%, #a02c55 45%, #771956 51%, #4f0657 58%, rgba(119, 25, 86, .75) 71%, rgba(160, 44, 85, .5) 82%, rgba(240, 82, 82, 0) 100%);
  filter: blur(min(117.9px, 6.140625vw));
  inset: -10% -12% -25%;
  pointer-events: none;
  position: absolute;
}

.raft-ammonia-benefits__shell {
  margin: 0 auto;
  max-width: 1536px;
  position: relative;
  width: 80%;
  z-index: 1;
}

.raft-ammonia-benefits__banner {
  align-items: stretch;
  background: rgba(215, 176, 249, .18);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: min(24px, 1.25vw);
  display: flex;
  gap: min(90px, 4.6875vw);
  min-height: min(291px, 15.15625vw);
  overflow: hidden;
}

.raft-ammonia-benefits__banner-copy {
  align-self: center;
  flex: 1 1 0;
  min-width: 0;
  padding: min(52px, 2.708333vw) min(64px, 3.333333vw);
}

.raft-ammonia-benefits__kicker {
  color: #f05252;
  font-size: min(14px, .729167vw);
  font-weight: 700;
  letter-spacing: min(.98px, .051042vw);
  line-height: 1.6;
  margin: 0 0 min(8px, .416667vw);
  text-transform: uppercase;
}

.raft-ammonia-benefits__banner h2 {
  color: #fff;
  font-size: min(56px, 2.916667vw);
  font-weight: 700;
  letter-spacing: max(-2px, -.104167vw);
  line-height: 1.25;
  margin: 0 0 min(16px, .833333vw);
}

.raft-ammonia-benefits__intro {
  color: #fff;
  font-size: min(22px, 1.145833vw);
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}

.raft-ammonia-benefits__banner-visual {
  flex: 0 0 min(668px, 34.791667vw);
  min-height: min(291px, 15.15625vw);
  overflow: hidden;
  position: relative;
}

.raft-ammonia-benefits__banner-visual > img {
  height: min(795px, 41.40625vw);
  left: max(-14px, -.729167vw);
  max-width: none;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: min(27.45px, 1.429688vw);
  width: min(874px, 45.520833vw);
}

.raft-ammonia-benefits__banner-visual > span {
  background: radial-gradient(ellipse 82% 300% at 100% 50%, #f6d586 0%, #f3946c 18%, #f05252 34%, #a02c55 54%, #4f0657 72%, rgba(79, 6, 87, .9) 100%);
  border: 1px solid #fff;
  border-radius: min(24px, 1.25vw);
  box-shadow: inset 0 0 15.1px rgba(255, 255, 255, .5), 0 4px 6.3px rgba(0, 0, 0, .05), 0 4px 33.3px rgba(0, 0, 0, .25);
  color: #fff;
  font-size: min(24px, 1.25vw);
  font-weight: 700;
  left: calc(50% + min(34.5px, 1.796875vw));
  line-height: 1.6;
  padding: min(15px, .78125vw) min(23px, 1.197917vw);
  position: absolute;
  top: calc(50% + min(108.45px, 5.648438vw));
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.raft-ammonia-benefits__grid {
  display: grid;
  gap: min(20px, 1.041667vw);
  grid-template-columns: min(498.66px, 25.971875vw) minmax(0, 1fr);
  margin-top: min(20px, 1.041667vw);
}

.raft-ammonia-benefits__card {
  background: rgba(215, 176, 249, .18);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: min(24px, 1.25vw);
  box-shadow: 0 4px 6.3px rgba(0, 0, 0, .05), 0 4px 33.3px rgba(0, 0, 0, .12);
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.raft-ammonia-benefits__card--reduction {
  grid-row: 1 / span 2;
  height: min(1000px, 52.083333vw);
}

.raft-ammonia-benefits__card:not(.raft-ammonia-benefits__card--reduction) {
  height: min(490px, 25.520833vw);
}

.raft-ammonia-benefits__card--housing { grid-column: 2; grid-row: 1; margin-right: calc(50% + min(10px, .520833vw)); }
.raft-ammonia-benefits__card--load { grid-column: 2; grid-row: 1; margin-left: calc(50% + min(10px, .520833vw)); }
.raft-ammonia-benefits__card--waste { grid-column: 2; grid-row: 2; margin-right: calc(50% + min(10px, .520833vw)); }
.raft-ammonia-benefits__card--resources { grid-column: 2; grid-row: 2; margin-left: calc(50% + min(10px, .520833vw)); }

.raft-ammonia-benefits__media {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.raft-ammonia-benefits__card--reduction .raft-ammonia-benefits__media {
  height: 100%;
  -webkit-mask: url("../../images/ammonia-benefits/mask-large.svg") center / 100% 100% no-repeat;
  mask: url("../../images/ammonia-benefits/mask-large.svg") center / 100% 100% no-repeat;
}

.raft-ammonia-benefits__card:not(.raft-ammonia-benefits__card--reduction) .raft-ammonia-benefits__media {
  height: min(270px, 14.0625vw);
  -webkit-mask: url("../../images/ammonia-benefits/mask-small.svg") center / 100% 100% no-repeat;
  mask: url("../../images/ammonia-benefits/mask-small.svg") center / 100% 100% no-repeat;
}

.raft-ammonia-benefits__media::after {
  background: radial-gradient(ellipse 35% 120% at 30% 215%, #f6d586 20%, #f3946c 30%, #f05252 40%, #4f0657 65%, rgba(240, 82, 82, 0) 100%);
  content: "";
  inset: 0;
  mix-blend-mode: soft-light;
  position: absolute;
}

.raft-ammonia-benefits__media img {
  display: block;
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%;
}

.raft-ammonia-benefits__card--reduction .raft-ammonia-benefits__media img { object-position: 50% 50%; }
.raft-ammonia-benefits__card--housing .raft-ammonia-benefits__media img { object-position: 50% 51%; }
.raft-ammonia-benefits__card--load .raft-ammonia-benefits__media img { object-position: 50% 50%; }
.raft-ammonia-benefits__card--waste .raft-ammonia-benefits__media img { object-position: 50% 50%; }
.raft-ammonia-benefits__card--resources .raft-ammonia-benefits__media img { object-position: 50% 50%; }

.raft-ammonia-benefits__card-content {
  bottom: min(39px, 2.03125vw);
  color: #fff;
  left: min(39px, 2.03125vw);
  position: absolute;
  right: min(39px, 2.03125vw);
  z-index: 1;
}

.raft-ammonia-benefits__card-content h3 {
  color: #fff;
  font-size: min(24px, 1.25vw);
  font-weight: 700;
  line-height: 1.6;
  margin: min(8px, .416667vw) 0;
}

.raft-ammonia-benefits__card--reduction .raft-ammonia-benefits__card-content h3 {
  font-size: min(36px, 1.875vw);
  letter-spacing: max(-1px, -.052083vw);
  line-height: 1.2;
}

.raft-ammonia-benefits__card-content p {
  color: #fff;
  font-size: min(20px, 1.041667vw);
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
}

.raft-ammonia-benefits__icon {
  height: min(50.41px, 2.625521vw);
  position: relative;
  width: min(51.67px, 2.691146vw);
}

.raft-ammonia-benefits__icon--reduction {
  height: min(100px, 5.208333vw);
  width: min(97.368px, 5.07125vw);
}

.raft-ammonia-benefits__icon--reduction > img {
  height: min(36px, 1.875vw);
  left: 50%;
  max-width: none;
  position: absolute;
  top: min(4.8px, .25vw);
  transform: translateX(-50%);
  width: min(30.667px, 1.59724vw);
}

.raft-ammonia-benefits__icon--reduction > span {
  bottom: min(4.87px, .253646vw);
  color: #fff;
  font-size: min(34.667px, 1.805573vw);
  font-weight: 700;
  left: min(17px, .885417vw);
  line-height: 1;
  position: absolute;
}

.raft-ammonia-benefits__icon--reduction sub {
  font-size: min(20px, 1.041667vw);
  margin-left: min(2px, .104167vw);
  vertical-align: -.35em;
}

.raft-ammonia-benefits__icon--house img {
  max-width: none;
  position: absolute;
}

.raft-ammonia-benefits__house-outline {
  height: min(41.584px, 2.165833vw);
  left: min(5px, .260417vw);
  top: min(4.16px, .216667vw);
  width: min(40.25px, 2.096354vw);
}

.raft-ammonia-benefits__house-door {
  bottom: min(6.3px, .328125vw);
  height: min(20.75px, 1.080729vw);
  left: min(18px, .9375vw);
  width: min(14.75px, .768229vw);
}

.raft-ammonia-benefits__icon--load > span {
  color: #fff;
  font-size: min(19.825px, 1.032552vw);
  font-weight: 700;
  left: min(7px, .364583vw);
  line-height: 1;
  position: absolute;
  top: 0;
}

.raft-ammonia-benefits__icon--load sub {
  font-size: min(11.437px, .595677vw);
  margin-left: min(1px, .052083vw);
  vertical-align: -.35em;
}

.raft-ammonia-benefits__icon--load img {
  height: min(8.459px, .440573vw);
  left: max(-.42px, -.021875vw);
  max-width: none;
  position: absolute;
  width: min(53.67px, 2.795313vw);
}

.raft-ammonia-benefits__load-rule-one { top: min(29.7px, 1.546875vw); }
.raft-ammonia-benefits__load-rule-two { top: min(42.6px, 2.21875vw); }

.raft-ammonia-benefits__icon--waste,
.raft-ammonia-benefits__icon--resources {
  align-items: center;
  display: flex;
  justify-content: center;
}

.raft-ammonia-benefits__icon--waste img {
  height: min(36.565px, 1.904427vw);
  width: min(44.7px, 2.328125vw);
}

.raft-ammonia-benefits__icon--resources img {
  height: min(50px, 2.604167vw);
  width: min(51px, 2.65625vw);
}

.raft-ammonia-benefits__divider {
  background: #000026;
  height: min(110px, 5.729167vw);
  margin: min(32px, 1.666667vw) auto 0;
  width: min(2px, .104167vw);
}

@media (max-width: 1100px) {
  .raft-ammonia-benefits {
    padding: 100px 0;
  }

  .raft-ammonia-benefits__shell {
    width: calc(100% - 48px);
  }

  .raft-ammonia-benefits__banner-visual {
    display: none;
  }

  .raft-ammonia-benefits__grid {
    grid-template-columns: 1fr 1fr;
  }

  .raft-ammonia-benefits__card,
  .raft-ammonia-benefits__card--reduction,
  .raft-ammonia-benefits__card--housing,
  .raft-ammonia-benefits__card--load,
  .raft-ammonia-benefits__card--waste,
  .raft-ammonia-benefits__card--resources {
    grid-column: auto;
    grid-row: auto;
    height: 490px;
    margin: 0;
  }

  .raft-ammonia-benefits__card--reduction .raft-ammonia-benefits__media {
    height: 270px;
    -webkit-mask: url("../../images/ammonia-benefits/mask-small.svg") center / 100% 100% no-repeat;
    mask: url("../../images/ammonia-benefits/mask-small.svg") center / 100% 100% no-repeat;
  }
}