.band--ivory { background: #F1F0EC; }

.pagehead__link { color: var(--ink); }

.section-surface .readmore { background: transparent; border-color: var(--border-mid); }
.section-surface .readmore__lead,
#occhiali + .section--info .readmore__lead { color: var(--brand); }

.rating--trio { justify-content: space-between; gap: 28px 40px; max-width: 820px; margin-inline: auto; }
.rating__item { display: flex; align-items: center; gap: 14px; color: var(--ink); }
.rating__item strong { display: block; font-size: 18px; font-weight: 700; letter-spacing: -.01em; }
.rating__item small { display: block; font-size: 13px; color: var(--muted); }
a.rating__item:hover strong { color: var(--brand); }
.rating__badge { flex: none; width: 34px; height: 34px; }
.rating__badge > * { width: 100%; height: 100%; }
.rating__badge--star { color: var(--brand); }

.worlds > li:first-child .world > img { object-position: right center; }
.worlds > li:first-child .world::after { background: linear-gradient(90deg, rgba(8, 8, 18, .3) 0%, rgba(8, 8, 18, .1) 50%, rgba(8, 8, 18, 0) 70%); }
.rating__badge .icon--light { filter: none; border-radius: 50%; }

@media (min-width: 900px) {
  .hero--statement { aspect-ratio: 1659 / 948; max-height: 820px; }
  .hero--statement .hero__media img { object-position: center top; }
}

@media (max-width: 899px) {
  .hero--statement { flex-direction: column; align-items: stretch; min-height: 0; padding: 56px 0 0; }
  .hero--statement .hero__media { position: relative; order: 1; aspect-ratio: 4 / 3; margin-top: 32px; }
  .hero--statement .hero__media img { object-position: 78% center; }
  .hero--statement .hero__media::after { display: none; }
}

.worlds > li:first-child .world__desc { max-width: 250px; }
@media (max-width: 620px) {
  .worlds > li:first-child .world__desc { max-width: 58%; }
  .worlds > li:first-child .world::after { background: linear-gradient(90deg, rgba(8, 8, 18, .6) 0%, rgba(8, 8, 18, .35) 55%, rgba(8, 8, 18, .05) 100%); }
}

.traits .trait__icon { width: 40px; height: 40px; margin-top: 0; }
.traits .trait__icon .icon { width: 100%; height: 100%; }
