/* Consideration (rates) — Figma 22:391. Page-only styles; tokens from site.css. */

.rates__layout {
  display: grid;
  grid-template-columns: minmax(0, 802fr) minmax(0, 410fr);
  column-gap: clamp(2rem, 4.06vw, 78px);          /* 1195 − (315 + 802) */
  align-items: start;
}
.rates__text { min-width: 0; max-width: 802px; }
.rates__sub { margin-top: 12px; }                 /* 323 − 311 */

/* two rate columns: col A x315, col B x552 */
.rates__cols {
  display: grid;
  grid-template-columns: minmax(146px, max-content) minmax(0, 1fr);  /* col A box 146 */
  column-gap: clamp(2rem, 4.75vw, 91px);
  margin-top: 30px;                               /* 421 − 391 */
}
.rates__col { min-width: 0; }
.rates__list { margin-top: 19px; }                /* 474 − 455 */
.rates__list li {
  font-family: var(--f-sans);
  font-weight: 300;
  font-size: var(--fs-body);
  line-height: 1.8824;                            /* 32/17 */
  letter-spacing: .04em;                          /* .68px */
  color: var(--c-text-2);
}
.rates__divider { max-width: 738px; margin-top: 46px; }   /* 680 − 634 */
.rates__note {
  margin-top: 24px;                               /* 704 − 680 */
  line-height: 1.647;                             /* 28/17 */
  letter-spacing: .04em;
  color: var(--c-text-2);
}
.rates__note a { color: var(--c-gold); transition: color var(--dur) var(--ease); }
.rates__note a:hover, .rates__note a:focus-visible { color: var(--c-white); }

/* photo column: 410×606 at x1195 y225 (16px above the H1 line) */
.rates__media {
  position: relative;
  width: 100%;
  max-width: 410px;
  justify-self: end;
  margin-top: -16px;
}
.rates__media .badge-rotate { left: -19.27%; top: 6.27%; }        /* −79 / 410, 38 / 606 */
.rates__media .ghost-script {
  left: 23.4%;                                    /* 96 / 410 */
  top: 77.2%;                                     /* 468 / 606 */
  font-size: clamp(4rem, 2rem + 4.2vw, 6.75rem);  /* 108 box */
  color: var(--c-gold);
}

@media (max-width: 1280px) {
  .rates__cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); }
  .rates__media .badge-rotate { left: -14%; }
}

@media (max-width: 991px) {
  .rates__layout { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-6); }
  .rates__text { max-width: none; }
  .rates__media { justify-self: center; margin-top: 0; max-width: 360px; }
  .rates__media .badge-rotate { left: -12%; }
  .rates__media .ghost-script { left: 30%; }
}

@media (max-width: 767px) {
  .rates__cols { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-4); }
  .rates__sub br { display: none; }
  .rates__divider { margin-top: var(--sp-4); }
  .rates__media { max-width: 300px; }
  .rates__media .badge-rotate { left: -6%; top: 2%; }
  .rates__media .ghost-script { left: 28%; }
}