@font-face{font-family:Hanken;src:url('/assets/Hanken-Bold.woff2');font-weight:700;font-display:swap}@font-face{font-family:Nicky;src:url('/assets/Nicky-Regular.woff2');font-display:swap}
:root{--navy:#001149;--violet:#6839ea;--lavender:#dce0ff;--cream:#f5f3ed;--muted:#4d5a7a;--scale:1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:Nicky,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:700 13px Hanken,Arial;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #ffb938;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;background:transparent}h1,h2,h3,p,figure{margin:0}h1,h2,h3,strong,b{font-family:Hanken,Arial,sans-serif}em{font-style:normal;color:var(--violet)}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--navy);color:white;padding:15px}.skip:focus{top:15px}.toolbar{height:64px;display:flex;align-items:center;gap:25px;padding:0 3%;border-bottom:1px solid #00114925}.brand img{width:116px;height:auto;display:block}.event-name{font:700 10px Hanken;letter-spacing:.12em}.event-name span{opacity:.5}.toolbar nav{display:flex;gap:8px;margin-left:auto}.toolbar button{height:40px;padding:0 13px}.toolbar button:hover,.arrows button:hover{background:var(--lavender)}.toolbar button span{margin-left:10px}#stage{height:calc(100dvh - 116px);display:flex;align-items:center;justify-content:center;background:#e9e7e1;position:relative;overflow:hidden}.scene{width:1600px;height:900px;flex-shrink:0;position:absolute;overflow:hidden;transform:scale(var(--scale));background:var(--cream);padding:80px 90px;color:var(--navy);isolation:isolate}.scene h1{font-size:110px;line-height:.98;letter-spacing:-.052em;max-width:1320px}.scene .sub{font-size:30px;line-height:1.4;margin-top:32px;max-width:1050px}.eyebrow{font:700 14px Hanken;letter-spacing:.15em;margin-bottom:34px}.scene .scene-foot{position:absolute;bottom:48px;left:90px;font-size:17px;line-height:1.4;max-width:1230px}.scene-logo{position:absolute;right:60px;bottom:45px;width:130px;height:auto;z-index:10}.scene .eyebrow,.scene .copy,.scene .scene-foot{z-index:2;position:relative}.scene .scene-foot{position:absolute}.scene.in .copy{animation:arrive .7s both}.scene.in .eyebrow{animation:arrive .7s .1s both}.background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#001149e8,#00114980 60%,#00114926)}.dark,.city,.cover,.closing{background:var(--navy);color:var(--cream)}.dark em,.city em,.cover em,.closing em{color:var(--lavender)}.cover .copy{margin-top:112px}.cover h1{font-size:170px;letter-spacing:-.06em}.cover .sub{font-size:29px}.cover .scene-foot{bottom:48px}.cover .background,.city .background,.closing .background{animation:city-drift 24s ease-in-out infinite alternate}.city .copy,.closing .copy{margin-top:150px}.city h1{font-size:118px}.photo{display:grid;grid-template-columns:1fr 650px;gap:65px;align-items:center}.photo .photo-image{width:650px;height:760px;object-fit:cover;object-position:50% 40%;transform:rotate(3deg);box-shadow:18px 18px var(--lavender)}.photo h1{font-size:100px}.photo .eyebrow{position:absolute;top:65px}.photo .copy{margin-top:90px}.statement{display:flex;justify-content:center;flex-direction:column}.statement h1{font-size:128px}.statement .eyebrow{position:absolute;top:70px}.statement.violet{background:var(--violet);color:var(--cream)}.statement.violet em{color:var(--lavender)}.poster,.gate,.subway{display:grid;grid-template-columns:1fr 630px;gap:60px;align-items:center}.poster .eyebrow,.gate .eyebrow,.subway .eyebrow{position:absolute;top:70px}.poster h1{font-size:132px}.poster .scene-photo,.gate .scene-photo{width:630px;height:740px;object-fit:cover;box-shadow:15px 15px var(--lavender);transform:rotate(2deg)}.gate h1{font-size:102px}.subway{background:var(--navy);color:var(--cream);grid-template-columns:1fr 720px;padding-right:0}.subway em{color:#b79cff}.subway .scene-photo{width:720px;height:900px;object-fit:cover;position:absolute;right:0;top:0;z-index:-1;opacity:.66}.subway .copy{max-width:850px}.journey h1,.noise h1,.connect h1,.checks h1,.learn h1,.measure h1,.method h1{font-size:100px}.journey .path-stage{height:350px;position:relative;margin-top:65px}.route-svg{position:absolute;inset:0;width:100%;height:100%}.route-svg path{stroke:var(--violet);stroke-width:3;fill:none;stroke-dasharray:8 11}.route-node{position:absolute;font:700 29px Hanken;background:var(--navy);color:white;padding:24px 30px;box-shadow:8px 8px var(--lavender);animation:node-lift 5s ease-in-out infinite alternate}.route-node:nth-of-type(2){left:21%;top:47%;animation-delay:-1s}.route-node:nth-of-type(3){left:46%;top:0;animation-delay:-2s}.route-node:nth-of-type(4){left:68%;top:54%;animation-delay:-3s}.route-node:nth-of-type(5){right:0;top:4%;animation-delay:-4s}.journey .sub{font-size:26px}.dots h1{font-size:110px;max-width:740px}.dots .stat{position:absolute;right:110px;top:220px;font:700 160px Hanken;letter-spacing:-.08em}.dot-field{position:absolute;right:100px;top:420px;width:560px;display:grid;grid-template-columns:repeat(20,1fr);gap:12px}.dot-field i{width:13px;height:13px;background:#00114925;display:block}.dot-field i:first-child{background:var(--violet);animation:pulse 4s infinite}.dots .sub{max-width:720px}.dots .scene-foot{font-size:20px;max-width:950px}.two-posters .eyebrow{margin-bottom:15px}.two-posters h1{font-size:72px}.poster-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.paper-poster{padding:48px 40px;background:var(--navy);color:var(--cream);min-height:330px;transform:rotate(-2deg);box-shadow:13px 13px #00114920;display:flex;flex-direction:column;justify-content:space-between}.paper-poster:nth-child(2){background:var(--violet);transform:rotate(2deg)}.paper-poster small{font-size:17px;letter-spacing:.12em}.paper-poster b{font-size:61px;line-height:1.05}.two-posters .sub{font-size:26px}.return h1{font-size:104px;max-width:1000px}.return-trail{display:flex;align-items:center;gap:28px;margin-top:55px;font:700 24px Hanken}.return-trail span{border-bottom:3px solid var(--violet);padding-bottom:15px}.return-trail i{font-size:35px;font-style:normal;color:var(--violet)}.return .sub{font-size:30px}.audit h1{font-size:104px}.audit-chain{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:70px}.audit-item{width:275px;min-height:215px;padding:25px;background:white;border-top:6px solid var(--navy);box-shadow:10px 10px var(--lavender)}.audit-item:nth-of-type(3){border-color:var(--violet)}.audit-item small{font:700 16px Hanken;letter-spacing:.09em}.audit-item b{display:block;font-size:36px;line-height:1.1;margin-top:40px}.audit-chain .arrow{font-size:40px;color:var(--violet)}.value h1{font-size:100px}.value-posters{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}.value-posters article{background:var(--navy);color:var(--cream);padding:30px 25px;min-height:320px;transform:rotate(-2deg);box-shadow:7px 7px var(--lavender)}.value-posters article:nth-child(even){transform:rotate(2deg);background:var(--violet)}.value-posters small{font-size:14px;letter-spacing:.09em}.value-posters b{font-size:38px;line-height:1.05;display:block;margin:35px 0 20px}.value-posters p{font-size:21px;line-height:1.35}.value .sub{display:none}.checks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:90px}.checks-grid article{border-top:4px solid var(--violet);padding-top:30px}.checks-grid small{font-size:18px;color:var(--violet)}.checks-grid h2{font-size:43px;margin:28px 0 16px;letter-spacing:-.03em}.checks-grid p{font-size:25px;line-height:1.35}.noise{background:var(--navy);color:var(--cream)}.noise em{color:#b99cff}.noise .noise-words{display:flex;gap:40px;font:700 42px Hanken;margin-top:95px;justify-content:space-between}.noise-words span{animation:noise 5s ease-in-out infinite alternate;border-bottom:3px solid #ffffff30;padding-bottom:22px}.noise-words span:nth-child(2){animation-delay:-2s}.noise-words span:nth-child(3){animation-delay:-4s}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:90px;position:relative}.method-grid article{padding:25px 18px 35px 0;border-top:3px solid var(--navy)}.method-grid article:before{content:attr(data-num);font-size:17px;color:var(--violet)}.method-grid h2{font-size:43px;letter-spacing:-.04em;margin:40px 0 20px}.method-grid p{font-size:24px;line-height:1.3}.learning-line{height:3px;background:linear-gradient(90deg,var(--violet),var(--lavender),var(--violet));margin-top:35px;position:relative}.learning-line:after{content:'↖ Learning returns to the work';position:absolute;right:0;top:16px;font-size:20px}.understand{background:var(--cream)}.understand h1{font-size:120px}.understand .listening{position:absolute;right:85px;top:210px;width:340px;height:340px;border:2px solid var(--violet);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:14px}.listening i{width:12px;height:80px;background:var(--violet);animation:wave 3s ease-in-out infinite alternate}.listening i:nth-child(2n){height:180px;animation-delay:-1s}.listening i:nth-child(3n){height:130px;animation-delay:-2s}.understand .sub{max-width:850px}.calculator{background:var(--navy);color:var(--cream)}.calculator em{color:var(--lavender)}.calculator h1{font-size:105px}.calculation{display:flex;gap:28px;align-items:center;justify-content:space-between;margin-top:80px}.calculation span{font:700 80px Hanken;letter-spacing:-.06em}.calculation small{display:block;font:22px Nicky;letter-spacing:0;margin-top:15px}.calculation i{font-size:40px;font-style:normal;color:#b99cff}.calculation .answer{color:#b99cff;font-size:110px}.calculator .scene-foot{font-size:19px}.connect-route{display:flex;gap:15px;align-items:center;margin-top:100px}.connect-route article{flex:1;border-top:4px solid var(--violet);padding-top:30px}.connect-route b{display:block;font-size:36px}.connect-route p{font-size:24px;margin-top:20px}.connect-route i{font-size:40px;color:var(--violet);font-style:normal}.restaurant h1{font-size:110px}.restaurant-visual{position:absolute;right:80px;bottom:150px;width:360px;height:200px}.plate{width:200px;height:200px;border-radius:50%;background:#fff;border:20px solid var(--lavender);box-shadow:12px 12px #00114922;position:absolute;right:15px}.order{position:absolute;left:0;top:10px;background:var(--violet);color:white;padding:22px;transform:rotate(-8deg);font:700 35px Hanken;z-index:1}.restaurant .sub{max-width:850px}.learn-loop{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.learn-loop article{border-left:3px solid var(--violet);padding:0 20px}.learn-loop b{font-size:40px}.learn-loop p{font-size:25px;line-height:1.4;margin-top:20px}.people{background:var(--violet);color:var(--cream)}.people em{color:var(--lavender)}.people h1{font-size:120px}.people .sub{font-size:32px}.people .human-line{margin-top:90px;font:700 28px Hanken;letter-spacing:.04em;border-top:1px solid #ffffff70;padding-top:35px}.sales h1{font-size:116px}.sales .sub{font-size:32px}.sales-path .checks-grid{margin-top:60px}.sales-path h1{font-size:108px}.measure .checks-grid{margin-top:65px}.measure .checks-grid h2{font-size:35px}.measure .sub{font-size:24px}.book{display:grid;grid-template-columns:1fr 650px;align-items:center;gap:50px;background:var(--navy);color:var(--cream)}.book .eyebrow{position:absolute;top:70px}.book h1{font-size:156px}.book em{color:#ab7bf7}.book .book-photo{height:760px;width:650px;object-fit:cover;object-position:center;transform:rotate(3deg);box-shadow:15px 15px #6839ea60}.book .sub{font-size:30px}.kindle h1,.clinic h1{font-size:110px;max-width:1050px}.kindle .copy,.clinic .copy{max-width:1030px}.kindle .qr-block,.clinic .qr-block{position:absolute;right:80px;top:265px;width:300px;text-align:center}.qr-block img{width:250px;height:250px;background:white;padding:15px}.qr-block b{display:block;font-size:22px;margin-top:20px}.kindle .sub,.clinic .sub{max-width:980px;font-size:29px}.device-line{display:flex;gap:25px;font:700 23px Hanken;margin-top:65px}.device-line span{padding:16px 22px;border:1px solid #00114930}.kindle .scene-foot{max-width:1050px;font-size:18px}.clinic{background:var(--lavender)}.clinic .clinic-details{font-size:23px;line-height:1.6;margin-top:50px}.closing h1{font-size:130px}.closing .sub{font-size:33px}.closing .resource-links{display:flex;gap:35px;margin-top:60px}.resource-links a{border-bottom:1px solid #ffffff90;padding:12px 0;font:700 25px Hanken}.film{padding:0;background:var(--navy);color:white}.film video{width:100%;height:100%;object-fit:contain;background:var(--navy)}.film-intro{position:absolute;inset:0;background:linear-gradient(90deg,#001149f5,#00114988);padding:95px 90px;display:flex;flex-direction:column;justify-content:center}.film-intro h1{font-size:122px;max-width:1150px}.film-intro p{font-size:29px;line-height:1.4;margin-top:35px}.film-intro .eyebrow{font-size:15px;margin:0 0 30px}.play-film{font:700 26px Hanken;align-self:start;margin-top:45px;padding:20px 32px;background:var(--violet);color:white}.film-intro small{margin-top:25px;font-size:16px;color:var(--lavender)}.transport{height:52px;display:flex;align-items:center;padding:0 3%;gap:30px}.chapter{display:flex;gap:25px;align-items:center;min-width:225px;font:700 11px Hanken;letter-spacing:.07em}#counter{color:var(--muted);font-size:11px}.progress-track{height:2px;flex:1;background:#00114920}.progress-track i{display:block;height:100%;background:var(--violet);transition:width .4s}.arrows{display:flex;gap:8px}.arrows button{font-size:24px;width:40px;height:40px}.arrows button:disabled{opacity:.25;cursor:default}#options{position:absolute;top:60px;right:25px;z-index:25;background:var(--navy);padding:10px;box-shadow:10px 10px #00114920;color:white;min-width:220px}#options button{display:block;padding:16px;text-align:left;width:100%}#options button:hover{background:var(--violet)}dialog{max-width:1160px;width:92%;max-height:86dvh;border:0;background:var(--cream);color:var(--navy);padding:45px}dialog::backdrop{background:#001149cc;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:32px;gap:25px}.dialog-head h2{font-size:48px;letter-spacing:-.04em}.dialog-head .eyebrow{font-size:11px;margin-bottom:12px}.close{font-size:36px;line-height:1;width:44px;height:44px}.close:hover{background:var(--lavender)}#scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}#scene-grid button{display:block;text-align:left;border-top:2px solid #00114930;padding:20px 15px;font-size:18px;min-height:90px}#scene-grid button[aria-current]{background:var(--navy);color:white}#scene-grid button:hover{background:var(--lavender);color:var(--navy)}#scene-grid small{font:11px Nicky;display:block;margin-bottom:9px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.resource-grid a{border-top:3px solid var(--violet);padding-top:20px;display:flex;flex-direction:column;align-items:start}.resource-grid img{width:150px;height:150px;background:white;margin-bottom:25px}.resource-grid b{font-size:23px}.resource-grid span{font-size:17px;line-height:1.45;margin-top:12px}.resource-note{margin-top:35px;border-top:1px solid #00114925;padding-top:20px;line-height:1.5;font-size:15px}dl{display:grid;grid-template-columns:240px 1fr;gap:18px;font-size:19px}dt{font-family:Hanken}dd{margin:0}#help-dialog>p{line-height:1.5;margin-top:30px}#toast{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;z-index:50;padding:15px 24px;max-width:90%;display:none}#toast.show{display:block}#screen-blank{position:fixed;inset:0;z-index:70;background:#001149;display:grid;place-items:center}#screen-blank button{color:#dce0ff70;font-size:16px;padding:30px}.no-js{position:fixed;inset:70px 0;background:var(--cream);padding:50px;font-size:25px}.paused *{animation-play-state:paused!important;transition:none!important}.presenter-mode{overflow:auto;background:var(--navy);color:var(--cream)}.presenter-shell{max-width:1280px;margin:auto;padding:35px}.presenter-shell h1{font-size:45px;line-height:1.1;margin:25px 0}.presenter-top{display:flex;justify-content:space-between;align-items:center;font-size:18px}.presenter-notes{font-size:25px;line-height:1.55;max-width:1050px;margin:35px 0;padding-top:30px;border-top:1px solid #ffffff50}.presenter-actions{display:flex;gap:20px}.presenter-actions button{background:var(--violet);color:white;padding:20px 35px;font-size:22px}.presenter-next{font-size:20px;margin-top:35px;color:var(--lavender)}
@keyframes arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes city-drift{to{transform:scale(1.06) translateX(-.6%)}}@keyframes node-lift{to{translate:0 -12px}}@keyframes pulse{50%{box-shadow:0 0 0 12px #6839ea22}}@keyframes noise{to{translate:0 22px;rotate:2deg}}@keyframes wave{to{height:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:700px){.toolbar{height:56px;padding:0 14px;gap:8px}.brand img{width:90px}.event-name{display:none}.toolbar nav{gap:0}.toolbar button{font-size:11px;padding:0 10px;min-width:42px}#stage{height:calc(100dvh - 108px)}.transport{padding:0 12px;gap:12px}.chapter{min-width:0;gap:10px}.progress-track{display:none}.arrows{margin-left:auto}.chapter #chapter-label{max-width:170px;font-size:9px}.resource-grid{grid-template-columns:1fr}.resource-grid a{display:grid;grid-template-columns:110px 1fr;gap:8px 16px;align-items:center}.resource-grid img{width:100px;height:100px;grid-row:span 2;margin:0}.resource-grid span{margin:0}.resource-grid b{font-size:19px}dialog{padding:25px;max-height:90dvh}.dialog-head h2{font-size:34px}#scene-grid{grid-template-columns:1fr 1fr}#scene-grid button{font-size:14px;padding:15px 5px}dl{grid-template-columns:1fr;gap:8px;font-size:17px}dd{margin-bottom:15px}.presenter-shell{padding:20px}.presenter-notes{font-size:20px}}@media print{body{overflow:visible}header,footer,dialog,#options,#screen-blank,#toast{display:none!important}#stage{height:auto;display:block;overflow:visible}.scene{position:relative;transform:none;width:1600px;height:900px;page-break-after:always}body{zoom:.6}}
/* Keep explanatory notes in the layout, below the example. */
.copy .scene-foot{position:static;left:auto;bottom:auto;margin-top:60px;max-width:1150px;font-size:19px;line-height:1.5}
.paused .scene.in .copy,.paused .scene.in .eyebrow{animation:none!important}
/* Small narrative movements, followed by long readable holds. */
.method-grid article{animation:score-emphasis 12s ease-in-out infinite}
.method-grid article:nth-child(2){animation-delay:-9s}.method-grid article:nth-child(3){animation-delay:-6s}.method-grid article:nth-child(4){animation-delay:-3s}
@keyframes score-emphasis{0%,15%{border-color:#6839ea}30%,100%{border-color:#001149}}
.audit-item{animation:paper-settle 10s ease-in-out infinite}.audit-item:nth-of-type(2){animation-delay:-3s}.audit-item:nth-of-type(3){animation-delay:-6s}
@keyframes paper-settle{0%,20%,100%{translate:0 0}10%{translate:0 -8px}}
@media(prefers-reduced-motion:reduce){.method-grid article,.audit-item{animation:none!important}}
.scene.kindle .qr-block,.scene.clinic .qr-block{right:-390px;top:245px}
.scene.kindle .copy .scene-foot{position:static;margin-top:60px;max-width:1000px;font-size:19px}
.learning-line:after{right:180px}