.case-opening{background:var(--purple);color:#fff}.case-header{border-bottom:1px solid #ffffff35;justify-content:space-between;align-items:center;gap:20px;padding-block:30px;display:flex}.case-back{align-items:center;gap:12px;font-size:1rem;display:flex}.case-back:hover,.case-footer a:hover{text-underline-offset:5px;text-decoration:underline}.case-intro{padding-block:60px 65px}.case-project-name{font-family:var(--display);align-items:center;gap:18px;margin-bottom:25px;font-size:1.5rem;font-weight:650;display:flex}.case-project-name>span{font-family:var(--body);color:#e3dafe;border-left:1px solid #ffffff60;padding-left:18px;font-size:.95rem;font-weight:400}.case-intro h1{max-width:1100px;font-size:clamp(2.7rem,5.5vw,5rem);line-height:1.14}.case-lead{color:#e5ddff;max-width:660px;margin-block:28px;font-size:1.24rem;line-height:1.6}.case-context{color:#e3dafe;margin-top:20px;font-size:.92rem}.case-tour{background:var(--peach);padding-block:65px}.tour-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px;display:flex}.tour-heading h2{font-size:clamp(2rem,3.5vw,3rem)}.tour-heading p{max-width:330px;font-size:1.08rem}.tour-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);align-items:start;gap:clamp(30px,6vw,80px);display:grid}.tour-tabs{flex-direction:column;gap:8px;display:flex}.tour-tabs button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:7px;align-items:center;gap:14px;padding:18px 14px;font-size:1.1rem;line-height:1.4;display:flex}.tour-tabs button>svg{opacity:0;width:19px;margin-left:auto}.tour-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.tour-tabs button[aria-selected=true]>svg{opacity:1}.tour-number{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:.85rem;display:grid}.tour-story:focus-visible{outline:2px solid var(--purple);outline-offset:12px;border-radius:4px}.story-position{color:#593444;margin-bottom:12px;font-size:.9rem;display:block}.story-copy h3{max-width:530px;margin-bottom:15px;font-size:clamp(1.6rem,2.4vw,2.25rem);line-height:1.2}.story-copy>p{max-width:630px;font-size:1.12rem;line-height:1.65}.story-example{background:var(--pale);color:var(--ink);border-radius:10px;max-width:600px;margin-top:25px;padding:25px 28px}.example-top{color:#655371;justify-content:space-between;gap:15px;margin-bottom:14px;font-size:.85rem;display:flex}.story-example h4{font-family:var(--display);letter-spacing:-.03em;margin:0 0 9px;font-size:1.4rem;font-weight:650}.example-request{color:#655371;font-size:1rem}.example-assignment{align-items:center;gap:12px;padding-block:23px;display:flex}.example-avatar{background:var(--purple);color:#fff;width:40px;height:40px;font-family:var(--display);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;display:grid}.example-assignment>div>strong{font-size:1.05rem;font-weight:600;display:block}.example-assignment>div>span{color:#655371;margin-top:4px;font-size:.9rem;display:block}.example-status{background:#d1c3eb;border-radius:4px;margin-left:auto;padding:5px 9px;font-size:.85rem}.example-footnote{color:#655371;border-top:1px solid #b8a8ce;padding-top:15px;font-size:.93rem;line-height:1.6}.example-change{align-items:center;gap:35px;padding:20px 0 25px;display:flex}.example-change>div{grid-template-columns:40px auto;align-items:center;gap:4px 11px;display:grid}.example-change .example-avatar{grid-row:1/3}.example-change strong{font-size:1rem;font-weight:600}.example-change div>span:last-child{color:#655371;font-size:.9rem}.example-avatar.absent{background:#a08cab}.change-arrow{color:#755a92;font-size:1.6rem}.example-checks{flex-direction:column;gap:11px;margin:18px 0;padding:0;font-size:1rem;list-style:none;display:flex}.example-checks li{align-items:center;gap:9px;display:flex}.example-checks li>span{color:var(--purple);font-weight:700}.example-complete{border-top:1px solid #b8a8ce;flex-direction:column;gap:6px;padding-top:15px;font-size:.95rem;display:flex}.example-complete>strong{color:var(--purple);font-weight:600}.example-caption{color:#62404c;margin-top:10px;font-size:.82rem}.story-next{border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:0 0;align-items:center;gap:16px;margin-top:19px;padding:6px 0;font-size:1.05rem;font-weight:600;display:inline-flex}.story-next svg{width:20px}.case-try{color:#fff;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:80px;padding-block:70px;display:grid}.case-try h2{margin-bottom:22px;font-size:clamp(2rem,3.5vw,3rem)}.case-try p{color:#cec1dc;max-width:610px;font-size:1.13rem;line-height:1.65}.case-try .try-tip{margin-block:17px 25px;font-size:1rem}.case-role{border-left:1px solid #53425f;padding-left:35px}.case-role h3{letter-spacing:-.025em;margin-bottom:16px;font-size:1.4rem}.case-role>p,.case-role details p{font-size:1rem}.case-role details{margin-top:25px}.case-role summary{cursor:pointer;color:var(--peach);padding-bottom:12px;font-size:1rem}.case-role details p+p{margin-top:15px}.case-pending{color:var(--peach)!important}.case-footer{color:#c5b6d4;border-top:1px solid #53425f;justify-content:space-between;align-items:center;gap:25px;padding-block:27px 35px;font-size:1rem;display:flex}.case-footer a:last-child{color:var(--peach);align-items:center;gap:12px;display:flex}.case-footer svg{width:19px}@media (width<=899px){.tour-layout{grid-template-columns:1fr;gap:28px}.tour-tabs{flex-direction:row;gap:8px}.tour-tabs button{flex:1;align-items:flex-start;gap:8px;padding:14px 10px;font-size:.95rem}.tour-tabs button>svg{display:none}.story-example,.story-copy>p{max-width:none}.case-try{gap:35px}.case-intro{padding-block:45px 50px}.tour-heading{flex-direction:column;align-items:start;gap:16px}.tour-heading p{max-width:100%}}@media (width<=599px){.case-header{padding-block:23px}.case-header .brand{font-size:.85rem}.case-back{gap:7px;font-size:.95rem}.case-intro{padding-block:35px 42px}.case-project-name{gap:12px;margin-bottom:23px;font-size:1.3rem}.case-project-name>span{padding-left:12px;font-size:.83rem}.case-intro h1{font-size:2.6rem}.case-lead{margin-block:23px;font-size:1.12rem}.case-context{font-size:.88rem}.case-intro .button{padding:17px 19px;font-size:.9rem}.case-tour{padding-block:40px}.tour-heading{gap:14px;margin-bottom:23px}.tour-heading p{font-size:1.05rem}.tour-tabs{flex-direction:column;gap:3px}.tour-tabs button{align-items:center;gap:11px;padding:12px;font-size:1rem}.tour-tabs button>svg{display:block}.tour-layout{gap:27px}.story-copy h3{font-size:1.75rem}.story-copy>p{font-size:1.08rem}.story-example{margin-top:23px;padding:20px 18px}.example-top{font-size:.78rem}.story-example h4{font-size:1.25rem}.example-request{font-size:.95rem}.example-assignment{flex-wrap:wrap;gap:10px;padding-block:18px}.example-status{padding:4px 6px;font-size:.78rem}.example-assignment>div>strong{font-size:.98rem}.example-assignment>div>span{font-size:.83rem}.example-change{gap:16px}.example-change>div{grid-template-columns:1fr;gap:7px}.example-change .example-avatar{grid-row:auto}.example-change>div:last-child{margin-left:5px}.change-arrow{margin-inline:4px}.example-change div>span:last-child{font-size:.85rem}.example-checks{font-size:.94rem}.case-try{grid-template-columns:1fr;gap:35px;padding-block:40px}.case-try p{font-size:1.08rem}.case-role{border-top:1px solid #53425f;border-left:0;padding:25px 0 0}.case-role h3{font-size:1.35rem}.case-footer{flex-direction:column;align-items:flex-start;gap:20px;font-size:.95rem}.case-footer a:last-child{align-items:flex-start;max-width:300px;line-height:1.6}}