/* Small interactions retain a stable target and a stable illustration canvas. */
.story-site:not(.resource-site) :is(.capacity-proof,.customer-journey,.audience-section,.app-lab,.partner-work,.operator-context,.product-demo)::after {
 content:"";position:absolute;top:0;left:var(--story-space);width:clamp(4rem,12vw,11rem);height:2px;
 background:linear-gradient(90deg,var(--coral),var(--pink),var(--magenta));transform:scaleX(var(--section-rule,1));transform-origin:left;pointer-events:none;
}
.story-site .button {transition:background-color .2s,box-shadow .2s,transform .2s;}
.story-site .button:active {transform:translateY(1px);box-shadow:none;}
.story-site .text-link {text-underline-offset:.25em;transition:color .2s,border-color .2s;}
.story-site .hero-story-navigation button {border-radius:50%;transition:background-color .18s,color .18s;}
.story-site .hero-story-navigation button:hover {background:color-mix(in srgb,var(--magenta) 10%,transparent);}
.story-site .hero-story-navigation button:active {background:color-mix(in srgb,var(--magenta) 18%,transparent);}
.story-site .audience-card figure {transition:border-color .25s,box-shadow .25s;}
.story-site .audience-card:is(:hover,:focus-visible) figure {border-color:var(--magenta);box-shadow:7px 9px 0 color-mix(in srgb,var(--magenta) 13%,transparent);}
.story-site .theme-toggle .toggle-label {display:inline;font-size:.875rem;}
.story-site :is(a,button,summary):focus-visible {outline:2px solid var(--accent-ink,var(--magenta));outline-offset:4px;}

/* Light mode carries the complete coral, pink and magenta spectrum. */
html[data-theme="light"] body.story-site:not(.resource-site) {
 background-image:radial-gradient(circle at 94% 10%,rgba(255,102,95,.12),transparent 28rem),radial-gradient(circle at 4% 52%,rgba(243,90,167,.09),transparent 30rem),radial-gradient(rgba(77,62,55,.09) .45px,transparent .65px),linear-gradient(var(--draft-line) 1px,transparent 1px),linear-gradient(90deg,var(--draft-line) 1px,transparent 1px),linear-gradient(var(--draft-major) 1px,transparent 1px),linear-gradient(90deg,var(--draft-major) 1px,transparent 1px);
 background-size:auto,auto,5px 5px,32px 32px,32px 32px,160px 160px,160px 160px;
}
html[data-theme="light"] .story-site nav a::after {background:var(--brand-spectrum);}
html[data-theme="light"] .story-site .button {
 border-color:#a71455;
 background:linear-gradient(rgba(63,0,32,.3),rgba(63,0,32,.3)),var(--brand-spectrum);
 box-shadow:0 8px 22px rgba(168,32,112,.18);
}
html[data-theme="light"] .story-site .button:hover {
 background:linear-gradient(rgba(63,0,32,.42),rgba(63,0,32,.42)),var(--brand-spectrum);
 box-shadow:0 11px 28px rgba(168,32,112,.24);
}
@supports (background-clip:text) {
 html[data-theme="light"] .story-site :is(h1>span,h1 em,h2 em,.script-note,.capacity-count) {
  background-image:var(--brand-spectrum-ink);background-clip:text;-webkit-background-clip:text;color:transparent;
 }
}

