@font-face{font-family:DM;src:url('assets/dm-sans-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('assets/dm-sans-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:DM;src:url('assets/dm-sans-700.ttf');font-weight:700;font-display:swap}
:root{--ink:#264a50;--deep:#153439;--paper:#fcf3eb;--aqua:#84d7dc;--peach:#fcbc92;--line:#bcab96;--serif:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper);font-family:DM,Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c65e28;outline-offset:5px}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font-size:clamp(52px,6.6vw,140px);line-height:1.05;letter-spacing:-.055em;font-weight:400}h3{font-size:clamp(26px,2.5vw,52px);font-weight:600;letter-spacing:-.035em;line-height:1.1}em{font-family:var(--serif);font-weight:400}p{font-size:clamp(18px,1.5vw,30px);line-height:1.5}.small{font-size:16px}.kicker{font-size:clamp(13px,1vw,20px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:32px}.ink{background:var(--deep);color:var(--paper)}.paper{background:var(--paper)}.aqua{background:var(--aqua)}.peach{background:var(--peach)}.scene{min-height:100svh;padding:95px calc(6.25vw + 145px) 95px 6.25vw;position:relative;overflow:hidden;display:flex;align-items:center}.scene-inner{position:relative;width:100%;max-width:1800px;margin:auto;z-index:1}.scene-number{position:absolute;left:6.25vw;bottom:30px;font-size:12px;letter-spacing:.1em;opacity:.55}.scene-inner>*{transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .65s}.js .scene:not(.seen) .scene-inner>*{opacity:0;transform:translateY(35px)}.seen .scene-inner>*:nth-child(2){transition-delay:.12s}.seen .scene-inner>*:nth-child(3){transition-delay:.2s}
.toolbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;z-index:20;padding:20px 28px;background:transparent;color:var(--paper);mix-blend-mode:difference;transition:opacity .3s}.toolbar>div{display:flex;gap:10px;align-items:center}.toolbar button{border:0;background:transparent;min-width:40px;height:40px;font-size:25px}.toolbar button span{font-size:13px;margin-left:6px;vertical-align:middle}.transport{position:fixed;bottom:22px;right:25px;display:flex;align-items:center;gap:18px;z-index:20;border:1px solid #264a5044;border-radius:50px;background:var(--paper);color:var(--ink);padding:5px 10px}.transport button{border:0;background:transparent;width:36px;height:36px;font-size:24px}.transport span{font-size:13px;font-variant-numeric:tabular-nums}.progress{position:fixed;bottom:0;height:3px;background:#264a5022;width:100%;z-index:25}.progress i{display:block;height:100%;background:#c65e28;transition:width .3s}.stage .toolbar,.stage .transport,.stage .scene-number{opacity:0}.stage .toolbar:hover,.stage .toolbar:focus-within,.stage .transport:hover,.stage .transport:focus-within{opacity:1}.remote-status{position:fixed;bottom:22px;left:25px;font-size:13px;z-index:30;background:var(--paper);color:var(--ink);padding:10px 14px;border:1px solid var(--ink)}.skip{position:fixed;top:-80px;z-index:99;background:var(--paper);padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.scene-question{position:absolute;right:28px;bottom:94px;width:clamp(132px,11vw,210px);text-align:center;text-decoration:none;z-index:2}.scene-question img{background:white;width:100%;aspect-ratio:1;border:7px solid white}.scene-question span{display:block;font-size:14px;margin-top:10px}.title h1{font-size:clamp(50px,6.2vw,130px)}.title h1 em{color:var(--aqua)}.title .kicker{margin-bottom:45px}.intro .scene-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:4vw;align-items:center}.speaker{display:flex;gap:2vw;align-items:center}.speaker img{width:clamp(95px,10vw,170px);aspect-ratio:1;object-fit:cover;border-radius:50%}.speaker h2{font-size:clamp(40px,4.4vw,90px);margin-bottom:22px}.speaker p{font-size:clamp(17px,1.4vw,27px);margin-bottom:15px}.peter{border-left:1px solid var(--line);padding-left:3vw}.peter h3{font-size:clamp(25px,2.5vw,48px);margin-bottom:14px}.peter .kicker{margin-bottom:20px}.peter p{font-size:clamp(17px,1.4vw,26px);margin-bottom:20px}.peter a{font-size:17px}
.work-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.work-heading .kicker{margin-bottom:14px}.work h2{font-size:clamp(38px,4.3vw,87px)}.hq-mark{width:66px;height:66px}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.client{min-height:116px;border-top:1px solid var(--line);padding:24px 0 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px}.client img{width:auto;max-width:85%;height:36px;object-fit:contain;object-position:left}.client p{font-size:clamp(13px,1.1vw,21px);line-height:1.3}.source{font-size:clamp(13px,1vw,18px);display:inline-block;margin-top:22px}
.ai-talk h2{font-size:clamp(49px,6.2vw,125px);position:relative;z-index:1}.ai-glyph{font-size:clamp(100px,13vw,250px);line-height:1;position:absolute;right:-75px;top:-100px;opacity:.17;animation:turn 70s linear infinite}.skill-orbit{display:grid;grid-template-columns:1fr 1fr;gap:28px 5vw;align-items:center}.skill-orbit span{font-size:clamp(26px,3.3vw,66px);letter-spacing:-.04em;line-height:1.1;border-top:1px solid #fcf3eb44;padding-top:22px;min-height:105px}.skill-orbit b{color:var(--aqua);font-size:clamp(55px,7vw,130px);font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.05em}.hype .scene-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.hype h2{font-size:clamp(75px,10vw,210px)}.both{font-size:clamp(44px,5.4vw,110px);letter-spacing:-.05em;border:1px solid var(--ink);border-radius:50%;padding:65px 35px;transform:rotate(-10deg)}
.landscape .scene-inner{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.contrast-half{position:relative;padding-top:120px}.contrast-half h2{font-size:clamp(45px,5.5vw,112px);position:relative;z-index:1}.direction{position:absolute;top:-35px;font-size:155px;color:#2a8081}.crowded{border-left:1px solid var(--line);padding-left:4vw}.noise{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;position:absolute;top:0;right:0;width:80%;height:90px;opacity:.25}.noise i{background:var(--ink);transform:rotate(10deg)}.noise i:nth-child(3n){background:#2a8081;transform:rotate(-8deg)}.tool-fatigue .scene-inner{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.stack{position:relative;height:clamp(210px,24vw,420px);max-width:430px}.stack div{position:absolute;inset:0;border:1px solid #fcf3eb77;background:var(--deep);transform:rotate(-12deg);border-radius:8px}.stack div:nth-child(2){transform:rotate(7deg);background:var(--aqua)}.stack div:nth-child(3){transform:rotate(-2deg);background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:170px}.ink em{color:var(--aqua)}.insight h2{font-size:clamp(45px,5.8vw,118px)}.insight-caption{font-size:clamp(22px,2vw,38px);margin-top:50px;border-top:1px solid #264a5066;padding-top:25px}
.hybrid-words{display:flex;align-items:center;justify-content:space-between;gap:25px}.hybrid-words h2{font-size:clamp(48px,6.8vw,140px)}.hybrid-words>span{font-size:clamp(45px,6vw,130px);color:#2a8081}.hybrid-caption{display:flex;justify-content:space-between;gap:20px;font-size:clamp(19px,1.8vw,35px);margin-top:55px;border-top:1px solid var(--line);padding-top:25px}.sales-utility h2{font-size:clamp(45px,6vw,124px)}.sales-line{display:flex;gap:40px;margin-top:55px;font-size:clamp(20px,1.9vw,38px);color:var(--paper)}.sales-line span{border-top:1px solid #fcf3eb55;padding-top:22px;flex:1}.pace-cycle{display:flex;gap:30px;margin-top:60px;justify-content:space-between}.pace-cycle span{border-top:1px solid var(--ink);padding-top:20px;font-size:clamp(25px,2.8vw,56px);flex:1;letter-spacing:-.04em}.stripe .scene-inner{padding-left:5vw}.revenue-number{font-family:var(--serif);font-size:clamp(140px,18vw,380px);line-height:.85;letter-spacing:-.07em;color:#2a8081}.stripe h3{margin-top:28px;font-size:clamp(32px,3.6vw,74px);font-weight:400}.stat-context{margin-top:25px;font-size:clamp(18px,1.5vw,30px)}.tool-options{display:grid;grid-template-columns:.8fr 1fr 1.5fr;gap:30px;margin-top:60px}.tool-options>*{font-size:clamp(20px,2vw,38px);border-top:1px solid #264a5066;padding-top:22px;text-decoration:none}.tool-options small{display:block;font-size:.72em;margin-top:12px;line-height:1.35}.computers .scene-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center}.computers h2{font-size:clamp(44px,5.4vw,110px)}.computer{max-width:500px}.screen{border:20px solid #e4d5c3;border-radius:12px;background:var(--ink);height:clamp(200px,19vw,350px);padding:30px;color:var(--aqua);font-size:70px;box-shadow:inset 0 0 60px #0005}.screen span{animation:cursor 2s step-end infinite}.stand{width:35%;height:45px;background:var(--line);margin:auto}.keyboard{height:26px;border-radius:4px;background:#e4d5c3;border-bottom:5px solid var(--line)}.closing-line{margin-top:36px;font-size:clamp(21px,1.9vw,36px);max-width:650px;color:var(--paper)}
dialog{width:min(700px,92vw);max-height:90svh;padding:30px;border:1px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#264a50dd}dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}dialog h2{font-size:32px;letter-spacing:-.04em}dialog header button{border:0;background:transparent;font-size:30px}dialog p{font-size:16px;margin:16px 0}dialog li{margin:6px 0}dialog li button{font-size:18px;text-align:left;border:0;background:transparent;padding:8px}dialog ol{padding-left:28px}.primary{display:inline-block;border:1px solid var(--ink);padding:16px 24px;background:var(--aqua);font-size:19px;text-decoration:none;color:var(--ink);border-radius:8px}#pair-body{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:24px}#pair-body canvas{width:min(300px,100%)!important;height:auto!important;border:10px solid white}#pair-body a{font-size:18px}#pair-body .pair-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}#pair-body button{padding:10px 15px;border:1px solid var(--ink);background:transparent;border-radius:6px;font-size:16px}#pair-message{overflow-wrap:anywhere}.controller{background:var(--ink);color:var(--paper);min-height:100svh;padding:22px max(20px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom));}.controller main{max-width:540px;margin:auto}.controller header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:42px}.controller header a{font-size:12px;letter-spacing:.05em;text-decoration:none}.controller #connection{font-size:12px;padding:7px 10px;border:1px solid #fcf3eb55;border-radius:20px;white-space:nowrap}.controller #connection[data-state=connected]{color:var(--aqua)}.controller #connection[data-state=error]{color:var(--peach)}.control-position{font-size:14px;letter-spacing:.12em;margin-bottom:15px;color:var(--aqua)}.controller h1{font-size:clamp(34px,8vw,48px);line-height:1.1;letter-spacing:-.05em;min-height:100px}.up-next{font-size:15px;color:#fcf3ebaa;min-height:42px;margin:18px 0 25px}.remote-buttons{display:grid;grid-template-columns:1fr 1.7fr;gap:12px}.remote-buttons button{border:1px solid #fcf3eb77;border-radius:12px;background:transparent;min-height:130px;color:var(--paper);font-size:19px;touch-action:manipulation}.remote-buttons #remote-next{display:flex;justify-content:space-between;align-items:center;padding:25px;background:var(--aqua);color:var(--ink);border-color:var(--aqua);font-size:29px;font-weight:600}.controller #command-status{font-size:14px;min-height:44px;margin-top:15px;color:var(--peach)}.control-extras{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:8px 0 25px}.control-extras button{border:0;border-bottom:1px solid #fcf3eb77;padding:8px 0;background:transparent;color:var(--paper);font-size:14px}.controller #timer{font-size:21px;font-variant-numeric:tabular-nums}.controller details{border-top:1px solid #fcf3eb33;padding:18px 0}.controller summary{font-size:18px;cursor:pointer}.controller #speaker-notes{font-size:17px;line-height:1.6;margin-top:20px}.jump-controls{display:flex;gap:12px;margin-top:18px}.jump-controls select{min-width:0;flex:1;font-size:16px}.jump-controls button{background:var(--aqua);color:var(--ink);border:0;padding:12px;border-radius:6px}.controller-foot{font-size:12px;opacity:.5;margin-top:20px}.controller #unpaired h1{margin-bottom:25px}.controller #unpaired p{font-size:19px;margin-bottom:25px}.notes-page{background:var(--paper);max-width:1250px;padding:35px;margin:auto}.notes-page header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #264a5044;padding-bottom:24px}.notes-page h1{font-size:30px;letter-spacing:-.04em}.notes-page main{padding-top:35px}.notes-page select{padding:12px;max-width:100%;font-size:18px}.notes-page #notes-time{font-size:16px;margin:25px 0}.notes-page h2{font-size:55px;margin:30px 0}.notes-page #notes-text{font-size:24px;line-height:1.6;max-width:1000px}.notes-page nav{display:flex;gap:15px;margin:35px 0}.notes-page nav button{padding:15px 25px;border:1px solid var(--ink);background:var(--aqua);font-size:18px}.notes-page .small{font-size:15px;opacity:.7}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes cursor{50%{opacity:0}}
@media(min-width:801px) and (max-height:800px){.scene{padding-top:80px;padding-bottom:75px}.kicker{margin-bottom:22px}.skill-orbit{gap:20px 5vw}.skill-orbit span{min-height:85px;padding-top:18px}.client{min-height:100px;padding:18px 0;gap:13px}.client img{height:30px}.work-heading{margin-bottom:20px}.revenue-number{font-size:16vw}.stripe h3{margin-top:20px}.stat-context{margin-top:20px}}
@media(max-width:1100px) and (min-width:801px){.intro .scene-inner{grid-template-columns:1fr;gap:38px}.peter{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.peter .kicker{margin-bottom:10px}.peter p{display:inline-block;margin-right:25px;margin-bottom:0}.peter h3{margin-bottom:12px}.speaker{gap:30px}.speaker img{width:120px}.speaker h2{font-size:50px}.client-grid{gap:0 20px}.client img{max-width:100%;height:28px}.hq-mark{width:48px;height:48px}.ai-talk h2{font-size:6.2vw}}
@media(max-width:800px){.toolbar{padding:12px 16px}.toolbar>div{gap:3px}.toolbar button{min-width:32px;font-size:23px}.toolbar button span{display:none}.scene{padding:82px 25px 170px}.scene-inner{max-width:630px}.scene-number{left:25px;bottom:30px}.scene-question{width:92px;right:25px;bottom:22px}.scene-question img{border-width:4px}.scene-question span{font-size:11px;margin-top:6px}.transport{right:auto;left:18px;bottom:55px;gap:10px}.transport button{width:30px;height:30px}.transport span{font-size:12px}h1,h2{font-size:clamp(42px,10.3vw,76px)}.kicker{font-size:12px;margin-bottom:25px}.title h1{font-size:clamp(42px,10.5vw,78px)}.title .kicker{margin-bottom:35px}.intro .scene-inner{grid-template-columns:1fr;gap:35px}.speaker{gap:20px}.speaker img{width:80px}.speaker h2{font-size:38px;margin-bottom:18px}.speaker p{font-size:16px}.peter{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.peter h3{font-size:28px}.peter .kicker{margin-bottom:12px}.peter p{font-size:17px;margin-bottom:14px}.work h2{font-size:37px}.work-heading{gap:15px;margin-bottom:25px}.work-heading .kicker{font-size:11px}.hq-mark{width:44px;height:44px}.client-grid{grid-template-columns:repeat(3,1fr);gap:0 15px}.client{min-height:94px;padding:15px 0;gap:15px;justify-content:flex-start}.client img{width:100%;height:24px;max-width:100%}.client p{font-size:11px;line-height:1.35}.source{font-size:12px}.ai-talk h2{font-size:clamp(42px,10.2vw,72px)}.ai-glyph{right:0;top:-120px;font-size:130px}.skill-orbit{grid-template-columns:1fr;gap:15px}.skill-orbit span{font-size:28px;min-height:0;padding-top:15px}.skill-orbit b{font-size:58px}.hype .scene-inner{display:block}.hype h2{font-size:77px}.both{font-size:45px;padding:35px 25px;display:block;width:max-content;margin:35px 0 0 auto}.landscape .scene-inner{grid-template-columns:1fr;gap:40px}.contrast-half{padding-top:60px}.contrast-half h2{font-size:49px}.direction{font-size:95px;top:-25px}.crowded{padding-left:0;border-left:0;padding-top:75px}.noise{width:60%;height:60px}.tool-fatigue .scene-inner{grid-template-columns:1fr;gap:40px}.stack{height:190px;width:75%;max-width:260px;margin:0 auto;order:2}.stack div:nth-child(3){font-size:130px}.insight h2{font-size:clamp(41px,10.2vw,72px)}.insight-caption{font-size:21px;margin-top:35px;padding-top:20px}.hybrid-words{flex-direction:column;align-items:flex-start;gap:16px}.hybrid-words h2{font-size:68px}.hybrid-words>span{font-size:55px;align-self:center}.hybrid-caption{font-size:17px;gap:20px;margin-top:35px;padding-top:20px}.sales-utility h2{font-size:46px}.sales-line{flex-direction:column;gap:20px;margin-top:35px;font-size:21px}.sales-line span{padding-top:15px}.pace-cycle{gap:18px;margin-top:45px}.pace-cycle span{font-size:23px;padding-top:15px}.stripe .scene-inner{padding-left:0}.revenue-number{font-size:155px}.stripe h3{font-size:34px;margin-top:25px}.stat-context{font-size:18px;margin-top:25px}.tool-options{grid-template-columns:1fr;gap:20px;margin-top:35px}.tool-options>*{font-size:24px;padding-top:15px}.computers .scene-inner{grid-template-columns:1fr;gap:35px}.computer{max-width:240px;width:80%}.screen{height:150px;border-width:14px;font-size:45px;padding:15px}.stand{height:30px}.keyboard{height:18px}.computers h2{font-size:46px}.closing-line{font-size:20px;margin-top:25px}.notes-page{padding:22px}.notes-page header{align-items:flex-start}.notes-page h1{font-size:23px}.notes-page h2{font-size:38px}.notes-page #notes-text{font-size:20px}.remote-status{bottom:160px;left:15px;right:15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .scene:not(.seen) .scene-inner>*{opacity:1;transform:none}}
@media print{.toolbar,.transport,.progress,.scene-number{display:none}.scene{height:100vh;break-after:page}.js .scene:not(.seen) .scene-inner>*{opacity:1;transform:none}}

/* Speaker portraits and the dedicated audience Questions slide. */
.intro .scene-inner{grid-template-columns:1fr 1fr;gap:4vw}.intro .speaker{gap:2vw}.intro .peter{padding-left:3vw}.intro .speaker img{flex-shrink:0;width:clamp(105px,10vw,175px);height:auto;aspect-ratio:1}.intro .speaker h2,.intro .speaker h3{font-size:clamp(36px,3.7vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin-bottom:22px}.intro .speaker p{font-size:clamp(16px,1.35vw,27px);margin:0}
.questions{padding-right:6.25vw}.questions .scene-inner{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.questions h2{font-size:clamp(64px,8vw,160px)}.questions .question-feature{position:static;width:100%;max-width:560px;justify-self:end}.questions .question-feature img{width:100%;border:14px solid white}.questions .question-feature span{font-size:clamp(17px,1.6vw,30px);margin-top:25px;text-decoration:underline;text-underline-offset:7px}
@media(min-width:801px) and (max-height:800px){.questions .question-feature{max-width:450px}}
@media(max-width:1100px){.intro .scene-inner{grid-template-columns:1fr;gap:40px}.intro .speaker{gap:28px}.intro .peter{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}.intro .speaker img{width:120px}.intro .speaker h2,.intro .speaker h3{font-size:46px}.intro .speaker p{font-size:19px}.intro .peter p{display:block}.questions .scene-inner{grid-template-columns:.85fr 1.15fr;gap:40px}}
@media(max-width:800px){.intro .scene-inner{gap:30px}.intro .speaker{gap:20px}.intro .speaker img{width:85px}.intro .speaker h2,.intro .speaker h3{font-size:36px;margin-bottom:16px}.intro .speaker p{font-size:16px}.intro .peter{padding-top:25px}.questions{padding:90px 25px 110px}.questions .scene-inner{grid-template-columns:1fr;gap:35px}.questions h2{font-size:58px}.questions .question-feature{width:min(100%,300px);justify-self:center}.questions .question-feature img{border-width:9px}.questions .question-feature span{font-size:17px;margin-top:20px}}