@font-face{font-family:Bitter;src:url('../assets/fonts/bitter-var.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:Figtree;src:url('../assets/fonts/figtree-var.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--navy:#0F1A3C;--navy2:#152144;--paper:#E7E7E0;--soft:#A3ACC7;--amber:#E0A028;--serif:Bitter,Georgia,serif;--sans:Figtree,system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080f23;color:var(--paper);font-family:var(--sans)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--amber);outline-offset:5px}#viewport{position:fixed;inset:0;display:grid;place-items:center}#presentation{width:1920px;height:1080px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--fit,1));transform-origin:center;overflow:hidden;background:var(--navy)}#world,#scenes{position:absolute;inset:0;width:100%;height:100%}#world{display:block}#scenes{pointer-events:none}.scene{position:absolute;inset:0;padding:92px 110px;opacity:0;visibility:hidden;transition:opacity .55s ease,transform .95s cubic-bezier(.16,1,.3,1),visibility 1s;transform:translate3d(65px,0,0)}.scene.current{opacity:1;visibility:visible;transform:none;transition-delay:.18s,0s,0s}.scene.departed{transform:translate3d(-80px,0,0)}.eyebrow{font-size:23px;letter-spacing:.23em;font-weight:700;text-transform:uppercase;margin:0 0 40px;color:var(--soft)}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:800;letter-spacing:-.035em}h1{font-size:178px;line-height:.98}h2{font-size:104px;line-height:1.03}p{font-size:42px;line-height:1.35}.amber{color:var(--amber)}.copy{max-width:1020px}.subhead{font-size:45px;line-height:1.28;color:var(--paper);max-width:820px}.large-rule{display:block;width:165px;height:7px;background:var(--amber);margin:42px 0}.title h1{margin-top:86px;max-width:1450px;text-transform:uppercase}.title .speaker{margin-top:54px;font-size:44px;font-weight:500}.title .venue{margin-top:12px;font-size:29px;letter-spacing:.02em;color:var(--soft)}.title .edition{position:absolute;right:120px;top:98px;display:flex;gap:15px;align-items:center;font-size:25px;letter-spacing:.12em;text-transform:uppercase}.title .edition::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--amber)}.partner-strip{position:absolute;left:110px;bottom:84px;display:flex;gap:50px;align-items:center}.partner-strip img:first-child{width:305px;height:auto}.partner-strip .partner-divider{height:64px;width:1px;background:#4A5473}.partner-strip svg{width:236px;height:auto;fill:currentColor}.focus{display:flex;align-items:center;justify-content:center;text-align:center}.focus h1{font-size:178px;line-height:1.15;text-transform:none;letter-spacing:-.04em}.focus .single-rule{height:3px;width:80px;background:var(--amber);margin:65px auto 0}.nostalgia h2{font-size:100px;max-width:800px}.nostalgia .subhead{margin-top:32px;font-size:42px;max-width:700px}.nostalgia .time-label{font-size:27px;letter-spacing:.18em;color:var(--amber);text-transform:uppercase;margin-top:55px}.computer-strip{position:absolute;bottom:140px;left:110px;display:flex;gap:16px;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .65s}.computer-strip figure{width:224px}.computer-strip .photo{height:144px;background:var(--paper);padding:8px;box-shadow:0 18px 35px #070e2266}.computer-strip img{width:100%;height:100%;object-fit:contain}.computer-strip figcaption{font-size:22px;color:var(--soft);margin-top:13px;white-space:nowrap}.fiction{position:absolute;left:965px;top:268px;right:90px;bottom:130px;perspective:1400px}.fiction figure{position:absolute;background:var(--paper);padding:10px 10px 17px;color:var(--navy);box-shadow:0 30px 65px #080f2380;opacity:0;transform:translate3d(130px,90px,-140px) rotateY(-25deg);transition:transform 1.3s cubic-bezier(.16,1,.3,1),opacity .7s}.fiction img{width:100%;height:100%;object-fit:cover}.fiction .photo{height:calc(100% - 34px);overflow:hidden}.fiction figcaption{font-size:23px;font-weight:600;padding-top:8px;letter-spacing:.015em}.fiction figure:nth-child(1){width:525px;height:320px;left:45px;top:0;z-index:1}.fiction figure:nth-child(2){width:337px;height:388px;right:0;top:160px;z-index:3;transition-delay:.13s}.fiction figure:nth-child(3){width:470px;height:272px;left:-12px;bottom:0;z-index:2;transition-delay:.25s}.nostalgia[data-step="1"] .fiction figure:nth-child(1){opacity:1;transform:rotate(-7deg) rotateY(-7deg)}.nostalgia[data-step="1"] .fiction figure:nth-child(2){opacity:1;transform:rotate(6deg) rotateY(-7deg)}.nostalgia[data-step="1"] .fiction figure:nth-child(3){opacity:1;transform:rotate(-2deg) rotateY(-7deg)}.nostalgia[data-step="1"] .computer-strip{transform:translateY(60px) scale(.63);transform-origin:left bottom;opacity:.85}.nostalgia .dream-line{opacity:0;transform:translateY(25px);transition:opacity .7s .15s,transform .9s}.nostalgia[data-step="1"] .dream-line{opacity:1;transform:none}.nostalgia[data-step="1"] .time-label{opacity:0}.career h2{font-size:101px;max-width:920px}.career .subhead{max-width:795px;margin-top:26px;font-size:43px}.career-list{margin-top:54px;padding:0;list-style:none;max-width:815px}.career-list li{display:grid;grid-template-columns:116px 1fr;gap:26px;align-items:baseline;padding:21px 0;border-top:1px solid #A3ACC735}.career-list time{font-family:var(--serif);font-size:42px;color:var(--amber);font-weight:500}.career-list strong{display:block;font-size:37px;font-weight:500}.career-list small{display:block;font-size:26px;color:var(--soft);margin-top:5px}.career-image{position:absolute;width:345px;height:350px;right:116px;bottom:144px;transform:rotate(5deg);box-shadow:0 25px 65px #03081880;border:8px solid var(--paper);background:var(--paper)}.career-image img{width:100%;height:100%;object-fit:cover}.career-image figcaption{position:absolute;bottom:-49px;color:var(--soft);font-size:21px;left:0;white-space:nowrap}.career .belief{position:absolute;right:124px;top:165px;width:595px;font-family:var(--serif);font-size:48px;font-weight:500;line-height:1.2;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .85s}.career[data-step="1"] .belief{opacity:1;transform:none}.photograph{padding:0;display:flex;justify-content:center;align-items:center;background:var(--navy)}.photograph .photo-main{height:100%;width:100%;object-fit:contain;object-position:50% 50%;background:#0F1A3C}.photograph .photo-credit{position:absolute;right:50px;bottom:42px;font-size:21px;letter-spacing:.1em;color:var(--soft);text-transform:uppercase}.quote .eyebrow{margin-bottom:85px}.quote blockquote{font-family:var(--serif);font-size:109px;font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:130px 0 0;max-width:1560px;transition:font-size 1.1s,max-width 1.1s,transform 1.1s;}.quote blockquote::before{content:'“';display:block;color:var(--amber);font-size:160px;line-height:.6;margin-bottom:22px}.quote[data-step="1"] blockquote{font-size:90px;max-width:1030px;transform:translateY(-90px)}.quote .attribution{position:absolute;left:110px;bottom:165px;opacity:0;transform:translateY(40px);transition:opacity .7s .2s,transform 1s}.quote .attribution span{font-size:40px;color:var(--soft);display:block;margin-bottom:17px}.quote .year{font-family:var(--serif);font-weight:800;font-size:170px;line-height:1;color:var(--amber);letter-spacing:-.05em}.quote[data-step="1"] .attribution{opacity:1;transform:none}.report-caption{position:absolute;right:127px;bottom:149px;text-align:right;font-size:30px;line-height:1.3;color:var(--soft);opacity:0;transition:opacity .6s .4s}.quote[data-step="1"] .report-caption{opacity:1}.timeline .eyebrow{margin-bottom:55px}.timeline .history-year{font:800 150px/1 var(--serif);letter-spacing:-.055em;margin-bottom:24px}.timeline h2{font-size:78px;max-width:1140px;line-height:1.09;min-height:176px}.timeline .history-byline{font-size:35px;color:var(--soft);max-width:1010px;margin-top:14px}.timeline .history-count{position:absolute;right:115px;top:95px;font-size:27px;color:var(--soft);letter-spacing:.13em}.timeline .history-kind{font-size:24px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);position:absolute;left:110px;bottom:330px}.timeline .history-anchor{position:absolute;left:110px;bottom:98px;font-size:29px;display:flex;gap:18px;align-items:center;color:var(--soft)}.history-anchor b{color:var(--amber);font-family:var(--serif);font-size:36px}.history-anchor::before{content:'';width:43px;height:1px;background:var(--amber)}.timeline .history-copy{transition:opacity .18s,transform .28s}.timeline .history-copy.swapping{opacity:0;transform:translateY(18px)}.divergence .eyebrow{margin-bottom:40px}.divergence h2{font-size:98px;max-width:1150px}.divergence .branch-summary{margin-top:20px;font-size:39px;color:var(--soft);max-width:1300px}.branch-label{position:absolute;pointer-events:none;opacity:0;transition:opacity .45s,transform .8s;font-size:36px;line-height:1.15;white-space:nowrap;text-shadow:0 2px 9px #0f1a3c}.branch-label small{font-size:25px;color:var(--soft);display:block;margin-top:8px}.branch-label.on{opacity:1}.branch-book-caption{position:absolute;right:110px;bottom:134px;font-size:28px;line-height:1.35;color:var(--soft);max-width:410px;opacity:0;transition:opacity .7s}.divergence[data-step="2"] .branch-book-caption,.divergence[data-step="3"] .branch-book-caption{opacity:1}.branch-1988{position:absolute;right:115px;top:90px;border-top:2px solid var(--amber);padding-top:13px;font:500 37px var(--serif);color:var(--amber)}#ledger{position:absolute;top:0;bottom:0;right:0;width:24%;border-left:2px solid var(--amber);opacity:0;transform:translateX(100%);transition:opacity 1.2s,transform 1.2s}#ledger.on{opacity:1;transform:none}#navigation{position:absolute;right:42px;bottom:24px;display:flex;align-items:center;gap:4px;z-index:20;opacity:.45;transition:opacity .25s;background:#0f1a3cbb;border:1px solid #A3ACC729;border-radius:40px;padding:3px 8px;backdrop-filter:blur(12px)}#navigation:hover,#navigation:focus-within{opacity:1}#navigation button{background:none;border:0;font-size:31px;width:52px;height:48px;padding:4px}#navigation #slide-picker{width:auto;min-width:137px;font-size:20px;letter-spacing:.08em}#step-count{font-size:15px;color:var(--soft);display:block}#progress{position:absolute;bottom:0;left:0;height:2px;background:var(--amber);width:0;opacity:.7;transition:width 1s}#presentation.quiet #navigation{opacity:0}#presentation.quiet:hover #navigation,#presentation.quiet #navigation:focus-within{opacity:.7}#presentation.quiet #progress{opacity:0}#blackout{position:absolute;inset:0;background:black;z-index:90}#error{position:absolute;left:40px;top:40px;background:#C1432B;color:var(--paper);padding:30px;z-index:100;font-size:28px;max-width:1400px}dialog{background:var(--navy);color:var(--paper);border:1px solid #4A5473;border-radius:16px;padding:42px;width:min(1000px,90vw);box-shadow:0 40px 150px #0009}dialog::backdrop{background:#080f23ce;backdrop-filter:blur(14px)}dialog h2{font-size:42px}dialog p{font-size:20px;color:var(--soft);margin-top:12px}#slide-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0}#slide-list button{padding:24px 20px;text-align:left;font-size:23px;border:1px solid #4A5473;background:#152144;border-radius:8px}#slide-list button:hover{border-color:var(--amber)}#slide-list span{font:500 25px var(--serif);color:var(--amber);padding-right:20px}.close{position:absolute;right:25px;top:22px;background:none;border:0;font-size:30px}dialog small{color:var(--soft);font-size:15px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}[hidden]{display:none!important}
.timeline .history-kind{bottom:410px}.timeline-year-label{position:absolute;font-size:29px;letter-spacing:.02em;transform:translateX(-50%);pointer-events:none;white-space:nowrap;color:var(--soft)}
.career h2{font-size:96px}.career-list strong{font-size:40px}.career-list{margin-top:42px}.career-list li{padding:19px 0}.career .belief{font-size:47px;max-width:600px;right:120px;top:158px}
.divergence[data-step="3"] .branch-book-caption{opacity:0}.branch-label{font-size:38px}.fiction figure:first-child img{object-position:50% 27%}
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{transition:none!important;animation:none!important}
.timeline .history-kind{top:606px;bottom:auto}

/* Archival photographs lead the timeline; the 3D models become small topic cues. */
.timeline h2{max-width:990px;font-size:74px;min-height:162px}
.timeline .history-byline{max-width:980px;font-size:32px;line-height:1.3}
.timeline.is-training-foundation h2{font-family:var(--sans);font-size:84px;font-weight:800;line-height:1.03;letter-spacing:-.035em;color:var(--amber);min-height:174px}
.timeline-photographs{position:absolute;left:1150px;top:152px;width:670px;height:540px;perspective:1600px}
.timeline-image-set{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;gap:24px;opacity:0;visibility:hidden;transform:translate3d(42px,8px,-25px);transition:opacity .48s ease,transform .8s cubic-bezier(.16,1,.3,1),visibility .6s}
.timeline-image-set.is-past{transform:translate3d(-38px,-5px,-30px)}
.timeline-image-set.is-current{opacity:1;visibility:visible;transform:none;transition-delay:.09s,0s,0s}
.timeline-image-set figure{margin:0;min-width:0;text-align:center;transform:rotate(-.8deg)}
.timeline-image-set img{display:block;height:445px;max-width:650px;width:auto;object-fit:contain;border:5px solid var(--paper);background:var(--paper);box-shadow:0 24px 55px #03081870}
.timeline-image-set figcaption{margin:18px auto 0;max-width:630px;font-size:28px;line-height:1.2;font-weight:500;color:var(--paper)}
.timeline-image-set[data-count="2"] figure{width:calc(50% - 12px);padding-top:9px}
.timeline-image-set[data-count="2"] figure:nth-child(2){transform:rotate(1.2deg);padding-top:27px}
.timeline-image-set[data-count="2"] img{width:100%;height:405px;object-fit:cover}
.timeline-image-set[data-count="2"] figcaption{font-size:27px}
.timeline-image-set[data-count="1"] img{height:auto;max-height:445px}
.photo-snap .timeline-image-set{transition:none!important}

/* Roberto's photo and annotation pass, September 2026. */
@font-face{font-family:Caveat;src:url('media/fonts/caveat-var.ttf') format('truetype');font-weight:400 700;font-display:swap}
.fiction figure:first-child img{object-position:50% 50%}
.fiction figure:nth-child(3) img{object-position:50% 58%}
.report-caption{right:180px;bottom:105px;width:630px;text-align:center;line-height:1.3}
.report-caption strong{display:block;font-size:30px;font-weight:500;color:var(--paper)}
.report-caption span{display:block;font-size:25px;margin-top:9px;color:var(--soft)}
.timeline .history-detail{display:none;max-width:985px;font-size:30px;line-height:1.38;color:var(--paper);margin-top:22px}
.timeline.has-detail h2{min-height:0;font-size:69px;max-width:900px}
.timeline.has-detail .history-byline{margin-top:21px}
.timeline.has-detail .history-detail{display:block}
.timeline.has-detail .history-kind{top:606px}
.network-annotation{position:absolute;left:690px;top:125px;width:360px;height:180px;opacity:0;visibility:hidden;transform:rotate(-6deg) translateY(10px);transition:opacity .45s,transform .65s;pointer-events:none;color:var(--amber)}
.network-annotation>span{font-size:18px;letter-spacing:.11em;text-transform:uppercase;color:var(--soft)}
.network-annotation p{font:500 41px/.93 Caveat,cursive;margin-top:5px}
.network-annotation svg{position:absolute;inset:0;width:360px;height:180px;fill:none;stroke:var(--amber);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.timeline.is-perceptron .network-annotation{opacity:1;visibility:visible;transform:rotate(-6deg)}
.today-stage{position:absolute;left:110px;top:245px;width:1700px;height:500px}
.today-heading{position:absolute;left:110px;top:160px;display:flex;align-items:center;gap:55px;opacity:0;visibility:hidden}
.today-heading>span{font:800 64px/1 var(--serif);letter-spacing:-.04em;color:var(--amber)}
.timeline .today-heading h2{font-size:58px;min-height:0;max-width:1350px}
.timeline.is-today .today-heading{opacity:1;visibility:visible}
.timeline.is-today .history-copy,.timeline.is-today .history-kind,.timeline.is-today .timeline-photographs{visibility:hidden;opacity:0}
.timeline.is-today .history-anchor{opacity:.45!important}

/* Wiener's long book title gets its own readable, italic callout. */
.timeline.is-cybernetics h2{font-size:64px;max-width:720px}
.timeline.is-cybernetics .history-detail{font-family:var(--serif);font-style:italic;font-size:34px;line-height:1.3;max-width:985px;color:var(--paper);white-space:pre-line}
.timeline.is-cybernetics .history-kind{top:705px}
.timeline.is-cybernetics .history-anchor{bottom:30px}