
.human-journey{max-width:1200px;margin:auto;padding:90px 35px 130px}.human-journey .eyebrow{color:#b89cff;letter-spacing:1.4px;font-size:11px}.human-journey h2{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-3px;line-height:1.05;margin:24px 0}.human-journey em{font-family:Georgia,serif;font-weight:400;color:#cab3ed}.human-journey .intro{max-width:520px;color:#aaa;line-height:1.7;font-size:15px}.human-journey .hint{margin:45px 0 60px;color:#b89cff;font-size:12px}.human-journey .timeline{position:relative}.human-journey .rail{position:absolute;width:2px;background:#29252f;left:50%;top:150px;bottom:150px;transform:translateX(-50%)}.human-journey .light{height:0;background:linear-gradient(#dac7ff,#a877f7);width:100%;box-shadow:0 0 18px #b89cff99}.human-journey .step{position:relative;min-height:310px;margin-bottom:24px;display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;border:1px solid #ffffff08;border-radius:35px;background:#111014;transition:background .4s,border .4s;gap:0}.human-journey .step.active{background:radial-gradient(ellipse at center,#b89cff14,transparent 70%),#151218;border-color:#b89cff55}.human-journey .visual{display:flex;align-items:center;justify-content:center;gap:18px}.human-journey .tile{width:108px;height:108px;border-radius:28px;background:linear-gradient(145deg,#302a3c,#121016);border:1px solid #ffffff24;box-shadow:inset 0 1px 2px #ffffff18,0 16px 35px #0005;display:grid;place-items:center;color:#d3bfef;transition:.4s}.human-journey .active .tile{box-shadow:inset 0 1px 2px #ffffff25,0 0 35px #b89cff20;border-color:#b89cff66}.human-journey .tile svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.5}.human-journey .number{font-size:13px;color:#a99dbb}.human-journey .node{position:relative;z-index:2;justify-self:center;width:24px;height:24px;border:1px solid #5b5167;background:#111014;border-radius:8px;transition:.4s}.human-journey .active .node,.human-journey .done .human-journey .node{background:#d7bfff;border-color:#ede3ff;box-shadow:0 0 0 8px #b89cff12,0 0 24px #b89cff88}.human-journey .copy{padding:40px 44px}.human-journey .copy h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0 0 16px}.human-journey .copy p{color:#aba4b5;font-size:15px;line-height:1.75;margin:0}.human-journey .tags{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.human-journey .tags span{border:1px solid #ffffff20;border-radius:20px;padding:8px 11px;font-size:11px;color:#aaa}.human-journey .step:nth-of-type(3) .copy{text-align:right}.human-journey .foot{color:#827b8b;font-size:12px;line-height:1.7;margin-top:60px;max-width:620px}@media(max-width:650px){.human-journey{padding:60px 20px}.human-journey h2{letter-spacing:-1.8px}.human-journey .rail{left:24px;top:80px;bottom:80px}.human-journey .step{grid-template-columns:48px 1fr;min-height:360px;border-radius:25px}.human-journey .node{grid-column:1;grid-row:1}.human-journey .visual{grid-column:2;grid-row:1;justify-content:flex-start;padding:30px 20px 0}.human-journey .tile{width:72px;height:72px;border-radius:20px}.human-journey .tile svg{width:34px;height:34px}.human-journey .copy{grid-column:2;grid-row:2;padding:25px 20px 35px!important;text-align:left!important}.human-journey .copy h2{font-size:25px}.human-journey .step:nth-of-type(3) .human-journey .tags{justify-content:flex-start!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.human-journey{padding-top:65px;padding-bottom:90px}.human-journey .hint{margin:30px 0 40px}.human-journey .step{min-height:205px;margin-bottom:16px;border-radius:24px;grid-template-columns:1fr 80px 1fr}.human-journey .copy{padding:26px 32px}.human-journey .copy h2{font-size:26px;margin-bottom:12px}.human-journey .copy p{font-size:14px;line-height:1.6}.human-journey .tags{margin-top:16px}.human-journey .tags span{padding:6px 10px;font-size:10px}.human-journey .tile{width:84px;height:84px;border-radius:22px;overflow:hidden}.human-journey .tile img{width:100%;height:100%;object-fit:cover}.human-journey .step:last-child .tile{width:120px;height:84px;border-radius:14px}.human-journey .step:last-child .tile img{object-fit:contain;background:#252525}.human-journey .rail{top:102px;bottom:102px}.human-journey .node{width:19px;height:19px;border-radius:6px}.human-journey .active .node,.human-journey .done .human-journey .node{box-shadow:0 0 0 5px #b89cff12,0 0 18px #b89cff77}.human-journey .foot{margin-top:35px}
@media(max-width:650px){.human-journey .step{grid-template-columns:42px 1fr;min-height:260px}.human-journey .rail{left:21px;top:70px;bottom:70px}.human-journey .visual{padding-top:22px}.human-journey .tile{width:64px;height:64px}.human-journey .step:last-child .tile{width:96px;height:64px}.human-journey .copy{padding:18px 20px 25px!important}.human-journey .copy h2{font-size:23px}}

.human-journey .step{background:transparent;border-color:transparent}.human-journey .step.active{background:#17141c;border-color:#b89cff26}.human-journey .tile{filter:grayscale(1);opacity:.42;transition:filter .5s,opacity .5s,box-shadow .5s}.human-journey .active .tile{filter:none;opacity:1}.human-journey .rail{width:2px;z-index:1;pointer-events:none}.human-journey .light{background:linear-gradient(180deg,#eadbff,#c7a4f1 55%,#9c85ff);box-shadow:0 0 12px #b89cff55;transition:height .12s linear}.human-journey .node{background:#0a090c}.human-journey .active .node{background:#151019;border:3px solid #d6b5ff;box-shadow:0 0 0 4px #b89cff15,0 0 20px #b89cff70}.human-journey .copy{opacity:.65;transition:opacity .4s}.human-journey .active .copy{opacity:1}

.human-journey .step{min-height:175px;border-radius:999px;margin-bottom:14px}.human-journey .copy{padding:22px 38px;text-align:right}.human-journey .step:nth-of-type(3) .copy{text-align:left}.human-journey .copy h2{font-size:24px;margin-bottom:10px}.human-journey .copy p{font-size:14px;line-height:1.65}.human-journey .tile,.human-journey .step:last-child .tile{width:82px;height:82px;border-radius:50%;flex-shrink:0}.human-journey .tile img,.human-journey .step:last-child .tile img{object-fit:cover}.human-journey .node,.human-journey .active .node{border-radius:50%}.human-journey .rail{top:87px;bottom:87px}.human-journey .number{display:none}
@media(max-width:650px){.human-journey .step{min-height:235px;border-radius:42px}.human-journey .tile,.human-journey .step:last-child .tile{width:64px;height:64px;border-radius:50%}.human-journey .copy{padding:16px 24px 24px!important;text-align:left!important}.human-journey .copy h2{font-size:22px}.human-journey .rail{top:60px;bottom:60px}}
.human-journey .timeline .step:nth-of-type(1) .human-journey .copy,.human-journey .timeline .step:nth-of-type(3) .human-journey .copy{text-align:right}.human-journey .timeline .step:nth-of-type(2) .human-journey .copy{text-align:left}@media(max-width:650px){.human-journey .timeline .step .copy{text-align:left!important}}

.human-journey .tile,.human-journey .step:last-child .tile{width:120px;height:120px;border-radius:50%}.human-journey .timeline .step:nth-of-type(1) .human-journey .copy,.human-journey .timeline .step:nth-of-type(3) .human-journey .copy{text-align:left}.human-journey .timeline .step:nth-of-type(2) .human-journey .copy{text-align:right}
@media(max-width:650px){.human-journey .tile,.human-journey .step:last-child .tile{width:88px;height:88px}.human-journey .timeline .step .copy{text-align:left!important}}
.human-journey{padding-bottom:55vh}
.human-journey .intro{max-width:none;margin-bottom:40px}@media(min-width:1000px){.human-journey .intro{white-space:nowrap}}

.human-journey{padding-bottom:65px}.human-journey .intro{max-width:none}.human-journey .timeline{margin-top:35px}.human-journey .copy h2{font-size:24px;letter-spacing:-1px;line-height:1.2}.human-journey .step{min-height:175px}.human-journey .rail{top:87px;bottom:87px}
.human-journey .timeline .step:nth-of-type(1) .copy,.human-journey .timeline .step:nth-of-type(3) .copy{text-align:left}.human-journey .timeline .step:nth-of-type(2) .copy{text-align:right}@media(max-width:650px){.human-journey .timeline .step .copy{text-align:left!important}}

/* Compact, centered section introduction. */
.human-journey>.eyebrow{text-align:center;margin:0 0 16px}
.human-journey>h2{text-align:center;margin:0 auto 20px;line-height:1.05}
.human-journey>p.intro{display:block;text-align:center;margin:0 auto;padding:0;max-width:none;min-height:0;height:auto;background:none;border:0;border-radius:0;line-height:1.6;white-space:normal}
.human-journey>.timeline{margin-top:30px}
@media(min-width:1000px){.human-journey>p.intro{white-space:nowrap;font-size:14px}}
