/* Text and cards rise over the opening glass; the white surface follows at rest. */
.hero-window-journey{--framework-crossfade-ready:1}
.hero-window-journey[data-framework="scroll"] .hero-window-art:before{
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 background:#04152b;
 opacity:var(--framework-shade,0);
 pointer-events:none;
}
.page-index .hero-window-journey[data-framework="scroll"] .framework-chapter{
 transform:translate3d(0,var(--framework-intro-y,0px),0);
 margin-top:calc(-1 * var(--framework-overlap));
 background:transparent;
 isolation:isolate;
 /* Reach the dark reading colour before the white wash reaches mid-grey. */
 --framework-paper-mix:clamp(0%,calc(var(--framework-surface,0) * 250%),100%);
 --framework-hub-radius:57.5px;
 --ink:color-mix(in srgb,#f5f8fb,#0B1E42 var(--framework-paper-mix));
 --body:color-mix(in srgb,#e3edf6,#243246 var(--framework-paper-mix));
 --muted:color-mix(in srgb,#bfd2e1,#58646F var(--framework-paper-mix));
 --blue:color-mix(in srgb,#9CC8DE,#1F6283 var(--framework-paper-mix));
 --grid:color-mix(in srgb,#7892aa,#CBD3DB var(--framework-paper-mix));
 --bench:color-mix(in srgb,#adc3d5,#6F8094 var(--framework-paper-mix));
}
.hero-window-journey[data-framework="scroll"] .framework-chapter:before{
 content:"";
 position:absolute;
 inset:calc(-1 * var(--framework-clearance)) 0 0;
 z-index:-1;
 background:var(--surface);
 opacity:var(--framework-surface,0);
 pointer-events:none;
}
.page-index .hero-window-journey[data-framework="scroll"] .framework-chapter .dial-hub,
.page-index .hero-window-journey[data-framework="scroll"] #tools .tcard:before{
 background:rgb(255 255 255 / var(--framework-surface,0));
}
.hero-window-journey[data-framework="scroll"] #tools .chapter-heading,
.hero-window-journey[data-framework="scroll"] #tools .tcard{
 text-shadow:0 1px 3px rgb(3 15 32 / calc(.35 * (1 - min(1,var(--framework-surface,0) * 2.5))));
}
.hero-window-journey[data-framework="scroll"] #tools .dial,
.hero-window-journey[data-framework="scroll"] #tools .dial-needle{
 mask-image:radial-gradient(circle,transparent var(--framework-hub-radius),#000 calc(var(--framework-hub-radius) + .5px));
}
.hero-window-journey[data-framework="scroll"] #tools svg [stroke="#0B1E42"]{stroke:var(--ink)}
.hero-window-journey[data-framework="scroll"] #tools svg [fill="#0B1E42"]{fill:var(--ink)}
.hero-window-journey[data-framework="scroll"] #tools svg [fill="#58646F"]{fill:var(--muted)}
.hero-window-journey[data-framework="scroll"] #tools svg [stroke="#CBD3DB"]{stroke:var(--grid)}
.hero-window-journey[data-framework="scroll"] #tools svg [stroke="#6F8094"]{stroke:var(--bench)}
@media(max-width:900px){
 .page-index .hero-window-journey[data-framework="scroll"] .framework-chapter{--framework-hub-radius:52.5px}
}