/* Approved narrative additions to the existing stage. */
.narrative-page{--utility:var(--body);--nav:var(--body);--small-text:18px}
.narrative-page{font-family:var(--body);font-weight:300;font-synthesis:none}
.narrative-page h1,.narrative-page h2,.narrative-page h3,.narrative-page h4,.narrative-page .giant,.narrative-page .tool-letter,.narrative-page .tool-name,.narrative-page .s-title,.narrative-page .vt{font-family:var(--display);font-weight:400!important}
.narrative-page ::selection{background:#FF3D1F;color:#0C0D0F}
.narrative-page a{ text-underline-offset:.25em }
.narrative-page .giant{display:block;text-decoration:none;letter-spacing:-.04em}
.narrative-page .giant:hover{color:#FF563D}
.narrative-page .giant:focus-visible{outline-offset:8px}
.narrative-page .hero-foot .label{font-weight:300;font-size:18px;max-width:60%}
.narrative-page .hero-foot a{font-size:18px}
.narrative-page .wall-bridge{font:300 18px/1.6 var(--body);max-width:44ch;margin-top:24px;text-wrap:pretty}
.narrative-page .wall-entry{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font:300 18px/1.5 var(--body)}
.narrative-page .narrative-growth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(40px,6vw,100px);padding:140px var(--pad) 120px}
.narrative-page .growth-intro h2{font-size:clamp(30px,3.1vw,48px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.narrative-page .growth-intro p{font:300 18px/1.7 var(--body);margin:28px 0 18px;max-width:32ch}
.narrative-page .judgment-rows{min-width:0}
.narrative-page .judgment-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:20px;align-items:start;padding:26px 0;border-top:1px solid rgba(243,241,238,.28);text-decoration:none;min-height:44px}
.narrative-page .judgment-row:last-child{border-bottom:1px solid rgba(243,241,238,.28)}
.narrative-page .tool-letter{color:#FF3D1F;font-size:48px;line-height:1}
.narrative-page .tool-copy{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.1fr);gap:8px 24px;align-items:baseline;overflow-wrap:anywhere}
.narrative-page .tool-name{font-size:28px;line-height:1.25}
.narrative-page .tool-contrast{display:flex;flex-wrap:wrap;gap:8px 16px;font:300 18px/1.5 var(--body)}
.narrative-page .tool-contrast s{text-decoration-thickness:1px;color:rgba(243,241,238,.7)}
.narrative-page .tool-benefit{grid-column:1/-1;font:300 18px/1.55 var(--body);text-wrap:pretty}
.narrative-page .tool-arrow{font:300 24px/1.2 var(--body)}
.narrative-page .judgment-row:hover .tool-name,.narrative-page .judgment-row:hover .tool-arrow{color:#FF3D1F}
.narrative-page .reading-angle{font:300 18px/1.5 var(--body)!important;letter-spacing:0!important;min-height:44px;min-width:44px;display:inline-flex;align-items:center;text-wrap:pretty}
.narrative-page .cap-bot{flex-wrap:wrap;justify-content:space-between;gap:4px 20px}
.narrative-page .s-foot{gap:6px}
.narrative-page .s-foot a{max-width:100%}
.narrative-page .narrative-close h2{font-size:clamp(38px,6.6vw,96px);font-weight:400;line-height:1.15;letter-spacing:-.02em}
.narrative-page.narrative-reading{--graphite:#0C0D0F;--pearl:#F3F1EE;--ignite:#FF3D1F;--ignite-text:#FF563D;--pad:clamp(20px,5vw,80px);background:#0C0D0F;color:#F3F1EE}
.narrative-page.narrative-reading .signal-space{background:#0C0D0F}
.narrative-page.narrative-reading .narrative-page-hero{padding:150px 0 74px;background:transparent;border:0}
.narrative-page.narrative-reading .page-hero h1{font-size:clamp(40px,5vw,72px);line-height:1.14;letter-spacing:-.02em;max-width:16em}
.narrative-page.narrative-reading .page-hero p{max-width:70ch;font:300 18px/1.8 var(--body);color:#F3F1EE}
.narrative-page .method-nav{display:flex;flex-wrap:wrap;gap:4px 28px;border-top:1px solid rgba(243,241,238,.28);border-bottom:1px solid rgba(243,241,238,.28);padding-top:12px;padding-bottom:12px}
.narrative-page .method-nav a{display:inline-flex;align-items:center;min-height:44px;font:300 18px/1.5 var(--body);text-decoration:none}
.narrative-page .method-nav [aria-current]{color:#FF563D;text-decoration:underline}
.narrative-page .narrative-section{padding:90px 0}
.narrative-page .narrative-section h2{font:400 clamp(30px,3.3vw,48px)/1.2 var(--display);letter-spacing:-.02em;margin:0;text-wrap:balance}
/* Archive keep-all leaves one-character lines in the narrow Chinese heading column; pretty also handles the line after <br>. */
html[lang=zh-CN] .narrative-page .narrative-section h2{word-break:normal;text-wrap:pretty}
.narrative-page .editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(40px,6vw,100px)}
.narrative-page .reading-copy p,.narrative-page .coda{font:300 18px/1.8 var(--body);max-width:70ch;margin:0 0 24px}
.narrative-page .reading-copy .buying-intro{font:400 clamp(24px,2.6vw,36px)/1.4 var(--display);margin-bottom:30px}
.narrative-page .execution-rows article{padding:22px 0;border-top:1px solid rgba(243,241,238,.28)}
.narrative-page .execution-rows h3{font:400 28px/1.3 var(--display);margin:0 0 12px}
.narrative-page .execution-rows p{font:300 18px/1.7 var(--body);max-width:70ch;margin:0}
.narrative-page .resource-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:46px 0}
.narrative-page .resource-role{border-top:1px solid rgba(243,241,238,.28);padding-top:24px}
.narrative-page .resource-role h3{font:400 32px/1.3 var(--display);margin:0 0 24px}
.narrative-page .resource-role ul{list-style:none;padding:0;margin:0}
.narrative-page .resource-role li{font:300 18px/1.8 var(--body);margin:0 0 18px}
.narrative-page .resource-role b{font-weight:300;display:block}
.narrative-page .related-work{display:flex;flex-direction:column;gap:16px}
.narrative-page .related-work a{display:flex;flex-direction:column;align-items:flex-start;min-height:44px;font:300 18px/1.6 var(--body);gap:6px;padding:18px 0;border-top:1px solid rgba(243,241,238,.28)}
.narrative-page .visitor-identity{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:0 0 32px;font:300 18px/1.6 var(--body)}
.narrative-page .visitor-identity a{display:inline-flex;align-items:center;min-height:44px}
.narrative-page .method-door{display:grid;grid-template-columns:54px minmax(0,1fr);gap:24px;padding-top:28px;margin-top:36px;border-top:1px solid rgba(243,241,238,.28)}
.narrative-page .method-door h2{font:400 32px/1.3 var(--display);margin:0 0 14px}
.narrative-page .method-door p{margin:18px 0 0}
.narrative-page .opportunity-story{display:grid;gap:24px}
.narrative-page #thermomix{scroll-margin-top:24px}
.narrative-page .opportunity-story h3{font:400 24px/1.3 var(--display);margin:0 0 12px}
.narrative-page .opportunity-story p{margin:0}
.narrative-page .narrative-section>.shell>.judgment-rows{margin-top:32px}
.narrative-page.narrative-reading .narrative-close{padding:100px var(--pad);min-height:0;border-top:1px solid rgba(243,241,238,.28)}
.narrative-page.narrative-reading .narrative-close h2{max-width:16em;margin:0}
.narrative-page.narrative-reading .sub{font:300 18px/1.7 var(--body);margin:26px 0}
.narrative-page.narrative-reading .cta{display:flex;flex-wrap:wrap;gap:28px}
.narrative-page.narrative-reading .cta a{display:inline-flex;align-items:center;min-height:44px;font:300 18px/1.5 var(--body);background:none;color:inherit;border-radius:0;padding:0;text-decoration:underline}
.narrative-page.narrative-reading .judgment-row{padding:30px 0}
.narrative-page.narrative-reading .tool-copy{grid-template-columns:1fr}
.narrative-page.narrative-reading .tool-name{font-size:32px}
@media(max-width:760px){
.narrative-page #hero{min-height:100svh;padding-top:110px;padding-bottom:24px;gap:24px}
.narrative-page .hero-top{flex:1}
.narrative-page .hero-top h1{font-size:clamp(32px,7.5vw,54px)}
.narrative-page .hero-foot{margin-top:26px;gap:12px;align-items:flex-start;flex-direction:column}
.narrative-page .hero-foot .label{max-width:100%}
.narrative-page .hero-foot a{min-height:44px}
.narrative-page .narrative-growth{grid-template-columns:1fr;padding:80px var(--pad);gap:38px}
.narrative-page .growth-intro h2{font-size:36px}
.narrative-page .growth-intro p{max-width:40ch}
.narrative-page .judgment-row{grid-template-columns:40px minmax(0,1fr) auto;gap:14px}
.narrative-page .tool-letter{font-size:38px}
.narrative-page .tool-copy{grid-template-columns:1fr;gap:12px}
.narrative-page .cap-bot{flex-direction:column;align-items:flex-start}
.narrative-page .reading-angle{width:100%}
.narrative-page .editorial-layout,.narrative-page .resource-roles{grid-template-columns:1fr;gap:32px}
.narrative-page .narrative-section{padding:60px 0}
.narrative-page.narrative-reading .narrative-page-hero{padding:120px 0 50px}
.narrative-page.narrative-reading .page-hero h1{font-size:40px}
.narrative-page .method-nav{gap:4px 20px}
.narrative-page .method-nav>a:first-child{flex-basis:100%}
.narrative-page.narrative-reading .narrative-close{padding:70px var(--pad)}
}
.narrative-page .tool-letter{color:var(--pearl)}
.narrative-page .tool-contrast .contrast-new{color:#FF3D1F}
.narrative-page .method-link{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font:300 18px/1.5 var(--body)}
.narrative-page .reading-copy .situation-formula{font:400 24px/1.5 var(--display);margin-bottom:24px;text-wrap:balance}
.narrative-page.narrative-reading .page-hero h1{text-wrap:balance}