@import url('/assets/play.css');
html.chapter-mode{scroll-behavior:auto;overscroll-behavior-y:none}
html{scrollbar-gutter:stable}
html.journey-loading{overflow-y:hidden}
.journey-loading .source-mark svg{opacity:1!important}
.chapter-links{transition:opacity .35s}
.chapter-travelling .chapter-links{opacity:.4}
.chapter-travelling .chapter-links:hover,.chapter-travelling .chapter-links:focus-within{opacity:1}
[data-solid-text],[data-solid-text] *{font-variant-ligatures:none}
.brand img{width:43px;height:43px;object-fit:contain;margin-right:7px;vertical-align:middle}
.source-static-lines{display:none}.no-motion .source-static-lines{display:inline}
.thread-ready .opening-track{height:245svh}
.thread-ready .motion-scene,.thread-ready .work-scene{height:435svh}
.thread-ready .evidence-scene{height:310svh}
.ranking-scene{--scene-bg:#e5e3d2}.prompt-scene{--scene-bg:#e8dfc6}
.opening-copy>p:not(.eyebrow){max-width:450px}
.opening h1{font-size:clamp(3rem,5.3vw,5.3rem)}
.thread-ready .art-top .shape-slot{height:min(34svh,310px);width:min(790px,92%)}
.thread-ready .art-top{gap:26px}
.thread-ready .art-bottom .shape-slot{height:min(23svh,220px);width:min(790px,98%)}
.art-bottom .scene-copy h2{font-size:clamp(2.7rem,4.1vw,4.1rem)}
.thread-ready .evidence-scene .scene-sticky{padding-block:35px 95px}
.scene-copy h2 em{white-space:normal}
.pin-note{font-size:1.0625rem;bottom:-2px}
.example-tabs button,.example-label,.message-action{font-size:.875rem!important}
.example-tabs{gap:20px}
.small-example .example-feedback{font-size:.8125rem;line-height:1.5;min-height:3em}
.small-example .example-response{font-size:.875rem}
.ranking-example{margin-top:23px}
#ranking-list{list-style:none;counter-reset:priority;padding:0;margin:0;display:grid;gap:4px}
#ranking-list li{counter-increment:priority;display:flex;align-items:center;gap:12px;min-height:40px;border-bottom:1px solid rgba(25,70,111,.15);font-size:.875rem}
#ranking-list li::before{content:counter(priority,decimal-leading-zero);font-size:.75rem;color:var(--muted);min-width:20px}
.rank-actions{display:flex;gap:4px;margin-left:auto}
.rank-actions button{width:31px;height:31px;background:rgba(25,70,111,.06);border:0;border-radius:4px;font-size:1.1rem;cursor:pointer}
.rank-actions button:hover{background:rgba(25,70,111,.16)}
.rank-actions button:disabled{opacity:.2;cursor:default}
.check-sequence{display:flex;gap:24px;align-items:center;margin-top:14px;padding:8px 12px;border:1px solid rgba(25,70,111,.35);border-radius:4px;background:transparent;font-size:.875rem}
.check-sequence:hover{background:rgba(25,70,111,.07)}
.evidence-example{min-height:145px}
.thread-ready .grab-hint{max-width:230px}
.contact-pointer{cursor:grab}
@media(max-width:1100px){.thread-ready .art-top .shape-slot{width:95%}.opening h1{font-size:5.35vw}.scene-copy h2{font-size:4.1vw}}
@media(max-width:760px){
 .brand img{width:35px;height:35px}
 .opening h1,.thread-ready .opening h1{font-size:clamp(2.6rem,8.4vw,3.5rem)}
 .thread-ready .opening-track{height:260svh}
 .thread-ready .opening-art{width:min(76%,285px)}
 .thread-ready .motion-scene,.thread-ready .work-scene{height:455svh}
 .thread-ready .evidence-scene{height:325svh}
 .thread-ready .shape-slot{height:min(28svh,255px)}
 .thread-ready .art-top .shape-slot{height:min(26svh,225px);width:96%}
 .thread-ready .art-top{gap:22px}
 .thread-ready .art-bottom .shape-slot{height:min(19svh,175px);width:100%}
 .thread-ready .evidence-scene .scene-sticky{padding-block:25px 85px}
 .scene-copy h2,.art-bottom .scene-copy h2{font-size:clamp(2rem,7.35vw,3.1rem)}
 .thread-ready .scene-layout{gap:20px}
 .pin-note{font-size:.9375rem;bottom:-6px}
 .example-tabs{gap:18px}.example-tabs button{font-size:.875rem}
 .small-example .example-feedback{font-size:.75rem;min-height:3em}
 #ranking-list li{min-height:37px;font-size:.8125rem;gap:8px}
 .ranking-example{margin-top:16px}.rank-actions button{width:30px;height:30px}
 .evidence-example{min-height:139px}.case-example{min-height:157px}
 .motion-control #thread-status{font-size:.75rem;max-width:205px}
}
@media(min-width:761px) and (max-height:840px){
 .thread-ready .source-mark{width:min(100%,300px)}
 .thread-ready .scene-sticky{padding-block:30px 90px}
 .thread-ready .art-top .shape-slot{height:min(28svh,225px)}
 .thread-ready .art-bottom .shape-slot{height:150px}
 .thread-ready .opening{padding-block:30px 100px}
}
@media(prefers-reduced-motion:reduce){.source-static-lines{display:inline}.source-mark svg{opacity:1!important}}

/* The document itself is the stage. Clear space separates the compositions. */
.access-scene{--scene-bg:#d4e1e1}
.access-layout{display:flex;flex-direction:column;align-items:center;text-align:center}
.access-copy{max-width:760px;width:100%}
.access-copy h2{font-size:clamp(2.4rem,3.3vw,3.2rem);margin:12px 0 20px}
.access-copy h2 em{display:inline}
.access-copy>p:not(.eyebrow){margin-inline:auto;max-width:440px}
.access-action{max-width:420px;width:100%}
.access-action .button{margin-top:0}
.access-action .sample-note{margin-top:22px}
.access-scene .access-arrow{width:min(400px,90%);height:300px;flex-shrink:0}
.thread-ready .motion-scene.access-scene{height:calc(100svh - 100px);min-height:650px}
.thread-ready .access-scene .scene-sticky{height:100%;padding:28px 0 70px;align-items:center}
.thread-ready .access-scene .access-arrow{height:270px;width:min(400px,90%)}
.site-footer{min-height:100px;padding-block:25px 35px}
@media(max-width:760px){
 .thread-ready .access-scene .access-arrow{height:185px}
 .thread-ready .access-scene .scene-copy{width:calc(100% - 28px)}
 .access-copy h2{font-size:clamp(2.1rem,7.5vw,3.2rem)}
 .access-scene .access-arrow{height:235px}
 .access-action{max-width:300px}
}
.thread-ready .site-header{position:absolute;inset:0 0 auto;z-index:12}
.thread-ready .opening-track{height:235svh}
.thread-ready .opening{position:relative;top:auto;padding-top:125px}
.thread-ready .motion-scene,.thread-ready .work-scene,.thread-ready .evidence-scene{height:245svh}
.thread-ready .scene-sticky{position:relative;top:auto;overflow:visible}
.thread-ready .scene-copy{opacity:1;transform:none;will-change:auto}
.thread-ready .scene-caption,.thread-ready .pin-note{opacity:1}
@media(max-width:760px){
 .thread-ready .opening{padding-top:105px}
 .thread-ready .opening-track{height:240svh}
 .thread-ready .motion-scene,.thread-ready .work-scene,.thread-ready .evidence-scene{height:250svh}
 .thread-ready .scene-copy{width:calc(100% - 28px)}
}

.access-scene .scene-caption{bottom:22px}