.ug__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 32px; }
.ug__intro { display: flex; flex-direction: column; gap: 12px; max-width: 720px; }
.ug__summary { display: flex; align-items: center; gap: 10px; font: 400 12px var(--ff-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.ug__summary .stars { --star-color: var(--clr-espresso); }
.ug__arrows { display: flex; gap: 10px; flex-shrink: 0; }
.ug__rail { grid-auto-columns: calc((100% - 3 * var(--ug-gap, 18px)) / 4); gap: var(--ug-gap, 18px); }
.ug__card { display: flex; flex-direction: column; background: var(--ug-card-bg); border: 1px solid var(--clr-line); border-radius: 14px; overflow: hidden; }
.ug__media { position: relative; order: -1; }
.ug__media .media-wrap { aspect-ratio: 4 / 5; border-radius: 0; }
.ug__media .media-wrap img { position: absolute; inset: 0; width: 100%; height: 100%; }
.ug__tag { position: absolute; left: 12px; bottom: 12px; z-index: 2; padding: 5px 10px; border-radius: 999px; background: rgba(251, 246, 234, 0.92); color: var(--clr-espresso); font: 600 10.5px var(--ff-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.ug__body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.ug__body .stars { --star-color: var(--clr-espresso); }
.ug__quote, .ug__quote * { font: 500 17px/1.35 var(--ff-display); letter-spacing: -0.01em; margin: 0; }
.ug__who { margin-top: auto; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font: 400 11px var(--ff-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--clr-muted); }
.ug__who b { color: var(--clr-espresso); font-weight: 600; }
.ug__verified { display: inline-flex; align-items: center; gap: 4px; color: var(--clr-sage); }
.ug__verified svg { width: 12px; height: 12px; }
@media (max-width: 991px) { .ug__rail { grid-auto-columns: calc((100% - 2 * var(--ug-gap, 18px)) / 2.4); } }
@media (max-width: 767px) { .ug__rail { grid-auto-columns: 74%; } .ug__head { align-items: flex-start; } .ug__arrows { display: none; } }