@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('assets/mono.woff2') format('woff2');font-weight:400 600;font-display:swap}
:root{--paper:#f6f5f0;--ink:#222725;--muted:#777b74;--blue:#3269b7;--blue-wash:#edf3fc;--line:#dadcd5;--accent:#b65d45;--mono:'JetBrains Mono',monospace;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:disabled{opacity:.28;cursor:default}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mono{font:11px/1.5 var(--mono);letter-spacing:.075em;text-transform:uppercase}.topbar{position:relative;z-index:4;display:flex;align-items:center;gap:20px;height:68px;padding:0 28px;border-bottom:1px solid #dcded8;background:#fbfcf9}.wordmark{font-weight:850;font-size:25px;letter-spacing:-1.7px;display:flex;align-items:baseline;gap:3px}.brand-dot{display:inline-block;width:5px;height:5px;background:#669989;border-radius:50%}.top-divider{height:22px;border-left:1px solid #d7dbd4}.board-name{font-size:14px;font-weight:600;letter-spacing:-.15px}.viewonly{display:flex;align-items:center;gap:5px;border:1px solid #d9dfd6;border-radius:20px;padding:4px 9px;font-size:11px;color:#7b8279}.viewonly svg{width:14px;height:14px}.top-actions{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:12px;color:#666f64}.top-actions>button:first-child:hover{color:var(--blue)}.icon-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;padding:0}.icon-button:hover{background:#e9eee7}.filterbar{height:56px;display:flex;align-items:center;gap:18px;padding:0 28px;background:#fbfcf9cc;z-index:4;position:relative;border-bottom:1px solid #e6e7e1}.collection-label{font-size:10px;color:#888e85;min-width:181px;letter-spacing:.07em}.filters{display:flex;align-items:center;gap:5px}.filter{padding:6px 11px;border-radius:7px;font-size:12px;white-space:nowrap;transition:background .15s}.filter:hover{background:#e9ede5}.filter.active{background:var(--blue-wash);color:var(--blue);box-shadow:inset 0 0 0 1px #c9dbf2}.filter span:not(.theme-dot){opacity:.65;margin-left:6px}.filter-divider{height:18px;border-left:1px solid var(--line);margin:0 6px}.theme-dot{width:6px;height:6px;background:#bd7461;border-radius:50%;display:inline-block;margin-right:5px}.filterbar>.icon-button{margin-left:auto}.filter.society.active{background:#edf3fc;color:var(--blue)}#viewport{position:absolute;left:0;right:0;top:124px;bottom:0;overflow:hidden;background-color:var(--paper);background-image:radial-gradient(#d6d9d1 .9px,transparent .9px);background-size:22px 22px;touch-action:none;cursor:grab;outline:none}#viewport:active{cursor:grabbing}#world{position:absolute;left:0;top:0;width:15000px;height:1140px;transform-origin:0 0;will-change:transform}#world.moving{transition:transform .65s cubic-bezier(.18,.78,.22,1)}.cover{position:absolute;left:0;top:0;width:1420px;height:1070px}.cover-kicker{position:absolute;top:24px;left:80px;font-size:16px;color:#7c8479;letter-spacing:.11em}.nike{position:absolute;left:80px;top:88px;width:400px;height:150px;fill:var(--ink);stroke:none}h1{position:absolute;left:80px;top:261px;margin:0;font-size:96px;letter-spacing:-6px;line-height:.99;font-weight:750}.cover-copy{position:absolute;left:85px;top:484px;font-size:27px;line-height:1.45;color:#73796e;font-weight:400;letter-spacing:-.4px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--blue);color:#fff;padding:12px 19px;border-radius:8px;font-weight:600;font-size:14px;box-shadow:0 3px 7px #2e62ad1a;transition:transform .15s,filter .15s}.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.cover .primary{position:absolute;left:84px;top:642px;font-size:23px;padding:20px 27px;border-radius:10px}.cover .primary svg{width:25px;height:25px}.cover-facts{position:absolute;left:85px;top:778px;display:flex;gap:34px;font:16px var(--mono);color:#7d8279}.cover-facts span{display:flex;flex-direction:column;gap:2px}.cover-facts b{font:600 30px var(--sans);color:#343b32}.hero-photo{position:absolute;left:650px;top:135px;width:675px;padding:10px;background:white;box-shadow:0 8px 24px #2b331e16;border:1px solid #d8dcd3;border-radius:5px;transform:rotate(-2deg)}.hero-photo img{display:block;width:100%;aspect-ratio:16/9}.photo-label{display:block;font:13px var(--mono);color:#7d8479;padding:10px 4px 3px;letter-spacing:.08em}.small-photo{position:absolute;padding:8px;background:#fff;border:1px solid #d5dad0;box-shadow:0 7px 18px #2b331e13;border-radius:4px}.small-photo img{display:block;width:100%;aspect-ratio:16/9}.small-photo span{display:block;font:12px var(--mono);padding:8px 4px 2px;color:#747d6e;letter-spacing:.02em}.small-photo.early{left:618px;top:552px;width:370px;transform:rotate(3deg);z-index:2}.small-photo.now{left:1015px;top:590px;width:342px;transform:rotate(-4deg)}.cover-note{position:absolute;left:712px;top:849px;line-height:1.2;font-size:26px;font-style:italic;font-weight:500;color:#7f8f74;transform:rotate(-3deg)}.cover-scribble{position:absolute;left:1053px;top:857px;width:265px;height:108px;stroke:#9da993;stroke-width:1.8;transform:rotate(13deg)}.era-frame{position:absolute;top:45px;height:1040px;border:1px solid #d9ddd3;border-radius:20px;background:linear-gradient(160deg,#fbfcf86b,#f5f6f019);pointer-events:none}.era-head{position:absolute;top:60px;height:170px;white-space:nowrap}.era-head .number{font:16px var(--mono);color:#899282;letter-spacing:.07em}.era-head h2{font-size:65px;letter-spacing:-3px;line-height:1.08;font-weight:720;margin:12px 0}.era-head h2 span{font-size:34px;font-weight:450;color:#939b8d;margin-right:25px}.era-head p{font-size:22px;color:#848b7f;margin:0;letter-spacing:-.3px}.era-head .chapter-count{position:absolute;left:0;top:-40px;font-size:14px;color:#949b8d}.spine{position:absolute;top:650px;height:2px;background:#bd785e99}.tick{position:absolute;top:641px;width:18px;height:18px;border-radius:50%;background:#f6f5f0;border:3px solid #b87256;z-index:1}.tick-label{position:absolute;color:#8c624d;font:20px var(--mono);white-space:nowrap;letter-spacing:-.8px}.connector{position:absolute;width:1px;background:#caccc2}.campaign{position:absolute;background:#fff;border-radius:9px;border:1px solid #d5dad0;box-shadow:0 6px 15px #343d2110;overflow:hidden;text-align:left;padding:0;cursor:default;transition:box-shadow .2s,translate .2s}.campaign:hover{box-shadow:0 12px 27px #343d2126;translate:0 -5px}.campaign:focus-visible{outline:4px solid #3e77c5;outline-offset:5px}.campaign .image-wrap{position:relative;height:234px;background:#101010;border-radius:8px 8px 0 0;overflow:hidden}.campaign img{display:block;width:100%;height:100%;object-fit:contain}.campaign .play{position:absolute;right:15px;bottom:14px;width:42px;height:42px;border:1px solid #ffffff88;border-radius:50%;background:#fffdf1ee;display:grid;place-items:center;color:#2f352d}.play svg{width:16px;height:16px;fill:currentColor;stroke:none;margin-left:3px}.campaign .content{padding:12px 17px}.campaign .format{font:12px var(--mono);text-transform:uppercase;letter-spacing:.035em;color:#969b91;margin:0 0 5px}.campaign h3{font-size:23px;letter-spacing:-.6px;font-weight:650;line-height:1.2;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.campaign .social-marker{position:absolute;left:12px;top:12px;background:#faf5efe8;border-radius:20px;padding:6px 10px;font-size:12px;color:#886450;display:flex;align-items:center;gap:6px}.social-marker:before{content:'';width:5px;height:5px;border-radius:50%;background:#c8886e}.era-summary{position:absolute;top:1095px;color:#8e9686;font:14px var(--mono);text-transform:uppercase;letter-spacing:.05em}.end-note{position:absolute;top:550px;font-size:44px;line-height:1.1;font-weight:600;letter-spacing:-2px;color:#adb7a4;width:430px}.edge-fade{pointer-events:none;position:fixed;top:124px;bottom:120px;width:28px;z-index:2}.edge-fade.left{left:0;background:linear-gradient(90deg,#f6f5f0,transparent)}.edge-fade.right{right:0;background:linear-gradient(-90deg,#f6f5f0,transparent)}.canvas-help{position:fixed;bottom:122px;left:28px;display:flex;align-items:center;gap:8px;font-size:11px;color:#8c9486;pointer-events:none}.canvas-help svg{width:14px;height:14px}.canvas-help span{color:#b6bdb0}.navigator{position:fixed;bottom:59px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:15px;pointer-events:none}.journey,.zoom{pointer-events:auto;display:flex;align-items:center;gap:7px;padding:8px;background:#fffefaed;backdrop-filter:blur(16px);border:1px solid #d9ddd1;box-shadow:0 4px 15px #36402c0b;border-radius:12px}.journey nav{display:flex;gap:3px}.era{font-size:12px;font-weight:500;padding:8px 15px;border-radius:7px;color:#7f8777}.era:hover{background:#edf0e6}.era.active{background:#e9f0fb;color:#3269b7;box-shadow:inset 0 0 0 1px #d1dff1}.zoom{gap:1px}.zoom>span{height:18px;border-left:1px solid #e0e4d9;margin:0 8px}.zoom-label{min-width:43px;font:11px var(--mono);color:#7c8672}.credit{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;padding:4px 12px;white-space:nowrap;color:#818a78;font-size:11px;background:#f6f5f0e6;border-radius:15px;z-index:6}.credit b{font-weight:700;color:#4a5740}.credit .slashes{color:#acb49f;font-family:var(--mono)}.credit:hover{color:#3c6937}.credit:hover b{color:#3c6937}dialog{border:1px solid #d8dcd2;border-radius:17px;padding:0;background:#fcfdf9;color:var(--ink);box-shadow:0 25px 130px #19231540;max-height:calc(100dvh - 100px)}dialog::backdrop{background:#222b2355;backdrop-filter:blur(7px)}.close{position:absolute;right:16px;top:16px;z-index:2;background:#f2f4ecef}.close:hover{background:#e6ede0}#detail[open]{display:grid;grid-template-columns:1.2fr 1fr;width:min(1210px,94vw);overflow:hidden}.detail-image{background:#151815;display:flex;flex-direction:column;justify-content:center;min-height:600px;position:relative}.detail-image img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}.detail-image-caption{font:10px var(--mono);color:#8e9a89;position:absolute;bottom:20px;left:24px}.detail-copy{padding:42px 38px 22px;max-height:calc(100dvh - 102px);overflow-y:auto}.detail-date{font-size:11px;color:#a47155;margin-bottom:19px}.detail-copy h2{font-size:39px;letter-spacing:-1.8px;line-height:1.07;margin:0 0 12px;max-width:92%}.detail-execution{font-size:15px;color:#7c8774;margin:0 0 18px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{border:1px solid #dfe4d7;background:#f2f5eb;padding:4px 9px;border-radius:5px;font-size:10px;color:#738066}.detail-insight{border-top:1px solid #e2e6dc;margin-top:25px;padding-top:21px}.detail-insight h3{font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8e9884;font-weight:400;margin:0 0 10px}.detail-insight p{font-size:18px;line-height:1.5;letter-spacing:-.3px;margin:0 0 10px}.detail-insight>span{font-size:10px;color:#9aa48e}.movement{font-size:11px;color:#aa775c;border-left:2px solid #c99b7a;padding-left:10px;margin:21px 0}.detail-links{display:flex;align-items:center;gap:21px;margin:25px 0 19px}.detail-links>a:not(.primary){font-size:12px;color:#5e7550}.detail-links .primary{font-size:12px;padding:11px 14px}.detail-links .primary svg{width:15px;height:15px}.detail-copy details{font-size:12px;line-height:1.6;color:#849078;border-top:1px solid #e5e9df;padding-top:15px}.detail-copy summary{cursor:pointer;font-size:11px}.detail-copy details a{text-decoration:underline}.detail-pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e9df;margin-top:22px;padding-top:18px;color:#7f8c70;font-size:11px}.detail-pagination button{padding:5px 0;font-size:11px}.detail-pagination button:hover{color:var(--blue)}#index-dialog{width:min(1300px,95vw);padding:32px;overflow:auto}.index-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.index-heading p{color:#97a08d;margin:0 0 8px}.index-heading h2{font-size:32px;line-height:1.1;letter-spacing:-1.1px;margin:0}.search-wrap{display:flex;align-items:center;border:1px solid #dce3d2;border-radius:9px;padding:10px 14px;gap:12px;margin:25px 0;background:#fff}.search-wrap svg{width:17px;color:#93a184}.search-wrap input{border:0;outline:0;background:none;flex:1;min-width:80px;font-size:13px;color:#4d5e3f;padding:4px}.search-wrap span{font-size:10px;white-space:nowrap;color:#99a58b}#index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.index-card{text-align:left;cursor:default;padding:0;background:white;border:1px solid #e0e5d9;border-radius:7px;overflow:hidden}.index-card:hover{border-color:#87a9d4;box-shadow:0 5px 14px #345b8420}.index-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#101010;display:block}.index-card .index-copy{padding:11px 12px 15px}.index-card small{font:9px var(--mono);color:#9d806a}.index-card b{display:block;font-size:13px;line-height:1.2;margin:7px 0 5px;font-weight:600}.index-card .index-copy>span{font-size:10px;color:#97a089}.index-era{grid-column:1/-1;font:12px var(--mono);color:#96a187;margin:8px 0 0}.empty{grid-column:1/-1;padding:35px;color:#93a086}#about-dialog{width:570px;max-width:94vw;padding:42px;overflow:auto}#about-dialog>p.mono{color:#93a086}#about-dialog h2{font-size:44px;line-height:1.05;letter-spacing:-2px;margin:19px 0 24px}#about-dialog p{color:#7d8971;font-size:14px;line-height:1.65}#about-dialog .smallprint{font-size:11px;border-top:1px solid #e0e6d7;padding-top:20px}#about-dialog .mock-note{font-size:10px;color:#a2ac96}#toast{position:fixed;left:50%;bottom:126px;transform:translate(-50%,15px);background:#fafff4;border:1px solid #c8d9b9;border-radius:8px;padding:10px 17px;color:#527339;font-size:12px;box-shadow:0 3px 20px #416e2922;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1500px){.navigator{left:44px;right:44px}.topbar,.filterbar{padding-left:44px;padding-right:44px}.canvas-help{left:44px}}@media(max-width:1100px){.collection-label{display:none}.topbar{gap:14px}.top-actions{gap:12px}.era{padding:8px 10px}.navigator{left:18px;right:18px}.canvas-help{left:20px}#index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.topbar{height:58px;padding:0 16px;gap:12px}.wordmark{font-size:22px}.top-divider,.viewonly,.board-name{display:none}.top-actions>button:first-child{font-size:11px}.filterbar{height:48px;padding:0 12px;overflow-x:auto;gap:2px}.filters{gap:1px}.filter{font-size:10px;padding:6px 8px}.filter-divider{margin:0 2px}.filterbar>.icon-button{display:none}#viewport{top:106px}.edge-fade{top:106px}.navigator{bottom:71px;left:10px;right:10px;gap:8px;flex-wrap:wrap}.journey{width:100%;justify-content:center;padding:5px;gap:1px}.era{padding:6px 8px;font-size:10px}.journey .icon-button{width:24px}.zoom{position:absolute;right:0;bottom:57px;padding:3px}.canvas-help{bottom:127px;font-size:9px;left:15px;max-width:60%;line-height:1.3;gap:4px}.canvas-help span{display:none}.canvas-help svg{display:none}.credit{bottom:18px;font-size:9px;gap:5px;width:100%;padding:3px}.credit .slashes{font-size:9px}.hero-photo{left:660px}#detail[open]{display:block;width:95vw;overflow:auto}.detail-image{min-height:0;padding:0}.detail-image img{max-height:35vh}.detail-image-caption{display:none}.detail-copy{padding:23px;max-height:none;overflow:visible}.detail-copy h2{font-size:30px}.detail-date{margin-bottom:10px}.detail-insight p{font-size:16px}.close{position:fixed;right:22px;top:calc(5vh + 5px)}#index-dialog{padding:19px}#index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.index-heading h2{font-size:23px}.search-wrap{padding:7px 10px}.search-wrap input{font-size:11px}.search-wrap span{display:none}#about-dialog{padding:30px}#toast{bottom:130px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.era-summary{display:none}