/* A continuous, spatial diagram of the knowledge lifecycle. */
#research.research{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:56px;align-items:center}
#architecture.architecture{border:0;position:relative;padding:0;min-width:0}
#architecture>.eyebrow{position:absolute;top:0;left:22px;margin:0;color:#a99ab9;font-size:12px;letter-spacing:1.7px;z-index:1}
.capsule-cycle{position:relative;isolation:isolate;width:100%;min-width:0;padding-top:14px}
.cycle-svg{display:block;width:100%;height:auto;overflow:visible}
.cycle-copy{filter:drop-shadow(0 10px 9px #0006)}
.cycle-layer{filter:drop-shadow(0 6px 4px #0003)}
.cycle-workspace{transition:opacity .8s;opacity:.5}
.capsule-cycle[data-phase="1"] .cycle-workspace,.capsule-cycle[data-phase="2"] .cycle-workspace{opacity:1}
#architecture .cycle-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 18px 0;padding:0;list-style:none}
#architecture .cycle-steps li{padding:0;border:0;min-width:0}
#architecture .cycle-steps li::before,#architecture .cycle-steps li::after{display:none}
.cycle-steps button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;padding:12px 4px 16px;width:100%;height:100%;color:#8e879d;text-align:left;border:0;background:none;font-size:14px;line-height:1.5;transition:color .5s;overflow-wrap:anywhere}
.cycle-steps button:hover,.cycle-steps .is-current button{color:#f0e8fa}
.cycle-number{font-size:12px;letter-spacing:1px;color:#71647f;font-variant-numeric:tabular-nums;transition:color .5s}
.cycle-steps .is-current .cycle-number{color:#cbb6e0}
.cycle-step-line{position:absolute;bottom:0;left:4px;right:4px;height:1px;background:#b5a2cd26;overflow:hidden}
.cycle-step-line i{display:block;width:100%;height:100%;background:#dfc9f1;transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .5s}
.cycle-steps .is-current .cycle-step-line i{opacity:1}
.cycle-steps button:focus-visible{outline:1px solid #d6c4ed;outline-offset:4px;border-radius:3px}
@media(max-width:1000px){#research.research{gap:25px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}#research h2{font-size:clamp(32px,4.1vw,48px)}#architecture .cycle-steps{gap:8px;margin-inline:4px}.cycle-steps button{font-size:14px}}
@media(max-width:760px){#research.research{grid-template-columns:minmax(0,1fr);gap:34px}#architecture{width:min(100%,620px);justify-self:center}#architecture>.eyebrow{left:8px}.capsule-cycle{padding-top:24px}#research h2{font-size:clamp(34px,7vw,46px)}#architecture .cycle-steps{margin-top:0;gap:8px}}
@media(max-width:380px){#architecture .cycle-steps{gap:4px}.cycle-steps button{padding-inline:2px;font-size:14px}.cycle-step-line{left:2px;right:2px}}
@media(prefers-reduced-motion:reduce){.capsule-cycle *{transition:none!important}}
@media(max-width:480px){#architecture .cycle-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.cycle-steps button{flex-direction:row;align-items:center;gap:10px;min-height:48px}.cycle-number{flex-shrink:0}}