.journey{background:#e9e6dc}.journey-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start}.journey-visual{position:sticky;top:35px;background:#191d19;color:#f4f0e6;min-height:540px;overflow:hidden;border-radius:8px;isolation:isolate}.journey-caption,.journey-footnote{position:absolute;left:26px;font-size:9px;letter-spacing:.13em;z-index:2}.journey-caption{top:26px}.journey-footnote{bottom:24px;color:#adb3a7}.business-space{height:420px;position:relative;perspective:1000px;transform-style:preserve-3d}.business-floor{position:absolute;width:80%;height:260px;left:10%;top:120px;transform:rotateX(62deg) rotateZ(-18deg);border:1px solid #a6ad9040;background:repeating-linear-gradient(0deg,transparent 0 42px,#a6ad9014 43px 44px),repeating-linear-gradient(90deg,transparent 0 42px,#a6ad9014 43px 44px);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.business-card{position:absolute;width:39%;min-height:78px;left:9%;top:94px;padding:13px 16px;border:1px solid #99a58b60;border-radius:5px;background:linear-gradient(125deg,#424c3eeb,#232c25f5);box-shadow:0 18px 35px #0003;transform:translate3d(var(--x,0px),var(--y,0px),0) rotate(var(--r,-7deg));transition:transform 1.1s cubic-bezier(.22,1,.36,1),border-color .8s,background .8s,opacity .8s}.business-card span{font-size:9px;color:#cba374;display:block;letter-spacing:.16em}.business-card strong{display:block;font-size:12px;font-weight:500}.business-card i{position:absolute;right:12px;top:15px;width:5px;height:5px;border-radius:50%;background:#b8bea9}.card-1{--x:110%;--y:25px;--r:8deg}.card-2{--x:8%;--y:114px;--r:4deg}.card-3{--x:111%;--y:143px;--r:-9deg}.card-4{--x:-4%;--y:231px;--r:-5deg}.card-5{--x:105%;--y:255px;--r:5deg}.business-hub{position:absolute;left:37%;top:235px;background:#d39855;color:#171b17;padding:15px 22px;font-size:15px;box-shadow:0 12px 40px #0005;opacity:0;transform:translateY(30px);transition:opacity .8s,transform 1s}.business-hub span{display:block;font-size:7px;letter-spacing:.13em}.model-labels{margin:25px 26px 65px;font-size:17px;letter-spacing:.02em;color:#dfba8b}.journey-visual[data-stage="1"] .business-card{--r:0deg}.journey-visual[data-stage="1"] .card-0,.journey-visual[data-stage="1"] .card-2{border-color:#e6a859;background:#655034}.journey-visual[data-stage="1"] .card-3,.journey-visual[data-stage="1"] .card-5{opacity:.4}.journey-visual[data-stage="2"] .business-card{--r:0deg;--y:120px}.journey-visual[data-stage="2"] .card-0,.journey-visual[data-stage="2"] .card-2,.journey-visual[data-stage="2"] .card-4{--x:0%;--y:55px}.journey-visual[data-stage="2"] .card-2{--y:155px}.journey-visual[data-stage="2"] .card-4{--y:255px}.journey-visual[data-stage="2"] .card-1{--y:55px}.journey-visual[data-stage="2"] .card-3{--y:155px}.journey-visual[data-stage="2"] .card-5{--y:255px}.journey-visual[data-stage="3"] .business-card,.journey-visual[data-stage="4"] .business-card{--r:0deg;--x:0%;--y:0px}.journey-visual[data-stage="3"] .card-1,.journey-visual[data-stage="4"] .card-1{--x:110%}.journey-visual[data-stage="3"] .card-2,.journey-visual[data-stage="4"] .card-2{--y:115px}.journey-visual[data-stage="3"] .card-3,.journey-visual[data-stage="4"] .card-3{--x:110%;--y:115px}.journey-visual[data-stage="3"] .card-4,.journey-visual[data-stage="4"] .card-4{--y:230px}.journey-visual[data-stage="3"] .card-5,.journey-visual[data-stage="4"] .card-5{--x:110%;--y:230px}.journey-visual[data-stage="4"] .business-hub{opacity:1;transform:translateY(0)}.journey-visual[data-stage="4"] .business-card{border-color:#d3985599}.journey-visual[data-stage="4"] .business-card i{background:#d39855}.journey-controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:35px}.journey-controls button,.explorer-tabs button{border:1px solid #b9bdb0;background:transparent;padding:10px 13px;font-size:11px;cursor:pointer;border-radius:3px;color:inherit}.journey-controls button span{margin-right:7px;opacity:.55}.journey-controls button[aria-pressed="true"],.explorer-tabs button[aria-pressed="true"]{background:#20271f;color:#fff;border-color:#20271f}.journey-chapter{min-height:58vh;padding:35px 0 70px;border-top:1px solid #bdc1b2;scroll-margin-top:35px}.journey-chapter h3{font-size:clamp(27px,3vw,41px);margin:20px 0}.journey-chapter>p{color:#555d50;max-width:440px;font-size:15px}.journey-chapter details{margin-top:22px;font-size:12px;color:#535b4e}.journey-chapter summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px}.journey-chapter details p{margin-top:14px;max-width:430px}.work-explorer{background:#20271f;color:#f2f1e8}.work-explorer .section-heading>p{color:#bdc4b5}.explorer-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.explorer-tabs button{border-color:#737d6b;padding:12px 22px}.explorer-tabs button[aria-pressed="true"]{background:#e1b780;color:#171d16;border-color:#e1b780}.explorer-board{border-top:1px solid #64705a;border-bottom:1px solid #64705a;padding:40px 0;display:grid;grid-template-columns:.8fr 1.7fr;gap:40px;align-items:center}.explorer-intro h3{font-size:29px;max-width:260px;margin:16px 0}.explorer-intro>p{font-size:12px;color:#bbc5b2}.example-route{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:12px;perspective:900px}.example-route li{position:relative;background:linear-gradient(135deg,#49553f,#2d3829);padding:24px 15px;border:1px solid #82926d7a;border-radius:5px;transform:rotateY(-8deg) rotateX(5deg);box-shadow:10px 18px 24px #0002;min-height:155px}.example-route li:not(:last-child):after{content:'→';position:absolute;right:-13px;top:50%;color:#e1b780;z-index:1}.example-route span{display:block;font-size:10px;color:#dfb276;margin-bottom:20px}.example-route strong{display:block;font-size:13px;line-height:1.4;font-weight:500;min-height:40px}.example-route small{display:block;font-size:7px;letter-spacing:.08em;margin-top:17px;color:#c2cbb6}.example-route li:nth-child(3){border-color:#e1b780}.explorer-footer{display:flex;justify-content:space-between;gap:30px;margin-top:25px}.explorer-footer p{font-size:10px;max-width:480px;color:#b9c2b1}.explorer-footer a{color:#e1b780;flex-shrink:0}.work-intro{position:absolute;inset:0;background:linear-gradient(100deg,#111710f5,#151b13c7 60%,#151b1370);z-index:10;color:#f3f0e7;padding:clamp(90px,12vw,160px) 8%;overflow:hidden;transition:opacity .7s,visibility .7s}.work-intro[hidden]{display:none}.work-intro.is-finished{opacity:0;visibility:hidden;pointer-events:none}.intro-skip{position:absolute;right:5%;top:30px;background:transparent;border:1px solid #c1b59d80;padding:10px 18px;color:inherit;cursor:pointer;font-size:12px}.intro-heading{font-size:10px;letter-spacing:.2em;color:#d6b184}.intro-tasks{display:flex;flex-direction:column;gap:14px;margin:30px 0;perspective:1000px}.intro-tasks span{width:fit-content;max-width:100%;padding:15px 25px;border:1px solid #b5aa8f50;background:#35402bba;font-family:var(--display);font-size:clamp(21px,3vw,43px);letter-spacing:-.04em}.work-intro>p{font-size:13px;color:#d8d8cc}.journey-controls button:hover,.explorer-tabs button:hover{border-color:#bd7c33}
@media(max-width:900px){.journey-layout{gap:28px;grid-template-columns:1fr 1fr}.journey-visual{min-height:520px}.business-card{padding:12px 10px}.business-card strong{font-size:10px}.explorer-board{grid-template-columns:1fr}.example-route{margin:0}.explorer-intro h3{max-width:none}.explorer-footer{flex-wrap:wrap}}
@media(max-width:700px){.journey-layout{display:flex;flex-direction:column;gap:25px}.journey-visual{position:relative;top:auto;width:100%;min-height:450px}.business-space{height:360px}.business-card{top:75px;min-height:65px}.business-card strong{font-size:11px}.model-labels{margin-top:0}.journey-story{width:100%}.journey-controls{gap:7px;margin-bottom:25px}.journey-controls button{font-size:10px;padding:10px}.journey-chapter{min-height:0;padding:24px 0 32px}.journey.js-ready .journey-chapter[hidden]{display:none}.journey-chapter h3{font-size:30px}.journey-chapter>p{font-size:14px}.example-route{grid-template-columns:repeat(2,1fr);gap:16px}.example-route li{min-height:145px}.example-route li:nth-child(2):after{display:none}.explorer-tabs button{padding:10px 14px}.explorer-board{gap:28px;padding:25px 0}.explorer-footer{gap:20px}.work-intro{padding:120px 23px 60px}.intro-tasks span{font-size:23px}.intro-skip{top:20px}.business-hub{left:34%;top:220px}}
@media(prefers-reduced-motion:reduce){.business-card,.business-floor,.business-hub,.work-intro{transition:none}.example-route li{transform:none}}
.optional-comparison{background:#20271f;color:#f5f3ed}.optional-comparison>summary{max-width:1208px;margin:auto;padding:20px 28px;font-size:12px;cursor:pointer;border-top:1px solid #64705a}.optional-comparison .workflow-v2{color:#171d16}