/* Shared editorial experiences: one canvas, readable evidence, deliberate motion. */
:root{--x-ink:#1d1d1f;--x-copy:#515154;--x-red:#b83224;--x-paper:#f5f5f7;--x-line:#dedee3;--x-radius:24px}
[hidden]{display:none!important}
.x-human-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:54px;padding-block:58px 80px;align-items:center}
.x-human-hero h1{font-size:clamp(44px,4.45vw,68px);letter-spacing:-.055em;line-height:1.06}
.x-hero-photo{margin:0;min-width:0}
.x-hero-photo picture{display:block;overflow:hidden;border-radius:var(--x-radius);background:var(--x-paper);aspect-ratio:1.08}
.x-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.x-hero-photo figcaption{padding:18px 3px 0;display:flex;flex-direction:column;gap:7px;color:var(--x-copy)}
.x-hero-photo figcaption strong{font:500 14px/1.5 Manrope,sans-serif;color:var(--x-ink)}
.x-hero-photo figcaption span{font:11px/1.6 'DM Sans',sans-serif}.x-hero-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.x-band{background:var(--x-paper);padding:92px 0}.x-page-example{padding-block:30px 82px}
.x-experience{color:var(--x-ink);font-family:'DM Sans',sans-serif;scroll-margin-top:100px}
.x-heading{max-width:760px;margin-bottom:38px}.x-eyebrow{display:block;font:600 10px/1.7 Manrope,sans-serif;letter-spacing:1.35px;color:var(--x-red);margin:0 0 16px;text-transform:uppercase}
.x-experience .x-heading h2{font:600 clamp(34px,4vw,54px)/1.1 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 22px;text-wrap:balance}
.x-heading>p:last-child{font-size:18px;line-height:1.8;color:var(--x-copy);max-width:680px;margin:0}
.x-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.x-choices{display:flex;gap:7px;flex-wrap:wrap}.x-controls button{font:500 13px/1.4 'DM Sans',sans-serif;border:0;cursor:pointer}
.x-choices button{display:flex;align-items:center;gap:8px;color:var(--x-copy);background:#eaeaec;border-radius:99px;padding:13px 17px;min-height:44px;transition:background .2s,color .2s}
.x-choices button span{font-size:10px;opacity:.8}.x-choices button[aria-pressed="true"]{background:var(--x-ink);color:#fff}
.x-controls .x-play{background:transparent;color:var(--x-copy);padding:13px 0;min-height:44px;white-space:nowrap}.x-play span{margin-left:8px}.x-controls .x-play[aria-pressed="true"]{color:var(--x-red)}
.x-scene{display:grid;grid-template-columns:1fr 1.08fr;background:#fff;border:1px solid var(--x-line);border-radius:var(--x-radius);overflow:hidden;margin-bottom:24px}
.x-context{padding:44px;display:flex;flex-direction:column;align-items:flex-start}.x-scene-count{font:500 13px/1.4 Manrope,sans-serif;color:var(--x-red);margin-bottom:28px}.x-scene-count>span{color:var(--x-copy);margin-left:5px}
.x-experience .x-context h3{font:600 clamp(27px,3vw,39px)/1.16 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 22px;max-width:500px;text-wrap:balance}
.x-context>p{font-size:16px;line-height:1.8;color:var(--x-copy);margin:0 0 22px;max-width:540px}
.x-context .x-reason{font-size:14px;line-height:1.8;margin-top:auto;margin-bottom:0;padding-top:28px;color:var(--x-copy)}
.x-evidence{padding:44px;background:#fafafa;border-left:1px solid var(--x-line)}
.x-correspondence blockquote{padding:0;margin:0;font:500 22px/1.55 Manrope,sans-serif;letter-spacing:-.5px;color:var(--x-ink);border:0;background:none}
.x-record{margin-top:30px;padding-top:24px;border-top:1px solid var(--x-line)}.x-record ul{list-style:none;margin:0;padding:0}.x-record li{font-size:14px;line-height:1.7;margin:8px 0;color:var(--x-copy);display:flex;align-items:baseline;gap:10px}.x-record li:before{content:'•';color:var(--x-red)}
.x-next{margin-top:24px}.x-next p{font-size:14px;line-height:1.85;margin:0;color:var(--x-copy)}.x-evidence .x-eyebrow{font-size:9px;margin-bottom:12px}
.x-player-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.x-status{font-size:12px;color:var(--x-copy);margin:0}.x-player-foot>div{display:flex;gap:8px}.x-player-foot button{background:#eaeaec;border:0;border-radius:50%;height:44px;width:44px;font-size:19px;color:var(--x-ink);cursor:pointer}.x-player-foot button:disabled{opacity:.4;cursor:default}
.x-disclosure{font-size:11px;line-height:1.7;color:var(--x-copy);margin:20px 0 0}.x-enhanced .x-scene{margin-bottom:0;min-height:570px}.x-playing .x-player-foot:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--x-red)}.x-playing .x-status{margin-right:auto}
.x-experience button:focus-visible,.x-presets button:focus-visible{outline:3px solid var(--x-red);outline-offset:4px}
.x-outcomes{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:90px}.x-outcomes h2{font:600 clamp(29px,3vw,41px)/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.x-outcomes>div:last-child>p{font-size:20px;line-height:1.75;margin:0 0 25px;color:var(--x-copy)}
.x-compact{margin:45px 0}.x-compact .x-heading h2{font-size:32px}.x-compact .x-heading>p:last-child{font-size:16px}.x-compact .x-controls{align-items:flex-start;gap:12px;flex-wrap:wrap}.x-compact .x-choices button{padding:12px 15px;font-size:12px}.x-compact .x-scene{grid-template-columns:1fr;min-height:0}.x-compact .x-context{padding:30px}.x-compact .x-context h3{font-size:28px}.x-compact .x-context>p{font-size:16px}.x-compact .x-context .x-reason{padding-top:0;font-size:14px}.x-compact .x-evidence{padding:30px;border-left:0;border-top:1px solid var(--x-line)}.x-compact .x-correspondence blockquote{font-size:19px}.x-compact .x-record ul{padding:0}.x-compact .x-record li{font-size:14px;margin:8px 0}.x-compact .x-disclosure{font-size:11px}.x-compact .x-eyebrow{margin:0 0 12px}
.x-technical{margin:32px 0;border-top:1px solid var(--x-line);border-bottom:1px solid var(--x-line);padding:0}.x-technical summary{cursor:pointer;font:500 15px/1.6 'DM Sans',sans-serif;padding:22px 0;list-style:none;color:var(--x-ink);display:flex;justify-content:space-between;gap:20px}.x-technical summary::-webkit-details-marker{display:none}.x-technical summary>span{color:var(--x-red)}.x-technical[open] summary>span{transform:rotate(45deg)}.x-technical .technical-figure{margin-top:0}
.x-guide-number{display:block;font:400 55px/1 Manrope,sans-serif;letter-spacing:-3px;color:#a1a1a6;margin-bottom:35px}.guide-card{min-height:340px;box-shadow:none!important}.guide-card h3{font-size:26px;line-height:1.25;letter-spacing:-.9px}.guide-card .text-link{margin-top:auto}.guide-card{display:flex;flex-direction:column}.guide-card:hover .x-guide-number{color:var(--x-red)}
.x-journey-note{padding:35px 0}.x-journey-note blockquote{font:500 31px/1.45 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 25px;color:var(--x-ink)}.x-journey-note>p{font-size:17px;line-height:1.8;color:var(--x-copy);margin-bottom:25px}
.b-three-cards>article{box-shadow:none;background:transparent;border:0;border-top:1px solid var(--x-line);border-radius:0;padding:30px 0}.b-three-cards{gap:38px}
.x-presets{margin-bottom:35px}.x-presets>div{display:flex;gap:10px;flex-wrap:wrap}.x-presets button{border:1px solid var(--x-line);border-radius:99px;background:#fff;padding:13px 20px;font:500 13px 'DM Sans',sans-serif;min-height:44px;cursor:pointer;color:var(--x-ink)}.x-presets button[aria-pressed="true"]{background:var(--x-ink);color:white;border-color:var(--x-ink)}.x-presets p{font-size:14px;color:var(--x-copy);line-height:1.7;margin-top:16px;max-width:740px}.funnel-bars i{transition:width .6s cubic-bezier(.2,.7,.3,1)}
.x-reading-note{background:var(--x-paper);border-radius:var(--x-radius);padding:35px;margin:15px 0 35px}.x-reading-note h2{font:600 28px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 18px}.x-reading-note p{font-size:16px;line-height:1.85;color:var(--x-copy);margin:0}.x-reading-note .x-eyebrow{margin-bottom:14px}.x-reading-note a{text-decoration:underline;text-underline-offset:4px}
.guide-toc a[aria-current="location"],.article-layout>aside a[aria-current="location"]{color:var(--x-red);border-left:2px solid var(--x-red);padding-left:12px}
.demo-current{border-radius:var(--x-radius);background:var(--x-paper)}.demo-state{background:#fff}.demo-state>div{border-radius:0;box-shadow:none}.demo-step-picker button{transition:background .2s,color .2s}
@media(min-width:1600px){.x-human-hero h1{font-size:70px}}
@media(max-width:1000px){.x-human-hero{gap:32px}.x-context,.x-evidence{padding:32px}.x-controls{flex-wrap:wrap}.x-outcomes{gap:45px}.x-enhanced .x-scene{min-height:620px}.x-compact .x-scene{min-height:0}}
@media(max-width:850px){.x-human-hero{grid-template-columns:1fr;padding-block:40px 55px;gap:35px}.x-human-hero .a-hero-copy{max-width:680px}.x-human-hero h1{font-size:clamp(43px,7vw,64px)}.x-human-hero .b-deck,.x-human-hero .a-hero-copy>p:not(.eyebrow):not(.b-kicker){max-width:620px}.x-hero-photo picture{aspect-ratio:16/10}.x-hero-photo img{object-position:center}.x-band{padding:65px 0}.x-page-example{padding-block:20px 55px}.x-enhanced .x-scene{min-height:0}.x-scene{grid-template-columns:1fr}.x-context{padding:34px}.x-context .x-reason{padding-top:0}.x-evidence{border-left:0;border-top:1px solid var(--x-line);padding:34px}.x-context>p{max-width:100%}.x-outcomes{grid-template-columns:1fr;gap:35px;padding-block:60px}.x-compact .x-scene{grid-template-columns:1fr}}
@media(max-width:500px){.x-human-hero{padding-top:26px}.x-human-hero h1{font-size:43px}.x-hero-photo picture{aspect-ratio:1.08;border-radius:20px}.x-hero-photo figcaption strong{font-size:13px}.x-hero-photo figcaption span{font-size:10px}.x-heading{margin-bottom:25px}.x-experience .x-heading h2{font-size:34px;line-height:1.15}.x-heading>p:last-child{font-size:16px}.x-controls{gap:12px;margin-bottom:20px}.x-choices{gap:7px}.x-choices button{font-size:12px;padding:12px 14px}.x-context,.x-evidence{padding:26px}.x-experience .x-context h3{font-size:29px}.x-scene-count{margin-bottom:22px}.x-correspondence blockquote{font-size:20px;line-height:1.6}.x-context>p{font-size:15px}.x-context .x-reason{font-size:13px}.x-record li,.x-next p{font-size:13px}.x-scene{border-radius:20px}.x-player-foot{gap:10px}.x-status{font-size:11px;max-width:210px}.x-outcomes h2{font-size:31px}.x-outcomes>div:last-child>p{font-size:18px}.x-compact .x-context,.x-compact .x-evidence{padding:23px}.x-compact .x-heading h2{font-size:29px}.x-compact .x-context h3{font-size:26px}.x-compact .x-choices button{font-size:11px;padding-inline:12px}.x-reading-note{padding:25px}.x-reading-note h2{font-size:26px}.x-journey-note blockquote{font-size:28px}.x-guide-number{font-size:46px;margin-bottom:28px}.guide-card{min-height:300px}.guide-card h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.x-experience *,.funnel-bars i,.demo-step-picker button{animation:none!important;transition:none!important}.x-play{display:none!important}}
@media print{.x-controls,.x-player-foot,.x-presets{display:none!important}.x-scene[hidden]{display:grid!important}.x-scene{break-inside:avoid;min-height:0!important}.x-experience .x-context,.x-experience .x-evidence{padding:20px}.x-hero-photo{max-width:500px}.x-human-hero{display:block}}

.x-human-hero h1 em{color:#6e6e73}.x-experience .x-heading>.x-eyebrow{color:var(--x-red)!important}

.x-hero-photo-team-handover-human picture{aspect-ratio:16/9}.x-experience .x-status{font-size:12px;line-height:1.6}.x-experience .x-heading>.x-eyebrow{font:600 10px/1.7 Manrope,sans-serif;letter-spacing:1.35px}.x-experience .x-disclosure{font-size:11px;line-height:1.7}

/* A contextual mark for sections that do not already have a visual. */
.v-section-symbol{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid currentColor;border-radius:14px;color:var(--x-red);margin:0 0 23px;opacity:.95}
.v-section-symbol>.a-icon{width:23px;height:23px;stroke-width:1.4}
.v-chapter-heading{display:flex;align-items:flex-start;gap:14px}
.v-chapter-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;color:var(--x-red);margin-top:2px}
.v-chapter-icon>.a-icon{width:26px;height:26px}
.b-dark .v-section-symbol,.r-dark .v-section-symbol,.closing .v-section-symbol,.b-end .v-section-symbol{color:inherit;opacity:.85}
.p-contrast .v-section-symbol,.p-meaning .v-section-symbol,.r-intro .v-section-symbol,.b-end .v-section-symbol,.page-hero:not(.a-hero-with-art)>.v-section-symbol{margin-inline:auto}
.b-hero>.v-section-symbol,.page-hero:not(.a-hero-with-art)>.v-section-symbol{margin-inline:0}
.b-reading .v-section-symbol,.related-reading .v-section-symbol{width:36px;height:36px;margin-bottom:10px;border-radius:11px}
@media(max-width:600px){.v-section-symbol{width:40px;height:40px;border-radius:12px;margin-bottom:18px}.v-section-symbol>.a-icon{width:21px;height:21px}.v-chapter-heading{gap:10px}.v-chapter-icon{flex-basis:26px;width:26px;height:28px}.v-chapter-icon>.a-icon{width:23px;height:23px}}
@media print{.v-section-symbol{width:30px;height:30px;margin-bottom:10px}}

.x-play-progress{height:2px;background:var(--x-line);margin:-10px 0 20px;visibility:hidden;overflow:hidden;border-radius:2px}.x-play-progress>i{display:block;width:100%;height:100%;background:var(--x-red);transform:scaleX(0);transform-origin:left}.x-playing .x-play-progress{visibility:visible}@media(prefers-reduced-motion:reduce){.x-play-progress{display:none}}