/* Revision 311. White paper, liquid glass, deliberate movement. */
#page-associate{--sv-paper:#fdfdfc}
#page-associate .scx-connections,#page-associate .sv-work,#page-associate .sv-memory.sv-spatial,#page-associate .sv-spatial .sv-memory-stick{background:#fdfdfc}
#page-associate .oq-section,#page-associate .oq-stick{background:#f8f9f8}
#page-associate .scx-heading h2 span{color:#727174}
#page-associate .scx-heading p,#page-associate .scx-source p,#page-associate .scx-core p,#page-associate .scx-channel-detail{color:#706d70}

/* Native scroll: an unlabelled object, its meaning, then the connected diagram. */
#page-associate .brain-experience{height:240svh;overflow:visible;position:relative;background:#08090b}
#page-associate .brain-stick{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#08090b}
#page-associate .brain-stick::before{content:'';position:absolute;inset:0;background:#fdfdfc;clip-path:inset(var(--brain-dark-height,100%) 0 0);z-index:0;pointer-events:none}
#page-associate .brain-intro{position:absolute;inset:0;z-index:2;height:100%;opacity:var(--brain-intro,0);transform:translateY(var(--brain-intro-y,18px));pointer-events:none;color:white}
#page-associate .brain-eyebrow{position:absolute;top:132px;left:0;font-size:12px;letter-spacing:.01em;color:#b5b1ba}
#page-associate .brain-title{position:absolute;left:0;bottom:103px;max-width:34%}
#page-associate .brain-title h2{font-size:clamp(52px,5.25vw,82px);font-weight:480;line-height:1.02;letter-spacing:-.055em;color:#f9f9fb;margin:0}
#page-associate .brain-title p{font-size:15px;line-height:1.7;color:#b9b6bd;margin-top:25px}
#page-associate .brain-scroll{position:absolute;bottom:38px;left:0;display:flex;align-items:center;gap:24px;color:#9e9aa4;font-size:11px}
#page-associate .brain-scroll>span:last-child{font-size:21px;color:#d2c7ce}
#page-associate .brain-experience .scx-inner{position:relative;z-index:2;opacity:var(--brain-reveal,0);min-height:100%;height:100%;padding-top:104px;padding-bottom:31px}
#page-associate .brain-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
#page-associate .brain-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#page-associate .knowledge-label{position:absolute;left:0;top:0;opacity:0;color:#c4cdd2;font-size:12px;line-height:1;letter-spacing:.015em;padding:9px 12px 9px 34px;margin:14px 0 0 6px;border-radius:2px;background:linear-gradient(90deg,#08090bd9,#08090b66);white-space:nowrap;will-change:transform;transition:color .7s}
#page-associate .knowledge-label::before{content:'';position:absolute;left:8px;top:50%;width:18px;height:1px;background:#78838d}
#page-associate .knowledge-label[data-side=left]{margin-left:-112px;padding-left:12px;padding-right:34px;background:linear-gradient(90deg,#08090b66,#08090bd9)}
#page-associate .knowledge-label[data-side=left]::before{left:auto;right:8px}
#page-associate .knowledge-label.is-lit{color:#edb7c8}
#page-associate .brain-experience .scx-optic{filter:none}
#page-associate .brain-pause{position:absolute;right:4%;bottom:32px;width:36px;height:36px;border-radius:50%;border:1px solid #b2a7ad55;background:transparent;display:grid;place-items:center;z-index:3;color:#95838d;font:12px inherit;cursor:pointer}
#page-associate .brain-pause:hover{background:#89808a16}
#page-associate .brain-pause[hidden]{display:none}
#page-associate .brain-experience[data-brain-phase=light] .brain-pause{right:calc(50% - 18px);bottom:16px;color:#715460;border-color:#8f737844;background:#fff8}
#page-associate .brain-pause:focus-visible{outline:2px solid #b47c94;outline-offset:5px}
#page-associate .brain-fallback{position:absolute;left:0;top:0;width:var(--fallback-size,300px);aspect-ratio:1;transform:translate(calc(var(--fallback-x,50vw) - 50%),calc(var(--fallback-y,50vh) - 50%));border:1px solid #a9a4ac;box-shadow:inset 0 0 55px #c5c3ce3d,inset 0 2px 3px #fff;display:grid;place-items:center;border-radius:50%;background:linear-gradient(120deg,#ada9b61c,#77708022)}
#page-associate .brain-fallback span{font-size:clamp(40px,9vw,130px);font-weight:450;color:#96798b}
#page-associate .brain-ready .brain-fallback{display:none}

