:root{--ink:#25282c;--orange:#f26722;--blue:#09b6ce;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.progress{position:fixed;top:0;left:0;height:3px;background:var(--orange);width:0;z-index:100}.topbar{height:64px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e8e8e8;background:#fffffff5;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.brand{font-size:12px;font-weight:700;letter-spacing:1.2px}.brand span{color:var(--orange)}.nav-links{display:flex;gap:30px;font-size:11px}.nav-links a{padding:8px 0;position:relative}.nav-links a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}#replay{background:none;border:1px solid #ddd;border-radius:25px;padding:8px 14px;font-size:11px}.hero{position:relative;max-width:1800px;margin:auto;overflow:hidden}.hero-type{text-align:center;position:relative;z-index:5;padding:54px 20px 0}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;margin:0 0 24px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(50px,6.9vw,112px);line-height:1.04;letter-spacing:-1px;font-weight:800;margin:0;text-transform:uppercase}h1 span{display:block}h1 em{font-style:normal;color:var(--orange)}.hero-intro{font-size:13px;margin:22px 0 0;color:#71757b}.stage{position:relative;width:100%;height:clamp(390px,41vw,640px);margin-top:-22px;isolation:isolate}.cover-bg{width:100%;height:100%;object-fit:fill;position:absolute;inset:0;z-index:0}.person{position:absolute;bottom:7.5%;width:24%;height:94%;z-index:2;opacity:0;transform:translateY(50px);animation:enter 1.1s cubic-bezier(.2,.8,.25,1) forwards;animation-delay:calc(.35s + var(--i)*.3s)}.person img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:contrast(1.08)}.p0{left:4%;height:82%;z-index:3}.p1{left:25%;height:97%;z-index:4}.p2{left:48%;height:86%;z-index:3}.p3{left:70%;height:80%}.person-label{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);white-space:nowrap;background:#fff;padding:8px 13px;border-bottom:2px solid var(--orange);text-align:center;box-shadow:0 3px 15px #00000008}.person-label strong{display:block;font-size:12px;font-weight:600}.person-label small{font-size:8px;letter-spacing:1.5px;color:#777}.scroll-cue{margin:14px auto 32px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:20px}.scroll-cue span{font-size:9px;letter-spacing:2px}.opening{padding:55px 24px 0}.sapo{max-width:920px;margin:0 auto;font-size:clamp(21px,2vw,28px);line-height:1.65;font-weight:600;text-align:left}.opening-rule{max-width:740px;border-top:1px solid #ddd;margin:40px auto 38px;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#888}.prose{max-width:740px;margin:auto;font-size:18px;line-height:1.95}.prose p{margin:0 0 24px}.intro-prose>p:first-child:first-letter{font-family:'Barlow Condensed',sans-serif;font-size:88px;font-weight:800;line-height:.8;float:left;margin:12px 12px 0 0;color:var(--orange)}.chapter{padding:75px 24px 0;scroll-margin-top:75px}.chapter-head{max-width:1120px;margin:auto;position:relative;display:grid;grid-template-columns:150px 1fr;align-items:start;gap:30px}.chapter-no{font-family:'Anton',Impact,sans-serif;font-size:130px;line-height:1;color:var(--orange);position:relative;letter-spacing:-5px}.chapter-no:after{content:'';height:13px;width:110px;background:var(--blue);position:absolute;bottom:0;left:10px;transform:rotate(-8deg);z-index:-1}h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-size:clamp(36px,4.5vw,66px);line-height:1.13;font-weight:800;letter-spacing:-.3px;margin:0}.head-stroke{grid-column:2;height:4px;width:90px;background:var(--blue);transform:rotate(-3deg);margin-top:-12px}.chapter-art{max-width:1050px;margin:18px auto 35px}.chapter-art img{width:100%;height:auto;display:block}.chapter-art figcaption{text-align:right;font-size:9px;color:#999;letter-spacing:.3px}.chapter .prose p:first-child{font-weight:600}.chapter:last-of-type .prose p:last-child{font-size:23px;line-height:1.75;font-weight:600;border-left:4px solid var(--orange);padding-left:25px;margin-top:45px}footer{max-width:1120px;margin:90px auto 0;border-top:1px solid #ddd;padding:45px 24px 55px;display:flex;flex-wrap:wrap;gap:15px 30px;align-items:center}.footer-title{font-family:'Anton',sans-serif;font-size:44px;letter-spacing:1px}footer p{font-size:12px}footer small{width:100%;font-size:10px;color:#888}footer a{font-size:11px;text-decoration:underline}.backtop{position:fixed;bottom:20px;right:22px;width:38px;height:38px;border:1px solid #ddd;background:#fff;border-radius:50%;z-index:20}.reveal{transition:opacity .8s,transform .8s}.js .reveal:not(.visible){opacity:0;transform:translateY(24px)}@keyframes enter{to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.stage{margin-top:-40px}}@media(max-width:760px){.topbar{height:54px;padding:0 16px}.brand{font-size:10px}.nav-links{gap:13px;font-size:9px}#replay{padding:5px 9px;font-size:17px}#replay span{display:none}.hero-type{padding-top:39px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:20px}h1{font-size:clamp(40px,8.2vw,62px);line-height:1.09;letter-spacing:-.5px}h1 span:last-child em{display:block}.hero-intro{font-size:10px;max-width:280px;margin:15px auto 0;line-height:1.6}.stage{height:350px;margin-top:0}.person{width:30%;bottom:12%;height:69%}.p0{left:-2%;height:67%}.p1{left:21%;height:82%}.p2{left:46%;height:70%}.p3{left:70%;height:64%}.person-label{padding:5px 5px;bottom:-20px}.person-label strong{font-size:7px}.person-label small{font-size:6px;letter-spacing:.4px}.cover-bg{object-fit:cover;object-position:center bottom}.scroll-cue{margin:5px auto 25px}.opening{padding:25px 22px 0}.sapo{font-size:20px;line-height:1.7}.opening-rule{margin:28px auto}.prose{font-size:16px;line-height:1.95}.prose p{margin-bottom:22px}.chapter{padding:50px 22px 0}.chapter-head{grid-template-columns:65px 1fr;gap:13px}.chapter-no{font-size:66px;letter-spacing:-2px}.chapter-no:after{width:55px;height:8px;left:3px}h2{font-size:35px;line-height:1.15}.head-stroke{margin-top:0;width:55px}.chapter-art{margin:15px -12px 27px}.chapter:last-of-type .prose p:last-child{font-size:20px;padding-left:18px}.backtop{right:12px;width:32px;height:32px}footer{margin-top:60px}.footer-title{font-size:35px}}@media(max-width:380px){.nav-links{display:none}.stage{height:310px}.person-label strong{font-size:6.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.person{animation:none;opacity:1;transform:none}.reveal{transition:none}.js .reveal:not(.visible){opacity:1;transform:none}}
@media(max-width:760px){.stage{height:245px}.person{height:90%;bottom:12%}.p0{height:85%}.p1{height:98%}.p2{height:90%}.p3{height:84%}}@media(max-width:500px){.nav-links{display:none}.brand{white-space:nowrap}}
/* Editorial revision 02 */
html{scroll-padding-top:20px}.hero-type{padding-top:50px}.person{animation-duration:1.7s;animation-delay:calc(.6s + var(--i)*1.5s)}.p1{height:89%}.p2{height:97%}.number-break{margin:42px -65px 45px;padding:30px 35px;display:flex;align-items:center;gap:32px;border-top:2px solid var(--ink);border-bottom:1px solid #ddd;background:linear-gradient(115deg,#f3fafb,white)}.number-break>strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:72px;line-height:1.05;white-space:nowrap;color:var(--orange);font-weight:800;letter-spacing:-1px}.number-break h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:26px;line-height:1.2;margin:0 0 8px;text-transform:uppercase}.number-break p{font-size:13px;line-height:1.8;margin:0!important;font-weight:400!important}.stock-story{margin:45px -120px;padding:36px 40px;background:#f4f8fa;border-top:5px solid var(--orange)}.stock-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#6b7277}.stock-story h3{font-family:'Barlow Condensed',sans-serif;font-size:49px;line-height:1.14;text-transform:uppercase;margin:24px 0 35px}.stock-story h3 em{font-style:normal;color:var(--orange)}.stock-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stock-milestones>div{padding-left:14px;border-left:2px solid #a7dfe4}.stock-milestones .peak{border-color:var(--orange)}.stock-milestones small{font-size:10px;display:block;color:#676e73}.stock-milestones strong{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:53px;display:block;line-height:1.35}.stock-milestones .peak strong{color:var(--orange)}.stock-milestones span{font-size:10px;line-height:1.6;display:block}.stock-compare{margin-top:35px;border-top:1px solid #d4dce0;padding-top:25px;position:relative;padding-right:180px}.stock-compare>div>span{font-size:9px;letter-spacing:1px;display:block;margin:8px 0}.stock-bar{height:38px;display:flex;align-items:center;padding-left:12px;font-size:16px;color:white}.peak-bar{width:100%;background:var(--orange)}.latest-bar{width:65.94%;background:#0997ad}.stock-drop{position:absolute;right:0;top:40px;font-family:'Barlow Condensed',sans-serif;font-size:66px;line-height:1.2;font-weight:800}.stock-drop small{font:10px 'Be Vietnam Pro',Arial;display:block;color:#68757c}.stock-note{font-size:10px!important;line-height:1.7!important;color:#7b8185;margin:23px 0 0!important;font-weight:400!important}.byline{max-width:740px;margin:45px auto 0;text-align:right;font-size:14px}footer{margin-top:45px}.chapter{scroll-margin-top:25px}@media(max-width:1000px){.number-break,.stock-story{margin-left:0;margin-right:0}}@media(max-width:760px){.hero-type{padding-top:32px}.p1{height:90%}.p2{height:98%}.number-break{gap:18px;padding:23px 18px;margin-top:30px;margin-bottom:30px;align-items:flex-start;flex-direction:column}.number-break>strong{font-size:62px}.number-break h3{font-size:26px}.number-break p{font-size:13px}.stock-story{padding:25px 18px;margin-top:30px;margin-bottom:30px}.stock-heading{font-size:8px;letter-spacing:.5px}.stock-story h3{font-size:37px;margin:22px 0 25px}.stock-milestones{grid-template-columns:repeat(2,1fr);gap:24px 12px}.stock-milestones strong{font-size:45px}.stock-compare{padding-right:0;padding-bottom:70px}.stock-drop{top:auto;bottom:0;font-size:45px}.stock-drop small{display:inline;margin-left:10px;font-size:8px}.byline{margin:35px 22px 0;font-size:13px}}
.stock-story.visible .stock-bar{transform-origin:left;animation:bar-in 1.25s ease both}.stock-story.visible .latest-bar{animation-delay:.35s}@keyframes bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.stock-story.visible .stock-bar{animation:none}}
/* Quiet editorial ending */
.chapter:last-of-type .prose .revenue-highlight{border:0;background:#f3f8f9;border-radius:22px;padding:32px 38px;gap:30px;margin-top:40px;margin-bottom:40px}.revenue-highlight>strong{font-size:86px;letter-spacing:-2px}.revenue-highlight h3{font-size:25px;line-height:1.25}.chapter:last-of-type .prose .revenue-highlight p{border:0;padding:0;margin:8px 0 0!important;font-size:14px;font-weight:400;line-height:1.8}.chapter:last-of-type .prose .closing-paragraph{border:0;padding:0;margin-top:0;font-size:21px;line-height:1.95;font-weight:500}footer{border-top:0}.byline{margin-top:30px}@media(max-width:760px){.chapter:last-of-type .prose .revenue-highlight{padding:25px 24px;gap:12px;border-radius:18px;margin-top:30px;margin-bottom:30px}.revenue-highlight>strong{font-size:75px}.revenue-highlight h3{font-size:25px}.chapter:last-of-type .prose .closing-paragraph{font-size:18px;line-height:1.95;padding:0}.byline{margin-top:28px}}
.chapter:last-of-type .prose p.closing-paragraph{border:0;padding:0;margin-top:0;font-size:21px;line-height:1.95;font-weight:500}@media(max-width:760px){.chapter:last-of-type .prose p.closing-paragraph{border:0;padding:0;font-size:18px;line-height:1.95}}

.source-credit{display:inline-block;margin-top:9px;font-size:13px;font-weight:400}.source-credit a{text-decoration:underline;text-underline-offset:3px}.source-credit a:hover{color:var(--orange)}
/* CafeF masthead clearance */
main{padding-top:1.2cm}.progress{top:1.2cm}.keep-name{white-space:nowrap}@media(max-width:760px){main{padding-top:1cm}.progress{top:1cm}#phan-1 .chapter-head h2{font-size:clamp(25px,7.4vw,32px);line-height:1.18}}
