/* Chaar AR Insights — editorial scrollytelling, September 2026 */
.insight{--insight-muted:var(--muted);--insight-rule:var(--line);--insight-dark:var(--black);--insight-light:var(--ivory);--insight-paper:var(--paper);--insight-ink:var(--ink);--night:var(--black);--steel:rgba(243,240,234,.58);--cyan:var(--ivory);--amber:var(--ivory);--oxide:var(--ink);--rule:var(--line);line-height:1.55}
html{scroll-behavior:smooth}body{margin:0;overflow-x:clip}.insight *{box-sizing:border-box}.insight h1,.insight h2,.insight h3,.insight p{margin-top:0}.insight button,.insight a{font:inherit}.insight button:focus-visible,.insight a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.insight--ai{background:var(--black);color:var(--ivory)}.insight--decision{background:var(--paper);color:var(--ink)}
.story-hero{min-height:100svh;display:grid;align-items:end;position:relative;isolation:isolate;overflow:hidden;padding:clamp(8rem,16vh,12rem) clamp(1.25rem,7vw,7rem) clamp(4rem,10vh,8rem)}.story-hero__wash{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 74% 38%,rgba(88,175,199,.13),transparent 34%),linear-gradient(130deg,#071116 0%,#030709 75%)}.insight--decision .story-hero__wash{background:radial-gradient(circle at 75% 38%,rgba(168,72,53,.12),transparent 28%),linear-gradient(128deg,#f5f2eb 0%,#e7dfd2 100%)}.story-hero__ghost{position:absolute;right:-.04em;bottom:-.2em;z-index:-1;font-size:min(42vw,38rem);font-weight:700;line-height:.7;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(131,214,229,.13);user-select:none}.insight--decision .story-hero__ghost{-webkit-text-stroke:1px rgba(168,72,53,.18)}.story-hero__copy{max-width:74rem}.eyebrow{margin-bottom:1.2rem;color:var(--amber);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.insight--decision .eyebrow{color:var(--oxide)}.story-hero h1{max-width:9ch;margin-bottom:2rem;font-size:clamp(4.4rem,11vw,10rem);font-weight:400;line-height:.82;letter-spacing:-.065em}.story-hero__thesis{max-width:28ch;margin-bottom:1rem;font-size:clamp(1.5rem,3.2vw,3.25rem);font-weight:400;line-height:1.08;letter-spacing:-.025em}.story-hero__support{max-width:46rem;color:rgba(237,243,242,.7);font-size:clamp(1rem,1.4vw,1.2rem)}.insight--decision .story-hero__support{color:#595a55}.story-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:2.5rem;color:var(--steel);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.scroll-cue{position:absolute;right:clamp(1.25rem,4vw,4rem);bottom:2.2rem;color:var(--steel);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue:after{content:"";display:block;width:1px;height:3.5rem;margin:.8rem auto 0;background:currentColor}
.editorial-beat{min-height:80svh;display:grid;align-content:center;padding:clamp(5rem,12vh,10rem) clamp(1.25rem,12vw,13rem)}.editorial-beat__inner{max-width:72rem}.editorial-beat h2{max-width:14ch;margin-bottom:2rem;font-size:clamp(2.8rem,7vw,7rem);font-weight:400;line-height:.92;letter-spacing:-.055em}.editorial-beat p:not(.eyebrow){max-width:48rem;font-size:clamp(1.15rem,2vw,1.6rem);color:rgba(237,243,242,.72)}.insight--decision .editorial-beat p:not(.eyebrow){color:#565750}.evidence-pair{display:flex;gap:clamp(2rem,6vw,6rem);margin-top:3rem}.evidence-pair--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-pair strong{display:block;font-size:clamp(3rem,6vw,6rem);font-weight:300;line-height:1;letter-spacing:-.06em}.evidence-pair span{display:block;max-width:15rem;color:var(--steel);font-size:.76rem}.evidence-source{display:inline-block;margin-top:.8rem;color:var(--cyan);font-size:.68rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid rgba(131,214,229,.45)}.evidence-source:hover{border-bottom-color:currentColor}
.scrolly{position:relative;display:grid;grid-template-columns:minmax(21rem,42%) minmax(0,58%)}.scrolly__steps{position:relative;z-index:2}.scrolly__step{min-height:92svh;display:flex;flex-direction:column;justify-content:center;padding:12vh clamp(1.5rem,5vw,5.5rem);opacity:.28;transition:opacity .28s ease}.scrolly__step.is-active{opacity:1}.scrolly__step h2{max-width:12ch;margin-bottom:1.4rem;font-size:clamp(2.5rem,5vw,5.4rem);font-weight:400;line-height:.94;letter-spacing:-.05em}.scrolly__step h3{max-width:18ch;margin-bottom:1rem;font-size:clamp(1.8rem,3.2vw,3.5rem);font-weight:400;line-height:1;letter-spacing:-.035em}.scrolly__step>p:not(.eyebrow){max-width:34rem;color:rgba(237,243,242,.7);font-size:clamp(1rem,1.3vw,1.18rem)}.insight--decision .scrolly__step>p:not(.eyebrow){color:#5e5c55}.scrolly__visual{position:sticky;top:0;height:100svh;overflow:hidden;background:#071116}.insight--decision .scrolly__visual{background:#e9e3d8}.story-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%}.mosaic-fallback{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}.visual-caption{position:absolute;z-index:3;left:2rem;right:2rem;bottom:2rem;display:flex;justify-content:space-between;gap:2rem;padding-top:.8rem;border-top:1px solid var(--rule);color:rgba(237,243,242,.63);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.insight--decision .visual-caption{border-color:rgba(23,24,22,.2);color:#6d685f}.visual-caption [data-caption-stage]{color:var(--cyan)}.insight--decision .visual-caption [data-caption-stage]{color:var(--oxide)}
.chapter-sequence{position:relative;display:grid;grid-template-columns:minmax(0,58%) minmax(21rem,42%);border-top:1px solid rgba(255,255,255,.13)}.insight--decision .chapter-sequence{border-color:rgba(23,24,22,.16)}.chapter-sequence .scrolly__visual{grid-column:1;grid-row:1}.chapter-sequence .scrolly__steps{grid-column:2;grid-row:1}.chapter-sequence__intro{position:absolute;top:2rem;left:2rem;z-index:3;max-width:20rem}.chapter-sequence__intro h2{font-size:clamp(1.7rem,2.8vw,3rem);font-weight:400;line-height:1}.chapter-sequence .scrolly__step{min-height:74svh}.source-note{margin-top:1.5rem;padding-top:1rem;border-top:1px solid currentColor;color:var(--steel)!important;font-size:.72rem!important}
.ladder-prompts{max-width:34rem;margin-top:1.2rem;border-top:1px solid rgba(131,214,229,.22)}.ladder-prompts details{border-bottom:1px solid rgba(131,214,229,.22)}.ladder-prompts summary{padding:.8rem 1.8rem .8rem 0;color:var(--cyan);cursor:pointer;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.ladder-prompts details p{margin:0;padding:0 0 1rem;color:rgba(237,243,242,.72);font-size:.85rem}.ladder-prompts summary::marker{color:var(--amber)}
.sector-step{min-height:125svh}.sector-briefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;max-width:38rem;margin-top:1.5rem}.sector-briefs article{padding-top:.9rem;border-top:1px solid rgba(23,24,22,.18)}.sector-briefs h3{margin-bottom:.45rem!important;font-size:1rem!important;letter-spacing:.02em!important}.sector-briefs p{margin:0;color:#5e5c55;font-size:.82rem;line-height:1.5}
.chapter-rail{position:fixed;right:1.4rem;top:50%;z-index:30;display:flex;flex-direction:column;gap:.55rem;transform:translateY(-50%)}.chapter-rail:before{content:"Insight Chapters";margin-bottom:.6rem;color:#817a70;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.chapter-rail button{width:2.1rem;height:2.1rem;padding:0;border:1px solid rgba(23,24,22,.25);border-radius:50%;background:rgba(241,238,230,.82);color:#383832;cursor:pointer;font-size:.65rem;backdrop-filter:blur(10px)}.chapter-rail button:hover{background:#171816;color:#f1eee6}
.chapter-canvas{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(15rem,30%) 1fr;background:#111a1d;color:#f0ede5;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s .55s}.chapter-canvas.is-open{clip-path:inset(0);visibility:visible;transition-delay:0s}.chapter-canvas__index{padding:clamp(5rem,10vh,8rem) clamp(1.5rem,4vw,4rem);border-right:1px solid rgba(255,255,255,.15)}.chapter-canvas__index span{color:#d7a75f;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.chapter-canvas__index h2{margin-top:1.5rem;font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:.9;letter-spacing:-.055em}.chapter-canvas__body{overflow:auto;padding:clamp(6rem,12vh,10rem) clamp(1.5rem,8vw,9rem)}.chapter-canvas__body h3{max-width:16ch;font-size:clamp(2.2rem,4.5vw,5rem);font-weight:400;line-height:.95;letter-spacing:-.045em}.chapter-canvas__body p{max-width:52rem;color:#b9c2c1;font-size:clamp(1rem,1.4vw,1.25rem)}.chapter-canvas__diagram{max-width:62rem;margin-top:4rem}.chapter-canvas__diagram span{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.18)}.chapter-canvas__diagram b{font-weight:400}.chapter-canvas__diagram--deep b{color:#b9c2c1;line-height:1.55}.chapter-canvas__diagram--deep strong{display:block;margin-bottom:.3rem;color:#f0ede5;font-weight:400;font-size:1.05rem}.chapter-canvas__close{position:absolute;right:2rem;top:2rem;border:0;background:none;color:#f0ede5;cursor:pointer;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.final-screen{min-height:100svh;display:grid;align-content:center;padding:clamp(5rem,12vh,10rem) clamp(1.25rem,10vw,11rem);border-top:1px solid rgba(255,255,255,.14)}.insight--decision .final-screen{border-color:rgba(23,24,22,.16)}.final-screen h2{max-width:14ch;font-size:clamp(3rem,7vw,7rem);font-weight:400;line-height:.92;letter-spacing:-.055em}.question-list{max-width:70rem;margin-top:3rem;border-top:1px solid currentColor}.question-list p{display:grid;grid-template-columns:3rem 1fr;gap:1rem;margin:0;padding:1.25rem 0;border-bottom:1px solid currentColor;font-size:clamp(1rem,1.5vw,1.3rem)}.question-list span{color:var(--cyan);font-size:.7rem}.insight--decision .question-list span{color:var(--oxide)}.method-note{max-width:54rem;margin-top:4rem;color:var(--steel);font-size:.78rem}.story-ctas{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.25rem}.story-ctas a{padding:.85rem 1.15rem;border:1px solid rgba(23,24,22,.4);color:var(--ink);text-decoration:none;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.story-ctas a:first-child{background:var(--ink);color:var(--paper)}.story-ctas a:hover{border-color:var(--oxide)}
.evidence-sources{margin:0 clamp(1.25rem,8vw,9rem) clamp(5rem,10vw,10rem);border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}.evidence-sources summary{padding:1.35rem 0;color:var(--cyan);cursor:pointer;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.evidence-sources__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 4rem;padding:1rem 0 4rem}.evidence-sources article{padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.13)}.evidence-sources article>span{color:var(--amber);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.evidence-sources h3{margin:.6rem 0;font-size:1.15rem;font-weight:400}.evidence-sources p{max-width:38rem;color:rgba(237,243,242,.68);font-size:.9rem}.evidence-sources a{color:var(--cyan);font-size:.72rem}

/* Shared Chaar AR design-system alignment */
.insight .story-hero__wash{background:radial-gradient(circle at 74% 38%,rgba(243,240,234,.08),transparent 34%),linear-gradient(130deg,#111 0%,var(--black) 75%)}
.insight--decision .story-hero__wash{background:radial-gradient(circle at 75% 38%,rgba(17,17,17,.055),transparent 30%),linear-gradient(128deg,#f5f2ed 0%,var(--paper) 100%)}
.insight .story-hero__ghost{-webkit-text-stroke-color:rgba(243,240,234,.13)}
.insight--decision .story-hero__ghost{-webkit-text-stroke-color:rgba(17,17,17,.14)}
.insight .eyebrow,.insight .evidence-source,.insight .visual-caption [data-caption-stage],.insight .question-list span,.insight .evidence-sources summary,.insight .evidence-sources a{color:inherit;opacity:.72}
.insight--decision .eyebrow,.insight--decision .visual-caption [data-caption-stage],.insight--decision .question-list span{color:var(--ink);opacity:.64}
.insight .story-meta,.insight .scroll-cue,.insight .evidence-pair span,.insight .source-note,.insight .method-note{color:var(--muted)}
.insight--decision .story-meta,.insight--decision .scroll-cue,.insight--decision .source-note,.insight--decision .method-note{color:rgba(17,17,17,.58)}
.insight .scrolly__visual{background:var(--black)}
.insight--decision .scrolly__visual{background:var(--paper)}
.insight .story-ctas a{padding:15px 20px;border-radius:0;transition:opacity .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
.insight .story-ctas a:hover,.insight .story-ctas a:focus-visible{border-color:currentColor;opacity:.72}
.insight .evidence-source,.insight .ladder-prompts,.insight .ladder-prompts details{border-color:var(--line)}
.insight .chapter-canvas{background:var(--black);color:var(--ivory)}
.insight .chapter-canvas__body p,.insight .chapter-canvas__diagram--deep b{color:var(--muted)}
.insight .chapter-canvas__diagram--deep strong,.insight .chapter-canvas__close{color:var(--ivory)}

/* Digital photographic rendering: fallback, capped canvas and seamless step blending */
.story-canvas[data-mosaic-image]{opacity:0;transition:opacity .1s linear}
.mosaic-fallback{opacity:1;transition:opacity .1s linear}
.has-render-canvas .story-canvas[data-mosaic-image]{opacity:1}
.has-render-canvas .mosaic-fallback{opacity:0}
.uses-static-fallback .mosaic-fallback{opacity:1}

/* Decision framework: vector build-in, never mosaic-rendered */
.story-diagram{position:absolute;inset:7% 4% 9%;z-index:2;width:92%;height:84%;overflow:visible}
.diagram-field__grid path{fill:none;stroke:rgba(17,17,17,.055);stroke-width:1}
.diagram-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}
.diagram-path--base{stroke:rgba(17,17,17,.13)}
.diagram-path--active{stroke:var(--ink);stroke-dasharray:1;stroke-dashoffset:1}
.diagram-node{opacity:0;transform-box:view-box;transition:none}
.diagram-node circle{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.diagram-node path{fill:none;stroke:var(--ink);stroke-width:2}
.diagram-node text,.diagram-core text{fill:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.6px;text-anchor:middle}
.diagram-node--condition>circle:first-child{fill:rgba(17,17,17,.025);stroke-width:1}
.diagram-node--outcome circle{fill:var(--ink)}
.diagram-node--outcome text{fill:var(--ink)}
.diagram-orbit{fill:none;stroke:rgba(17,17,17,.1);stroke-width:1}
.diagram-node--large circle{fill:var(--paper);stroke-width:2}
.diagram-node--large text{font-size:15px}
.diagram-node .diagram-node__detail{font-size:10px;font-weight:400;letter-spacing:2px;opacity:.62}
.diagram-core circle{fill:var(--ink)}
.diagram-core text{fill:var(--paper);font-size:12px}
@media(max-width:900px){.story-hero{padding-inline:1.25rem}.story-hero__ghost{font-size:70vw}.story-hero h1{font-size:clamp(4rem,19vw,7.2rem)}.evidence-pair,.evidence-pair--three{display:flex;flex-direction:column}.scrolly,.chapter-sequence{display:block}.scrolly__visual,.chapter-sequence .scrolly__visual{position:sticky;top:0;height:56svh}.scrolly__steps,.chapter-sequence .scrolly__steps{position:relative;margin-top:-56svh}.scrolly__step,.chapter-sequence .scrolly__step{min-height:82svh;justify-content:flex-end;padding:50svh 1.25rem 8vh;background:linear-gradient(180deg,transparent 0 48%,rgba(5,11,15,.88) 66%,var(--night) 100%);opacity:.4}.insight--decision .scrolly__step{background:linear-gradient(180deg,transparent 0 48%,rgba(241,238,230,.9) 65%,var(--paper) 100%)}.sector-step{min-height:155svh!important}.sector-briefs{grid-template-columns:1fr;gap:.75rem}.sector-briefs article{background:rgba(241,238,230,.9)}.chapter-sequence__intro{top:1rem;left:1rem}.visual-caption{left:1rem;right:1rem;bottom:1rem}.chapter-rail{right:.55rem}.chapter-rail:before{display:none}.chapter-rail button{width:1.8rem;height:1.8rem}.chapter-canvas{grid-template-columns:1fr;display:block;overflow:auto}.chapter-canvas__index{padding:5rem 1.25rem 2rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.chapter-canvas__body{overflow:visible;padding:2.5rem 1.25rem 5rem}.chapter-canvas__close{right:1.2rem;top:1.2rem}.final-screen{padding-inline:1.25rem}.evidence-sources{margin-inline:1.25rem}.evidence-sources__body{grid-template-columns:1fr}.ladder-prompts details p{font-size:.8rem}}
@media(max-width:900px){.story-diagram{inset:3% 1% 14%;width:98%;height:83%}.diagram-node text{font-size:11px;letter-spacing:1px}.diagram-node--large text{font-size:13px}.diagram-field .visual-caption{bottom:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scrolly__step{opacity:1;transition:none}.chapter-canvas{transition:none}.story-canvas,.mosaic-fallback{transition:none}.story-diagram .diagram-path--active{stroke-dashoffset:0!important}.story-diagram .diagram-node{opacity:1!important;transform:none!important}}
@media print{.chapter-rail,.chapter-canvas,.scroll-cue,.story-canvas{display:none!important}.story-hero,.editorial-beat,.scrolly__step,.final-screen{min-height:auto;break-inside:avoid}.scrolly,.chapter-sequence{display:block}.scrolly__visual{display:none}.scrolly__step{opacity:1;padding:3rem 2rem}.insight--ai{background:#fff;color:#111}.insight--ai .scrolly__step>p:not(.eyebrow),.insight--ai .editorial-beat p:not(.eyebrow){color:#444}}
.insight-site-footer{background:var(--black);color:var(--ivory);padding:1px 0 45px}