@import url("./journey-portal.css");
/* CE entry to the separately loaded Survey Journey. */
.journey-page{padding-top:36px;padding-bottom:72px}
.journey-page .breadcrumb{margin-bottom:40px}
.journey-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;align-items:center}
.journey-intro h1{font-size:clamp(2.5rem,4.7vw,4.6rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 24px;text-wrap:balance}
.journey-intro h1 em{font-style:normal;color:var(--primary-ink)}
.journey-intro p{color:var(--muted);max-width:58ch}
.journey-intro .journey-lead{font-size:22px;color:var(--ink);margin:0 0 14px}
.journey-intro .actions{margin-top:28px;align-items:center}
.journey-intro .journey-caption{font-size:12px;margin-top:18px}
.journey-preview{margin:0;min-width:0}
.journey-preview>a{display:block;position:relative;overflow:hidden;border-radius:14px;background:oklch(.17 .025 255)}
.journey-preview img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}
.journey-preview-action{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;color:oklch(.98 0 0);font-weight:600}
.journey-preview-action span{transition:transform .2s ease-out}
.journey-preview>a:hover .journey-preview-action span{transform:translate(3px,-3px)}
.journey-preview figcaption{font-size:11px;color:var(--muted);margin-top:12px}
.journey-context{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);margin-top:64px;padding-top:36px}
.journey-context h2,.journey-note h2{font-size:22px;line-height:1.4;margin:0 0 12px}
.journey-context p,.journey-note p{color:var(--muted);max-width:70ch}
.journey-note{margin-top:30px;padding:28px 0;border-top:1px solid var(--line)}
.journey-note p{font-size:14px}
.journey-card-image{display:block;overflow:hidden;border-radius:10px;margin-bottom:24px;background:oklch(.17 .025 255)}
.journey-card-image img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;display:block}
.journey-card .button{margin-top:12px}
.v2 .journey-intro h1{font-size:clamp(2.5rem,4.7vw,4.6rem)}
@media(max-width:900px){.journey-intro{gap:32px}.journey-context{gap:32px}.journey-intro .actions{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.journey-page{padding-top:24px;padding-bottom:40px}.journey-page .breadcrumb{margin-bottom:28px}.journey-intro{grid-template-columns:1fr;gap:28px}.journey-intro h1{font-size:2.6rem}.journey-intro .journey-lead{font-size:19px}.journey-preview img{aspect-ratio:1.4}.journey-context{grid-template-columns:1fr;gap:24px;margin-top:36px;padding-top:28px}.journey-note{margin-top:20px}.journey-intro .actions{flex-direction:row;align-items:center;gap:18px}.journey-preview-action{padding:16px 18px}}