/* odNOVA — reviews carousel styling for pages that don't load profile.css (e.g. homepage). Light-on-dark. */
.pf-rev-carousel { max-width: 720px; margin: 0 auto; text-align: center; }
.pf-rev-track { position: relative; min-height: 210px; display: flex; align-items: center; }
.pf-rev-slide { display: none; margin: 0; width: 100%; }
.pf-rev-slide.is-active { display: block; animation: pfRevFade .5s ease; }
@keyframes pfRevFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.pf-rev-stars { color: var(--gold-soft); letter-spacing: 4px; font-size: 15px; }
.pf-rev-quote { font-family: var(--font-serif); font-weight: 300; font-style: italic; font-size: clamp(19px,2.6vw,25px); line-height: 1.5; color: var(--text-head); margin: 18px 0 20px; text-wrap: pretty; }
.pf-rev-name { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--text-body-2); }
.pf-rev-dots { display: flex; gap: 8px; justify-content: center; margin-top: 28px; }
.pf-rev-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(237,232,223,.22); border: 0; padding: 0; cursor: pointer; transition: background .25s; }
.pf-rev-dot.is-active { background: var(--gold-soft); }