/* Higher contrast over architecture; the handset is centred in its stage. */
#page-associate .cv-showcase::after{background:linear-gradient(90deg,rgba(8,12,14,.73),rgba(8,12,14,.45) 44%,rgba(8,12,14,.18) 75%,rgba(8,12,14,.35)),linear-gradient(180deg,#11151a30,transparent 50%,#0b0d1166)}
#page-associate .cv-top>span{color:#ebecef;font-size:11px}
#page-associate .cv-lede,#page-associate .cv-showcase .as-phone-copy>.as-lede{color:#f3f4f5;font-weight:420;font-size:17px;line-height:1.65}
#page-associate .cv-detail,#page-associate .cv-showcase .as-phone-caption p{color:#ebedf0;font-size:15px;font-weight:420;line-height:1.7}
#page-associate .cv-disclosure,#page-associate .cv-showcase .sv-phone-note{color:#d0d3d7;font-size:10px;line-height:1.6}
#page-associate .cv-direction button{color:#edf0f2;font-weight:450}
#page-associate .cv-direction button[aria-pressed=true]{color:#26272a}
#page-associate .cv-showcase .as-phone-grid{padding-bottom:60px}
#page-associate .cv-showcase .as-phone-ui{height:auto;max-height:100%;align-self:center;justify-self:center;width:100%;display:flex;align-items:center;justify-content:center}
#page-associate .cv-desktop{background:#fff}
#page-associate .cv-meeting-recap{background:#fff;color:#343941}
#page-associate .cv-meeting-recap dd{color:#626872}
#page-associate .cv-window-bar{background:#f3f4f5;color:#65666b}
#page-associate .cv-mail-envelope div>span,#page-associate .cv-mail-envelope time,#page-associate .cv-chat-head div>span,#page-associate .cv-message small{color:#696b72}

/* A focused, upright document frame. Nothing behind the active record. */
#page-associate .sv-work-visual{height:490px;perspective:none;align-self:center}
#page-associate .sv-work-visual>article{top:38px;left:0;right:0;width:100%;min-height:395px;height:auto;margin:0;border-radius:12px;border:1px solid #dedfe3;background:#fff;box-shadow:0 2px 4px #181b2003,0 24px 60px -28px #171d2c25;transform:translateY(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .55s cubic-bezier(.2,.7,.2,1),visibility .35s}
#page-associate .sv-work[data-step="0"] .sv-work-mail,#page-associate .sv-work[data-step="1"] .sv-work-draft,#page-associate .sv-work[data-step="2"] .sv-work-files,#page-associate .sv-work[data-step="3"] .sv-work-done{transform:none;opacity:1;visibility:visible;pointer-events:auto}
#page-associate .sv-window-bar{height:49px;background:#f7f8f9;border-bottom-color:#e6e7e9;color:#6e6d72}
#page-associate .sv-window-dots i{background:#c3c5ca}
#page-associate .sv-compose-body{padding:25px 30px 30px}
#page-associate .sv-compose-body dl div{border-bottom-color:#e9eaed;color:#666972}
#page-associate .sv-compose-body dt{color:#73737a}
#page-associate .sv-compose-body dd{color:#33363e}
#page-associate .sv-folder-path{padding:22px 25px;background:#f7f8f9;border-bottom:1px solid #e6e7e9;color:#555963;font-size:12px;font-weight:500}
#page-associate .sv-files-list{padding:8px 25px 12px}
#page-associate .sv-files-list li{padding:22px 0;border-bottom-color:#e7e9ec;font-size:13px;color:#292c34;gap:14px}
#page-associate .sv-files-list i{background:#f5f0f2;border:1px solid #ebe1e6;padding:10px 7px;border-radius:5px}
#page-associate .sv-files-list span{font-size:10px;color:#48735f;display:flex;align-items:center;gap:6px}
#page-associate .sv-files-list span::before{content:'✓';font-size:11px}
#page-associate .sv-work-done{padding:30px 34px}
#page-associate .sv-work-done h3{font-weight:520;letter-spacing:-.04em}
#page-associate .sv-work-done p,#page-associate .sv-work-copy .sv-copy{color:#646870}

