:root{--darkness:0;--tone-base:234 240 245;--tone-panel:249 252 255;--tone-panel-2:237 244 249;--tone-line:160 183 201;--tone-ink:23 35 43;--tone-body:53 78 96;--tone-muted:75 103 124;--tone-card-ink:23 35 43;--tone-card-body:53 78 96;--tone-brightness:1;--tone-scene-opacity:1}.scroll-atmosphere{background:rgb(var(--tone-base));color:rgb(var(--tone-ink))}.scroll-atmosphere:before{background:linear-gradient(110deg,rgb(var(--tone-base)/.5),rgb(var(--tone-base)/.15)),url('assets/ribbon-landscape.webp') center/cover no-repeat;filter:brightness(var(--tone-brightness))}.scroll-atmosphere .scene-layer{opacity:var(--tone-scene-opacity)}.scroll-atmosphere .scene-layer:before{filter:brightness(var(--tone-brightness))}.scroll-atmosphere .scene-layer:after,.scroll-atmosphere #solutions .scene-layer:after,.scroll-atmosphere .process-section .scene-layer:after,.scroll-atmosphere .approach .scene-layer:after,.scroll-atmosphere .faq-section .scene-layer:after,.scroll-atmosphere .contact-section .scene-layer:after,.scroll-atmosphere .page-lead .scene-layer:after,.scroll-atmosphere .experience .scene-layer:after{background:linear-gradient(110deg,rgb(var(--tone-base)/.5),rgb(var(--tone-base)/.16) 60%,transparent)}.scroll-atmosphere .about-section .scene-layer:after{background:linear-gradient(90deg,rgb(var(--tone-base)/.94),rgb(var(--tone-base)/.78) 34%,rgb(var(--tone-base)/.3) 58%,transparent 82%)}.scroll-atmosphere .liquid-world{filter:brightness(calc(1 - var(--darkness)*.35));opacity:calc(.5 + var(--darkness)*.15)}.scroll-atmosphere .ambient{background:radial-gradient(ellipse at 75% 35%,rgb(var(--tone-panel)/.14),transparent 65%)}.scroll-atmosphere header{background:rgb(var(--tone-base)/.84);border-bottom-color:rgb(var(--tone-line)/.18);color:rgb(var(--tone-ink))}.scroll-atmosphere .menu-toggle{color:rgb(var(--tone-ink))}.tone-dark .wordmark{filter:invert(1);mix-blend-mode:screen}.scroll-atmosphere main p,.scroll-atmosphere main .intro,.scroll-atmosphere .manifesto-bottom p,.scroll-atmosphere .experience-head .intro,.scroll-atmosphere .location{color:rgb(var(--tone-body))}.scroll-atmosphere h2,.scroll-atmosphere h3,.scroll-atmosphere .section h2,.scroll-atmosphere .founder,.scroll-atmosphere .task-recommendation h3{color:rgb(var(--tone-ink))}.scroll-atmosphere .eyebrow,.scroll-atmosphere .section-title .eyebrow,.scroll-atmosphere .caption,.scroll-atmosphere .section-link,.scroll-atmosphere .number,.scroll-atmosphere .story-intro h2 span,.scroll-atmosphere .experience h2 span,.scroll-atmosphere .faded-word{color:rgb(var(--tone-muted))}.scroll-atmosphere .glass,.scroll-atmosphere .solution.glass,.scroll-atmosphere .solution.glass:nth-child(even),.scroll-atmosphere .approach-card,.scroll-atmosphere .task-recommendation,.scroll-atmosphere .chapter,.scroll-atmosphere .enquiry,.scroll-atmosphere .faq .glass,.scroll-atmosphere .experience .demo{background:linear-gradient(125deg,rgb(var(--tone-panel)/.88),rgb(var(--tone-panel-2)/.8));border-color:rgb(var(--tone-line)/.5);color:rgb(var(--tone-card-ink));box-shadow:inset 1px 1px 0 rgb(255 255 255 / .35),0 15px 40px rgb(0 0 0 / calc(.04 + var(--darkness)*.18))}.scroll-atmosphere .glass h3,.scroll-atmosphere .glass h4,.scroll-atmosphere .glass label,.scroll-atmosphere .glass summary,.scroll-atmosphere .task-choice{color:rgb(var(--tone-card-ink))}.scroll-atmosphere .glass p,.scroll-atmosphere .glass .eyebrow,.scroll-atmosphere .glass li,.scroll-atmosphere .glass .task-human,.scroll-atmosphere .glass .sample-meta,.scroll-atmosphere .glass .demo-status,.scroll-atmosphere .demo-caption,.scroll-atmosphere .chapter-note{color:rgb(var(--tone-card-body))}.scroll-atmosphere .task-choice[aria-pressed=true]{border-color:#b99a62;box-shadow:inset 0 0 0 1px #d8b87c77,0 8px 30px #17232b20}.scroll-atmosphere .solution.glass:hover{background:rgb(var(--tone-panel)/.96)}.scroll-atmosphere .sample-card,.scroll-atmosphere .result-card,.scroll-atmosphere .experience .sample-card,.scroll-atmosphere .experience .result-card,.scroll-atmosphere .inspector-copy{background:rgb(var(--tone-panel)/.94);border-color:rgb(var(--tone-line)/.5)}.scroll-atmosphere .demo-bar,.scroll-atmosphere .demo-next{background:rgb(var(--tone-panel)/.45);border-color:rgb(var(--tone-line)/.4);color:rgb(var(--tone-card-body))}.scroll-atmosphere .demo-next a,.scroll-atmosphere .engine p,.scroll-atmosphere .engine-label{color:rgb(var(--tone-card-ink))}.scroll-atmosphere .engine-orbit{background:radial-gradient(ellipse,rgb(var(--tone-panel)/.6),rgb(var(--tone-panel-2)/.6));box-shadow:inset 5px 0 12px #ffffff40,inset -3px -2px 3px #b6965d8c,12px 15px 30px #17232b35}.scroll-atmosphere .demo-tabs{background:rgb(var(--tone-panel-2)/.6);border-color:rgb(var(--tone-line)/.45)}.scroll-atmosphere .demo-tabs button,.scroll-atmosphere .inspector-tabs button{color:rgb(var(--tone-card-body));background:transparent;border-color:rgb(var(--tone-line)/.45)}.scroll-atmosphere .demo-tabs button[aria-pressed=true],.scroll-atmosphere .inspector-tabs button[aria-pressed=true]{background:rgb(var(--tone-panel)/.96);color:rgb(var(--tone-card-ink));box-shadow:inset 0 0 0 1px #d8b87c66}.scroll-atmosphere .demo[data-phase="4"] .review-badge{background:rgb(var(--tone-panel-2)/.8);color:rgb(var(--tone-card-ink));border-color:rgb(var(--tone-line)/.5)}.scroll-atmosphere .orb{background:linear-gradient(125deg,rgb(var(--tone-panel)/.9),rgb(var(--tone-panel-2)/.6));border-color:rgb(var(--tone-line)/.55);color:rgb(var(--tone-card-ink));box-shadow:inset 3px 3px 18px #ffffff35,inset -2px -2px 3px #7999b178,10px 15px 25px #17232b20}.scroll-atmosphere .secondary{background:rgb(var(--tone-panel)/.3);color:rgb(var(--tone-ink));border-color:rgb(var(--tone-line)/.7)}.scroll-atmosphere input,.scroll-atmosphere textarea{background:rgb(var(--tone-panel)/.9);color:rgb(var(--tone-card-ink));border-color:rgb(var(--tone-line)/.65)}.scroll-atmosphere .founder span,.scroll-atmosphere footer p,.scroll-atmosphere footer nav{color:rgb(var(--tone-body))}.scroll-atmosphere .motion-control{background:rgb(var(--tone-panel)/.7);color:rgb(var(--tone-card-ink));border-color:rgb(var(--tone-line)/.45)}.scroll-atmosphere .final-invitation>p:not(.eyebrow){color:rgb(var(--tone-ink))}.scroll-atmosphere .final-invitation>p span{color:rgb(var(--tone-muted))}.tone-dark .thread-drawn{stroke:#e0bd78;filter:drop-shadow(0 0 5px #e0bd7850)}.tone-dark .thread-track{stroke:#d8b87c45}.tone-panel-dark .demo .button,.tone-dark header .button{border-color:#728c9f;box-shadow:inset 0 1px 0 #fff4,0 8px 22px #0003}.tone-panel-dark .task-symbol,.tone-panel-dark .solution .arrow{color:#b8cddd}.scroll-atmosphere .data-flight span{background:rgb(var(--tone-panel)/.96);color:rgb(var(--tone-card-ink))}
@media(max-width:720px){.scroll-atmosphere .header-inner nav{background:rgb(var(--tone-base)/.98)}.scroll-atmosphere .about-section .scene-layer:after{background:linear-gradient(rgb(var(--tone-base)/.96),rgb(var(--tone-base)/.87) 35%,rgb(var(--tone-base)/.55) 53%,transparent 80%)}}
/* Brighter light within the dark glass, without brightening the reading surfaces. */
.scroll-atmosphere .scene-layer:before{filter:brightness(calc(1 - var(--darkness)*.55)) saturate(calc(1 + var(--darkness)*.12))}.scroll-atmosphere .liquid-world{filter:brightness(calc(1 + var(--darkness)*.65));opacity:calc(.5 + var(--darkness)*.35)}.scroll-atmosphere .ribbon-light{filter:drop-shadow(0 0 4px rgb(244 211 153 / calc(var(--darkness)*.6)))}.scroll-atmosphere .ribbon-trace{stroke:#f3d49a;stroke-width:3.5;opacity:calc(.6 + var(--darkness)*.4)}.tone-panel-dark .glass:before{border-width:1.7px;background:conic-gradient(from var(--glass-turn),#ffffff00 0deg,#eaf6ffb0 38deg,#f7dfaa 58deg,#d8b87cbb 74deg,#ffffff00 103deg,#ffffff00 170deg,#acd4f5a6 211deg,#fff1cbeb 247deg,#ffffff00 295deg) border-box;filter:drop-shadow(0 0 4px #f0cb825e);opacity:1}.tone-panel-dark .glass{box-shadow:inset 1px 1px 0 #e9f5ff5c,inset -1px -1px 0 #d8b87c40,0 15px 40px #0004,0 0 24px #d8b87c0c}.tone-panel-dark .liquid-sheen{mix-blend-mode:screen;opacity:.45;background:linear-gradient(110deg,transparent 36%,#ffffff00 42%,#d9edff33 47%,#f5dba644 49%,#eaf5ff44 50%,transparent 55%)}.tone-panel-dark .sample-card,.tone-panel-dark .result-card,.tone-panel-dark .inspector-copy{border-color:#bcd7ec66;box-shadow:inset 0 1px 0 #e6f4ff30,0 0 20px #d8b87c10,0 12px 30px #0a182630}.tone-panel-dark .engine-orbit{border-color:#f4e2bbcf;background:radial-gradient(ellipse,#8cb2cc17,#d8b87c0d 55%,transparent 75%);box-shadow:inset 5px 0 15px #dcefff66,inset -3px -2px 5px #f4cf8bc9,0 0 22px #d8b87c29,12px 15px 35px #0003;animation:orbit 24s linear infinite}.tone-panel-dark .engine-orbit:after{border-color:#c4e1f177;border-top-color:#f4d89e;filter:drop-shadow(0 0 4px #e5b96e70)}.tone-panel-dark .engine-symbol{color:#f0d49c;text-shadow:0 0 14px #d8b87c88,0 0 32px #d8b87c33}.tone-panel-dark .orb{box-shadow:inset 3px 3px 16px #d6edff55,inset -2px -2px 4px #f1cc8d99,0 0 20px #d8b87c1f,10px 15px 25px #0003;border-color:#d3e9f180}.tone-panel-dark .orb:after{background:linear-gradient(115deg,transparent 25%,#fff1cf80 45%,transparent 65%);background-size:300% 100%}.tone-dark .thread-drawn{stroke:#f3d399;stroke-width:1.5;filter:drop-shadow(0 0 3px #f1ce8a99) drop-shadow(0 0 9px #e7b95c44)}.tone-dark .thread-halo{fill:#f5d18b;opacity:.95}.tone-panel-dark .review-light{background:#f0ce88;box-shadow:0 0 8px #f0ce88a6,0 0 17px #d8b87c66}.tone-panel-dark .gold-rule,.tone-panel-dark .demo-progress span{box-shadow:0 0 10px #d8b87c66;background:linear-gradient(90deg,#cde8fa,#f1ce8a)}.tone-panel-dark .task-choice[aria-pressed=true],.tone-panel-dark .demo-tabs button[aria-pressed=true],.tone-panel-dark .inspector-tabs button[aria-pressed=true]{border-color:#ebcc93;box-shadow:inset 0 0 0 1px #ebcc9370,0 0 16px #d8b87c17}.tone-panel-dark .demo[data-phase="2"] .engine-orbit,.tone-panel-dark .demo[data-phase="3"] .engine-orbit{box-shadow:inset 5px 0 15px #dcefff77,inset -3px -2px 5px #f4cf8be0,0 0 34px #d8b87c45,0 0 65px #d8b87c17}.tone-panel-dark .demo[data-phase="4"] .result-card{box-shadow:0 0 25px #e4c18830,inset 0 1px 0 #e5f3ff33;border-color:#dfc59599}
@media(max-width:720px){.tone-panel-dark .liquid-sheen{opacity:.32}.tone-panel-dark .engine-orbit{box-shadow:inset 3px 0 10px #dcefff66,inset -2px -1px 4px #f4cf8bc9,0 0 20px #d8b87c30}.tone-dark .thread-drawn{filter:drop-shadow(0 0 4px #f1ce8a88)}}
@media(prefers-reduced-motion:reduce){.tone-panel-dark .engine-orbit{animation:none!important}}