/* Gravity heading + horizontal testimonials */
.gravity{height:70svh;display:flex;justify-content:center;align-items:flex-start;text-align:center}
.gravity__title{font-size:clamp(4rem,11vw,11rem)}
.gravity .letter{display:inline-block}
.refs{position:relative;overflow:hidden;padding-block:3rem}
.refs__rule{position:absolute;left:0;height:1px;width:100%;background:var(--blue)}
.refs__rule--top{top:3rem}.refs__rule--bottom{bottom:3rem}
.refs__track{display:flex;will-change:transform;padding-left:var(--gutter)}
.ref{position:relative;flex:none;width:min(84vw,30rem);min-height:min(60svh,32rem);padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;gap:1.25rem}
.ref__vrule{position:absolute;left:0;top:0;width:1px;height:100%;background:var(--blue)}
.ref__vrule--end{left:auto;right:0}
/* Review cards read in sentence case, brand blue */
.ref{text-transform:none;letter-spacing:.02em;color:var(--blue)}
.ref .tag{border:0;padding:0;text-transform:none;letter-spacing:.04em;font-size:.95rem;color:var(--blue)}
.ref__quote{font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.25;color:var(--blue);max-width:30ch;text-wrap:pretty}
.ref__by{margin-top:auto;display:flex;align-items:center;gap:.8rem;font-size:.95rem}
.ref__avatar{letter-spacing:.04em;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--blue);color:var(--yellow);display:grid;place-items:center;font-weight:400;font-size:.9rem;flex:none}
.ref__name{display:block;font-weight:400;color:var(--blue)}
.ref__role{display:block;color:var(--blue);font-size:.85rem}
.refs+.spacer{height:10svh}
@media (max-width:980px){
  .refs{overflow-x:auto;scroll-snap-type:x mandatory}
  .ref{scroll-snap-align:start}
}
.js-no-motion .refs{overflow-x:auto}