/* Stronger editorial memory, white folios and quiet graphite detail. */
#page-associate .sv-spatial .sv-memory-copy .sv-title{font-size:clamp(49px,5.2vw,80px);font-weight:560;letter-spacing:-.055em;line-height:1.025;color:#111317;max-width:12.5ch}
#page-associate .sv-spatial .sv-copy{color:#64686f}
#page-associate .sv-spatial .sv-memory-intro{font-weight:500;color:#79283f}
#page-associate .sv-spatial .sv-memory-steps button{color:#6e7076;border-color:#e0e2e5}
#page-associate .sv-spatial .sv-memory-steps button.on{color:#252a32}
#page-associate .sv-spatial .sv-memory-steps button>span{color:#6c7078}
#page-associate .sv-spatial .sv-memory-query,#page-associate .sv-spatial .sv-memory-answer{background:#ffffffed;border:1px solid #e8e9ec;border-radius:12px;box-shadow:0 12px 38px -22px #1a213528}
#page-associate .sv-spatial .sv-memory-query p,#page-associate .sv-spatial .sv-memory-answer p{color:#3c414b}
#page-associate .sv-spatial .sv-memory-query small{color:#7b7e86}
#page-associate .sv-archive-sheet{border-radius:5px;background:#fff;border-color:#e3e5e8}
#page-associate .sv-sheet-a,#page-associate .sv-memory[data-step="1"] .sv-sheet-a,#page-associate .sv-memory[data-step="2"] .sv-sheet-a{transform:translate(-45px,0) scale(.93)}
#page-associate .sv-sheet-b,#page-associate .sv-memory[data-step="1"] .sv-sheet-b,#page-associate .sv-memory[data-step="2"] .sv-sheet-b{transform:translate(45px,0) scale(.93)}
#page-associate .sv-sheet-c,#page-associate .sv-memory[data-step="1"] .sv-sheet-c,#page-associate .sv-memory[data-step="2"] .sv-sheet-c{transform:none}
#page-associate .sv-spatial .sv-archive-canvas{top:5%;left:39%;width:68%}
@media(min-width:761px) and (max-height:820px){
 #page-associate .brain-eyebrow{top:112px}
 #page-associate .brain-title{bottom:92px}
 #page-associate .brain-title h2{font-size:60px}
 #page-associate .brain-experience .scx-inner{padding-top:95px;padding-bottom:28px}
 #page-associate .cv-lede,#page-associate .cv-showcase .as-phone-copy>.as-lede{font-size:15px;margin-top:20px}
 #page-associate .cv-detail,#page-associate .cv-showcase .as-phone-caption p{font-size:13px;line-height:1.65}
 #page-associate .cv-showcase .as-phone-grid{padding-bottom:49px}
 #page-associate .sv-spatial .sv-memory-copy .sv-title{font-size:clamp(50px,4.7vw,66px)}
 #page-associate .sv-work-visual{height:435px}
 #page-associate .sv-work-visual>article{top:24px;min-height:370px}
 #page-associate .sv-files-list li{padding-block:20px}
}
@media(max-width:760px){
 #page-associate .brain-experience{height:auto;background:#fdfdfc}
 #page-associate .brain-stick{height:auto;min-height:0;position:relative;background:#fdfdfc}
 #page-associate .brain-intro,#page-associate .brain-pause{display:none}
 #page-associate .brain-experience .scx-inner{height:auto;min-height:0;padding-block:86px 36px}
 #page-associate .cv-lede,#page-associate .cv-showcase .as-phone-copy>.as-lede{font-size:15px}
 #page-associate .cv-detail,#page-associate .cv-showcase .as-phone-caption p{font-size:14px}
 #page-associate .cv-disclosure,#page-associate .cv-showcase .sv-phone-note{font-size:10px}
 #page-associate .cv-showcase .as-phone-grid{padding-bottom:0}
 #page-associate .sv-work-visual{height:412px;width:100%;flex-shrink:0}
 #page-associate .sv-work-visual>article{top:18px;min-height:370px;border-radius:10px}
 #page-associate .sv-compose-body{padding:17px 20px 23px}
 #page-associate .sv-files-list{padding:5px 17px 10px}
 #page-associate .sv-files-list li{font-size:10px;padding:22px 0;gap:8px}
 #page-associate .sv-files-list span{font-size:8px;gap:3px}
 #page-associate .sv-files-list i{padding:9px 5px;font-size:8px}
 #page-associate .sv-folder-path{font-size:11px;padding:19px 17px}
 #page-associate .sv-work-done{padding:24px}
 #page-associate .sv-spatial .sv-memory-copy .sv-title{font-size:44px;line-height:1.04;max-width:14ch}
 #page-associate .sv-spatial .sv-archive-canvas{top:auto;bottom:37px;left:-24%;width:148%}
}
@media(prefers-reduced-motion:reduce){
 #page-associate .brain-experience{height:auto;background:#fdfdfc}
 #page-associate .brain-stick{height:auto;min-height:100svh;position:relative;background:#fdfdfc}
 #page-associate .brain-intro,#page-associate .brain-pause{display:none}
 #page-associate .brain-experience .scx-inner{height:auto;min-height:100svh}
 #page-associate .sv-work-visual>article{transition:none}
 #page-associate .sv-spatial .sv-memory-query,#page-associate .sv-spatial .sv-memory-answer{background:#fff!important}
}