/* The editorial journey. Player internals remain isolated in player.html. */
:root{--paper:#fafaf7;--ink:#25273a;--muted:#606374;--line:#dedee1;--accent:#c45039;--blue:#296f70;--coral:#c45039;--teal:#227371;--purple:#7457a3}
.masthead{border-color:#dedee1}.brand svg{stroke:var(--coral)}
.intro{padding-block:44px 30px}h1{font-size:clamp(45px,8.1vw,108px)}.intro-note{font-size:16px;line-height:1.5;padding-left:20px;border-left:3px solid #93d4cb;max-width:360px}.eyebrow{font-size:13px;letter-spacing:.10em}.intro .eyebrow{font-size:12px}.lead{font-size:clamp(20px,2vw,26px)}
.journey-nav{display:flex;gap:32px;padding-block:20px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.journey-nav a{display:flex;align-items:center;gap:10px;font-size:14px;text-decoration:none;font-weight:600}.journey-nav a span{font-size:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f8dacf;color:#8b392a}.journey-nav a:nth-child(2) span{background:#d2efea;color:#22645f}.journey-nav a:nth-child(3) span{background:#e6ddf4;color:#65458b}.journey-nav a:hover{text-decoration:underline}
.chapter{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;margin-right:10px;letter-spacing:0;vertical-align:middle}.coral{background:#f9d8ce;color:#8e3928}.mint{background:#d2eee8;color:#286863}.lilac{background:#e3d6f6;color:#65438d}.coral-text{color:var(--coral)}.teal-text{color:var(--teal)}.section-intro{font-size:18px;margin-top:20px;max-width:620px}.section-head h2{font-size:clamp(34px,4.2vw,58px);line-height:1.08;letter-spacing:-.045em}.stakes.section{padding-top:70px;padding-bottom:0}.section-head{margin-bottom:38px}
.stakes-story{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:52px;margin-bottom:70px}.stakes-scene{border:none;border-radius:24px;background:#e9efec;box-shadow:0 12px 35px #25273a08}.stakes-scene img{aspect-ratio:3/2}.stakes-scene figcaption{background:#e3f0ec;border:none;color:#365e56;font-size:14px}.scene-label{border:0;border-radius:10px}.scene-client{background:#fff0e9f2;color:#763c2e}.scene-truck{background:#e1f3eff2;color:#285d56}.scene-label span{font-size:11px;color:inherit}.stakes-scenario h3{font-size:clamp(29px,3.3vw,45px);line-height:1.11;margin:22px 0}.stakes-scenario>p:not(.eyebrow){font-size:18px;line-height:1.55}.situation-label{display:inline-block;padding:8px 12px;background:#fce6de;color:#943e2b;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.065em}.story-link{display:inline-flex;gap:22px;margin-top:26px;text-decoration:none;font-size:14px;font-weight:600}.story-link:hover{color:var(--coral)}
.consequence-lead{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;scroll-margin-top:30px}.consequence-lead p{font-size:21px;line-height:1.4}.consequence-lead strong{color:var(--ink);font-weight:600}.domino-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;counter-reset:domino-step;padding:0;margin:0}.domino{counter-increment:domino-step;position:relative;border-radius:20px;padding:26px 23px 22px;display:flex;flex-direction:column;background:#ffead8}.domino-1{background:#fae4a9}.domino-2{background:#f8d9d8}.domino-3{background:#e6dff4}.domino:not(:last-child):after{content:'→';position:absolute;right:-20px;top:52px;width:24px;height:24px;z-index:1;text-align:center;font-size:21px;line-height:1;color:#656173}.domino-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.icon-disc{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#ffffff9c;color:var(--ink);flex-shrink:0}.icon-disc svg{width:25px;height:25px;stroke-width:1.6}.effect-tag{font-size:12px;letter-spacing:.04em;color:var(--ink)}.domino h3{font-size:27px;line-height:1.1;margin:26px 0 18px}.domino p{font-size:16px;line-height:1.55;color:#51505a}.domino .domino-result{font-size:14px;font-weight:600;color:var(--ink);border-top:1px solid #51483825;margin-top:auto;padding-top:16px}.domino>p:not(.domino-result){padding-bottom:25px}.impact-summary{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:32px 0 52px;margin-top:12px;border-bottom:1px solid var(--line)}.impact-summary strong{font-size:23px;color:var(--ink);font-weight:600;line-height:1.4}.impact-summary p+p{font-size:14px;max-width:370px}.impact-summary em{font-weight:600;color:var(--ink)}
.digital-sequence{padding-top:86px}.digital-heading{display:block;margin-bottom:35px}.digital-heading .eyebrow{margin-bottom:22px}.digital-heading h2{font-size:clamp(34px,4vw,55px);line-height:1.12}.digital-heading>p{font-size:18px;margin-top:23px;max-width:620px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.scenario{position:relative;padding:30px 34px 27px;border-radius:22px;background:#dff2ec;overflow:hidden}.scenario-1{background:#e0ebfa}.scenario-2{background:#f8e7d9}.scenario-3{background:#ece5f7}.scenario-top{display:flex;align-items:center;gap:15px}.scenario-top .eyebrow{font-size:12px;color:#505260;letter-spacing:.07em}.scenario h3{font-size:clamp(26px,2.8vw,37px);line-height:1.15;margin:27px 0 20px;max-width:430px}.scenario>p{font-size:16px;line-height:1.65;max-width:420px}.scenario-foot{display:inline-block;margin-top:23px;border-top:1px solid #4d576222;padding-top:15px;font-size:14px;color:#4f5964;width:100%}.scenario .icon-disc{background:#ffffffa6}
.method-bridge{margin-block:64px 0;padding-bottom:72px;display:grid;grid-template-columns:1.35fr 1fr;gap:45px;align-items:center}.method-bridge>p{font-size:clamp(28px,3.1vw,43px);line-height:1.2;color:#697078;letter-spacing:-.035em}.method-bridge strong{color:var(--ink);font-weight:650}.method-bridge>div>p{font-size:18px;color:#4f5e60}.experience-link{display:inline-flex;align-items:center;gap:24px;text-decoration:none;background:#267774;color:#fff;border-radius:100px;padding:14px 23px;font-size:15px;font-weight:600;margin-top:22px;transition:background .2s,transform .2s}.experience-link:hover{background:#1b615f;transform:translateY(-2px)}
.experience-section{background:#e2f1ed;padding-block:74px 68px;border-radius:40px 40px 0 0}.experience-section .section-head{max-width:1180px}.experience{width:min(1100px,calc(100% - 96px));scroll-margin-top:28px}.player-top{font-size:12px;letter-spacing:.07em;color:#365c59}.video-space{border-radius:18px;box-shadow:0 20px 55px #17443d18}.player-bottom{font-size:14px;color:#3e5f5a}.player-bottom p{color:#3e5f5a}
.method{background:#f0ebf8;border:0;padding-block:80px}.method-heading h2 span{color:#7958a3}.method-heading>p{font-size:18px;color:#605273}.method-workspace{margin-top:34px}.cone-stage{background:radial-gradient(ellipse at 50% 45%,#fff9 0%,#fff0 68%);border-radius:30px}.cone-direction,.cone-precise{color:#71538e;font-size:12px}.cone-step{background:#ffffff5e;border-color:#d4c6e6;border-radius:12px;color:#564270;font-size:14px;min-height:52px;letter-spacing:0}.cone-step span{color:inherit}.cone-step:nth-child(1)[aria-pressed=true]{background:#c4e9e1;color:#235c57;border-color:#81bdb2}.cone-step:nth-child(2)[aria-pressed=true]{background:#d6e5ff;color:#355888;border-color:#a1b9e1}.cone-step:nth-child(3)[aria-pressed=true]{background:#e0d1ef;color:#654382;border-color:#b39acb}.cone-step:nth-child(4)[aria-pressed=true]{background:#f8dcc7;color:#84482e;border-color:#dcae8e}.cone-step[aria-pressed=true] span{color:inherit}.cone-step:hover{border-color:#8667aa}.method-3d .panel-host{min-height:610px}.method-3d .detail-panel{border-radius:22px;background:#fffdfd;border-color:#e0d7ea;padding:30px}.detail-panel .explanation{font-size:16px}.method-3d .questions li{border-color:#e6dfed;font-size:16px}.method-3d .tools{color:#606074}.method-3d .tools strong{color:#695086}.method-rule{background:#e4d9f2;border-radius:18px;padding:24px;margin:30px 0 42px;color:#625376}.method-rule strong{color:#443153}.reflex{border-color:#d4c6e6}.reflex p:not(.eyebrow){font-size:16px}.reflex-last{color:#60447e}.text-button{font-size:14px;border-color:#b5a2cc}.documents{padding-top:75px}.document-card{background:#fff}.documents .eyebrow{color:#65717a}
@media(max-width:1050px){.domino-flow{gap:14px}.domino{padding:23px 18px 20px}.domino h3{font-size:24px}.domino-top{gap:9px}.effect-tag{font-size:11px}.stakes-story{gap:30px}.method-bridge{gap:25px}.experience{width:calc(100% - 56px)}}
@media(max-width:900px){.intro-note{margin-top:22px}.journey-nav{gap:13px 25px}.stakes-story{grid-template-columns:1.4fr 1fr;gap:24px}.stakes-scenario h3{font-size:31px}.stakes-scenario>p:not(.eyebrow){font-size:16px}.domino-flow{grid-template-columns:1fr 1fr;gap:20px}.domino{padding:26px}.domino h3{font-size:29px}.domino:not(:last-child):after{display:none}.domino-top{gap:13px}.effect-tag{font-size:12px}.domino-top:after{content:'0' counter(domino-step);margin-left:auto;font-size:13px;color:#686271}.domino .domino-result{margin-top:0}.impact-summary{gap:25px}.impact-summary strong{font-size:21px}.scenario{padding:27px}.method-bridge{grid-template-columns:1fr;gap:26px}.method-bridge br{display:none}.method-bridge>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.experience-link{margin-top:0;flex-shrink:0}.method-3d .panel-host{min-height:0}.method-heading>p{font-size:17px}.experience-section{padding-block:60px}.player-top{font-size:11px}.player-bottom{font-size:14px}.intro .eyebrow{font-size:11px}.section-head h2{font-size:clamp(34px,5vw,48px)}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.intro{padding-block:28px 26px}.intro .eyebrow{font-size:10px;letter-spacing:.07em}.intro-bottom{display:block}.lead{font-size:21px}.intro-note{font-size:16px;margin-top:20px}.journey-nav{gap:15px;padding-block:4px 25px}.journey-nav a{width:100%;font-size:14px}.journey-nav a span{width:26px;height:26px}.stakes.section{padding-top:45px}.section-head{margin-bottom:28px}.section-head h2,.digital-heading h2{font-size:clamp(31px,8.8vw,43px);line-height:1.12}.eyebrow{font-size:12px}.chapter{width:30px;height:30px;border-radius:9px}.section-intro{font-size:16px;margin-top:18px}.stakes-story{display:flex;flex-direction:column;gap:26px;margin-bottom:42px;align-items:stretch}.stakes-scenario h3{font-size:34px;margin-block:18px}.stakes-scenario h3 br:nth-child(2){display:none}.stakes-scenario>p:not(.eyebrow){font-size:17px}.scene-label{font-size:13px;padding:8px}.scene-label span{font-size:10px}.scene-client{top:27%;left:4%}.scene-truck{top:9%;right:4%}.stakes-scene figcaption{font-size:13px;padding:14px}.stakes-scene{border-radius:18px}.story-link{margin-top:18px}.consequence-lead{display:block;margin-bottom:24px}.consequence-lead>p{font-size:22px;margin-top:12px}.domino-flow{grid-template-columns:1fr;gap:22px;padding-left:17px;border-left:2px solid #e2d9d4;margin-left:7px}.domino{padding:25px}.domino h3{font-size:29px;margin-block:19px 14px}.domino:not(:last-child):after{display:block;content:'↓';left:-30px;top:auto;bottom:-23px;font-size:17px;background:var(--paper);height:22px;width:22px;color:#80706a}.domino>p:not(.domino-result){padding-bottom:18px}.impact-summary{display:block;margin-top:8px;padding-block:25px 38px}.impact-summary strong{font-size:22px}.impact-summary p+p{font-size:14px;margin-top:19px;max-width:none}.impact-summary p+p br{display:none}.digital-sequence{padding-top:45px}.digital-heading>p{font-size:16px;line-height:1.7}.scenario-grid{grid-template-columns:1fr;gap:16px}.scenario{padding:26px;border-radius:19px}.scenario-top{gap:12px}.scenario-top .eyebrow{font-size:11px;letter-spacing:.055em}.scenario h3{font-size:31px;margin-top:23px}.scenario h3 br{display:none}.scenario-foot{font-size:14px}.method-bridge{margin-top:37px;padding-bottom:45px;gap:22px}.method-bridge>p{font-size:31px;line-height:1.2}.method-bridge>div{display:block}.method-bridge>div>p{font-size:17px}.experience-link{margin-top:22px;font-size:14px;gap:17px;padding:14px 20px}.experience-section{padding-block:44px 40px;border-radius:26px 26px 0 0}.experience{width:calc(100% - 24px)}.video-space{border-radius:12px}.player-top{font-size:10px;letter-spacing:.025em}.player-bottom{font-size:13px;align-items:start;gap:15px}.player-bottom p{max-width:125px}.player-bottom a{max-width:150px;text-align:right}.method{padding-block:48px}.method-heading>p{font-size:16px}.method-3d{gap:22px;margin-top:28px}.cone-step{font-size:13px;padding:11px;gap:8px}.cone-hint{font-size:14px;line-height:1.5}.method-3d .detail-panel{padding:24px 21px;border-radius:19px}.detail-panel h3{font-size:26px}.method-rule{font-size:16px;padding:21px;margin-block:28px}.reflex{gap:16px}.reflex h3{font-size:23px}.reflex p:not(.eyebrow){font-size:16px}.documents{padding-block:48px}.documents .section-head h2{font-size:33px}footer{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.domino,.scenario{transition:transform .25s,box-shadow .25s}.domino:hover,.scenario:hover{transform:translateY(-4px);box-shadow:0 13px 25px #29253908}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the method visible when the browser cannot create a WebGL context. */
.no-webgl .cone-stage{height:310px}.no-webgl .cone-canvas{inset:48px 35px}.no-webgl .cone-canvas:before{content:'';display:block;height:100%;width:100%;max-width:370px;margin:auto;clip-path:polygon(0 0,100% 0,53% 100%,47% 100%);background:linear-gradient(to bottom,#7dcfc8 0 23%,transparent 23% 26%,#8daee6 26% 48%,transparent 48% 51%,#b9a0df 51% 73%,transparent 73% 76%,#eea077 76% 100%)}
@media(max-width:620px){h1{font-size:clamp(32px,10.5vw,56px)}.no-webgl .cone-stage{height:280px}.no-webgl .cone-canvas{inset:48px 20px}}