/* Dark mode uses graphite, warm ivory and luminous brand accents, rather than black panels. */
html[data-theme="dark"] {
 --paper:#1b1a1d;--surface:#252329;--ink:#f2ebe2;--muted:#bfb5bb;--line:#51454f;
 --accent-ink:#ffa696;--brand-spectrum:linear-gradient(110deg,#ff665f 0%,#f35aa7 50%,#d81b78 100%);--draft-line:rgba(239,225,218,.045);--draft-major:rgba(243,90,167,.075);
 --draft-mark:rgba(236,213,222,.33);--header:rgba(28,26,31,.95);
 --shadow:0 22px 55px #0005;
}
html[data-theme="dark"] body.story-site {
 background-color:var(--paper);
 background-image:linear-gradient(var(--draft-line) 1px,transparent 1px),linear-gradient(90deg,var(--draft-line) 1px,transparent 1px);
 background-size:40px 40px;background-attachment:scroll;
}
html[data-theme="dark"] .story-site .site-header {background:var(--header);border-bottom:1px solid #65505d;box-shadow:0 4px 20px #0002;}
html[data-theme="dark"] .story-site :is(.kicker,.section-index,.chapter-label,.resource-type,.cover-kicker) {color:#dacccf;}
html[data-theme="dark"] .story-site .text-link {color:#f0e6df;border-bottom-color:#f18b9e;}
html[data-theme="dark"] .story-site :is(em,.script-note) {color:#ffb0aa;}
@supports (background-clip:text) {
 html[data-theme="dark"] .story-site :is(h1 > span,h1 em,h2 em,.capacity-count) {background-image:var(--brand-spectrum);background-clip:text;-webkit-background-clip:text;color:transparent;}
}
html[data-theme="dark"] .story-site :is(.hero,.role-hero,.page-hero) {
 background-color:#222125;
 background-image:radial-gradient(ellipse at 92% 10%,#d81b7817,transparent 48%),radial-gradient(ellipse at 5% 90%,#ff665f14,transparent 50%),linear-gradient(var(--draft-line) 1px,transparent 1px),linear-gradient(90deg,var(--draft-line) 1px,transparent 1px);
 background-size:auto,auto,40px 40px,40px 40px;
}
html[data-theme="dark"] .story-site .hero-copy {background:none;border:0;box-shadow:none;}
html[data-theme="dark"] .story-site :is(.hero-art,.role-hero .subpage-story,.page-hero .subpage-story) {
 border-color:#8a706f;box-shadow:9px 11px 0 #4c2d4055,0 20px 50px #0004;
}
html[data-theme="dark"] .story-site :is(.hero-story-caption,.hero-story-navigation) {background:#2a282c;color:var(--ink);}
html[data-theme="dark"] .story-site .hero-story-caption {border-top:1px solid #876b70;}
html[data-theme="dark"] .story-site .hero-story-navigation button:hover {background:#ff91c51a;color:var(--accent-ink);}
html[data-theme="dark"] .story-site .button {
 background:linear-gradient(#262229,#262229) padding-box,var(--brand-spectrum) border-box;border:2px solid transparent;color:#fff3e9;box-shadow:0 4px 18px #0002;
}
html[data-theme="dark"] .story-site .button:hover {background:linear-gradient(#352c34,#352c34) padding-box,var(--brand-spectrum) border-box;box-shadow:0 7px 24px #ff665f1c;color:#fff3e9;}
html[data-theme="dark"] .story-site :is(.theme-toggle,.menu-toggle) {background:#322a33;color:var(--ink);border-color:#71616c;}
html[data-theme="dark"] .story-site #site-nav a:is(:hover,[aria-current="page"]) {color:var(--accent-ink);}
html[data-theme="dark"] .story-site .capacity-proof {
 background-color:#29262c;
 background-image:linear-gradient(115deg,#ff665f19 0%,#f35aa719 48%,#d81b7828 100%),repeating-linear-gradient(135deg,transparent 0 39px,#f4e8e00b 39px 40px);
 border-color:#80516f;
}
html[data-theme="dark"] .story-site .capacity-count {color:#ff9f91;}
@supports (background-clip:text) {html[data-theme="dark"] .story-site .capacity-count {color:transparent;}}
html[data-theme="dark"] .story-site .capacity-evidence {border-color:#886779;}
html[data-theme="dark"] .story-site :is(.customer-journey,.operator-context,.partner-work,.audience-section) {background-color:#242127;background-image:none;}
html[data-theme="dark"] .story-site :is(.journey-copy,.app-window,.work-scene-copy,.tour-explanation) {background-color:var(--surface);}
html[data-theme="dark"] .story-site :is(.journey-panels,.product-dashboard-plate,.app-sandbox,.partner-panels) {border-color:#6c5765;box-shadow:8px 10px 0 #34202e66,0 16px 40px #0003;}
html[data-theme="dark"] .story-site :is(.journey-tab,.partner-tab,.product-demo-tab,.tour-tab,.app-chapter) {background:#262229;color:var(--ink);border-color:var(--line);}
html[data-theme="dark"] .story-site :is(.journey-tab.is-active,.partner-tab.is-active,.product-demo-tab.is-active,.tour-tab.is-active,.app-chapter.is-active) {
 background-image:var(--brand-spectrum),linear-gradient(#343039,#343039);background-size:100% 3px,100% 100%;background-repeat:no-repeat;color:#fff2e8;box-shadow:none;
}
html[data-theme="dark"] .story-site :is(.journey-tab > span,.journey-tab.is-active small,.app-chapter > span,.artifact-state.outline) {color:#ffacd2;}
html[data-theme="dark"] .story-site :is(.delivery-artifacts > div,.capacity-outcomes > div,.evidence-detail,.finding-reveals details) {border-color:#66515f;}
html[data-theme="dark"] .story-site .artifact-state:not(.outline) {background:#e66da9;color:#241520;}
html[data-theme="dark"] .story-site .product-reveal-label {background:#2c2630;color:#d4c5cc;border-color:#66515f;}
html[data-theme="dark"] .story-site :is(.app-lab,.product-demo,.work-scenes) {background-color:#1f1e23;}
html[data-theme="dark"] .story-site .audience-card {border-color:#675360;}
html[data-theme="dark"] .story-site .audience-card h3 {color:#f5eae2;}
html[data-theme="dark"] .story-site .audience-card figure {border-color:#826b70;box-shadow:6px 8px 0 #4b2d4055;}
html[data-theme="dark"] .story-site .closing-scene {background:linear-gradient(110deg,#ff665f12,#f35aa711,#d81b781c),#252328;border-block:1px solid #6c4b60;}
html[data-theme="dark"] .story-site .story-footer {background:#19171c;border-top:1px solid #5d4858;}
html[data-theme="dark"] .story-site .home-resources {background:#242127;}
html[data-theme="dark"] .story-site .resource-graphic {border-color:#695660;box-shadow:none;}
html[data-theme="dark"] .story-site .resource-graphic.release-graphic {background-color:#8f225b;color:#fff1f7;}
html[data-theme="dark"] .story-site .release-graphic .cover-kicker {color:#fff1f7;}
html[data-theme="dark"] .story-site :is(.table-head,.sandbox-heading,.app-bar) {background-color:#312a35;border-color:#66515f;color:var(--ink);}
html[data-theme="dark"] .story-site .sandbox-feedback {color:#decfd8;border-color:#6c4b60;}

/* Reading surfaces have no entrance choreography, glows or moving decoration. */
html[data-theme="dark"] body.resource-site {background:#211f24;}
html[data-theme="dark"] .resource-site :is(.resource-masthead,.article-heading,.guide-row,.article-outline,.related-reading) {border-color:#6a5a64;}
html[data-theme="dark"] .resource-site .resource-meta {color:#c2b1be;}
html[data-theme="dark"] .resource-site .desk-tool {background:linear-gradient(120deg,#ff665f13,#f35aa70c,#d81b7816);}
html[data-theme="dark"] .resource-site .desk-tool h2 {color:var(--accent-ink);}
html[data-theme="dark"] .resource-site :is(.program-labels span,.article-table,.article-table td,.article-table th,.article-faq details) {border-color:#685760;}
html[data-theme="dark"] .resource-site .article-table thead {background:#302b33;}
html[data-theme="dark"] .resource-site .article-body {color:#eee5dd;}
html[data-theme="dark"] .resource-site .article-body .edition-note {background:#302731;border-color:#f578b5;}
html[data-theme="dark"] .resource-site .article-body p a {color:#ffacd2;}
html[data-theme="dark"] .resource-site :is(.article-deck,.article-byline,.source-link,.guide-row p,.desk-feature > p:not(.resource-meta)) {color:#c8bcc4;}
@media(max-width:760px) { .story-site .theme-toggle .toggle-label {display:none;} }
@media(prefers-reduced-motion:reduce) {
 .story-site:not(.resource-site) :is(.capacity-proof,.customer-journey,.audience-section,.app-lab,.partner-work,.operator-context,.product-demo)::after {transform:none;}
 .story-site .button:hover,.story-site .button:active {transform:none;}
}

/* Scanner pulses travel along the same thin rules in both themes. */
.scanner-rail {position:absolute;pointer-events:none;background:var(--draft-mark);opacity:.65;}
.scanner-rail-horizontal {height:1px;left:var(--story-space);right:var(--story-space);bottom:1.15rem;}
.scanner-rail-vertical {width:1px;top:12%;bottom:1.15rem;right:var(--story-space);}
.draft-axis::after,.scanner-rail::after {content:"";position:absolute;pointer-events:none;opacity:var(--scan-opacity,0);}
.axis-a::after,.scanner-rail-horizontal::after {
 top:-1px;left:var(--scan-position,0%);width:clamp(2rem,7vw,6rem);height:3px;transform:translateX(-100%);
 background:linear-gradient(90deg,transparent,#ff665f88,#f35aa7,#d81b78,transparent);box-shadow:0 0 10px #f35aa755;
}
.axis-b::after,.scanner-rail-vertical::after {
 left:-1px;top:var(--scan-position,0%);width:3px;height:clamp(2rem,7vw,6rem);transform:translateY(-100%);
 background:linear-gradient(180deg,transparent,#ff665f88,#f35aa7,#d81b78,transparent);box-shadow:0 0 10px #f35aa755;
}
html[data-theme="dark"] :is(.draft-axis,.scanner-rail)::after {filter:drop-shadow(0 0 3px #ff665f66);}
@media(prefers-reduced-motion:reduce) {.draft-axis::after,.scanner-rail::after {display:none;}}
/* Dark illustrations have their own authored pixels and charcoal canvas. */
html[data-theme="dark"] .story-site :is(.premise-panel figure,.subpage-story-panels,.story-pair-stage,.product-reveal-canvas,.audience-card figure) {background:#252329;}