.agency-site .journey-band{--journey-surface:#2e174c;--journey-ink:#fff;--journey-muted:#dfd3ec;--journey-soft:#c4afd9;--journey-tab:#d7cbe5;--journey-selected:#fff;--journey-accent:var(--teal);--journey-tags:#a1e8eb;--journey-outline:#ffffff45;--journey-control-border:#ffffff50;--journey-eyebrow:#d4c3ea;background:var(--journey-surface);color:var(--journey-ink);border-top:4px solid var(--teal);scroll-margin-top:120px;--journey-rule:#ffffff30}
.agency-site .journey-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}
.agency-site .journey-heading .eyebrow{color:var(--journey-eyebrow)}.agency-site .journey-heading .eyebrow::before{background:var(--orange)}
.agency-site .journey-heading h2{font-size:44px;margin:0;line-height:1.5}.journey-heading h2 span{color:var(--journey-accent)}
.agency-site .journey-heading>p{font-size:15px;line-height:2;color:var(--journey-muted);margin:0;max-width:380px}
.journey-rail{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--teal) transparent;gap:18px;padding:0 0 8px;margin-bottom:36px}
.agency-site .journey-rail button{position:relative;display:flex;flex:1 0 130px;flex-direction:column;align-items:center;justify-content:start;gap:12px;min-width:0;height:108px;padding:0 8px 20px;background:transparent;border:0;border-radius:0;color:var(--journey-tab);font-family:inherit;font-size:16px;line-height:1.6;transition:color .2s}
.journey-step-number{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--journey-outline);border-radius:50%;color:var(--journey-tab);font-size:12px;transition:transform .2s,border-color .2s,background .2s}
.journey-step-line{position:absolute;bottom:0;inset-inline:0;height:2px;background:var(--journey-rule);transition:background .2s}
.agency-site .journey-rail button[aria-selected=true]{color:var(--journey-selected);font-weight:700}
.journey-rail button[aria-selected=true] .journey-step-number{background:var(--orange);border-color:var(--orange);color:#251039}
.journey-rail button[aria-selected=true] .journey-step-line{background:var(--orange)}
.journey-rail button:hover .journey-step-number{transform:translateY(-3px);border-color:var(--teal)}
.journey-rail button:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.journey-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:center;outline-offset:8px}
.journey-copy{height:440px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.journey-stage-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px;color:var(--journey-soft);font-size:12px}
.journey-counter{font-size:12px;font-weight:500;margin-inline-start:8px;color:var(--journey-accent)}
.journey-controls{display:flex;gap:8px}.agency-site .journey-controls button{width:38px;height:38px;display:grid;place-items:center;background:transparent;border:1px solid var(--journey-control-border);border-radius:6px;color:var(--journey-ink);padding:0}
.journey-controls button:hover:not(:disabled){background:var(--teal);border-color:var(--teal);color:#251039}.journey-controls button:disabled{opacity:.3;cursor:default}
.agency-site .journey-controls svg{width:18px;height:18px}
.agency-site .journey-stage-title{font-size:32px;line-height:1.6;margin:0 0 18px;color:var(--journey-ink);min-height:103px}
.agency-site .journey-description{font-size:15px;line-height:2;color:var(--journey-muted);margin:0;min-height:90px}
.journey-tags{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:18px 0 22px;color:var(--journey-tags);font-size:12px}
.journey-tags li{display:flex;align-items:center;gap:7px}.journey-tags li::before{content:'';width:5px;height:5px;background:var(--teal);flex:none}
.journey-output{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--journey-rule)}
.agency-site .journey-output>svg{width:28px;height:28px;color:var(--orange);flex:none}
.journey-output span{display:block;font-size:11px;color:var(--journey-soft);margin-bottom:7px}.journey-output strong{display:block;font-size:15px;font-weight:600;color:var(--journey-ink);line-height:1.7}
.journey-media{position:relative;height:440px;margin:0;background:#442663;overflow:hidden;border-radius:8px;isolation:isolate}
.journey-image{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.journey-image[hidden]{display:none}
.journey-media:hover .journey-image{transform:scale(1.04)}
.journey-media figcaption{position:absolute;bottom:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#29143fe8;backdrop-filter:blur(10px);border:1px solid #ffffff45;border-radius:6px;color:#fff;font-size:14px;line-height:1.8}
.agency-site .journey-media figcaption svg{width:24px;height:24px;flex:none;color:var(--teal);transition:transform .25s}.journey-media:hover figcaption svg{transform:translate(-2px,-2px)}
.agency-site .journey-image-status{position:absolute;inset:0;display:grid;place-items:center;background:#442663;margin:0;padding:24px 24px 110px;text-align:center;color:#fff;font-size:14px}.journey-image-status[hidden]{display:none!important}
.journey-media[data-image-state=error] .journey-image{visibility:hidden}
.agency-site .journey-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--journey-rule);padding-top:28px;margin-top:36px;background:transparent}
.agency-site .journey-bottom>p{color:var(--journey-soft);font-size:12px;margin:0}.agency-site .journey-bottom .primary{background:var(--orange);color:#251039}
@media screen{html[data-color-mode=light] .agency-site .journey-band:where(:not(.control-tone-purple,.control-tone-teal,.control-tone-light)){--journey-surface:var(--site-paper);--journey-ink:var(--site-ink);--journey-muted:var(--site-muted);--journey-soft:var(--site-muted);--journey-tab:var(--site-muted);--journey-selected:var(--link-ink);--journey-accent:color-mix(in srgb,var(--teal) 60%,black);--journey-tags:var(--link-ink);--journey-outline:var(--site-rule);--journey-control-border:var(--site-rule);--journey-eyebrow:var(--link-ink);--journey-rule:var(--site-rule)}}
@media(max-width:1100px){.journey-panel{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.journey-copy,.journey-media{height:470px}.agency-site .journey-stage-title{font-size:28px;min-height:90px}.agency-site .journey-description{font-size:14px;min-height:112px}.journey-rail{gap:12px}.agency-site .journey-rail button{flex-basis:112px;font-size:14px}}
@media(max-width:760px){.agency-site .journey-heading{flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:30px}.agency-site .journey-heading h2{font-size:34px}.agency-site .journey-heading>p{font-size:14px}.journey-rail{gap:8px;margin-bottom:24px}.agency-site .journey-rail button{flex:1 0 108px;height:98px;font-size:13px}.journey-panel{grid-template-columns:minmax(0,1fr);gap:26px}.journey-media{order:1;height:auto;aspect-ratio:1.2}.journey-copy{order:2;height:400px;text-align:center;justify-content:start}.journey-stage-meta{justify-content:center;gap:28px;margin-bottom:18px}.agency-site .journey-stage-title{font-size:27px;min-height:86px;margin-bottom:14px}.agency-site .journey-description{font-size:14px;min-height:112px}.journey-tags{justify-content:center;margin:16px 0 20px;font-size:11px;gap:8px 12px}.journey-output{justify-content:center;padding-top:18px}.journey-output strong{font-size:14px}.journey-media figcaption{justify-content:center;text-align:center;bottom:12px;left:12px;right:12px;padding:12px;font-size:12px}.agency-site .journey-media figcaption svg{width:20px;height:20px}.agency-site .journey-bottom{flex-direction:column;text-align:center;gap:20px;margin-top:20px}.agency-site .journey-bottom .primary{font-size:13px}.journey-heading>p,.journey-description{margin-inline:auto}}
@media(max-width:350px){.agency-site .journey-heading h2{font-size:30px}.agency-site .journey-stage-title{font-size:24px}.journey-copy{height:430px}.agency-site .journey-description{min-height:140px}.journey-output{gap:10px}.journey-output strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.journey-rail button,.journey-step-number,.journey-step-line,.journey-image,.journey-media figcaption svg{transition:none}.journey-media:hover .journey-image,.journey-media:hover figcaption svg,.journey-rail button:hover .journey-step-number{transform:none}}
@media print{.journey-band{print-color-adjust:exact;break-inside:avoid}.journey-rail{overflow:visible;gap:4px}.agency-site .journey-rail button{flex-basis:0;min-width:0;font-size:10px}.journey-panel{grid-template-columns:1fr 1fr;gap:24px}.journey-copy{height:auto;order:0}.journey-media{height:300px;order:0}.journey-controls,.journey-bottom .primary{display:none}.agency-site .journey-stage-title{font-size:24px;min-height:0}.agency-site .journey-description{min-height:0;font-size:12px}.journey-bottom{margin-top:24px}.journey-tags{justify-content:start}.journey-output{justify-content:start}}
