.sy-aud {
  --sx: 100cqw;
  container-type: inline-size;
  position: relative;
  width: 100%;
  aspect-ratio: 1920 / 1080;
  margin: -1px 0 0;
  overflow: hidden;
  background: #2a241f;
  color: #fff;
  font-family: "SVN-Gilroy", Manrope, sans-serif;
}

.sy-aud__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center;
}

.sy-aud__shade {
  position: absolute;
  inset: 0;
  background: rgba(61, 51, 31, 0.55);
  pointer-events: none;
}

.sy-aud__eyebrow,
.sy-aud__title,
.sy-aud__card {
  position: absolute;
  z-index: 1;
  margin: 0;
}

.sy-aud__eyebrow {
  left: calc(var(--sx) * 65 / 1920);
  top: calc(var(--sx) * 133 / 1920);
  font-weight: 400;
  font-size: calc(var(--sx) * 36 / 1920);
  line-height: calc(var(--sx) * 38 / 1920);
  letter-spacing: -0.03em;
  color: #a28b7e;
  white-space: nowrap;
}

.sy-aud__title {
  left: calc(var(--sx) * 65 / 1920);
  top: calc(var(--sx) * 193 / 1920);
  font-weight: 500;
  font-size: calc(var(--sx) * 64 / 1920);
  line-height: calc(var(--sx) * 65 / 1920);
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #fff;
}

.sy-aud__line1,
.sy-aud__line2 {
  display: block;
  white-space: nowrap;
}

.sy-aud__line2 {
  margin-top: calc(var(--sx) * 4 / 1920);
}

.sy-aud__spacer {
  visibility: hidden;
  white-space: pre;
}

.sy-aud__card {
  top: calc(var(--sx) * 404 / 1920);
}

.sy-aud__card:nth-of-type(1) { left: calc(var(--sx) * 339 / 1920); }
.sy-aud__card:nth-of-type(2) { left: calc(var(--sx) * 854 / 1920); }
.sy-aud__card:nth-of-type(3) { left: calc(var(--sx) * 1379 / 1920); }

.sy-aud__num {
  margin: 0;
  font-weight: 400;
  font-size: calc(var(--sx) * 36 / 1920);
  line-height: calc(var(--sx) * 37 / 1920);
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #fff;
}

.sy-aud__photo {
  width: calc(var(--sx) * 249 / 1920);
  height: calc(var(--sx) * 334 / 1920);
  margin-top: calc(var(--sx) * 13 / 1920);
  overflow: hidden;
  background: #3a2e26;
}

.sy-aud__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sy-aud__card-title {
  margin: calc(var(--sx) * 35 / 1920) 0 0;
  font-weight: 600;
  font-size: calc(var(--sx) * 36 / 1920);
  line-height: calc(var(--sx) * 37 / 1920);
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

.sy-aud__lines {
  width: calc(var(--sx) * 256 / 1920);
  margin: calc(var(--sx) * 17 / 1920) 0 0;
  padding: 0;
  list-style: none;
  font-weight: 500;
  font-size: calc(var(--sx) * 20 / 1920);
  line-height: calc(var(--sx) * 21 / 1920);
  letter-spacing: -0.03em;
  color: #bfa596;
}

.sy-aud__lines li + li {
  margin-top: calc(var(--sx) * 10 / 1920);
}