/* Autumn 2: richly painted artwork, legible typography, visible tools and video. */
html{font-size:18px;scroll-padding-top:110px}body{font-size:18px;line-height:1.9}p,li{line-height:1.9}
header{min-height:90px;gap:24px}.kei-logo{width:64px;height:64px;object-fit:contain;border-radius:50%;flex-shrink:0}.brand{font-size:18px}.brand small{font-size:12px}nav{font-size:16px;gap:24px}nav a{white-space:nowrap}
.small,.footnote,.diagram-note,.metric .unit,.notice span,.notice b,.download-main .small,.limitations p,.research-gap p,.disclosure-grid li,.formula-list,.formula-list code,.disclosure-grid code,.sell-illustration p{font-size:16px!important}.section-intro,.lead,.logic-grid p,.logic-grid li{font-size:19px!important}.eyebrow,.pill,.direction{font-size:13px}.text-link,summary,th,td{font-size:17px}.button{font-size:17px;padding:17px 24px;min-height:58px}.hero-actions{flex-wrap:wrap}.hero-actions .button{flex:1 1 220px}.hero h1{font-size:clamp(40px,4.4vw,68px)}section h2{font-size:clamp(30px,3.3vw,46px)}h3{font-size:23px}.time-breakdown b,.time-breakdown span{font-size:16px}.metric .value{font-size:clamp(32px,3vw,45px)}.side{font-size:17px!important}.metric dl dt{font-size:16px}.metric dl dd{font-size:24px}.disclosure-grid h3{font-size:21px}.formula-list dd{margin-bottom:14px}.install p{font-size:17px}.shared-rule{font-size:17px}.download-data a{font-size:17px}.limitations{margin-top:26px}
#autumn-intro{height:135svh}.autumn-stage{min-height:650px;background:#ece0c8}.autumn-tree{inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;object-position:60% center;opacity:1;filter:none;transform-origin:70% 55%;transform:translateY(calc(var(--autumn-progress,0)*-22px)) scale(calc(1 + var(--autumn-progress,0)*.08))}.autumn-sun{display:none}.autumn-mist{background:linear-gradient(90deg,#f9eed757,transparent 65%);z-index:1}.autumn-copy{top:25%;left:7%;width:62%;transform:translateY(calc(var(--autumn-progress,0)*-50px));opacity:clamp(.25,calc(1 - var(--autumn-progress,0)*.9),1)}.autumn-copy h2{font-size:clamp(58px,6.5vw,102px);font-weight:600;text-shadow:0 2px 25px #fff6da;line-height:1.25}.autumn-copy p:not(.autumn-edition){font-size:18px;line-height:2;max-width:510px;letter-spacing:.04em;color:#483428}.autumn-edition{font-size:13px;color:#6e382a}.autumn-copy .autumn-shortcut{font-size:17px;color:#632319;gap:22px;background:#fff4ddb8;padding:9px 14px;border:1px solid #9e5b3c66;backdrop-filter:blur(5px)}.intro-links{display:flex;gap:12px;flex-wrap:wrap}.autumn-vertical{top:18%;font-size:23px;color:#fff0d8;text-shadow:0 1px 7px #41120d}.autumn-seal{display:none}.autumn-chapter{bottom:15%;background:#f8ead6d9;padding:12px 22px;backdrop-filter:blur(8px)}.autumn-chapter p{font-size:16px}.autumn-scroll{font-size:12px;color:#572c20;background:#f9efd4b8;padding:8px 18px;border-radius:20px}.autumn-scroll span{height:20px;margin:3px auto 0}
.autumn-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 85% 8%,#fff8c788,transparent 40%);mix-blend-mode:screen;animation:autumn-light 9s ease-in-out infinite alternate}@keyframes autumn-light{from{opacity:.35}to{opacity:.8}}.motion-paused .autumn-stage:before{animation:none}
.video-callout{display:inline-block;background:#9d2b29;color:#fff2df;padding:10px 20px;border-radius:50px;font-size:18px;font-weight:700;margin-bottom:22px}#video{border-top:1px solid #784a37}#video video{width:100%;max-height:75vh;border:1px solid #a26344;border-radius:12px;background:#080808}#video .section-intro{max-width:980px}
.platform-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 40px}.platform-choice article{padding:28px 22px;background:linear-gradient(145deg,#38201b,#171313);border:1px solid #895844;border-radius:14px;min-width:0}.platform-choice h3{font-size:32px;margin:16px 0}.platform-choice p{font-size:17px}.platform-choice .button{display:flex;justify-content:center;padding:15px 12px}.platform-choice .text-link{display:block;margin-top:12px}.pending{background:#332d2c;color:#c6b5a8;border:1px solid #756458;cursor:default}.download-main>.pill,.download-main>h3,.download-main>.button.primary,.download-main>.button.secondary{display:none}
.dojo-logo{width:210px;height:auto;object-fit:contain}.floating-dojo{display:flex;align-items:center;gap:15px;background:#080c10;border:1px solid #fa2685;padding:9px 18px;box-shadow:0 7px 30px #0009,0 0 18px #fb1f7933;border-radius:14px}.floating-dojo .dojo-logo{width:220px}.floating-dojo span{font-size:17px;color:white;white-space:nowrap}.dojo-button{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;background:#080c10}.dojo-button span{font-size:17px}.season-controls button{font-size:14px}.season-controls{bottom:22px}.season-controls input{width:58px}footer p{font-size:15px}
@media(max-width:900px){header{flex-wrap:wrap;gap:10px;padding:12px 20px}.brand{font-size:16px}nav{width:100%;justify-content:space-between;font-size:15px}nav>a:first-child{display:block}.platform-choice{grid-template-columns:1fr}.autumn-copy{left:6%;width:88%}.autumn-copy h2{font-size:65px}.autumn-copy p:not(.autumn-edition){font-size:17px}.autumn-tree{object-position:64% center}.autumn-mist{background:linear-gradient(90deg,#fff0d6a6,#fff0d622 80%)}.floating-dojo .dojo-logo{width:185px}.floating-dojo span{font-size:15px}}
@media(max-width:760px){html{scroll-padding-top:145px}body{font-size:17px;padding-bottom:160px}.kei-logo{width:50px;height:50px}.brand small{font-size:11px}header{position:relative}.hero-copy h1{font-size:38px}.hero-actions .button{flex:auto}.autumn-stage{min-height:660px}.autumn-copy{top:22%;left:22px;width:calc(100% - 44px)}.autumn-copy h2{font-size:clamp(42px,10vw,64px);line-height:1.4}.autumn-copy p:not(.autumn-edition){font-size:16px;max-width:320px}.autumn-edition{font-size:11px;letter-spacing:.12em}.autumn-copy .autumn-shortcut{font-size:15px;gap:10px;padding:8px 10px}.autumn-tree{inset:0;width:100%;height:100%;object-position:56% center}.autumn-vertical{display:none}.autumn-chapter{left:22px;bottom:14%;max-width:85%}.autumn-chapter b{font-size:26px}.autumn-chapter p{font-size:15px}.autumn-scroll{font-size:10px;bottom:3%;white-space:nowrap}.small,.footnote,.diagram-note,.metric .unit,.notice span,.notice b{font-size:15px!important}.section-intro,.lead{font-size:17px!important}.floating-dojo{left:12px;right:12px;bottom:12px;justify-content:center;padding:10px;max-width:none;width:auto}.floating-dojo .dojo-logo{width:min(54vw,220px)}.season-controls{bottom:85px;left:12px}.season-controls button{font-size:13px}.season-controls input{width:48px}.text-link,summary,th,td{font-size:16px}.hero-card .diagram-heading{font-size:11px}.video-callout{font-size:16px}.platform-choice article{padding:22px}.hero{padding-top:40px}.disclosure-grid article{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.autumn-stage:before{animation:none}}
@media(max-width:760px){.season-controls{bottom:102px}nav>a{display:block!important}.autumn-mist{background:linear-gradient(90deg,#fff0d6e8 0,#fff0d67d 70%,#fff0d622 100%)}.autumn-copy{top:20%}.autumn-copy p:not(.autumn-edition){color:#302018;text-shadow:0 1px 8px #fff8e5}.autumn-copy h2{text-shadow:0 2px 20px #fff6dd}}
.download-grid>*{min-width:0}.download-data a{gap:12px}.download-data a span{min-width:0;overflow-wrap:anywhere}.download-main{overflow-wrap:anywhere}.download-main .dojo-logo{max-width:100%}
.floating-dojo,.dojo-button{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.floating-dojo:hover,.floating-dojo:focus-visible,.dojo-button:hover,.dojo-button:focus-visible{background:#11161a;color:#fff;border-color:#ba859b;box-shadow:0 8px 24px #0008;transform:translateY(-2px)}
.video-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px 0}.video-controls button{border:1px solid #766256;border-radius:8px;background:#211b18;color:#f6e5d6;font:inherit;font-size:16px;padding:10px 16px;cursor:pointer}.video-controls button:hover{background:#332a24;border-color:#c4a18a}.video-controls button[data-jump]{background:#453126}.video-controls label{font-size:16px}.video-timeline{display:flex;gap:16px;align-items:center;width:100%;margin-top:4px}.video-timeline input{flex:1;min-width:0;accent-color:#c9a286}.video-timeline output{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:380px){.intro-links{gap:6px}.autumn-copy .autumn-shortcut{font-size:13px;padding:7px 8px;gap:5px}.autumn-copy p:not(.autumn-edition){font-size:15px}.autumn-copy{top:18%}.download-main{padding:20px}.dojo-button{padding:14px 12px}.download-grid{grid-template-columns:minmax(0,1fr)}.metric .side{overflow-wrap:anywhere}}
/* Navigation remains reachable from every section, including on narrow screens. */
.chart-tooltip{position:fixed;z-index:1300;pointer-events:none;max-width:calc(100vw - 16px);padding:12px 18px;background:#171311;border:1px solid #c5a783;border-radius:10px;box-shadow:0 8px 28px #0008;line-height:1.5}.chart-tooltip[hidden]{display:none}.chart-tooltip span{display:block;font-size:14px;color:#d3c5b6}.chart-tooltip strong{display:block;font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap}.month-bar{cursor:pointer;outline:none}.month-bar:hover .bar-fill,.month-bar:focus .bar-fill{stroke:#fff2dc;stroke-width:2;filter:brightness(1.12)}
body{padding-top:96px}html{scroll-padding-top:112px}
body>header{position:fixed;top:0;left:0;right:0;z-index:1200;width:100%;max-width:none;height:96px;min-height:96px;margin:0;padding:12px max(24px,calc((100vw - 1100px)/2));background:#100d0cf5;border-bottom:1px solid #65493b;box-shadow:0 4px 18px #0003;backdrop-filter:blur(12px)}
body>header nav a{display:block!important;padding:8px 0}body>header .nav-top{color:#d6b296}
@media(max-width:900px){body{padding-top:118px}html{scroll-padding-top:134px}body>header{height:118px;min-height:118px;padding:8px 20px;gap:2px;align-content:center}body>header .kei-logo{width:44px;height:44px}body>header nav{gap:12px;font-size:14px;line-height:1.5}body>header .brand{font-size:15px}body>header .brand small{font-size:10px}}
@media(max-width:380px){body>header{padding-inline:14px}body>header nav{gap:8px;font-size:13px}}
/* Readable logic section: neutral surfaces and high-contrast text. */
#logic{color:#f8f6f2}
#logic .section-intro,#logic p,#logic li,#logic .small,#logic .muted,#logic .formula-list dd{color:#e7e4de}
#logic h2,#logic h3,#logic strong,#logic .formula-list dt{color:#fffaf2}
#logic .eyebrow{color:#f0bd83}
#logic .time-breakdown{gap:3px;background:#77736c;border:1px solid #77736c}
#logic .time-breakdown>div{background:#34302b;padding:22px 12px}
#logic .time-breakdown>div:nth-child(n+3){background:#252a30}
#logic .time-breakdown b{color:#ffffff;font-size:18px}
#logic .time-breakdown span{display:block;color:#f1eee8;font-size:17px;margin-top:7px}
#logic .logic-grid article,#logic .disclosure-grid article,#logic .sell-illustration{background:#202327;border-color:#74716b}
#logic .shared-rule{background:#26292d;border-color:#74716b}
#logic .buy{color:#92e5ca}#logic .sell{color:#ffb6c2}
#logic code{color:#ffe1a3}

/* Independent symbol replay sections. */
.video-player{margin-top:48px;padding-top:28px;border-top:1px solid #715a44;scroll-margin-top:140px}.video-player h3{font-size:clamp(26px,4vw,36px);margin:8px 0}.video-player>.button{margin-top:16px}.video-seek{min-width:0;flex:1;width:100%;accent-color:#e8c181}.video-time{font-variant-numeric:tabular-nums;white-space:nowrap}

/* Official platform logos on a consistent, high-contrast plate. */
.platform-choice .platform-logo{height:92px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;padding:18px}
.platform-logo img{display:block;width:175px;height:47px;object-fit:contain;max-width:100%}
.platform-choice h3{font-size:34px;line-height:1.2;margin:0 0 24px}

/* Platform identification on the first download actions. */
.hero-copy .hero-actions a:has(.hero-platform-logo){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;min-height:116px;text-align:center}
.hero-platform-logo{display:flex;align-items:center;justify-content:center;width:100%;max-width:240px;min-height:58px;background:#fff;border-radius:7px;padding:6px 12px}
.hero-platform-logo img{display:block;width:175px;height:47px;max-width:100%;object-fit:contain}
.hero-copy .hero-actions a:has(.hero-platform-logo)>span:last-child{font-size:16px;line-height:1.5}