/* Reflections are headline moments, with their controls in a separate flow row. */
.monthly,.membership,footer{--quote-space:620px;padding-top:calc(var(--quote-space) + 35px);background-size:100% calc(var(--quote-space) + 60px)}
.light-bridge,footer>.light-bridge{height:var(--quote-space);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;padding:38px 5%;overflow:hidden}
.light-bridge .bridge-quote{position:relative;inset:auto;left:auto;top:auto;transform:none;width:min(1060px,100%);margin:0;text-align:center;flex:none}
.light-bridge .quote-touch{padding:12px 16px;width:100%;text-align:center}
.light-bridge .quote-touch:before{content:'“';display:block;font:400 74px/.65 'Outfit',sans-serif;opacity:.45;margin-bottom:16px;height:30px}
.light-bridge .quote-prelude{font:500 clamp(29px,3.3vw,43px)/1.15 'Outfit',sans-serif;letter-spacing:-.035em;display:block;margin:0 0 12px;text-wrap:balance}
.light-bridge .quote-focus{font:600 clamp(62px,7.6vw,108px)/1.02 'Outfit',sans-serif;letter-spacing:-.055em;display:block;text-wrap:balance}
.light-bridge .quote-resolution{font:400 clamp(34px,4vw,54px)/1.12 'Outfit',sans-serif;letter-spacing:-.04em;display:block;margin-top:12px;text-wrap:balance;max-width:24ch;margin-left:auto;margin-right:auto}
.light-bridge .quote-afterthought{font:500 clamp(29px,3.3vw,43px)/1.15 'Outfit',sans-serif;max-width:24ch;margin:20px auto 0;text-wrap:balance}
.light-bridge .bridge-controls{position:relative;inset:auto;left:auto;top:auto;transform:none;width:min(460px,95%);max-width:100%;margin:0;flex:none;z-index:3;gap:10px}
.light-bridge .bridge-ribbons{height:100%;opacity:.45;mask-image:linear-gradient(transparent 8%,#000 38%,#000 78%,transparent)}
.light-bridge .bridge-prompt{margin:0;text-align:center}
.bridge-1 .quote-focus{color:#704768}.bridge-2 .quote-focus{color:#fff0cc}.bridge-3 .quote-focus{color:#354f78}
@media(max-width:700px){
 .monthly,.membership,footer{--quote-space:570px;padding-top:calc(var(--quote-space) + 25px);background-size:170% calc(var(--quote-space) + 50px)}
 .light-bridge,footer>.light-bridge{padding:28px 5%;gap:30px}
 .light-bridge .quote-touch{padding:10px 3px}
 .light-bridge .quote-touch:before{font-size:62px;height:25px;margin-bottom:14px}
 .light-bridge .quote-prelude{font-size:clamp(26px,7.2vw,36px);line-height:1.15;margin-bottom:13px;letter-spacing:-.035em}
 .light-bridge .quote-focus{font-size:clamp(46px,13vw,72px);line-height:1.02;letter-spacing:-.055em}
 .light-bridge .quote-resolution{font-size:clamp(29px,8vw,40px);line-height:1.12;max-width:19ch;margin-top:14px}
 .light-bridge .quote-afterthought{font-size:clamp(26px,7.2vw,36px);line-height:1.15;max-width:20ch;margin:18px auto 0}
 .light-bridge .bridge-controls{width:min(380px,100%)}
 .light-bridge .bridge-prompt{font-size:12px!important;line-height:1.5;max-width:30ch;letter-spacing:.8px}
}
@media(prefers-reduced-motion:reduce){.light-bridge .quote-touch>span{transition:none}}

/* One shared three-line hierarchy for all reflection quotes. */
.light-bridge{--quote-support:clamp(34px,4vw,54px);--quote-headline:clamp(62px,7.6vw,108px)}
.light-bridge .quote-prelude,.light-bridge .quote-resolution,.light-bridge .quote-afterthought{font-size:var(--quote-support)!important;line-height:1.14;font-weight:400;letter-spacing:-.04em}
.light-bridge .quote-focus{font-size:var(--quote-headline)!important;line-height:1.04;font-weight:600;letter-spacing:-.055em}
.light-bridge .quote-future{white-space:nowrap}
@media(max-width:700px){
 .light-bridge{--quote-support:clamp(26px,7.4vw,38px);--quote-headline:clamp(39px,11.5vw,64px)}
 .light-bridge .quote-prelude{margin-bottom:14px}
 .light-bridge .quote-resolution,.light-bridge .quote-afterthought{margin-top:18px;max-width:21ch}
}