.rq{position:relative;overflow:hidden;padding-block:6rem 7rem}.rq-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 70% at 50% 55%,oklch(var(--color-wine)),transparent 72%)}.rq-wrap{position:relative;max-width:80rem;margin-inline:auto;padding-inline:1rem;text-align:center;display:grid}.rq-wrap>*{min-width:0}@media(min-width:640px){.rq-wrap{padding-inline:1.5rem}}@media(min-width:1024px){.rq-wrap{padding-inline:2rem}}.rq-eyebrow{justify-self:center}.rq-h2{margin-top:1rem;font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.2;color:oklch(var(--color-text-on-dark) / .75)}.rq-stage{justify-self:center;display:grid;width:100%;max-width:62rem;margin-top:3rem;min-height:22rem}.rq-slide{grid-area:1 / 1;margin:0;display:grid;align-content:center;justify-items:center;gap:2rem;visibility:hidden}.rq-slide.is-on{visibility:visible}.rq-text{font-family:var(--font-display-italic, var(--font-display));font-style:italic;font-size:clamp(1.45rem,3vw,2.5rem);line-height:1.35;color:oklch(var(--color-text-on-dark))}.rq-text:before{content:"“";display:block;font-size:3em;line-height:.6;color:oklch(var(--color-primary))}.rq-w{display:inline-block}.rq-slide.is-open .rq-text{display:none}.rq-full{max-width:46rem;display:grid;gap:.9rem;text-align:left;font-family:var(--font-display-italic, var(--font-display));font-style:italic;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.65;color:oklch(var(--color-text-on-dark))}.rq-full[hidden]{display:none}.rq-full:before{content:"“";display:block;justify-self:center;font-size:3em;line-height:.6;color:oklch(var(--color-primary))}.rq-more{margin-top:-.75rem;padding:.3rem 0;border:0;border-bottom:1px solid oklch(var(--color-primary) / .6);background:none;color:oklch(var(--color-text-on-dark));font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .3s,color .3s}.rq-more:hover{border-color:oklch(var(--color-primary));color:oklch(var(--color-primary-light))}.rq-more:focus-visible{outline:2px solid oklch(var(--color-primary));outline-offset:3px}.rq-by{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:oklch(var(--color-text-on-dark) / .7)}.rq-stars{color:oklch(var(--color-accent));letter-spacing:.12em}.rq-nav{justify-self:center;margin-top:2.5rem;display:flex;align-items:center;gap:1.25rem}.rq-btn{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;border:1px solid oklch(var(--color-primary) / .5);color:oklch(var(--color-primary-light));background:transparent;cursor:pointer;font-size:1.1rem;transition:background-color .3s,transform .3s}.rq-btn:hover{background:oklch(var(--color-primary) / .15);transform:scale(1.06)}.rq-btn:focus-visible,.rq-dot:focus-visible{outline:2px solid oklch(var(--color-primary));outline-offset:3px}.rq-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.rq-dot{position:relative;width:.9rem;height:3px;padding:0;border:0;background:oklch(var(--color-text-on-dark) / .18);cursor:pointer;overflow:hidden}@media(min-width:640px){.rq-dot{width:1.6rem}}.rq-dot span{position:absolute;inset:0;background:oklch(var(--color-primary));transform:scaleX(0);transform-origin:left}.rq-dot.is-on span{transform:scaleX(1)}.rq-sum{margin-top:2rem;font-size:.9rem;color:oklch(var(--color-text-on-dark) / .6)}.rq-sum b{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:oklch(var(--color-primary-light))}@media(prefers-reduced-motion:no-preference){.rq-slide .rq-w{opacity:0;filter:blur(6px);transform:translateY(.4em);transition:opacity .4s,filter .4s,transform .4s}.rq-slide.is-on .rq-w{opacity:1;filter:none;transform:none;transition:opacity .7s,filter .7s,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--j) * 25ms)}.rq-slide .rq-by{opacity:0;transition:opacity .4s}.rq-slide.is-on .rq-by,.rq-slide.is-on .rq-more{opacity:1;transition:opacity .8s .8s}.rq-slide .rq-more{opacity:0;transition:opacity .4s}.rq-full:not([hidden]){animation:rq-open .6s cubic-bezier(.16,1,.3,1) both}@keyframes rq-open{0%{opacity:0;transform:translateY(.6rem)}}.rq-dot.is-on span{animation:rq-prog 8s linear both}.rq.is-paused .rq-dot.is-on span{animation-play-state:paused}@keyframes rq-prog{0%{transform:scaleX(0)}}}
