.scroll-instruction{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px;font-size:11px;color:#b8c49f}.scroll-instruction>span{display:flex;align-items:center;gap:12px}.scroll-instruction b{font-size:20px;color:var(--gold);font-weight:400}.scroll-instruction button{border:1px solid #9dae7c55;background:none;color:#b2bf9c;border-radius:30px;font-size:10px;padding:8px 13px;min-height:38px}.scroll-journey{position:relative}.scroll-journey.is-scroll-driven{display:block!important;height:470vh;min-height:2500px}.journey-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:62px;align-items:center}.is-scroll-driven .journey-stage{position:sticky;top:110px}.manifesto .is-scroll-driven .demo-panel{position:relative;top:auto;margin:0;min-height:430px}.manifesto .is-scroll-driven .steps>button{min-height:82px;padding:15px 4px}.manifesto .is-scroll-driven .steps h3{font-size:18px}.manifesto .is-scroll-driven .steps p{font-size:11px;margin-top:6px}.manifesto .is-scroll-driven .steps>button>span{padding-top:2px}.journey-progress{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin-top:-38px;color:#9faa8a;font-size:9px;letter-spacing:1px}.journey-progress>div{height:2px;background:#86966c33;flex:1;overflow:hidden}.journey-progress i{height:100%;width:var(--journey-progress,0%);background:#d3b977;display:block;transition:width .12s linear}.journey-stage .demo-top>span:first-child{font-size:9px}.message-enter{animation:message-arrive .5s both;animation-delay:var(--message-delay,0ms)}.message-enter.agent{animation-delay:var(--message-delay,150ms)}.scroll-journey:not(.is-scroll-driven) .journey-progress{display:none}.scroll-journey:not(.is-scroll-driven) .demo-panel{align-self:start}.scroll-journey:not(.is-scroll-driven) .journey-stage{align-items:start}@keyframes message-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.journey-stage{gap:30px}.manifesto .is-scroll-driven .steps>button{min-height:83px}.manifesto .is-scroll-driven .steps h3{font-size:16px}.manifesto .is-scroll-driven .steps p{font-size:10px}.journey-progress{margin-top:-6px}.manifesto .is-scroll-driven .demo-panel{min-height:405px}}
@media(max-width:700px){.scroll-instruction{font-size:10px;gap:10px;align-items:flex-start}.scroll-instruction>span{gap:8px;max-width:195px;line-height:1.7}.scroll-instruction button{font-size:9px;white-space:nowrap}.is-scroll-driven .journey-stage{top:88px;display:flex;flex-direction:column;gap:13px;align-items:stretch}.manifesto .is-scroll-driven .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.manifesto .is-scroll-driven .steps>button{padding:9px 8px;min-height:66px}.manifesto .is-scroll-driven .steps>button>span{font-size:8px;margin-bottom:5px}.manifesto .is-scroll-driven .steps h3{font-size:10px;line-height:1.4}.manifesto .is-scroll-driven .steps p{display:none}.manifesto .is-scroll-driven .demo-panel{min-height:320px;max-height:calc(100dvh - 310px);overflow:auto}.manifesto .is-scroll-driven .demo-content{padding:8px 16px}.manifesto .is-scroll-driven .demo-content .bubble{font-size:12px;padding:12px 14px}.manifesto .is-scroll-driven .demo-top,.manifesto .is-scroll-driven .demo-bottom{padding:13px 16px;font-size:7px}.journey-stage .demo-top>span:first-child{font-size:7px}.manifesto .is-scroll-driven .demo-agent-label{margin-bottom:13px}.manifesto .is-scroll-driven .demo-ticket{font-size:11px;padding:12px}.journey-progress{margin-top:0;font-size:8px;gap:10px}.scroll-journey.is-scroll-driven{height:460vh;min-height:2200px}.scroll-journey:not(.is-scroll-driven) .journey-stage{display:flex;flex-direction:column;gap:24px}.scroll-journey:not(.is-scroll-driven) .steps{width:100%}.scroll-journey:not(.is-scroll-driven) .demo-panel{width:100%}}
@media(max-height:690px) and (min-width:701px){.manifesto .is-scroll-driven .steps p{display:none}.manifesto .is-scroll-driven .steps>button{min-height:60px;padding:16px 0}.manifesto .is-scroll-driven .demo-panel{min-height:350px}.is-scroll-driven .journey-stage{top:104px}.journey-stage{row-gap:20px}}
@media(prefers-reduced-motion:reduce){.message-enter{animation:none}.journey-progress i{transition:none}}
.scroll-journey{display:block!important}
@media(max-height:850px) and (min-width:701px){.manifesto .is-scroll-driven .steps p{display:none}.manifesto .is-scroll-driven .steps>button{min-height:66px;padding:20px 4px}.journey-stage{row-gap:32px}.journey-progress{margin-top:-6px}}
@media(max-width:700px) and (max-height:740px){.manifesto .is-scroll-driven .demo-panel{min-height:220px;max-height:calc(100dvh - 295px)}}
@media(min-width:701px) and (max-height:850px){.manifesto .is-scroll-driven .demo-content{padding:12px 24px}.manifesto .is-scroll-driven .demo-agent-label{margin-bottom:14px}.manifesto .is-scroll-driven .demo-content .bubble{padding:13px 16px;font-size:13px}.manifesto .is-scroll-driven .demo-ticket{padding:13px 16px;font-size:12px}.manifesto .is-scroll-driven .demo-top,.manifesto .is-scroll-driven .demo-bottom{padding:16px 22px}.manifesto .is-scroll-driven .demo-panel{min-height:0;max-height:calc(100dvh - 215px);overflow:auto}}
@media(min-width:701px) and (max-height:690px){.manifesto .is-scroll-driven .steps>button{min-height:55px;padding:15px 4px}.journey-stage{row-gap:22px}}

.panel-upcoming{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--muted)}.panel-upcoming small{font-size:9px;letter-spacing:.06em;border:1px solid var(--line);border-radius:20px;padding:3px 8px}.access-list .panel-upcoming{padding:11px 8px}.contact-secondary{display:flex;justify-content:center;margin-top:18px}.contact-address{overflow-wrap:anywhere}
