@font-face{font-family:"Context UI";src:url("/assets/fonts/context-inter-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Context UI";src:url("/assets/fonts/context-inter-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Context UI";src:url("/assets/fonts/context-inter-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
/* The three-column, scroll-led context sequence. Shared navigation is untouched. */
.oc-context-sequence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:160px 24px;overflow:hidden;max-width:1728px;background:#fefefc;align-items:stretch}
.oc-context-sequence .oc-difference-copy{max-width:560px;gap:200px;min-width:0}
.oc-context-sequence .oc-seq-article>.oc-label{font-size:11px;line-height:1.3;letter-spacing:0;margin:0 0 16px;color:#0a0a0a;text-transform:uppercase;opacity:1;transition:opacity .75s ease}
.oc-context-sequence .oc-seq-article>[data-context-reveal]{font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.01em;color:#0a0a0a;margin:0}
.oc-seq-side{display:flex;flex-direction:column;align-items:center;min-width:0}.oc-seq-left{padding-top:120px;justify-content:space-between}.oc-seq-right{padding:200px 0;justify-content:flex-end}.oc-seq-parallax{will-change:transform}.oc-seq-inline{display:none}
.oc-seq-panel{position:relative;flex:none;width:300px;height:300px;max-width:none;overflow:hidden;background:#fefefc;color:#171914;font-family:"Context UI",Arial,sans-serif;font-size:13px;line-height:16px;text-align:left;letter-spacing:0;user-select:none}
.oc-seq-panel svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.oc-seq-panel strong{font-size:13px;line-height:16px;font-weight:600}.oc-seq-progress-inner{position:absolute;top:49px;left:30px;width:270px;display:flex;gap:8px}.oc-seq-track{width:20px;flex:none;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:17px}.oc-seq-dot{width:10px;height:10px;border-radius:50%;background:#575c52;display:grid;place-items:center;flex:none;z-index:1}.oc-seq-dot>svg{width:7px;height:7px;color:#fff;stroke-width:2.1}.oc-seq-stem{width:1px;background:#d7d9cf;transform-origin:top;flex:none}.oc-seq-stem-one{height:25px;margin:4px 0 5px}.oc-seq-stem-two{height:92px;margin:4px 0 6px}.oc-seq-dot-open{width:8px;height:8px;background:none;border:1.5px solid #a8aca0;margin-top:0}.oc-seq-progress-copy{min-width:0;flex:1;padding-top:14px}.oc-seq-search{display:flex;align-items:center;gap:8px;height:44px;align-content:start;align-items:flex-start;white-space:nowrap}.oc-seq-search>span{display:flex;align-items:center;gap:4px;color:#8b8f83;font-size:12px}.oc-seq-search>span>svg{width:12px;height:12px;margin-top:1px}.oc-seq-read{height:112px;display:flex;flex-direction:column;align-items:start;gap:10px}.oc-seq-read>strong{margin-bottom:3px}.oc-seq-file{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:17px;white-space:nowrap;color:#52594b}.oc-seq-file>svg{width:15px;height:17px;fill:#d51539;stroke:#fff;stroke-width:1.2;background:#d51539;border-radius:2px}.oc-seq-file-doc>svg{fill:#3574ce;background:#3574ce}.oc-seq-generating{font-weight:500;font-size:13px;line-height:16px;color:#9da293;display:block}.oc-seq-generating>span{display:inline-block}
.oc-seq-package-inner{position:absolute;top:46px;left:8px;width:292px;display:flex;flex-direction:column;align-items:start}.oc-seq-attachments{display:flex;gap:7px;margin-top:10px;margin-bottom:18px;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);padding:1px 0}.oc-seq-attachment{padding:5px 9px;max-width:144px;flex:none;white-space:nowrap;overflow:hidden;border-radius:7px;background:#f1f1ed}.oc-seq-attachment .oc-seq-file{font-size:11px;line-height:16px}.oc-seq-attachment .oc-seq-file>svg{width:13px;height:15px}.oc-seq-template-label{margin-bottom:10px}.oc-seq-template{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:8px;background:#efefea;font-size:12px;line-height:16px;color:#31372b}.oc-seq-template-icon{background:#f09a38;border-radius:4px;width:16px;height:16px;display:grid;place-items:center;color:#322711}.oc-seq-template-icon>svg{width:12px;height:12px;stroke-width:2.3}.oc-seq-run{display:flex;align-items:center;gap:7px;background:#161813;border-radius:24px;padding:10px 14px;color:#fff;font-size:12px;line-height:16px;margin-top:21px}.oc-seq-run>span{width:13px;height:13px;border-radius:50%;background:#f8f8f2;color:#414638;display:grid;place-items:center}.oc-seq-run svg{width:10px;height:10px;stroke-width:2.3}
.oc-seq-orbit{background:#fff}.oc-seq-orbit-wheel{position:absolute;left:150px;top:150.5px;width:0;height:0}.oc-seq-orbit-spoke{position:absolute;left:0;top:0;transform:rotate(var(--angle));width:0;height:0}.oc-seq-orbit-place{position:absolute;left:80.5px;top:0;width:32px;height:32px;margin:-16px;transform:rotate(calc(-1 * var(--angle)))}.oc-seq-orbit-tile{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;box-shadow:0 1px 1px #22222206;color:#171912}.oc-seq-orbit-tile>svg{width:22px;height:22px;stroke-width:1.9}.oc-seq-tile-blue{background:#1587f6;color:#fff}.oc-seq-tile-orange{background:#f19a37;color:#34220c}.oc-seq-tile-beige{background:#e1d5b6}.oc-seq-tile-pale{background:#ecece7}
/* Plain text and complete panels are the no-script and reduced-motion defaults. */
.context-sequence-ready:not(.context-sequence-reduced) [data-context-reveal] .oc-reveal-word{display:inline-block;background-image:linear-gradient(to right,#0a0a0a 50%,#0a0a0a40 50%);background-size:200% 100%;background-repeat:no-repeat;background-position:calc(100% - var(--word-progress,0)*100%) 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.context-sequence-ready:not(.context-sequence-reduced) .oc-seq-entry{opacity:0;transform:translateX(-10px)}.context-sequence-ready:not(.context-sequence-reduced) .oc-seq-dot.oc-seq-entry{transform:scale(.7)}.context-sequence-ready:not(.context-sequence-reduced) .oc-seq-stem{transform:scaleY(.01)}
.context-sequence-ready:not(.context-sequence-reduced) .is-playing .oc-seq-entry{animation:oc-sequence-enter .75s cubic-bezier(.22,.9,.32,1.13) var(--delay,0s) both}.context-sequence-ready:not(.context-sequence-reduced) .is-playing .oc-seq-dot.oc-seq-entry{animation-name:oc-sequence-dot}
.context-sequence-ready:not(.context-sequence-reduced) .is-playing .oc-seq-stem-one{animation:oc-sequence-stem .75s ease-out .2s both}.context-sequence-ready:not(.context-sequence-reduced) .is-playing .oc-seq-stem-two{animation:oc-sequence-stem 1s ease-out .75s both}
.context-sequence-ready:not(.context-sequence-reduced) .is-playing .oc-seq-generating>span{color:transparent;background:linear-gradient(100deg,#0a0a0a55 30%,#0a0a0abf 50%,#0a0a0a55 70%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;animation:oc-sequence-shimmer 2s linear infinite}
.context-sequence-ready:not(.context-sequence-reduced) .is-playing .oc-seq-orbit-wheel{animation:oc-sequence-orbit 10s linear infinite}.context-sequence-ready:not(.context-sequence-reduced) .is-playing .oc-seq-orbit-tile{animation:oc-sequence-counter 10s linear infinite}
.context-sequence-suspended .oc-seq-panel *{animation-play-state:paused!important}
@keyframes oc-sequence-enter{from{opacity:.001;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes oc-sequence-dot{from{opacity:.001;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes oc-sequence-stem{from{transform:scaleY(.01)}to{transform:scaleY(1)}}@keyframes oc-sequence-shimmer{from{background-position:160% 0}to{background-position:-80% 0}}@keyframes oc-sequence-orbit{to{transform:rotate(360deg)}}@keyframes oc-sequence-counter{to{transform:rotate(-360deg)}}
@media(min-width:747px) and (max-width:1199px){.oc-context-sequence{grid-template-columns:minmax(0,1fr) minmax(400px,1fr) minmax(0,1fr);padding:120px 0;gap:10px}.oc-context-sequence .oc-difference-copy{gap:200px}.oc-seq-left{align-items:flex-end;opacity:.4}.oc-seq-right{align-items:flex-start;opacity:.4}}
@media(max-width:746px){.oc-context-sequence{display:block;padding:120px 16px}.oc-context-sequence .oc-difference-copy{max-width:560px;margin:auto;gap:80px}.oc-context-sequence .oc-seq-article>[data-context-reveal]{font-size:24px;line-height:1.2}.oc-context-sequence .oc-seq-article>.oc-label{margin-bottom:16px}.oc-seq-side{display:none}.oc-seq-inline{display:flex;justify-content:center;margin-top:16px}.oc-seq-inline>.oc-seq-panel{flex-shrink:0}.oc-seq-parallax{transform:none!important}.oc-seq-article{min-width:0}}
@media(max-width:340px){.oc-context-sequence{padding-inline:12px}.oc-seq-inline{margin-inline:-4px}}
@media(prefers-reduced-motion:reduce){.oc-context-sequence .oc-seq-entry,.oc-context-sequence .oc-seq-stem{opacity:1!important;transform:none!important;animation:none!important}.oc-context-sequence [data-context-reveal] .oc-reveal-word{background:none!important;-webkit-text-fill-color:currentColor!important;color:#0a0a0a!important}.oc-context-sequence .oc-label{opacity:1!important;transition:none}.oc-seq-parallax{transform:none!important}.oc-context-sequence .oc-seq-panel *{animation:none!important}.oc-seq-generating>span{background:none!important;color:#969b8e!important}}
@media(forced-colors:active){.oc-context-sequence [data-context-reveal] .oc-reveal-word{background:none!important;-webkit-text-fill-color:CanvasText!important;color:CanvasText!important}.oc-context-sequence .oc-seq-entry{opacity:1!important}}