.comments{z-index:2;background-color:var(--colour-4);width:100%;box-shadow:var(--shadow-lg);text-align:center;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex;position:relative}.comments__inner{flex:0 800px;min-width:0}.comments__quote{font-family:var(--font-display);color:var(--colour-1);opacity:.4;margin-bottom:12px;font-size:3rem;line-height:1}.comments__text{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text-1);min-height:80px;transition:opacity var(--transition-base);margin:0 0 16px;font-style:italic;line-height:1.7}.comments__author{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-3);letter-spacing:.03em;margin:0 0 20px}.comments__dots{justify-content:center;gap:8px;display:flex}.comments__dot{background:var(--colour-3);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none;border-radius:50%;padding:0}.comments__dot--active{background:var(--colour-1);border-radius:var(--radius-sm);width:24px}.comments__arrow{cursor:pointer;color:var(--text-3);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:8px;font-size:2.4rem;line-height:1}.comments__arrow:hover{color:var(--colour-1)}