/* One real product view stays in place while the reader moves through the workflow. */
.oci-direction .o-fund-story{--o-fund-sticky-top:130px;padding:72px 5vw 60px;border-top:1px solid var(--o-line);background:var(--o-paper);color:var(--o-blue)}
.oci-direction .o-fund-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:22px 7vw;align-items:end;padding:48px 5vw 54px;margin:-72px -5vw 0;border-bottom:0;background:var(--o-blue);color:var(--o-paper)}
.oci-direction .o-fund-story-heading>.o-label{grid-column:1/-1;font-size:16px;line-height:1.5}
.oci-direction .o-fund-story-heading h2{font-size:clamp(2.4rem,4.1vw,4.8rem);line-height:1.06;letter-spacing:-.045em;margin:0;max-width:19ch}
.oci-direction .o-fund-story-heading p{font-size:clamp(1.125rem,1.55vw,1.4rem);line-height:1.55;max-width:42ch;margin:0;color:#e8e7e1}
.oci-direction .o-fund-story-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.45fr);column-gap:5vw;align-items:start;padding-top:32px}
.oci-direction .o-fund-story-chapters{min-width:0}
.oci-direction .o-fund-story-chapter{display:flex;align-items:center;min-height:62svh;padding:44px 0;scroll-margin-top:calc(var(--o-fund-sticky-top) + 20px);border:0}
.oci-direction .o-fund-story-chapter:first-child{border-top:0;padding-top:24px}
.oci-direction .o-fund-story-chapter:last-child{min-height:72svh}
.oci-direction .o-fund-story-chapter-inner{width:100%;max-width:43ch;padding-left:24px;border-left:3px solid transparent;transition:border-color .25s ease}
.oci-direction .o-fund-story-chapter.is-current .o-fund-story-chapter-inner{border-left-color:var(--o-blue)}
.oci-direction .o-fund-story-number{display:block;font:16px/1.5 ui-monospace,monospace;margin-bottom:24px}
.oci-direction .o-fund-story-chapter h3{font-size:clamp(2rem,3vw,3.3rem);line-height:1.1;letter-spacing:-.035em;margin:0 0 24px;max-width:19ch}
.oci-direction .o-fund-story-chapter p{font-size:clamp(1.125rem,1.4vw,1.3rem);line-height:1.6;margin:0;color:#292a28}
.oci-direction .o-fund-story-chapter p.o-fund-story-compliance{margin-top:20px}
.oci-direction .o-fund-story-chapter p.o-fund-story-note{font-size:16px;line-height:1.55;margin-top:18px;padding-top:16px;border-top:1px solid var(--o-line)}
.oci-direction .o-fund-story-watch{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:48px;margin-top:22px;font-size:17px;line-height:1.5;color:var(--o-blue);text-decoration:none}
.oci-direction .o-fund-story-watch>span:first-child{font-size:23px;text-decoration:none}
.oci-direction .o-fund-story-watch>span:last-child{font-size:16px;white-space:nowrap}
.oci-direction .o-fund-story-sticky{position:sticky;top:var(--o-fund-sticky-top);min-width:0;align-self:start}
.oci-direction .o-fund-story-steps{margin:0 0 16px}
.oci-direction .o-fund-story-steps ol{display:flex;gap:8px;list-style:none;padding:0;margin:0}
.oci-direction .o-fund-story-steps li{flex:1;min-width:0}
.oci-direction .o-fund-story-steps button{display:flex;justify-content:center;align-items:center;width:100%;min-height:46px;border:1px solid var(--o-line);background:transparent;color:var(--o-blue);font:16px/1.4 ui-monospace,monospace;cursor:pointer;position:relative;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.oci-direction .o-fund-story-steps button:hover{border-color:var(--o-blue)}
.oci-direction .o-fund-story-steps button[aria-current=step]{background:var(--o-blue);color:var(--o-paper);border-color:var(--o-blue)}
.oci-direction .o-fund-step-name,.oci-direction .o-fund-story-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oci-direction .o-fund-story-media{position:relative;padding:0;margin:0;width:100%;min-width:0;isolation:isolate}
/* Licensed Adobe Stock photograph 238214461. One fixed crop coordinate system
   keeps the real screen, screenshots, clips and light scan aligned at every size.
   Source crop: x 15–85%, y 10–94%; screen opening measured from the photograph. */
.oci-direction .o-fund-desktop{position:relative;box-sizing:border-box;width:100%;aspect-ratio:2393.3/1916.88;padding:0;margin:0;background:#c3beb8;border:0;border-radius:0;overflow:hidden;isolation:isolate;box-shadow:none;transform:none;perspective:none}
.oci-direction .o-fund-desktop::before{content:"";position:absolute;left:-21.428571%;top:-11.904762%;width:142.857143%;height:119.047619%;background:url('/assets/delivery/office-monitor-adobe-238214461.jpg') center/100% 100% no-repeat;z-index:0;pointer-events:none}
.oci-direction .o-fund-desktop::after{content:none}
.oci-direction .o-fund-desktop-screen{position:absolute;left:15.34%;top:13.83%;width:68.79%;height:48.39%;aspect-ratio:auto;background:#fff;border-radius:0;overflow:hidden;isolation:isolate;transform:none;clip-path:none;z-index:1}
.oci-direction .o-fund-desktop-screen img,.oci-direction .o-fund-desktop-screen video{position:absolute;inset:0}
.oci-direction .o-fund-desktop-screen img,.oci-direction .o-fund-desktop-screen video{display:block;width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:contain;object-position:center;background:#fff;border:0;filter:none;opacity:1}
.oci-direction .o-fund-story-media .o-fund-story-outgoing{position:absolute;inset:0 auto auto 0;z-index:2;pointer-events:none}
.oci-direction .o-fund-story-media [hidden],.oci-direction .o-fund-story [hidden]{display:none!important}
.oci-direction .o-fund-story-media.is-clip-active .o-dither-canvas{display:none!important}
.oci-direction .o-fund-story-media figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;min-height:46px;padding:0;font-size:16px;line-height:1.5;color:#292a28}
.oci-direction .o-fund-story-media figcaption button{border:0;background:transparent;color:var(--o-blue);font:inherit;min-height:44px;padding:8px 2px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.oci-direction .o-fund-story-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding-top:12px}
.oci-direction .o-fund-story-controls p{display:flex;gap:20px;align-items:center;margin:0;font:16px/1.5 ui-monospace,monospace;color:var(--o-blue)}
.oci-direction .o-fund-story-controls>div{display:flex;gap:8px}
.oci-direction .o-fund-story-controls button{width:46px;height:46px;border:1px solid var(--o-line);background:transparent;color:var(--o-blue);font-family:inherit;font-size:22px;line-height:1;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.oci-direction .o-fund-story-controls button:hover:not(:disabled){background:var(--o-blue);color:var(--o-paper)}
.oci-direction .o-fund-story-controls button:disabled{color:#777873;border-color:#b7b8b1;cursor:default}
.oci-direction .o-fund-story :is(button,a,summary):focus-visible{outline:3px solid #111212;outline-offset:4px}
.oci-direction .o-fund-story .o-fund-tap-hint{display:none}
.oci-direction .o-fund-story-media-error{font-size:16px;line-height:1.5;padding-top:14px;margin:0;color:#292a28}
@media(max-width:1100px){.oci-direction .o-fund-story-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:30px}.oci-direction .o-fund-story-chapter-inner{padding-left:16px}.oci-direction .o-fund-story-chapter h3{font-size:32px}.oci-direction .o-fund-story-controls p{gap:12px}.oci-direction .o-fund-scroll-hint{font-size:14px}}
@media(max-width:900px),(max-height:620px){
  .oci-direction .o-fund-story{padding:48px 5vw}
  .oci-direction .o-fund-story-heading{grid-template-columns:1fr;gap:22px;padding:36px 5vw 40px;margin:-48px -5vw 0}
  .oci-direction .o-fund-story-heading h2{font-size:clamp(2.1rem,5vw,3.3rem);max-width:22ch}
  .oci-direction .o-fund-story-heading p{max-width:50ch;font-size:18px}
  .oci-direction .o-fund-story-layout{display:flex;flex-direction:column;gap:28px;padding-top:24px}
  .oci-direction .o-fund-story-sticky{position:relative;top:auto;width:100%;order:-1}
  .oci-direction .o-fund-story-chapters{width:100%}
  .oci-direction .o-fund-story-chapter,.oci-direction .o-fund-story-chapter:first-child,.oci-direction .o-fund-story-chapter:last-child{min-height:0;padding:0;border:0}
  .oci-direction .o-fund-story-chapter-inner{max-width:60ch;padding-left:18px}
  .oci-direction .o-fund-story-number{margin-bottom:15px}
  .oci-direction .o-fund-story-chapter h3{font-size:clamp(2rem,5.7vw,2.8rem);margin-bottom:18px}
  .oci-direction .o-fund-story-chapter p{font-size:18px;line-height:1.6}
  .oci-direction .o-fund-story-chapter[hidden]{display:none!important}
  .oci-direction .o-fund-story-steps ol{gap:5px}
  .oci-direction .o-fund-story-steps button{min-height:44px;font-size:15px}
  .oci-direction .o-fund-story .o-fund-scroll-hint{display:none}
  .oci-direction .o-fund-story .o-fund-tap-hint{display:inline;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.oci-direction .o-fund-story-chapter-inner,.oci-direction .o-fund-story-steps button,.oci-direction .o-fund-story-controls button{transition:none}}
@media print{.oci-direction .o-fund-story-layout{display:block}.oci-direction .o-fund-story-chapter[hidden]{display:block!important}.oci-direction .o-fund-story-sticky{position:static}.oci-direction .o-fund-story-chapter{min-height:0;padding:20px 0}.oci-direction .o-fund-story-controls,.oci-direction .o-fund-story-steps,.oci-direction [data-fund-play]{display:none!important}}

.oci-direction .o-fund-story-followup{padding-top:16px;padding-bottom:64px}
.oci-direction .o-fund-story-followup>div{display:grid;grid-template-columns:1fr 1fr;gap:20px 7vw;align-items:start;padding:32px 0 12px;border-top:1px solid var(--o-line)}
.oci-direction .o-fund-story-followup h2{grid-row:span 2;font-size:clamp(2.1rem,3.8vw,4rem);line-height:1.1;max-width:18ch;margin:0}
.oci-direction .o-fund-story-followup p{font-size:20px;line-height:1.6;margin:0;max-width:48ch;color:#292a28}
.oci-direction .o-fund-story-followup .o-action{justify-self:start;margin:0}
.oci-direction .o-fund-story-walkthrough{padding-top:0;padding-bottom:60px}
.oci-direction .o-fund-story-walkthrough .o-tour{margin-top:0}
.oci-direction :is(.o-fund-story-followup,.o-fund-story-walkthrough) .o-tour summary{font-size:clamp(1.125rem,1.6vw,1.4rem);line-height:1.5}
@media(max-width:900px){.oci-direction .o-fund-story-followup>div{grid-template-columns:1fr;gap:24px}.oci-direction .o-fund-story-followup h2{grid-row:auto}.oci-direction .o-fund-story-followup p{font-size:18px}}

/* Give the review more reading time and hold the report before the monitor exits.
   The tail is measured from the actual monitor and final chapter, so the copy
   keeps its existing position without an oversized, vertically centred article. */
@media screen and (min-width:901px) and (min-height:621px){
  .oci-direction .o-fund-story-chapter:nth-last-child(2){min-height:82svh}
  .oci-direction .o-fund-story-chapters::after{content:"";display:block;height:var(--o-fund-end-space,0px)}
  .oci-direction .o-fund-story-sticky .o-fund-desktop{max-width:min(100%,calc((100svh - var(--o-fund-sticky-top) - 200px)*1.24855));margin-left:auto;margin-right:auto}
}

/* Selected light-scan transition stays inside the straight screen. */
.oci-direction .o-fund-light-scan{position:absolute;inset:0 auto 0 0;width:3px;background:#8581ff;box-shadow:0 0 16px #807bff80;z-index:3;pointer-events:none}
@media(prefers-reduced-motion:reduce){.oci-direction .o-fund-light-scan{display:none!important}}