@font-face{font-family:'Dojo Quote';src:url('assets/cormorantgaramond-italic.ttf') format('truetype');font-style:italic;font-weight:300 700;font-display:swap}
.circle-message.circle-quote{margin:0;padding:24px;width:min(88vw,820px);max-width:none;color:var(--paper,#faf2f0);box-sizing:border-box}.circle-quote blockquote{font-family:Coconat,serif;font-style:normal;font-weight:400;font-size:clamp(28px,3.9vw,50px);line-height:1.22;letter-spacing:-.025em;max-width:28ch;margin:0 auto}.circle-quote figcaption{font-family:Satoshi,sans-serif;font-weight:var(--eyebrow-weight,600);font-style:normal;font-size:var(--eyebrow-size,16px);letter-spacing:var(--eyebrow-tracking,.12em);color:var(--eyebrow-color,#dba98b);margin-top:28px;text-transform:uppercase}@media(max-width:600px){.circle-message.circle-quote{width:88vw;padding:16px}.circle-quote figcaption{margin-top:20px}}

.circle-journey{height:360svh}.circle-quote .quote-phase{opacity:0}@media(max-width:700px){.circle-journey{height:300svh}}@media(prefers-reduced-motion:reduce){.circle-quote .quote-phase{opacity:1}}

/* Keep the complete circle visible; size the quote to its inscribed area. */
.circle-stage{--quote-circle:min(90vw,86svh,calc(100vw - 64px),calc(100svh - 64px))}
.circle-stage .expanding-circle{width:var(--quote-circle);height:var(--quote-circle)}
.circle-message.circle-quote{width:calc(var(--quote-circle)*.78);padding:0}
.circle-quote blockquote{font-size:clamp(16px,min(3.5vw,3.35svh),50px);max-width:none;line-height:1.22}
.circle-quote figcaption{font-size:clamp(10px,min(1.3vw,1.25svh),16px);margin-top:20px}