.frame-2,
.frame-2 * {
  box-sizing: border-box;
}
.frame-2 {
  height: 307.2rem;
  position: relative;
}
.frame-2__rectangle-135 {
  background: #ffffff;
  width: 88.6rem;
  height: 304.8rem;
  position: absolute;
  left: 0rem;
  top: 0.2rem;
}
.frame-2__rectangle-142 {
  background: #000000;
  width: 124.3rem;
  height: 88.6rem;
  position: absolute;
  left: 0rem;
  top: 124.3rem;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.frame-2__rectangle-153 {
  border-radius: 9rem 0rem 0rem 9rem;
  width: 100%;
  height: 88.6rem;
  position: absolute;
  left: 0rem;
  top: 0;
  transform-origin: 0 0;
  object-fit: cover;
}
.frame-2__rectangle-154 {
  background: linear-gradient(
    86.49deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  border-radius: 9rem 0rem 0rem 9rem;
  width: 124.3rem;
  height: 88.6rem;
  position: absolute;
  left: 0rem;
  top: 124.3rem;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.frame-2__rectangle-140 {
  background: #000000;
  width: 88.6rem;
  height: 0.2rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.frame-2__rectangle-141 {
  background: #ffffff;
  border-radius: 22.011000000000003rem;
  width: 76.4rem;
  height: 9.8rem;
  position: absolute;
  left: 7rem;
  top: 106.4rem;
}
.frame-2__first-drop-chained {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 6.721057891845703rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 7rem;
  top: 92.2rem;
}
.frame-2__div {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3.769470977783203rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 35rem;
  top: 108.8rem;
}
.frame-2__rectangle-151 {
  background: #000000;
  width: 88.6rem;
  height: 182.9rem;
  position: absolute;
  left: 0rem;
  top: 124.3rem;
}
.frame-2__group-631 {
  position: absolute;
  inset: 0;
}
.frame-2__group-625 {
  width: 35.126999999999995rem;
  height: 53.2rem;
  position: static;
}
.frame-2__rectangle-149 {
  background: #161616;
  width: 35.126999999999995rem;
  height: 46.989999999999995rem;
  position: absolute;
  left: 7rem;
  top: 145.3rem;
}
.frame-2__hoodie-chain-black {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3.1528114318847655rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 7rem;
  top: 194.2rem;
}
.frame-2__group-626 {
  width: 16.034rem;
  height: 5.3759999999999994rem;
  position: static;
}
.frame-2__rectangle-150 {
  background: #ffffff;
  border-radius: 27.805rem;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.093rem;
  width: 16.034rem;
  height: 5.3759999999999994rem;
  position: absolute;
  left: 7rem;
  top: 200.3rem;
}
.frame-2___6499 {
  color: #000000;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.8197681427001955rem;
  letter-spacing: -0.06em;
  font-weight: 600;
  position: absolute;
  left: 10.615rem;
  top: 201.041rem;
}
.frame-2__div2 {
  color: #000000;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.8197681427001955rem;
  letter-spacing: -0.06em;
  font-weight: 600;
  position: absolute;
  left: 17.566rem;
  top: 201.041rem;
}
.frame-2__group-627 {
  width: 13.438999999999998rem;
  height: 3.9rem;
  position: static;
}
.frame-2___7499 {
  color: #626262;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.8197681427001955rem;
  letter-spacing: -0.06em;
  font-weight: 500;
  position: absolute;
  left: 25.444rem;
  top: 201.041rem;
}
.frame-2__rub {
  color: #626262;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.8197681427001955rem;
  letter-spacing: -0.06em;
  font-weight: 500;
  position: absolute;
  left: 32.488rem;
  top: 201.041rem;
}
.frame-2__vector-49 {
  width: 13.438999999999998rem;
  height: 0rem;
  position: absolute;
  left: 24.981rem;
  top: 202.988rem;
  overflow: visible;
}
.frame-2__group-632 {
  position: absolute;
  inset: 0;
}
.frame-2__group-628 {
  width: 35.126999999999995rem;
  height: 53.2rem;
  position: static;
}
.frame-2__rectangle-1492 {
  background: #161616;
  width: 35.126999999999995rem;
  height: 46.989999999999995rem;
  position: absolute;
  left: 48.3rem;
  top: 145.3rem;
}
.frame-2__hoodie-chain-black2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 3.1528114318847655rem;
  letter-spacing: -0.03em;
  font-weight: 500;
  position: absolute;
  left: 48.3rem;
  top: 194.2rem;
}
.frame-2__group-630 {
  width: 12.344rem;
  height: 3.9rem;
  position: static;
}
.frame-2___74992 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.8197681427001955rem;
  letter-spacing: -0.06em;
  font-weight: 500;
  position: absolute;
  left: 48.3rem;
  top: 201rem;
}
.frame-2__rub2 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 2.8197681427001955rem;
  letter-spacing: -0.06em;
  font-weight: 500;
  position: absolute;
  left: 55.34400000000001rem;
  top: 201.0rem;
}
.frame-2__div3 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 5.425244903564453rem;
  letter-spacing: -0.03em;
  font-weight: 600;
  position: absolute;
  left: 7rem;
  top: 131.3rem;
}
.frame-2__ellipse-14 {
  background: #ffffff;
  border-radius: 50%;
  width: 6.7rem;
  height: 6.7rem;
  position: absolute;
  left: 76.7rem;
  top: 132.7rem;
}
.frame-2__group-643 {
  opacity: 0.5;
  width: 6.7rem;
  height: 6.7rem;
  position: absolute;
  left: 68.3rem;
  top: 132.7rem;
  overflow: visible;
}
.frame-2__vector-51 {
  width: 1.2rem;
  height: 2.4rem;
  position: absolute;
  left: 80.7rem;
  top: 137.2rem;
  transform: translate(-1.306rem, -2.506rem);
  overflow: visible;
}
.frame-2__group-641 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-112 {
  border-radius: 25.119rem;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.16699999999999998rem;
  width: 34.329rem;
  height: 7.452rem;
  position: absolute;
  left: 27.1rem;
  top: 212.3rem;
}
.frame-2__div4 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.603585052490234rem;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: 30.951999999999998rem;
  top: 214.22600000000003rem;
}
.frame-2__group-821 {
  position: absolute;
  inset: 0;
}
.frame-2__rectangle-1122 {
  border-radius: 25.119rem;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.16699999999999998rem;
  width: 34.329rem;
  height: 7.452rem;
  position: absolute;
  left: 49.1rem;
  top: 288.3rem;
}
.frame-2__div5 {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 2.603585052490234rem;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: 56.2rem;
  top: 290.226rem;
}
.frame-2__c-chainedproject {
  width: 76.4rem;
  height: 20.8rem;
  position: absolute;
  left: 7.005rem;
  top: 226.4rem;
  overflow: visible;
}
.frame-2__rectangle-234 {
  width: 37.5rem;
  height: 41.8rem;
  position: absolute;
  left: 7rem;
  top: 254rem;
  object-fit: cover;
}
.frame-2__rectangle-235 {
  width: 34.3rem;
  height: 30.7rem;
  position: absolute;
  left: 49.1rem;
  top: 254rem;
  object-fit: cover;
}

/* UX/UI hover animations */
.frame-2__rectangle-112,
.frame-2__rectangle-1122 {
  display: block;
  transition: background-color 250ms ease, border-color 250ms ease, transform 200ms ease;
  cursor: pointer;
}
.frame-2__div4,
.frame-2__div5 {
  transition: color 250ms ease;
  pointer-events: none;
}
.frame-2__rectangle-112:hover {
  background: #ffffff;
}
.frame-2__rectangle-112:hover + .frame-2__div4 {
  color: #000000;
}
.frame-2__rectangle-1122:hover {
  background: #ffffff;
}
.frame-2__rectangle-1122:hover + .frame-2__div5 {
  color: #000000;
}