.xp-preview{background:var(--cream)}.xp-layout{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.7fr);gap:30px}.xp-choices{display:grid;align-content:start}.xp-choices button{display:grid;grid-template-columns:30px 1fr;text-align:left;gap:4px 12px;padding:20px 16px;border-bottom:1px solid var(--line);min-height:86px}.xp-choices button span{grid-row:span 2;color:var(--rust);font:500 .75rem var(--f-ui)}.xp-choices button b{font:600 .9rem var(--f-ui)}.xp-choices button small{font:.85rem var(--f-body);color:var(--ink-2)}.xp-choices button[aria-pressed=true]{background:var(--rust-100);border-left:3px solid var(--rust)}.xp-stage{background:var(--night);color:#fff;border-radius:20px;padding:clamp(20px,3vw,42px);min-width:0;align-self:start}.xp-stage h3{font:400 clamp(1.5rem,2.5vw,2.2rem)/1.25 var(--f-display);margin:16px 0}.xp-overline,.xp-context{font:600 .7rem var(--f-ui);text-transform:uppercase;letter-spacing:.12em}.xp-overline{color:#f0b9a3;margin-top:24px}.xp-switch{display:flex;flex-wrap:wrap;gap:8px}.xp-switch button{font:500 .72rem var(--f-ui);border:1px solid #766f69;border-radius:30px;padding:12px 16px;min-height:44px}.xp-switch button[aria-pressed=true]{background:#f0b9a3;color:#201b17;border-color:#f0b9a3}.xp-stage svg{width:100%;height:auto;margin:12px 0 0;overflow:visible}.xp-stage svg text{fill:#dfd8cc;font:500 10px var(--f-ui);letter-spacing:.04em}.xp-grid{stroke:#ffffff12;stroke-width:1;fill:none}.xp-flow{fill:none;stroke:#eca287;stroke-width:3;stroke-dasharray:10 5;animation:xp-travel 9s linear infinite}.xp-compare{fill:none;stroke:#88b6a0;stroke-width:2;stroke-dasharray:5}.xp-node circle{fill:#25392e;stroke:#a5c6b1;stroke-width:2}.xp-node{transform-box:fill-box;transform-origin:center;animation:xp-breathe 5s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}.xp-bar{fill:#d78364;opacity:.9}.xp-milestone{fill:#9bc7ae}.xp-note{font:.76rem/1.6 var(--f-body);color:#d2cbc1;margin:10px 0 14px}.xp-sensitivity{font:.82rem var(--f-ui);display:grid;grid-template-columns:1fr;gap:8px}.xp-sensitivity input{width:100%;min-height:44px;accent-color:#f0b9a3}.xp-stage .btn{margin-top:14px;font-size:.72rem;line-height:1.5}.xp-more{margin-top:30px}.xp-preview.is-quiet *,.xp-preview.is-quiet *::before,.xp-preview.is-quiet *::after{animation-play-state:paused!important}.xp-hub{padding-top:150px}.xp-hub h1{margin:20px 0 28px}.xp-intro-note{margin:20px 0;color:var(--muted)}.xp-index{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.xp-index a{border:1px solid var(--line);border-radius:30px;padding:12px 18px;font:600 .74rem var(--f-ui);min-height:44px}.xp-tour-controls{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:30px 0 60px}.xp-tour-controls p{font-size:.9rem}.xp-hub-discipline{border-top:1px solid var(--line);padding:55px 0;display:grid;grid-template-columns:.8fr 1.7fr;gap:35px;scroll-margin-top:110px}.xp-hub-discipline h2{font-size:clamp(2rem,3.5vw,3rem);margin:18px 0}.xp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.xp-cases article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:25px;min-width:0}.xp-cases article.is-tour-current{outline:3px solid var(--rust);outline-offset:5px}.xp-context{color:var(--rust)}.xp-cases h3{margin:16px 0}.xp-cases dl{margin:22px 0}.xp-cases dt{font:600 .72rem var(--f-ui);color:var(--rust);margin-top:16px}.xp-cases dd{margin:6px 0;font-size:.95rem}.xp-source{font-size:.82rem;color:var(--ink-2);margin-bottom:22px}.xp-source a{text-decoration:underline}.xp-cases .link{font-size:.68rem;line-height:1.7}.xp-source a,.xp-cases p{overflow-wrap:anywhere}
@keyframes xp-travel{to{stroke-dashoffset:-180}}@keyframes xp-breathe{50%{opacity:.65}}
@media(max-width:900px){.xp-layout{grid-template-columns:1fr}.xp-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.xp-choices button{grid-template-columns:1fr;min-width:0}.xp-choices button span{display:none}.xp-choices button small{display:none}.xp-hub-discipline{grid-template-columns:1fr}}
@media(max-width:560px){.xp-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-choices button{padding:16px 12px;min-height:65px}.xp-choices button b{font-size:.75rem}.xp-cases{grid-template-columns:1fr}.xp-stage .btn{width:100%}.xp-hub{padding-top:110px}.xp-cases article{padding:20px}.xp-hub-discipline{padding:40px 0}.xp-switch button{padding:12px}.xp-preview .section__head h2{font-size:clamp(2rem,8vw,3rem)}}
@media(prefers-reduced-motion:reduce){.xp-preview *{animation:none!important;transition:none!important}}
.no-js .xp-choices,.no-js .xp-sensitivity,.no-js .xp-tour-controls,.no-js .xp-switch{display:none}
.xp-result{display:block;font:600 .88rem/1.5 var(--f-ui);color:#f0b9a3;margin-top:8px}