:root{--blue:#0079bf;--bright:#0589ce;--navy:#142c49;--gold:#f6ac32;--pale:#eaf5fb;--green:#69b694;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}body{margin:0;background:#e2e9ed;color:var(--navy);font-family:'PingFang HK','PingFang TC','Arial',sans-serif}#viewport{height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;overflow:hidden}#stage{position:relative;width:1600px;height:900px;flex-shrink:0;transform-origin:center;background:white;box-shadow:0 12px 60px #12334c25}.slide{position:absolute;inset:0;background:white;overflow:hidden;visibility:hidden;pointer-events:none}.slide.active{visibility:visible;pointer-events:auto}.brand{position:absolute;left:0;right:0;top:0;height:145px;display:flex;align-items:center;justify-content:space-between;padding-right:67px}.gen-block{height:145px;width:340px;background:var(--blue);display:flex;align-items:center;justify-content:center;border-radius:0 0 48px 0}.gen-block img{width:235px;height:100px;object-fit:contain}.brand .star{width:350px;height:112px;object-fit:contain}.bottom-rule{position:absolute;bottom:0;left:0;width:100%;height:12px;background:linear-gradient(90deg,var(--blue) 0 78%,var(--gold) 78% 100%)}.slide h1{font-weight:750;letter-spacing:-.035em;margin:0;line-height:1.25}.slide:not(.cover):not(.question)>h1{position:absolute;left:76px;top:192px;font-size:58px;color:var(--blue)}[data-step]{opacity:.12;transform:translateY(15px);transition:opacity .6s var(--ease),transform .7s var(--ease)}[data-step].shown{opacity:1;transform:none}.cover-image{position:absolute;left:0;top:0;width:100%;height:100%}.cover-image img{width:100%;height:100%;object-fit:cover;object-position:64% center;transform:scale(1.08);transition:transform 1.6s var(--ease)}.cover-blue{position:absolute;inset:0;background:linear-gradient(90deg,#0079bff5 0%,#0079bfdc 32%,#0079bf38 61%,#0079bf00 85%)}.cover-logo{position:absolute;left:76px;top:55px}.cover-logo img{width:300px;height:122px;object-fit:contain}.cover-title{position:absolute;left:76px;top:354px;color:white;right:70px}.cover-title h1{font-size:112px;letter-spacing:-.04em;line-height:1.3;transform:translateY(18px);opacity:.25;transition:all .8s var(--ease)}.cover-title p{font-size:45px;font-weight:600;margin-top:25px;letter-spacing:.01em;opacity:0;transform:translateY(15px);transition:all .8s var(--ease) .2s}.cover-foot{position:absolute;right:0;bottom:0;background:white;border-radius:52px 0 0 0;width:520px;height:155px;display:flex;align-items:center;justify-content:center}.cover-foot img{width:410px}.cover[data-build="1"] .cover-image img{transform:scale(1)}.cover[data-build="1"] h1,.cover[data-build="1"] .cover-title p{opacity:1;transform:none}.question-text{position:absolute;left:110px;top:302px;z-index:2}.question-text h1{font-size:116px;line-height:1.4;color:var(--navy);letter-spacing:-.045em}.question-text span{position:relative;display:inline-block;z-index:1;color:var(--blue)}.question-text span:after{content:'';position:absolute;left:-4px;right:-4px;bottom:17px;height:24px;background:var(--gold);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}.question-mark{position:absolute;right:55px;top:152px;font-size:630px;font-weight:750;line-height:1;color:#e9f5fc;transform:rotate(10deg);user-select:none}.question[data-build="1"] .question-text span:after{transform:scaleX(1)}.pain-grid{position:absolute;left:76px;right:76px;top:325px;bottom:91px;display:grid;grid-template-columns:1fr 1fr;gap:28px 36px}.pain{position:relative;display:flex;align-items:center;gap:35px;padding:35px 48px;border-radius:6px 48px 6px 6px;background:var(--pale);border-bottom:7px solid var(--blue)}.pain span{font-size:64px;font-weight:650;letter-spacing:-.025em}.pain svg{width:104px;height:104px;fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.p2{background:#fff4df;border-color:var(--gold)}.p2 svg{stroke:#b87c1b}.p3{background:#e9f4ed;border-color:var(--green)}.p3 svg{stroke:#47906e}.p4{background:#edf0f9;border-color:#526699}.p4 svg{stroke:#526699}.about-intro{position:absolute;left:76px;top:298px;width:1448px;border-top:2px solid #c7e4f3;padding-top:26px}.about-intro p{font-size:27px;line-height:1.65;margin:0 0 19px;letter-spacing:0}.about-intro strong{font-weight:650;color:#0079bf}.purpose{position:absolute;left:76px;right:76px;top:582px;display:grid;grid-template-columns:1fr 1.4fr;gap:42px}.purpose>div{padding:24px 30px;border-left:6px solid var(--gold);background:#f2f8fb}.purpose h2{font-size:30px;color:var(--blue);margin:0 0 12px}.purpose p{font-size:25px;line-height:1.65;margin:0}.purpose .mission{border-color:var(--blue)}.employed{position:absolute;right:75px;top:202px;width:130px;height:80px;object-fit:contain;filter:brightness(0) saturate(100%) invert(37%) sepia(97%) saturate(1534%) hue-rotate(168deg) brightness(89%) contrast(101%)}.method-layout{position:absolute;left:76px;right:76px;top:305px;bottom:64px;display:grid;grid-template-columns:350px 1fr;gap:53px;align-items:center}.core{position:relative;width:350px;height:350px}.orbit{position:absolute;inset:0;border:2px dashed #89bfdc;border-radius:50%}.orbit:before,.orbit:after{content:'';position:absolute;width:21px;height:21px;border-radius:50%;background:var(--gold);left:calc(50% - 10px);top:-11px}.orbit:after{top:auto;bottom:-11px;background:var(--green)}.core-inner{position:absolute;inset:25px;border-radius:50%;background:var(--blue);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 15px 0 #e7f2f9}.number{display:inline-flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);color:#16384c;font-size:25px;font-weight:650;flex-shrink:0}.core-inner p{font-size:31px;font-weight:650;margin:18px 0 7px}.core-inner svg{width:105px;height:70px;stroke:white;stroke-width:3;fill:none}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 32px}.method-grid article{min-height:156px;border-top:2px solid #c6e2ef;padding:18px 0 0;display:flex;align-items:flex-start;gap:18px}.method-grid p{font-size:25px;line-height:1.5;margin:0}.method[data-build="3"] .core-inner{box-shadow:0 15px 0 #d4eaf5,0 0 0 8px #0079bf18;transition:box-shadow .7s}.method[data-build="3"] .orbit{border-style:solid;border-color:var(--gold);transition:border-color .7s}nav{display:flex;justify-content:center;align-items:center;gap:9px;padding-top:15px;flex-wrap:wrap}nav button,nav a{font:inherit;font-size:13px;background:white;border:1px solid #aebfcb;border-radius:5px;padding:8px 13px;color:#17374a;text-decoration:none;cursor:pointer}nav button:hover,nav a:hover{background:#d1ebf8}nav output{font-size:13px;min-width:100px;text-align:center}nav button:focus-visible,nav a:focus-visible{outline:3px solid #f6ac32;outline-offset:2px}.hint{text-align:center;font-size:11px;color:#59717f;margin:8px}.still *,.still *:before,.still *:after{transition:none!important;animation:none!important}body.embed #viewport{height:100vh}body.embed nav,body.embed .hint{display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:700px){#viewport{height:calc(100vh - 130px)}nav{gap:5px;padding:8px}nav button,nav a{font-size:11px;padding:6px 8px}}@media print{@page{size:1600px 900px;margin:0}body{background:white}#viewport{height:auto;display:block;overflow:visible}#stage{height:auto;transform:none!important;box-shadow:none;overflow:visible}.slide{visibility:visible!important;position:relative;height:900px;break-after:page}nav,.hint{display:none}[data-step]{opacity:1!important;transform:none!important}.cover-title h1,.cover-title p{opacity:1!important;transform:none!important}.question-text span:after{transform:scaleX(1)!important}}
.employed{filter:none;background:var(--blue);border-radius:4px;padding:7px;width:137px;height:88px;top:184px}
/* Original pages 6–15. Copy and source art retained. */
.talent-cloud{position:absolute;left:76px;right:76px;top:320px;bottom:80px;display:grid;grid-template-columns:1.1fr 1fr 1.1fr;grid-template-rows:1fr 1.1fr 1fr;gap:22px}.trait{display:flex;align-items:center;justify-content:center;border-radius:8px 55px 8px 8px;background:#eaf5fb;font-size:62px;font-weight:650;color:var(--blue)}.trait-0{grid-row:1/3;background:var(--blue);color:white;font-size:90px}.trait-1{background:#d9eef9}.trait-2{background:#e7f3ec;color:#377957}.trait-3{grid-row:3;grid-column:1;background:#fff1d7;color:#876126}.trait-4{grid-column:2/4;background:#173d61;color:white}.trait-5{grid-column:2;background:#eef2fb;color:#526699}.trait-6{grid-column:3;background:#e7f3ec;color:#377957}
.star-hero{position:absolute;left:110px;top:64px;width:1160px;height:265px;display:flex;align-items:center}.star-hero img{width:100%;max-height:260px;object-fit:contain}.donor{position:absolute;left:100px;right:100px;top:375px;border-top:2px solid #d9e7ee;padding-top:22px;display:flex;align-items:center;gap:60px}.donor h2,.partner-grid h2{color:var(--navy);font-size:28px;margin:0 0 20px}.donor h2{margin:0}.donor img{width:630px;height:108px;object-fit:contain}.partner-grid{position:absolute;left:100px;right:100px;top:565px;display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:45px}.partner-grid article{border-top:5px solid var(--gold);padding-top:24px}.partner-grid article:nth-child(2){border-color:var(--blue)}.partner-grid article:nth-child(3){border-color:var(--green)}.partner-grid img{width:260px;height:125px;object-fit:contain}.training-logos{display:flex;align-items:center;gap:25px}.training-logos img{width:210px}.training-logos img:first-child{width:160px}.school-logos{display:flex;gap:12px}.school-logos img{width:108px;height:130px}
.slide.ecosystem>h1{font-size:38px;right:90px;line-height:1.5;top:183px;max-width:1350px}.ecosystem-grid{position:absolute;top:355px;left:76px;right:76px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.ecosystem-grid article{text-align:center}.eco-ring{height:300px;border:6px solid #38b9df;border-radius:48px 48px 48px 4px;padding:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#fcfeff}.eco-ring img{width:285px;max-height:150px;object-fit:contain}.ecosystem-grid article:nth-child(2) .eco-ring{border-color:var(--gold)}.ecosystem-grid article:nth-child(2) img{max-height:100px}.ecosystem-grid article:nth-child(3) .eco-ring{border-color:var(--green)}.eco-ring.schools{display:flex;flex-direction:row;gap:8px;padding:20px}.eco-ring.schools img{width:110px;height:160px}.ecosystem-grid h2{font-size:35px;line-height:1.4;margin:23px 0 0}.ecosystem-grid p{font-size:21px;margin:8px 0;color:#557383}.journey-art{width:100%;height:100%;object-fit:contain}.journey .bottom-rule{display:none}
.support-grid{position:absolute;left:76px;right:76px;top:310px;bottom:60px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px}.support-grid article{background:#eff7fc;border-radius:4px 35px 4px 4px;padding:27px 28px;border-top:7px solid var(--blue)}.support-grid article:nth-child(2){background:#fff6e5;border-color:var(--gold)}.support-grid article:nth-child(3){background:#edf7f0;border-color:var(--green)}.support-grid h2{font-size:28px;line-height:1.4;margin:0 0 22px;color:var(--navy)}.support-grid p{font-size:24px;line-height:1.6;margin:0 0 22px}.support-grid b{display:block;font-weight:650;margin-bottom:3px}.speaker-disc{position:absolute;left:-170px;top:300px;width:850px;height:850px;border-radius:50%;background:var(--pale)}.speaker-photo{position:absolute;left:114px;top:344px;width:445px;height:445px;border-radius:50%;overflow:hidden;box-shadow:15px 15px 0 #f6ac32}.speaker-photo img{width:100%;height:100%;object-fit:cover}.speaker-info{position:absolute;left:690px;right:70px;top:420px}.speaker-info h2{font-size:76px;margin:0 0 25px;color:var(--blue);letter-spacing:-.035em}.speaker-info p{margin:0}.speaker-info .role{font-size:35px;font-weight:600;line-height:1.4}.speaker-info .company{font-size:35px;margin-top:10px}.speaker-info .alumni{font-size:25px;margin-top:40px;border-top:2px solid #c6e2ef;padding-top:20px}.panel-grid{position:absolute;left:76px;right:76px;top:326px;display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.panel-photo{height:296px;width:296px;border-radius:50%;overflow:hidden;background:var(--pale);border:8px solid #e8f4fa}.panel-photo img{width:100%;height:100%;object-fit:cover}.panel-grid article:first-child img{object-position:50% 22%}.panel-grid h2{font-size:32px;letter-spacing:-.03em;margin:23px 0 15px;color:var(--blue)}.panel-grid p{font-size:23px;line-height:1.4;min-height:66px;margin:0 0 12px}.panel-grid strong{font-size:23px;line-height:1.4}.closing{background:#f5fbfe}.closing-copy{position:absolute;top:100px;left:76px;right:76px}.closing-copy h1{font-size:57px;color:var(--blue)}.closing-copy p{font-size:34px;margin:18px 0 0;font-weight:600}.wordcloud{position:absolute;left:66px;top:350px;width:900px;height:400px;display:flex;align-items:center}.wordcloud img{width:100%;height:auto;mix-blend-mode:multiply}.contact-action{position:absolute;right:83px;top:310px;width:460px;text-align:center;border-left:2px solid #d4e8f4;padding-left:50px}.contact-action>img{width:285px;height:130px;object-fit:contain;mix-blend-mode:multiply}.qr{margin:15px auto;width:280px;height:275px;background:white;padding:10px;border:1px solid #d9eaf4;border-radius:10px}.qr img{width:100%;height:100%;object-fit:contain}.contact-action h2{font-size:31px;margin:20px -20px 0;color:var(--blue)}
.slide.active{animation:page-in .45s var(--ease)}@keyframes page-in{from{opacity:.55}to{opacity:1}}@media print{.slide{animation:none!important}}
/* V3: unified brand rail and semantic, interactive motion. */
:root{--blue:#0074b9;--bright:#0074b9;--navy:#152e40;--pale:#edf6fb} .brand{left:76px;right:76px;top:32px;height:110px;justify-content:flex-start;gap:30px;padding:0;z-index:8}.brand .generation{width:230px;height:94px;object-fit:contain}.brand .star{width:325px;height:104px;object-fit:contain}.brand-divider{height:60px;width:1px;background:#cbdbe5}.bottom-rule{height:6px;background:var(--blue)}[data-step]{opacity:1;transform:none;transition:none}.slide:not(.cover):not(.question)>h1{top:190px;font-size:54px;color:var(--blue)}.slide.active{animation:scene-travel .7s cubic-bezier(.2,.8,.2,1)}@keyframes scene-travel{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.cover .brand{background:#fff;left:0;right:auto;top:30px;padding:10px 45px 10px 76px;height:126px;border-radius:0 0 25px 0}.cover-blue{background:linear-gradient(90deg,#0074b9f5 0%,#0074b9df 32%,#0074b945 65%,transparent 95%)}.cover-title h1,.cover-title p{opacity:1;transform:none}.cover-title{top:360px}.cover-image img{transform:none}.cover[data-build="1"] .cover-image img{transform:scale(1.035);transition:transform 12s linear}.pain,.support-grid article,.purpose>div,.trait{border-radius:12px}.pain{border-bottom-width:3px}.question-text span:after{height:12px}.question-mark{opacity:.7}.about-intro strong{color:var(--blue)}
.method-system{position:absolute;left:52px;top:300px;width:660px;height:540px}.cycle-path{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c4dfef;stroke-width:3}.cycle-path .flow{stroke:var(--blue);stroke-width:5;stroke-dasharray:22 1450;animation:circuit 12s linear infinite}.slide:not(.active) .flow{animation-play-state:paused}@keyframes circuit{to{stroke-dashoffset:-1472}}.step-node{position:absolute;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;border:2px solid var(--blue);background:white;color:var(--blue);font:700 40px Arial;cursor:pointer;transition:background .7s,color .7s,box-shadow .7s;z-index:2}.step-node[data-go="6"]{width:175px;height:175px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:var(--pale)}.step-node[data-go="6"] span:last-child{font:600 23px 'PingFang HK',sans-serif}.step-node.selected{background:var(--blue);color:white;box-shadow:0 0 0 10px #0074b915}.method-details{position:absolute;left:770px;right:76px;top:310px;display:flex;flex-direction:column;gap:13px}.method-details p{font-size:25px;line-height:1.45;margin:0;padding:10px 16px;border-left:3px solid #d3e7f3;color:#344d5e;transition:background .6s,color .6s,border-color .6s}.method-details p.selected{background:#e6f3fb;border-color:var(--blue);color:var(--blue)}.method[data-build="6"] .method-details p{border-color:var(--blue)}
.talent-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:30px;top:310px;bottom:65px}.trait{width:290px;height:190px;border:2px solid #88bddb;border-radius:100px!important;background:white!important;color:var(--blue)!important;font-size:46px!important;box-shadow:none;font-weight:650;position:relative}.trait:after{content:'';position:absolute;left:calc(50% - 4px);bottom:19px;width:8px;height:8px;background:var(--blue);border-radius:50%}.talents.active .trait:after{animation:equal-beat 4s ease-in-out infinite}@keyframes equal-beat{50%{box-shadow:0 0 0 8px #0074b918}}.donor{top:265px}.partner-grid{top:480px}.partner-grid article{border-color:var(--blue)!important}.partner-grid img{height:150px}.ecosystem-grid{top:380px}.eco-ring{border:2px solid #88bddb!important;border-radius:12px!important;height:275px}.slide.ecosystem>h1{font-size:36px;top:190px;line-height:1.4}.ecosystem-grid h2{font-size:31px}.support-grid{top:305px}.support-grid article{padding-top:22px;border-top-width:3px;background:#f0f7fb!important;border-color:var(--blue)!important}.line-icon{width:38px;height:38px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;float:left;margin-right:12px}.support-grid h2{font-size:27px;min-height:45px}.support-grid p{font-size:24px;line-height:1.5;margin-bottom:20px}.speaker-disc{background:#edf6fb}.speaker-photo{box-shadow:0 0 0 2px #88bddb;border:8px solid white}.speaker-info h2{font-size:70px}.panel-photo{border:4px solid #d2e8f4}.panel-photo img{object-fit:cover}.speaker-photo img[src*="annie"],.panel-photo img[src*="annie"]{transform:scale(1.05);transform-origin:50% 33%}.speaker-photo img[src*="alvin"],.panel-photo img[src*="alvin"]{transform:scale(1.45);transform-origin:50% 25%}.panel-photo img[src*="victoria"]{transform:scale(1.5);transform-origin:50% 24%}.speaker-photo img[src*="david"],.panel-photo img[src*="david"]{transform:scale(.96)}.panel-grid h2{font-size:31px}.panel-grid p{height:70px;min-height:70px}.panel-grid strong{display:block}.closing-copy{top:205px}.closing-copy h1{font-size:50px}.closing-copy p{font-size:31px}.wordcloud{top:390px;display:flex;flex-wrap:wrap;gap:15px;align-content:center;justify-content:center;width:850px;height:330px}.wordcloud span{font-size:25px;padding:14px 20px;border:1px solid #c5dfef;border-radius:8px;background:white;color:#24495d}.wordcloud span:nth-child(4){font-size:36px;color:var(--blue)}.contact-action{top:370px}.contact-action>img{display:none}.contact-action h2{font-size:29px}.journey .brand{background:#fff;top:20px;height:100px}.journey-camera{position:absolute;left:76px;right:76px;top:160px;bottom:85px;overflow:hidden;background:#fbefde;border-radius:12px}.journey-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transition:transform 2.2s cubic-bezier(.22,.7,.2,1);transform-origin:0 0;will-change:transform}.journey[data-build="0"] .journey-art{transform:translate(-3%,-75%) scale(1.9)}.journey[data-build="1"] .journey-art{transform:translate(-13%,-2%) scale(1.65)}.journey[data-build="2"] .journey-art{transform:translate(-75%,-1%) scale(1.8)}.journey[data-build="3"] .journey-art{transform:none}.journey-controls{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:20px}.journey-controls button{width:44px;height:44px;border:2px solid var(--blue);border-radius:50%;background:white;color:var(--blue);font:600 22px Arial;cursor:pointer}.journey-controls button.selected{background:var(--blue);color:white}.journey-controls span{width:90px;height:2px;background:#80b9dc}#scrub{width:85px;accent-color:var(--blue)}.still .journey-art{transition:none!important}.still .flow,.still .trait:after{animation:none!important}button:focus-visible{outline:3px solid #f6ac32;outline-offset:4px}
.panel-photo img[src*="victoria"]{transform:translateY(4%) scale(1.05);transform-origin:50% 24%}.speaker-photo img[src*="alvin"],.panel-photo img[src*="alvin"]{transform:translateY(8%) scale(1.4);transform-origin:50% 25%}.method-details{counter-reset:method}.method-details p{counter-increment:method;padding-left:42px;position:relative}.method-details p:before{content:counter(method);position:absolute;left:14px;top:11px;font-weight:700;color:var(--blue)}
/* Page15: questions arrive as a conversation, then remain readable. */
.closing{background:#fff}.closing .closing-copy{top:205px}.closing .closing-copy h1{font-size:52px}.closing .closing-copy p{font-size:30px;margin-top:16px}.closing .closing-copy:after{content:'';display:block;width:85px;height:6px;background:#f6ac32;margin-top:24px;border-radius:3px}.message-thread{position:absolute;left:76px;top:385px;width:900px;height:415px}.message{position:absolute;display:block;padding:19px 25px;border-radius:20px 20px 20px 5px;background:#edf6fb;color:#20445c;font-size:26px;line-height:1.35;border:1px solid #d5e8f3;box-shadow:0 5px 0 #0074b908;transform-origin:24px 100%;white-space:nowrap}.message:after{content:'';position:absolute;bottom:-9px;left:16px;width:16px;height:16px;background:inherit;border-bottom:1px solid #d5e8f3;transform:skewY(-35deg);border-radius:0 0 0 4px}.message:nth-child(even){border-radius:20px 20px 5px 20px;background:#fff3df;border-color:#f7dbac;transform-origin:calc(100% - 24px) 100%}.message:nth-child(even):after{left:auto;right:16px;transform:skewY(35deg);border-color:#f7dbac}.message-1{left:15px;top:0}.message-2{right:10px;top:24px}.message-3{left:0;top:99px}.message-4{right:35px;top:128px;background:#f6ac32!important;color:#17354a;font-weight:650;border-color:#f6ac32!important;font-size:33px}.message-4:after{border-color:#f6ac32!important}.message-5{left:38px;top:202px}.message-6{right:24px;top:235px}.message-7{left:5px;top:305px}.message-8{right:5px;top:330px}.closing .contact-action{right:76px;top:365px;width:430px;height:450px;padding:32px 35px 25px;background:#fffaf2;border:1px solid #f4d9ad;border-top:6px solid #f6ac32;border-radius:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 32px #633f0908}.closing .contact-action h2{margin:0 0 20px;display:flex;gap:16px;align-items:baseline;justify-content:center;line-height:1.2;white-space:nowrap}.closing .contact-action h2 span:first-child{font-size:25px;font-weight:500;color:#566a75}.closing .contact-action h2 span:last-child{font-size:35px;font-weight:700;color:#152e40}.closing .qr{margin:0;width:285px;height:285px;padding:15px;background:white;border:1px solid #ead8ba;border-radius:12px}.closing .bottom-rule{height:8px;background:linear-gradient(90deg,var(--blue) 0 65%,#f6ac32 65%)}@media print{.message{opacity:1!important;transform:none!important}}
/* A cluster of thoughts, not a two-person chat. Entrance and drift use separate layers. */
.message-thread{left:76px;top:385px;width:900px;height:420px}.closing .message{padding:0;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;transform-origin:center;white-space:nowrap}.message:after{display:none}.thought-body{display:block;padding:20px 26px;border-radius:24px;background:#edf6fb;border:1px solid #cfe5f2;box-shadow:0 7px 18px #17354a07;transform-origin:center;color:#24485e;font-size:26px;line-height:1.35}.thought-body:after{content:'';position:absolute;bottom:-8px;left:30px;width:13px;height:13px;border-radius:50%;background:inherit;border:1px solid #cfe5f2}.message:nth-child(even) .thought-body{background:#fff2dc;border-color:#f4d49e}.message:nth-child(even) .thought-body:after{border-color:#f4d49e}.message-1{left:86px;right:auto;top:5px}.message-1 .thought-body{font-size:22px;padding:16px 22px}.message-2{left:385px;right:auto;top:26px}.message-2 .thought-body{font-size:29px}.message-3{left:0;right:auto;top:113px}.message-3 .thought-body{font-size:23px}.closing .message-4{left:362px;right:auto;top:153px;font-size:inherit}.message-4 .thought-body{background:#f6ac32!important;border-color:#f6ac32;color:#17354a;font-size:38px;font-weight:650;padding:22px 32px}.message-4 .thought-body:after{border-color:#f6ac32!important}.message-5{left:80px;right:auto;top:230px}.message-5 .thought-body{font-size:25px}.message-6{left:700px;right:auto;top:154px}.message-6 .thought-body{font-size:22px;padding:17px 22px}.message-7{left:490px;right:auto;top:295px}.message-7 .thought-body{font-size:24px}.message-8{left:100px;right:auto;top:340px}.message-8 .thought-body{font-size:22px;padding:16px 23px}.closing .contact-action h2{margin-bottom:24px}.closing .contact-action h2 span:first-child{font-size:36px;font-weight:700;color:#17354a}.still .thought-body{transform:none!important}@media(prefers-reduced-motion:reduce){.thought-body{transform:none!important}}
/* Employer recognition first; scan is the next step, not a competing card. */
.closing .closing-copy{top:191px}.closing .closing-copy h1{font-size:48px}.closing .closing-copy p{font-size:27px;margin-top:12px}.closing .closing-copy:after{margin-top:20px;width:65px;height:4px}.message-thread{left:90px;top:355px;width:1080px;height:460px}.thought-body{border:0!important;box-shadow:none!important;border-radius:24px;padding:16px 22px;background:#edf6fb}.thought-body:after{border:0!important;width:9px;height:9px;bottom:-5px;left:27px}.message-1{left:85px;top:15px}.message-1 .thought-body{font-size:24px;padding:15px 22px}.message-2{left:365px;top:18px}.message-2 .thought-body{font-size:31px;padding:17px 26px;background:#e6f3fb!important}.message-3{left:0;top:110px}.message-3 .thought-body{font-size:25px;padding:18px 24px}.closing .message-4{left:370px;top:142px}.message-4 .thought-body{font-size:47px;padding:25px 36px;border-radius:28px;color:#183b52}.message-5{left:70px;top:215px}.message-5 .thought-body{font-size:27px;padding:18px 24px}.message-6{left:810px;top:28px}.message-6 .thought-body{font-size:22px;padding:15px 22px}.message-7{left:470px;top:286px}.message-7 .thought-body{font-size:27px;padding:18px 24px;background:#edf6fb!important}.message-8{left:85px;top:337px}.message-8 .thought-body{font-size:27px;padding:18px 24px;background:#edf6fb!important}.closing .contact-action{top:490px;right:90px;width:240px;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center}.closing .contact-action h2{margin:0 0 17px;line-height:1}.closing .contact-action h2 span:first-child{font-size:28px;color:#17354a;font-weight:600}.closing .qr{width:220px;height:220px;margin:0;padding:9px;border:0;border-radius:0;background:white}.closing .contact-action:before{content:'';position:absolute;top:30px;left:-150px;width:100px;height:45px;border-top:3px solid #f6ac32;border-radius:50%;transform:rotate(14deg)}.closing .contact-action:after{content:'';position:absolute;top:33px;left:-62px;width:12px;height:12px;border-top:3px solid #f6ac32;border-right:3px solid #f6ac32;transform:rotate(32deg)}
.closing .contact-action{right:155px}.closing .contact-action:before{left:-120px;width:75px}.closing .contact-action:after{left:-57px}
/* Connect recognition and action: one CTA group, no floating arrow. */
.message-thread{left:85px;top:350px;width:1420px;height:300px}.message-1{left:40px;top:5px}.message-2{left:340px;top:3px}.message-3{left:860px;top:12px}.message-5{left:0;top:107px}.message-6{left:1180px;top:106px}.message-7{left:330px;top:112px}.message-8{left:690px;top:109px}.message-9{left:90px;top:218px}.message-10{left:490px;top:211px}.message-11{left:880px;top:218px}.message-9 .thought-body,.message-10 .thought-body,.message-11 .thought-body{font-size:25px;padding:17px 24px}.closing .contact-action{left:420px;right:auto;top:675px;width:760px;height:165px;display:grid;grid-template-columns:1fr 135px;grid-template-rows:40px 1fr;column-gap:38px;padding:0 28px 0 0;border:0;background:linear-gradient(90deg,#fff2dc 0%,#fff7eb 72%,#ffffff 100%);border-radius:24px;box-shadow:none}.closing .contact-action:before,.closing .contact-action:after{display:none}.closing .contact-action .message-4{position:relative;left:auto;top:auto;grid-column:1;grid-row:1/3;margin:0;align-self:stretch;display:flex;align-items:center;justify-content:center;background:none!important}.closing .contact-action .message-4 .thought-body{font-size:38px;padding:22px 30px;background:transparent!important;color:#193b50;border:0;border-radius:0;box-shadow:none}.closing .contact-action .message-4 .thought-body:after{display:none}.closing .contact-action h2{grid-column:2;grid-row:1;margin:12px 0 3px;align-self:center;justify-self:center;line-height:1}.closing .contact-action h2 span:first-child{font-size:19px;font-weight:600}.closing .qr{grid-column:2;grid-row:2;width:118px;height:118px;padding:0;margin:0;align-self:center;justify-self:center}.closing .contact-action{border-left:6px solid #f6ac32}.closing .message-4 .thought-body{white-space:nowrap}
.closing .contact-action{left:390px;top:650px;width:820px;height:200px;grid-template-columns:1fr 170px;grid-template-rows:35px 1fr;column-gap:22px}.closing .qr{width:155px;height:155px}.closing .contact-action h2{margin:10px 0 0}.closing .contact-action .message-4 .thought-body{font-size:40px}
.closing .closing-copy{top:180px}.closing .closing-copy h1{display:flex;gap:22px;align-items:baseline;line-height:1.3;letter-spacing:-.04em}.heading-lead{font-size:43px;font-weight:550;color:#17354a}.heading-emphasis{position:relative;font-size:69px;font-weight:800;color:var(--blue);isolation:isolate}.heading-emphasis:after{content:'';position:absolute;left:-8px;right:-12px;bottom:7px;height:18px;background:#f6ac32;transform:rotate(-1.5deg);z-index:-1;border-radius:3px}.closing .closing-copy p{font-size:25px;margin-top:12px;color:#526a77}.closing .closing-copy:after{display:none}
.closing .contact-action{background:none;border:0;border-radius:0;border-bottom:3px solid #f6ac32;padding-bottom:10px}.closing .contact-action .message-4 .thought-body{background:#f6ac32!important;border-radius:25px;padding:24px 38px}.closing .contact-action h2 span:first-child{font-size:23px}.closing .contact-action .message-4{justify-content:center}.closing .contact-action .message-4 .thought-body:after{display:block;width:10px;height:10px;border-radius:50%;left:30px;bottom:-5px;background:#f6ac32}
.thought-body{position:relative}
/* Shared chrome remains on stage as content changes. */
#stage>.brand{left:auto;right:60px;top:35px;width:430px;height:90px;gap:18px;background:none;padding:0;border-radius:0;z-index:40}#stage>.brand .generation{width:175px;height:74px}#stage>.brand .star{width:215px;height:80px}#stage>.brand .brand-divider{height:45px;flex:0 0 1px}.slide.active{animation:none}.slide:not(.cover):not(.question)>h1{left:76px;right:540px;top:77px;font-size:55px;line-height:1.3;max-width:none}.slide.ecosystem>h1{font-size:35px;top:68px;line-height:1.5}.cover-title{top:255px}.cover-title h1{font-size:108px}.cover-title p{font-size:42px}.cover-blue{background:linear-gradient(90deg,#0074b9ed 0%,#0074b9cc 36%,#0074b924 76%,transparent)}.cover:after{content:'';position:absolute;top:0;right:0;width:540px;height:150px;background:linear-gradient(180deg,#fff 0%,#ffffffed 70%,#ffffff00);pointer-events:none}.question-text{left:90px;top:210px}.question-text h1{font-size:106px}.closing .closing-copy{left:76px;top:65px;right:550px}.closing .closing-copy h1{gap:16px}.closing .heading-lead{font-size:38px}.closing .heading-emphasis{font-size:62px;white-space:nowrap;padding-bottom:9px}.closing .heading-emphasis:after{display:none}.heading-brush{position:absolute;left:-5px;bottom:0;width:calc(100% + 14px);height:16px;object-fit:fill;mix-blend-mode:multiply}.closing .closing-copy p{font-size:24px;margin-top:13px}.message-thread{left:76px;top:270px;width:1110px;height:560px}.message-1{left:20px;top:10px}.message-2{left:320px;top:14px}.message-3{left:30px;top:122px}.message-5{left:25px;top:235px}.message-6{left:790px;top:28px}.message-7{left:380px;top:290px}.message-8{left:35px;top:355px}.message-9{left:735px;top:310px}.message-10{left:35px;top:460px}.message-11{left:425px;top:445px}.closing .message-thread .message-4{position:absolute;left:425px;right:auto;top:146px;grid-area:auto;margin:0;display:block}.closing .message-thread .message-4 .thought-body{font-size:43px;background:#f6ac32!important;padding:25px 34px;border-radius:27px;color:#17354a;font-weight:700}.closing .contact-action{left:auto;right:65px;top:440px;width:270px;height:auto;border:0;background:none;padding:0;display:flex;flex-direction:column;gap:14px;border-radius:0}.closing .contact-action h2{margin:0}.closing .contact-action h2 span:first-child{font-size:28px}.closing .qr{width:235px;height:235px;padding:6px;border:0}.closing .contact-action:before,.closing .contact-action:after{display:none}#deck-progress{position:absolute;left:0;right:0;bottom:0;height:8px;background:#f6ac32;z-index:50;overflow:hidden}.progress-completed{width:100%;height:100%;background:var(--blue);transform:scaleX(var(--deck-progress,.066667));transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.transition-portrait{position:absolute;overflow:hidden;border-radius:50%;pointer-events:none;z-index:30;border:4px solid #e3f0f8;background:white}.transition-portrait img{width:100%;height:100%;object-fit:cover}.still .progress-completed{transition:none}@media print{#stage>.brand,#deck-progress{display:none}}
.closing .contact-action{right:230px;width:240px}.closing .qr{width:225px;height:225px}
/* Final act: many thoughts open a clear central space for scanning. */
.message-thread{top:235px;height:630px;left:76px;width:1448px}.message-1{left:60px;top:0}.message-2{left:435px;top:0}.message-3{left:945px;top:20px}.message-5{left:10px;top:130px}.message-6{left:1220px;top:130px}.message-7{left:400px;top:120px}.message-8{left:760px;top:125px}.message-9{left:80px;top:260px}.message-10{left:480px;top:260px}.message-11{left:900px;top:260px}.closing .message-thread .message-4{left:490px;top:375px}.message-12{left:45px;top:400px}.message-13{left:1040px;top:400px}.message-14{left:230px;top:510px}.message-15{left:810px;top:510px}.message-12 .thought-body,.message-13 .thought-body,.message-14 .thought-body,.message-15 .thought-body{font-size:25px;padding:18px 24px}.closing .contact-action{left:580px;right:auto;top:305px;width:440px;height:475px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:#fff;box-shadow:0 0 75px 65px #ffffff;border:0;border-radius:30px;z-index:10}.closing .contact-action h2 span:first-child{font-size:40px;color:var(--blue)}.closing .qr{width:350px;height:350px;padding:12px;border:0}.closing-final .message{opacity:.55;transform:translate(var(--away-x),var(--away-y)) scale(.78)}.closing-final .contact-action{opacity:1;transform:none}


.closing .contact-action{left:590px;top:335px;width:420px;height:410px;gap:18px;background:transparent;box-shadow:none;border-radius:0;isolation:isolate}.closing .contact-action:before{display:block;content:'';position:absolute;inset:-25px -22px;z-index:-1;background:radial-gradient(ellipse,#fff 60%,#ffffffef 72%,#ffffff00 100%);border:0;transform:none;border-radius:50%;width:auto;height:auto;left:auto;top:auto;right:auto;bottom:auto;inset:-25px -22px}.closing .qr{width:320px;height:320px;background:white;border-radius:12px;padding:10px}.closing .contact-action h2 span:first-child{font-size:36px}.closing-final .message{opacity:.92;transform:scale(.98)}
.closing.closing-final .message-2{top:-21px}.closing.closing-final .message-7{left:255px;top:45px}.closing.closing-final .message-8{left:990px;top:120px}.closing.closing-final .message-10{left:235px;top:260px}.closing.closing-final .message-thread .message-4{top:530px}
.message-12{left:5px;top:450px}.closing.closing-final .message-7{left:275px;top:90px}.closing.closing-final .message-10{left:235px;top:355px}.closing.closing-final .message-11{left:1000px;top:260px}
.message-12{top:400px}

/* Ripple arrangement: stable order, shared outward displacement, reserved scan column. */
.closing .message-thread{left:76px;top:220px;width:1448px;height:660px}.closing .message-thread .message .thought-body{font-size:24px;padding:15px 21px;line-height:1.3}.closing .message-thread .message-2 .thought-body{font-size:25px}.closing .contact-action{left:590px;top:260px;width:420px;height:500px;gap:15px;justify-content:flex-start;background:transparent;box-shadow:none}.closing .contact-action:before,.closing .contact-action:after{display:none}.closing .contact-action .message-4{position:relative;left:auto;top:auto;display:block;grid-area:auto;margin:0;transform:none;opacity:1}.closing .contact-action .message-4 .thought-body{font-size:36px;padding:20px 30px;background:#f6ac32!important;border-radius:24px;font-weight:700;white-space:nowrap}.closing .contact-action .message-4 .thought-body:after{display:none}.closing .contact-action h2{margin:4px 0 0}.closing .contact-action h2 span:first-child{font-size:30px}.closing .qr{width:300px;height:300px;padding:10px;background:white;border-radius:0}.closing.closing-final .message-thread .message{opacity:1;transform:none!important}
.closing .message-thread .message-1{left:90px;top:0px;right:auto}
.closing.closing-final .message-thread .message-1{left:66px;top:-15.4px}
.closing .message-thread .message-3{left:20px;top:87px;right:auto}
.closing.closing-final .message-thread .message-3{left:-4px;top:76.385px}
.closing .message-thread .message-5{left:110px;top:174px;right:auto}
.closing.closing-final .message-thread .message-5{left:86px;top:168.17px}
.closing .message-thread .message-7{left:65px;top:261px;right:auto}
.closing.closing-final .message-thread .message-7{left:41px;top:259.955px}
.closing .message-thread .message-10{left:75px;top:348px;right:auto}
.closing.closing-final .message-thread .message-10{left:51px;top:351.74px}
.closing .message-thread .message-12{left:20px;top:435px;right:auto}
.closing.closing-final .message-thread .message-12{left:-4px;top:443.525px}
.closing .message-thread .message-13{left:125px;top:522px;right:auto}
.closing.closing-final .message-thread .message-13{left:101px;top:535.31px}
.closing .message-thread .message-6{left:1120px;top:10px;right:auto}
.closing.closing-final .message-thread .message-6{left:1144px;top:-4.85px}
.closing .message-thread .message-8{left:970px;top:110px;right:auto}
.closing.closing-final .message-thread .message-8{left:994px;top:100.65px}
.closing .message-thread .message-9{left:1080px;top:210px;right:auto}
.closing.closing-final .message-thread .message-9{left:1104px;top:206.15px}
.closing .message-thread .message-11{left:950px;top:310px;right:auto}
.closing.closing-final .message-thread .message-11{left:974px;top:311.65px}
.closing .message-thread .message-14{left:1045px;top:410px;right:auto}
.closing.closing-final .message-thread .message-14{left:1069px;top:417.15px}
.closing .message-thread .message-15{left:940px;top:510px;right:auto}
.closing.closing-final .message-thread .message-15{left:964px;top:522.65px}
.closing .message-thread .message-2{left:520px;top:575px;right:auto}
.closing.closing-final .message-thread .message-2{left:520px;top:595px}

/* Owner correction: deliberately staggered cloud; only central CTA and lower SEN bubble fixed. */
.closing .message-thread .message-1{left:25px;top:0px}
.closing.closing-final .message-thread .message-1{left:13px;top:-8px}
.closing .message-thread .message-3{left:530px;top:-8px}
.closing.closing-final .message-thread .message-3{left:530px;top:-16px}
.closing .message-thread .message-5{left:105px;top:157px}
.closing.closing-final .message-thread .message-5{left:93px;top:149px}
.closing .message-thread .message-6{left:1220px;top:163px}
.closing.closing-final .message-thread .message-6{left:1232px;top:155px}
.closing .message-thread .message-7{left:275px;top:285px}
.closing.closing-final .message-thread .message-7{left:263px;top:293px}
.closing .message-thread .message-8{left:1010px;top:35px}
.closing.closing-final .message-thread .message-8{left:1022px;top:27px}
.closing .message-thread .message-9{left:30px;top:350px}
.closing.closing-final .message-thread .message-9{left:18px;top:358px}
.closing .message-thread .message-10{left:120px;top:465px}
.closing.closing-final .message-thread .message-10{left:108px;top:473px}
.closing .message-thread .message-11{left:1015px;top:286px}
.closing.closing-final .message-thread .message-11{left:1027px;top:294px}
.closing .message-thread .message-12{left:210px;top:72px}
.closing.closing-final .message-thread .message-12{left:198px;top:64px}
.closing .message-thread .message-13{left:1110px;top:445px}
.closing.closing-final .message-thread .message-13{left:1122px;top:453px}
.closing .message-thread .message-14{left:300px;top:557px}
.closing.closing-final .message-thread .message-14{left:288px;top:565px}
.closing .message-thread .message-15{left:880px;top:555px}
.closing.closing-final .message-thread .message-15{left:892px;top:563px}
.closing .message-thread .message-2{left:520px;top:575px}
.closing.closing-final .message-thread .message-2{left:520px;top:585px}
.closing .message-thread .message-1 .thought-body{font-size:22px}.closing .message-thread .message-3 .thought-body{font-size:26px}.closing .message-thread .message-6 .thought-body{font-size:21px}.closing .message-thread .message-8 .thought-body{font-size:25px}.closing .message-thread .message-11 .thought-body{font-size:25px}.closing .message-thread .message-15 .thought-body{font-size:23px}.closing .message-thread .message-7 .thought-body{font-size:23px}
.closing .message-thread .message-3{top:-28px}.closing.closing-final .message-thread .message-3{top:-36px}.closing .contact-action{top:280px}
/* Independent orange popup; QR and contact rise afterwards underneath. */
.closing>.message-4{position:absolute;left:590px;top:280px;width:420px;display:flex;justify-content:center;z-index:12;transform-origin:center}.closing>.message-4 .thought-body{font-size:36px;padding:20px 30px;background:#f6ac32!important;border-radius:24px;font-weight:700;color:#17354a;white-space:nowrap}.closing>.message-4 .thought-body:after{display:block;width:9px;height:9px;bottom:-5px;left:30px;background:#f6ac32}.closing .contact-action{top:382px;height:390px;gap:15px}.closing .contact-action h2{margin:0}.closing.closing-final>.message-4{opacity:1;transform:none}
/* Fill lower corners without turning the cloud into aligned columns. */
.closing .message-thread .message-10{left:30px;top:440px}.closing.closing-final .message-thread .message-10{left:18px;top:448px}.closing .message-thread .message-14{left:65px;top:565px}.closing.closing-final .message-thread .message-14{left:53px;top:573px}.closing .message-thread .message-13{left:1130px;top:415px}.closing.closing-final .message-thread .message-13{left:1142px;top:423px}.closing .message-thread .message-15{left:1050px;top:550px}.closing.closing-final .message-thread .message-15{left:1062px;top:558px}.closing .message-thread .message-5 .thought-body{font-size:29px;padding:20px 26px}.closing .message-thread .message-8 .thought-body{font-size:28px;padding:20px 26px}.closing .message-thread .message-10 .thought-body{font-size:27px;padding:18px 25px}.closing .message-thread .message-14 .thought-body{font-size:22px;padding:14px 20px}.closing .message-thread .message-15 .thought-body{font-size:25px;padding:18px 25px}.closing .message-thread .message-9 .thought-body{font-size:21px;padding:14px 20px}.closing .message-thread .message-6 .thought-body{font-size:20px;padding:13px 18px}

/* Fill QR flanks with staggered near/mid/far thought positions. */
.closing .message-thread .message-5{left:210px;top:160px}
.closing.closing-final .message-thread .message-5{left:198px;top:152px}
.closing .message-thread .message-7{left:365px;top:292px}
.closing.closing-final .message-thread .message-7{left:353px;top:300px}
.closing .message-thread .message-9{left:45px;top:340px}
.closing.closing-final .message-thread .message-9{left:33px;top:348px}
.closing .message-thread .message-10{left:255px;top:438px}
.closing.closing-final .message-thread .message-10{left:243px;top:446px}
.closing .message-thread .message-11{left:940px;top:300px}
.closing.closing-final .message-thread .message-11{left:952px;top:308px}
.closing .message-thread .message-6{left:1090px;top:170px}
.closing.closing-final .message-thread .message-6{left:1102px;top:162px}
.closing .message-thread .message-13{left:1010px;top:430px}
.closing.closing-final .message-thread .message-13{left:1022px;top:438px}
.closing .message-thread .message-8{left:920px;top:25px}
.closing.closing-final .message-thread .message-8{left:932px;top:17px}
.closing .message-thread .message-12{left:240px;top:72px}
.closing.closing-final .message-thread .message-12{left:228px;top:64px}
.closing .message-thread .message-7 .thought-body{font-size:24px;padding:17px 23px}.closing .message-thread .message-11 .thought-body{font-size:27px;padding:19px 24px}.closing .message-thread .message-6 .thought-body{font-size:23px;padding:16px 22px}.closing .message-thread .message-10 .thought-body{font-size:29px;padding:20px 26px}.closing .message-thread .message-13 .thought-body{font-size:25px;padding:17px 23px}
/* Final spacing and colour rhythm refinements. */
.closing>.message-4{top:258px}.closing .message-thread .message-1{left:25px;top:52px}.closing.closing-final .message-thread .message-1{left:13px;top:44px}.closing .message-thread .message-13{left:1090px;top:442px}.closing.closing-final .message-thread .message-13{left:1102px;top:450px}.closing .message-thread .message-15{left:1015px;top:565px}.closing.closing-final .message-thread .message-15{left:1027px;top:573px}.closing .message-thread .message-13 .thought-body{background:#edf6fb!important;color:#24485e}.closing .message-thread .message-13 .thought-body:after{background:#edf6fb!important}
.closing>.message-4{top:280px}.closing .contact-action{top:404px;gap:10px}.closing .qr{width:285px;height:285px}.closing .message-thread .message-1{left:0}.closing.closing-final .message-thread .message-1{left:-12}
/* Enlarge and lift the SEN question beneath the scan. */
.closing .message-thread .message-2{left:480px;top:545px}.closing.closing-final .message-thread .message-2{left:480px;top:555px}.closing .message-thread .message-2 .thought-body{font-size:30px;padding:20px 27px}
.closing .message-thread .message-2,.closing.closing-final .message-thread .message-2{left:724px;translate:-50% 0}
/* Small additional thought beside Support; primary popup retains buoyancy. */
.closing .message-thread .message-16{left:1250px;top:184px;right:auto}.closing.closing-final .message-thread .message-16{left:1262px;top:176px}.closing .message-thread .message-16 .thought-body{font-size:21px;padding:14px 18px;background:#edf6fb;color:#24485e}

.closing .qr img{filter:none}

/* Align visible logo artwork, compensating for the STAR asset's white margins. */
#stage>.brand{width:451px;gap:28px;justify-content:flex-start;align-items:center}
#stage>.brand .generation{width:170px;height:70px;flex:0 0 170px}
#stage>.brand .brand-divider{height:55px;flex:0 0 1px}
#stage>.brand .star-window{position:relative;display:block;width:224px;height:45px;flex:0 0 224px;overflow:hidden}
#stage>.brand .star{position:absolute;left:-24.4px;top:-21.6px;width:273px;height:87.32px;max-width:none;object-fit:contain}

/* Speaker editorial layout: equal portrait area and consistent text hierarchy. */
#stage.cover-page>#deck-progress{visibility:hidden}
.speaker .speaker-disc{left:76px;top:244px;width:492px;height:532px;border-radius:0;background:#edf6fb}
.speaker .speaker-disc:after{content:'';position:absolute;left:26px;bottom:28px;width:104px;height:7px;background:#f6ac32}
.speaker .speaker-photo{left:102px;top:270px;width:440px;height:440px;border-radius:0;border:0;box-shadow:none}
.speaker .speaker-info{left:652px;right:76px;top:270px;min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.speaker .speaker-info .role{order:0;font-size:25px;font-weight:500;line-height:1.45;letter-spacing:.035em;color:#456174;margin:0 0 17px;max-width:100%}
.speaker .speaker-info h2{order:1;font-size:86px;line-height:1.12;letter-spacing:-.045em;font-weight:750;margin:0 0 24px;color:#0074b9}
.speaker .speaker-info .company{order:2;font-size:36px;line-height:1.35;font-weight:500;margin:0;color:#142c49}
.speaker .speaker-info .alumni{order:3;font-size:24px;line-height:1.5;letter-spacing:0;margin-top:32px;padding-top:22px;border-top:1px solid #c7dee9;width:100%;color:#456174}
.speaker .speaker-info:after{content:'';order:4;display:block;width:74px;height:4px;background:#0074b9;margin-top:36px}
.speaker .speaker-photo{border-radius:50%}
.speaker .speaker-info:after{display:none}

/* Two additional thoughts continue the conversation after the scan settles. */
.closing .message-thread .message-17{left:45px;top:252px;right:auto}
.closing.closing-final .message-thread .message-17{left:33px;top:260px}
.closing .message-thread .message-18{left:1300px;top:110px;right:auto}
.closing.closing-final .message-thread .message-18{left:1312px;top:102px}
.closing .message-thread .message-17 .thought-body,.closing .message-thread .message-18 .thought-body{font-size:21px;padding:14px 18px}
.closing .message-thread .message-17 .thought-body{background:#edf6fb;color:#24485e}
.closing .message-thread .message-18 .thought-body{background:#fff2dc;color:#24485e}

/* The question leads the story; the person supplies the perspective. */
#stage>.slide.speaker>h1{left:76px;right:auto;top:225px;width:790px;font-size:84px;line-height:1.18;letter-spacing:-.045em;z-index:2}
.speaker .story-lead{display:block;font-size:52px;line-height:1.3;font-weight:550;color:#24485e;margin-bottom:14px;letter-spacing:-.025em}
.speaker .story-question{display:block;color:#0074b9;white-space:nowrap}
.speaker .speaker-disc{left:892px;top:206px;width:648px;height:648px;background:#edf6fb;border-radius:50%}
.speaker .speaker-disc:after{display:none}
.speaker .speaker-photo{left:916px;top:230px;width:600px;height:600px;border:0;box-shadow:none;border-radius:50%}
.speaker .speaker-info{left:80px;right:auto;top:526px;width:730px;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-left:5px solid #f6ac32;padding-left:26px}
.speaker .speaker-info h2{order:0;font-size:52px;font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px;color:#142c49}
.speaker .speaker-info .role{order:1;font-size:24px;letter-spacing:0;font-weight:400;line-height:1.35;margin:0;color:#456174}
.speaker .speaker-info .company{order:2;font-size:28px;font-weight:600;line-height:1.35;margin:7px 0 0;color:#142c49}
.speaker .speaker-info .alumni{order:3;border:0;font-size:22px;line-height:1.45;padding:0;margin-top:24px;width:auto;color:#456174}
.speaker .speaker-info:after{display:none}

/* A quiet white brand sign-off, using the same paired artwork. */
#stage.logo-end-page>.brand{left:50%;right:auto;top:50%;transform:translate(-50%,-50%) scale(1.75);transform-origin:center}
#stage.logo-end-page>#deck-progress{visibility:hidden}

/* Native high-resolution sources / explicitly tracked restoration versions. */
.speaker-photo img[data-person],.panel-photo img[data-person]{transform:none;object-fit:cover;object-position:50% 50%}
.speaker-photo img[data-person="alvin"],.panel-photo img[data-person="alvin"]{object-position:50% 20%}
.panel-grid article:first-child img[data-person="victoria"]{object-position:50% 50%}

/* Speaker cutouts: people occupy the stage rather than a circular frame. */
.speaker .speaker-disc{left:1010px;top:170px;width:590px;height:730px;border-radius:140px 0 0 0;background:#edf6fb}
.speaker .speaker-photo{left:850px;top:165px;width:750px;height:735px;border-radius:0;overflow:visible;border:0;background:none;box-shadow:none}
.speaker .speaker-photo img[data-person]{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:none}
.speaker .speaker-photo img[data-person="alvin"]{height:950px;width:auto;max-width:none;position:absolute;left:30px;top:0;object-position:initial}

/* Opening story: real people → question the shortage → recognise four pain points. */
.cover{background:#fff}
.cover .cover-image{left:495px;top:170px;width:1105px;height:730px;overflow:hidden}
.cover .cover-image img,.cover[data-build="0"] .cover-image img{object-fit:cover;object-position:58% center;transform:none;transform-origin:78% 70%;transition:none}
.cover .cover-blue{background:linear-gradient(90deg,#fff 0%,#fff 28%,#ffffffee 34%,#ffffff85 42%,#ffffff00 55%);pointer-events:none}
.cover:after{display:none}
.cover .cover-title{left:76px;top:248px;right:auto;width:640px;color:#0074b9}
.cover .cover-title h1{font-size:150px;line-height:1.12;letter-spacing:-.04em}
.cover .cover-lead{display:block;font-size:80px;font-weight:650;line-height:1.25;letter-spacing:-.045em;margin-bottom:13px;color:#17354a}
.cover .cover-keyword{position:relative;display:inline-block;padding-bottom:24px;transform-origin:left top}
.opening-brush{position:absolute;left:0;bottom:0;width:100%;height:16px;object-fit:fill;mix-blend-mode:multiply;pointer-events:none}
.cover .cover-title p{font-size:32px;line-height:1.65;font-weight:500;letter-spacing:.02em;margin-top:43px;color:#24485e}
.cover .cover-title p span{display:block}
.question .question-text{left:116px;top:248px;right:auto}
.question .question-text h1{font-size:124px;line-height:1.24;letter-spacing:-.035em;color:#17354a}
.question .question-text .question-lead{display:block;font-size:64px;line-height:1.4;font-weight:500;letter-spacing:.015em;color:#24485e;margin-bottom:42px}
.question .question-text .question-main{display:block;color:#17354a;white-space:nowrap;font-weight:750}
.question .question-text .question-keyword{display:inline-block;position:relative;color:#0074b9;margin:0 10px;padding-bottom:25px}
.question .question-text span:after{display:none}
.question .question-mark{right:80px;top:220px;font-size:480px;line-height:1;color:#e6f2f9;opacity:.6;transform:rotate(8deg);font-weight:500}
.question .opening-brush{height:17px;bottom:0}
#stage>.slide.pains>h1{font-size:60px;top:77px;right:auto;padding-bottom:24px}
.pain-heading-brush{position:absolute;left:0;bottom:0;width:140px;height:9px;object-fit:fill}
.pains .pain-grid{left:96px;right:96px;top:270px;bottom:110px;gap:42px 100px}
.pains .pain{padding:26px 0 38px;gap:32px;background:transparent;border:0;border-bottom:2px solid #d9eaf4;border-radius:0;opacity:1;transform:none}
.pains .pain span{font-size:68px;font-weight:650;letter-spacing:-.035em;line-height:1.25;color:#17354a}
.pains .pain svg{width:100px;height:100px;stroke:#0074b9;stroke-width:3;stroke-dasharray:320;stroke-dashoffset:0}
.pains .pain:after{content:'';position:absolute;left:0;bottom:-2px;width:54px;height:4px;background:#f6ac32}
.opening-outgoing{visibility:visible!important;pointer-events:none!important;z-index:21}
.opening-outgoing .cover-keyword{visibility:hidden}
.opening-travel-word{position:absolute;z-index:23;color:#0074b9;font-weight:750;letter-spacing:-.04em;transform-origin:left top;pointer-events:none}
@media print{.opening-outgoing,.opening-travel-word{display:none!important}}

.opening-travel-brush{position:absolute;z-index:23;transform-origin:left top;pointer-events:none;object-fit:fill}
.opening-outgoing.question .opening-brush{visibility:hidden}
@media print{.opening-travel-brush{display:none!important}}

/* Meaning-led speaker entrances leave the final typography and crop unchanged. */
.speaker .seen-word{display:inline-block;transform-origin:center 65%}
.speaker .speaker-photo{transform-origin:center bottom}
.speaker .story-question{transform-origin:left bottom}
#scrub[hidden]{display:none}
nav button:disabled{opacity:.35;cursor:default}

/* Owner-supplied Annie portrait is authoritative; retain its real circular crop. */
.speaker[data-original-portrait="annie"] .speaker-photo{left:920px;top:228px;width:620px;height:620px;overflow:hidden;border-radius:50%}
.speaker[data-original-portrait="annie"] .speaker-photo img[data-person="annie"]{width:100%;height:100%;object-fit:contain;object-position:center}

/* Page 4 follows the supplied composition, with clearer typesetting. */
.about{background:#0074b9;color:white}
.about-background{position:absolute;inset:0;overflow:hidden}
.about-background img{position:absolute;left:-15px;top:-144px;width:1623px;height:1266px;max-width:none;object-fit:fill}
.about-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,86,143,.90),rgba(0,116,185,.80) 68%,rgba(0,116,185,.72))}
.about:after{content:'';position:absolute;right:0;top:0;width:540px;height:150px;background:#fff;pointer-events:none}
#stage>.slide.about>h1{left:76px;top:77px;right:550px;font-size:55px;color:white}
.about .about-intro{left:76px;top:245px;width:1448px;border:0;padding:0}
.about .about-intro p{font-size:29px;line-height:1.6;letter-spacing:0;margin:0 0 24px;font-weight:400;color:#fff}
.about .about-intro b{font-weight:700}
.about .about-intro strong{color:#ffe28a;font-weight:700}
.about .purpose{left:96px;right:auto;top:535px;width:1010px;display:flex;flex-direction:column;gap:34px}
.about .purpose>div{background:none;border:0;border-radius:0;padding:0}
.about .purpose h2{font-size:30px;line-height:1.4;font-weight:700;color:#fff;margin:0 0 8px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.about .purpose p{font-size:28px;line-height:1.55;color:#fff;margin:0}
.about .employed{left:auto;right:76px;top:auto;bottom:70px;width:360px;height:230px;background:none;border-radius:0;padding:0;filter:none;object-fit:contain}

.about .about-intro strong{white-space:nowrap}

/* Seven-step method: readable circular map, original copy beside its own stage. */
.method .method-canvas{position:absolute;left:0;top:190px;width:1600px;height:650px;transform:translate(var(--method-camera-x,0px),var(--method-camera-y,0px)) scale(var(--method-camera-scale,1));transform-origin:800px 315px;transition:transform 1s cubic-bezier(.2,.75,.2,1)}
.method-links{position:absolute;inset:0;width:1600px;height:650px;overflow:visible;fill:none}
.method-ring-track{stroke:#c9e3f1;stroke-width:3}
.method-ring-progress{stroke:#0074b9;stroke-width:4;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.75,.2,1)}
.method-spoke{stroke:#dfedf5;stroke-width:1.5;transition:stroke .8s}
.method-spoke.current{stroke:#81b9d9}
.method-node{position:absolute;z-index:2;width:112px;height:112px;transform:translate(-50%,-50%);border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0074b9;color:white;cursor:pointer;box-shadow:0 0 0 0 #e4f2fa;transition:transform .8s cubic-bezier(.2,.75,.2,1),box-shadow .8s,background .8s;padding:0}
.method-node svg{width:66px;height:66px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}
.method-node.selected{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 12px #e4f2fa;background:#0067a7}
.method-number{position:absolute;right:-6px;top:-9px;width:36px;height:36px;border-radius:50%;background:#f6ac32;color:#17354a;font:650 23px/36px Arial;text-align:center;box-shadow:0 0 0 5px #fff}
.method-node[data-go="6"]{width:164px;height:164px;background:#0074b9;box-shadow:0 0 0 12px #f0f7fb}
.method-node[data-go="6"] svg{width:82px;height:82px}
.method-node[data-go="6"] .method-number{top:-3px;right:4px}
.method-node[data-go="6"].selected{box-shadow:0 0 0 19px #e4f2fa;transform:translate(-50%,-50%) scale(1.02)}
.method-core-label{position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-50%);width:280px;white-space:nowrap;color:#0074b9;font:650 30px/1.3 'PingFang HK','PingFang TC',sans-serif}
.method-callout{position:absolute;margin:0;font-size:27px;line-height:1.46;letter-spacing:0;font-weight:450;color:#24485e;transition:color .65s}
.method-callout.selected{color:#0074b9;font-weight:600}
.method-callout:after{content:'';display:block;margin-top:13px;width:44px;height:4px;background:#f6ac32;transform:scaleX(0);transform-origin:left;transition:transform .7s}
.method-callout.selected:after{transform:scaleX(1)}
.method-callout[data-focus="0"]{left:410px;top:30px;width:310px;text-align:right}
.method-callout[data-focus="0"]:after{margin-left:auto}
.method-callout[data-focus="1"]{left:1125px;top:144px;width:390px}
.method-callout[data-focus="2"]{left:1125px;top:375px;width:390px}
.method-callout[data-focus="3"]{left:940px;top:535px;width:560px}
.method-callout[data-focus="4"]{left:76px;top:371px;width:405px}
.method-callout[data-focus="5"]{left:76px;top:155px;width:405px}
.method-data-dot{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:#0074b9;offset-distance:0%;offset-rotate:0deg;animation:method-data-travel 3.8s linear infinite;pointer-events:none;z-index:1}
@keyframes method-data-travel{0%{offset-distance:0%;opacity:0}20%{opacity:.8}80%{opacity:.8}100%{offset-distance:100%;opacity:0}}
.method:not(.active) .method-data-dot{animation-play-state:paused}
.still .method-canvas{transform:none!important}.still .method-data-dot{display:none}
@media(prefers-reduced-motion:reduce){.method-data-dot{display:none}}

.method-core-label{background:#fff;padding:3px 8px}
/* Focusable diagram nodes must not scroll the scaled presentation viewport. */
#viewport{overflow:clip}

/* Page6: a connected group of people, with every strength given equal weight. */
.talents .talent-ensemble{position:absolute;inset:0}
.talents .talent-person{position:absolute;left:var(--person-x);top:var(--person-y);width:200px;height:410px}
.talents .person-drawing{position:absolute;inset:0;width:200px;height:410px;overflow:visible}
.talents .person-wash{fill:#f0f7fb;stroke:none}
.talents .person-ink,.talents .person-detail{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.talents .person-head{fill:white}
.talents .person-detail{stroke-width:2;stroke:#7bb6d7}
.talents .person-signal{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round}
.talents .person-trait{position:absolute;top:204px;left:0;width:200px;text-align:center;white-space:nowrap;font-size:36px;font-weight:650;line-height:1.4;color:var(--blue);letter-spacing:0}
.talents .talent-connections{position:absolute;inset:0;width:1600px;height:900px;pointer-events:none}
.talents .team-thread{fill:none;stroke:#b7d7e9;stroke-width:2}
.talents .team-current{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:45 955;opacity:0}
.talents.talents-flowing .team-current{opacity:.8;animation:team-flow 12s linear infinite}
@keyframes team-flow{from{stroke-dashoffset:45}to{stroke-dashoffset:-955}}
.still .talents .team-current{display:none}
@media(prefers-reduced-motion:reduce){.talents .team-current{display:none}}
@media print{.talents .team-current{display:none}}

/* Page7: whitespace already separates the partner groups. */
.partners .donor{border-top:0;padding-top:24px}
.partners .partner-grid article{border-top:0;padding-top:29px}

/* Page8: short visual heading, supporting sentence, and three open logo groups. */
.slide.ecosystem>h1{left:76px;right:76px;top:73px;max-width:none;line-height:1.4}
.ecosystem-heading{display:block;max-width:930px;font-size:48px;font-weight:750;letter-spacing:-.035em}
.ecosystem-purpose{display:block;margin-top:48px;font-size:30px;font-weight:450;letter-spacing:0;color:var(--navy);white-space:nowrap}
.ecosystem .ecosystem-grid{top:340px;left:76px;right:76px;gap:48px}
.ecosystem .ecosystem-grid article{position:relative;height:420px}
.ecosystem .ecosystem-grid h2{position:absolute;left:0;right:0;top:0;margin:0;font-size:33px;line-height:1.4;font-weight:650}
.ecosystem .ecosystem-grid p{position:absolute;left:0;right:0;top:49px;margin:0;font-size:20px}
.ecosystem .eco-ring{position:absolute;left:0;right:0;top:108px;height:260px;border:0!important;border-radius:0!important;padding:0;background:transparent;gap:36px;box-shadow:none}
.ecosystem .eco-ring img{object-fit:contain;flex-shrink:0}
.ecosystem .eco-ring>img[src$="hkyic.png"]{width:310px;height:auto;max-height:none}
.ecosystem .eco-ring>img[src$="generation-hk-blue.png"]{width:260px;height:auto;max-height:none}
.ecosystem .eco-ring>img[src$="ymca-college.png"]{width:310px;height:auto;max-height:none}
.ecosystem .eco-ring.schools{flex-direction:row;gap:22px;align-items:center}
.ecosystem .school-mark{position:relative;display:block;flex-shrink:0;height:135px;overflow:hidden}
.ecosystem .school-mark img{position:absolute;width:auto;height:auto;max-height:none}
.ecosystem .school-mark-1{width:115px}
.ecosystem .school-mark-1 img{width:149px;height:149px;left:-16px;top:-11px}
.ecosystem .school-mark-2{width:123px}
.ecosystem .school-mark-2 img{width:183px;height:183px;left:-27px;top:-24px}
.ecosystem .school-mark-3{width:135px}
.ecosystem .school-mark-3 img{width:135px;height:135px;left:0;top:0}