/* Readable spatial process: the active action advances, not ornamental avatars. */
.studio-document main>.capability-opening{padding-top:40px}
.capability-opening .cap-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:end;margin-bottom:28px}
.studio-document .capability-opening h1{font-size:clamp(38px,4.2vw,60px);margin:0;max-width:750px}
.studio-document .capability-opening .lede{margin:0;font-size:1rem;line-height:1.7}
.capability-opening h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}
.cap-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:24px 0}
.cap-choices[hidden],.cap-controls[hidden]{display:none}
.cap-mobile-choice{display:none}
.capability-opening button{font:inherit;cursor:pointer;min-height:48px;border:1px solid #cdc4bf;color:#552859;background:#fdf8f6;border-radius:8px;padding:12px;text-align:left;line-height:1.4}
.capability-opening button[aria-pressed=true]{background:#502055;color:#ffffff;border-color:#502055}
.capability-opening button:focus-visible,.capability-opening a:focus-visible{outline:3px solid #9c5714;outline-offset:4px}
.cap-surface{position:relative;border:1px solid #d0c7c2;border-radius:18px;padding:28px 30px;background:linear-gradient(125deg,#f4ece8,#f5ece7);box-shadow:0 10px 0 #d8cfca66,0 24px 45px #4c1d5112}
.cap-surface-head{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:end}
.studio-document .cap-surface-head h2{font-size:clamp(25px,2.4vw,35px);margin:0;max-width:620px}
.studio-document .cap-surface-head .eyebrow{font-size:.68rem;margin:0 0 10px}
.studio-document .cap-surface-head p{margin:0;font-size:.92rem;line-height:1.65}
.cap-steps{display:flex;gap:8px;margin:25px 0 16px}
.cap-steps button{flex:1;font-size:.75rem;background:transparent}
.cap-plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1100px;padding:10px 6px 20px}
.cap-plate{position:relative;padding:24px 22px 20px;border:1px solid #cbc2be;background:#fcf6f3;border-radius:10px;box-shadow:5px 8px 0 #b8afab55;transform:rotateX(3deg) rotateY(-3deg);transition:transform .65s cubic-bezier(.2,.8,.2,1),background .5s,border-color .5s;min-width:0}
.cap-plate:not(:last-child)::after{content:'→';position:absolute;right:-21px;top:48%;color:#7c3d82;font-size:24px;z-index:2}
.cap-plate[data-active=true]{transform:translate3d(0,-8px,22px);background:#fffcfb;border-color:#a76b3b;box-shadow:5px 10px 0 #b4896855,0 18px 25px #502a5318}
.cap-plate[data-active=true]::before{content:'';position:absolute;inset:0;border-top:3px solid #b37038;border-radius:10px;pointer-events:none}
.studio-document .cap-plate h3{font-size:1.25rem;margin:12px 0}
.studio-document .cap-plate p{font-size:.85rem;line-height:1.7;margin:0 0 18px;color:#633f66}
.cap-actor{font-size:.62rem;letter-spacing:.09em;color:#63616e;display:block;min-height:2em}
.cap-result{font-size:.75rem;font-weight:700;display:block;border-top:1px solid #d7cec9;padding-top:12px;color:#682f6e}
.cap-bottom{display:flex;gap:20px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.cap-bottom a{font-weight:600;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.cap-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cap-controls button{padding:8px 12px;font-size:.75rem;min-height:44px;background:transparent}
.cap-position{font-size:.7rem;color:#644067;min-width:135px}
.studio-document .cap-boundary{font-size:.75rem;margin:16px 0 0;line-height:1.6}
.cap-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){.cap-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-opening .cap-intro{grid-template-columns:1fr;gap:16px}.cap-surface-head{grid-template-columns:1fr;gap:12px}.cap-plates{gap:16px}.cap-plate{padding:20px 15px}.cap-plate:not(:last-child)::after{right:-17px}}
@media(max-width:700px){.studio-document main>.capability-opening{padding-top:28px}.cap-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:18px 0}.cap-choices button{font-size:.8rem;padding:10px}.cap-surface{padding:21px 17px;border-radius:13px}.cap-steps{gap:5px;flex-wrap:wrap;margin:18px 0}.cap-steps button{font-size:.68rem;min-width:80px;padding:8px}.cap-plates{grid-template-columns:1fr;padding:12px 4px 18px;gap:18px}.cap-plate{transform:none}.cap-plate:not(:last-child)::after{display:none}.cap-plate[data-active=true]{transform:translate3d(0,-4px,0)}[data-enhanced=true] .cap-plate:not([data-active=true]){display:none}.cap-bottom{gap:12px}.cap-controls{gap:6px}.cap-position{width:100%}.studio-document .cap-surface-head h2{font-size:25px}.studio-document .cap-plate h3{font-size:1.3rem}.studio-document .cap-plate p{font-size:.92rem}.cap-plate[data-active=true]{animation:cap-action-arrive .65s both}.cap-actor{min-height:0}.cap-result{font-size:.8rem}}
@keyframes cap-action-arrive{from{opacity:.2;transform:translate3d(0,22px,-40px) rotateX(8deg)}to{opacity:1;transform:translate3d(0,-4px,0)}}
[data-moving=false] .cap-plate{animation-play-state:paused}
@media(max-width:700px){.capability-opening .cap-choices{display:none}[data-enhanced=true] .cap-mobile-choice{display:block;margin:18px 0;font-size:.8rem;font-weight:600;color:#552859}.cap-mobile-choice select{display:block;width:100%;min-height:48px;margin-top:8px;padding:10px;border:1px solid #c0b7b3;border-radius:7px;background:#fef8f4;color:#502055}.cap-mobile-choice select:focus-visible{outline:3px solid #9c5714;outline-offset:3px}}
@media(prefers-reduced-motion:reduce){.cap-plate,.cap-plate[data-active=true]{transform:none;animation:none;transition:none}}