.of-quote{display:flex;flex-direction:column;gap:36px;justify-content:center;margin:0;max-width:980px;min-height:300px}.of-quote[hidden]{display:none}.of-quote__mark{align-items:center;background:var(--of-mint);border-radius:50%;box-sizing:border-box;color:var(--of-ink);display:flex;font-size:40px;font-weight:800;height:56px;justify-content:center;line-height:1;padding-top:14px;width:56px}.of-quote blockquote{border:0;font-size:clamp(24px,3.2vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:0;padding:0;text-wrap:pretty}.of-quote figcaption{align-items:center;display:flex;gap:14px}.of-quote figcaption img,.of-quote__ph{background:#e2e6e1;border-radius:50%;flex:none;height:48px;object-fit:cover;width:48px}.of-quote figcaption span{display:flex;flex-direction:column}.of-quote small{font:400 12px var(--of-mono);letter-spacing:.04em;opacity:.65;text-transform:uppercase}.of-quotes__nav{align-items:center;border-color:currentcolor hsla(0,0%,50%,.25) hsla(0,0%,50%,.25);border-top:1px solid hsla(0,0%,50%,.25);display:flex;gap:24px;margin-top:48px;padding-top:28px}.of-quotes__pos{font:500 13px var(--of-mono);opacity:.65}.of-quotes__dots{display:flex;gap:8px}.of-quotes__dots button{background:hsla(0,0%,50%,.35);border:0;border-radius:99px;cursor:pointer;height:8px;padding:0;transition:width .25s;width:8px}.of-quotes__dots button[aria-current=true]{background:var(--of-orange);width:32px}.of-quotes__btns{display:flex;gap:10px;margin-left:auto}.of-qgrid__top{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.of-qgrid__badges{display:flex;flex-wrap:wrap;gap:8px}.of-qgrid__badges .of-pill{font-size:13.5px;padding:9px 16px}.of-qgrid{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.of-qgrid__item{border-top:2px solid;display:flex;flex-direction:column;gap:20px;margin:0;padding-top:24px}.of-qgrid__stars{color:var(--of-orange);font-size:15px;letter-spacing:2px}.of-qgrid__item blockquote{border:0;font-size:18px;font-style:normal!important;font-weight:400;line-height:1.5;margin:0;padding:0}.of-qgrid__item blockquote:after,.of-qgrid__item blockquote:before{content:none!important}.of-qgrid__item figcaption{display:flex;flex-direction:column;gap:2px;margin-top:auto}.of-qgrid__item figcaption span{font-size:13px;opacity:.65}@media (max-width:900px){.of-qgrid{grid-template-columns:1fr}}