.curator {
  padding-block: 20px;
}

.curator__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.7cqw, 32px);
}

.curator__head {
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.4cqw, 8px);
}

.curator__title {
  font-size: var(--fs-h2);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.05;
}

.curator__subtitle {
  font-size: var(--fs-h3);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-gray-2);
}

.curator__box {
  --curator-photo: clamp(200px, 17.5cqw, 329px);
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--curator-photo);
  align-items: start;
  min-height: clamp(200px, 21.65cqw, 407px);
  gap: clamp(20px, 3cqw, 56px);
  padding: clamp(24px, 4.04cqw, 76px) var(--card-pad) var(--card-pad) clamp(24px, 2.71cqw, 51px);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  background:
    radial-gradient(50% 70% at 92% 10%, color-mix(in srgb, var(--color-white) 18%, transparent), transparent 70%),
    linear-gradient(135deg, var(--color-blue-bright) 0%, var(--color-blue) 45%, var(--color-blue-deep) 100%);
}

.curator__content {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.2cqw, 20px);
  max-width: min(100%, 61.2cqw);
}

.curator__lead {
  font-size: calc(var(--fs-h4) * 0.8);
  line-height: 1.35;
  font-weight: 800;
  color: var(--color-white);
}

.curator__text {
  font-size: var(--fs-text);
  line-height: 1.5;
  color: var(--color-white);
  opacity: 0.85;
  font-weight: 700;
}

.curator__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-cards) 0;
  margin-top: clamp(4px, 0.8cqw, 12px);
}

.curator__tag {
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.85cqw, 14px);
  padding-inline: clamp(16px, 2.1cqw, 40px);
  font-size: var(--fs-text);
  font-weight: 600;
  color: var(--color-white);
}

.curator__tag:first-child { padding-left: 0; }

.curator__tag:not(:last-child) {
  border-right: 1px solid color-mix(in srgb, var(--color-white) 35%, transparent);
}

.curator__check {
  flex: none;
  width: clamp(28px, 2.4cqw, 44px);
  height: clamp(28px, 2.4cqw, 44px);
  color: var(--color-white);
}

.curator__check path {
  stroke: var(--color-green-check);
}

.curator__media {
  position: absolute;
  left: 74.202cqw;
  top: clamp(10px, 1.593cqw, 30px);
  width: var(--curator-photo);
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 50%;
  border: clamp(4px, 0.64cqw, 12px) solid var(--color-white);
  background: var(--color-light-blue);
  overflow: hidden;
}

.curator__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.curator__deco {
  position: absolute;
  max-width: none;
  height: auto;
  pointer-events: none;
}

.curator__deco--blob  { left: 70cqw; top: 0.824cqw;  width: 23.245cqw; }
.curator__deco--blob2 { left: 62.13cqw; top: 7.5cqw;    width: 12.128cqw; }
.curator__deco--star1 { left: 71.54cqw;  top: 1.6cqw;    width: 2.926cqw; z-index: 2; }
.curator__deco--star2 { left: 89.76cqw;  top: 1.38cqw;   width: 2.979cqw; z-index: 2; }

.curator__mascot {
  position: absolute;
  z-index: 1;
  height: auto;
  pointer-events: none;
  left: 64.415cqw;
  top: 8.77cqw;
  width: clamp(110px, 10.85cqw, 204px);
}

@media (max-width: 1024px) {
  .curator__box { --curator-photo: clamp(170px, 30cqw, 300px); }
  .curator__content { max-width: 100%; }

  .curator__media {
    left: auto;
    right: 4cqw;
    top: 50%;
    transform: translateY(-50%);
  }

  .curator__mascot {
    left: auto;
    top: auto;
    right: 22.4cqw;
    bottom: clamp(8px, 2.5cqw, 47px);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .curator__tag {
    gap: clamp(4px, 0.55cqw, 8px);
    padding-inline: clamp(8px, 1.3cqw, 21px);
    font-size: clamp(11px, 1.3cqw, 14px);
  }

  .curator__check {
    width: clamp(20px, 2.1cqw, 24px);
    height: clamp(20px, 2.1cqw, 24px);
  }
}

.curator__feedback {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.7cqw, 30px);
  padding: var(--card-pad);
  border-radius: var(--radius-card);
  background: var(--color-white);
  box-shadow: var(--shadow-card);
}

.curator__feedback-title {
  font-size: var(--fs-h4);
  font-family: var(--font-heading);
  line-height: 1.2;
  font-weight: 700;
}

.curator__notes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap-cards);
}

.curator__note {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 0.8cqw, 14px);
  padding: clamp(16px, 1.9cqw, 30px);
  border-radius: var(--radius-btn);
}

.curator__note--blue  { background: var(--tint-blue); }
.curator__note--green { background: var(--tint-green); }
.curator__note--pink  { background: var(--tint-pink); }

.curator__note-subject {
  font-size: var(--fs-text);
  line-height: 1.3;
  font-weight: 600;
  color: var(--color-black);
}

.curator__note-text {
  font-size: var(--fs-text);
  line-height: 1.5;
  color: var(--color-gray-1);
}

@media (max-width: 767px) {
  .curator__mascot {
    left: auto;
    top: auto;
    right: 12px;
    bottom: 8px;
    width: 84px;
  }

  .curator__box {
    grid-template-columns: 1fr;
    align-items: center;
    min-height: 0;
    gap: 20px;
    padding: var(--card-pad);
    padding-bottom: calc(var(--card-pad) + 84px);
  }

  .curator__media {
    position: static;
    transform: none;
    grid-row: 1;
    justify-self: center;
    width: min(60cqw, 220px);
  }

  .curator__tags { flex-direction: column; gap: 0; }

  .curator__tag { padding: 12px 0; }

  .curator__tag:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--color-white) 35%, transparent);
  }

  .curator__notes { grid-template-columns: 1fr; }
}

@media (max-width: 1024px) {
  .curator__deco { display: none; }
}