.page-story{--toc-h: 60px;--bars: calc(64px + var(--toc-h));}.page-story .story-toc{position: sticky;top: 64px;z-index: 40;height: var(--toc-h);pointer-events: none;}.page-story .story-toc > .wrap{height: 100%;display: flex;align-items: center;justify-content: center;}.page-story .story-toc-list{pointer-events: auto;position: relative;display: flex;align-items: center;gap: 2px;max-width: 100%;margin: 0;padding: 4px;border-radius: var(--r-pill);background: rgba(255,255,255,.86);-webkit-backdrop-filter: saturate(1.4) blur(14px);backdrop-filter: saturate(1.4) blur(14px);box-shadow: inset 0 0 0 1px var(--line-2),0 1px 2px rgba(0,0,0,.04),0 10px 28px -14px rgba(0,0,0,.22);overflow-x: auto;overflow-y: hidden;overscroll-behavior-x: contain;scrollbar-width: none;scroll-padding-inline: 8px;}.page-story .story-toc-list::-webkit-scrollbar{display: none;}.page-story .story-toc-list > li{flex: 0 0 auto;}.page-story .story-toc-link{display: inline-flex;align-items: center;gap: 8px;height: 38px;padding: 0 16px 0 14px;border-radius: var(--r-pill);font: 500 14px/1 var(--font-body);color: var(--ink-body);white-space: nowrap;text-decoration: none;transition: background-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out);}.page-story .story-toc-n{font: 500 11px/1 var(--font-mono);letter-spacing: .02em;color: #8a8a8a;transition: color var(--t-fast) var(--e-out);}.page-story .story-toc-link:hover{background: var(--fill);color: var(--ink);text-decoration: none;}.page-story .story-toc-link[aria-current]{background: var(--ink);color: #fff;}.page-story .story-toc-link[aria-current] .story-toc-n{color: rgba(255,255,255,.62);}.page-story .story-toc-link:focus-visible{outline-offset: 2px;}@media (prefers-reduced-motion: reduce){.page-story .story-toc-link,.page-story .story-toc-n{transition: none;}}@media (max-width: 899px){.page-story .story-toc > .wrap{width: 100%;padding-inline: var(--gutter);}.page-story .story-toc-list{width: 100%;justify-content: flex-start;-webkit-mask-image: linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image: linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);}.page-story .story-toc-link{height: 36px;padding: 0 14px 0 12px;}}@media (max-width: 840px){html:not(.js) .page-story .story-toc{position: static;}}.page-story :is(#why,#going-forward,#believe,#promise,#governed,#road){scroll-margin-top: calc(var(--bars) + 24px - 80px - var(--section));}.page-story #board{scroll-margin-top: calc(var(--bars) + 16px - 80px - var(--s6));}.page-story #beta{scroll-margin-top: calc(var(--bars) + 24px - 80px - var(--s9));}.page-story .story-hero{padding-top: clamp(56px,8vh,120px);text-align: center;}.page-story .story-hero h1{margin: var(--s3) auto 0;font-size: var(--fs-h1);line-height: 1.06;letter-spacing: -.025em;max-width: 14ch;}.page-story .story-hero .sub{margin: 20px auto 0;max-width: 600px;font-size: var(--fs-lead);color: var(--ink-body);}@keyframes story-sharpen{from{filter: blur(14px);opacity: 0;transform: translateY(6px);}to{filter: none;opacity: 1;transform: none;}}@keyframes story-rise{from{opacity: 0;transform: translateY(10px);}to{opacity: 1;transform: none;}}@media (prefers-reduced-motion: no-preference){.page-story .story-hero h1{animation: story-sharpen 1.1s var(--e-out) both;}.page-story .story-hero .sub{animation: story-rise .9s var(--e-out) .45s both;}}.page-story .feature-head h2{margin-top: var(--s3);font-size: var(--fs-h3);line-height: 1.2;letter-spacing: -.012em;max-width: 26ch;}.page-story .feature-head .kicker + h2{margin-top: var(--s2);}.page-story .feature-lines p{max-width: 60ch;}.page-story .feature-lines p + p{margin-top: var(--s2);}.page-story .story-board{--edge: max(var(--gutter),calc((100% - var(--content)) / 2));padding-top: var(--s6);}.page-story .sb-track{display: grid;gap: var(--s6);width: min(100% - 2 * var(--gutter),var(--content));margin-inline: auto;}.page-story .sb-board{position: relative;display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: auto 1fr;background: var(--fill-2);border: 1px solid var(--line);border-radius: var(--r-card);overflow: hidden;}.page-story .sb-art{order: -1;position: relative;width: 100%;min-width: 0;aspect-ratio: 16 / 9;background: var(--fill);}.page-story .sb-art img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}.page-story .sb-art--contain{background: #F7E4C2;}.page-story .sb-art--contain img{object-fit: contain;}.page-story .sb-words{align-self: start;padding: 22px 20px 26px;}.page-story .sb-n{display: block;color: var(--accent-ink);font-size: 13px;line-height: 1;}.page-story .sb-words .kicker{margin-top: var(--s3);color: var(--ink-body);}.page-story .sb-words h2{margin-top: var(--s2);max-width: 24ch;font-size: var(--fs-h3);line-height: 1.2;letter-spacing: -.012em;}.page-story .sb-words .feature-lines p{max-width: 52ch;}@media (min-width: 1024px){.page-story .sb-board{grid-template-columns: minmax(0,7fr) minmax(0,5fr);grid-template-rows: auto;}.page-story .sb-art{align-self: stretch;}.page-story .sb-words{align-self: center;padding: clamp(28px,3.2vw,44px);}}@media (min-width: 1024px) and (max-width: 1099px){.page-story .sb-words{padding: 24px;}}.js .page-story .sb-track{display: flex;gap: var(--s5);width: auto;margin: 0;padding: 8px var(--edge) 10px;scroll-padding-inline: var(--edge);overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scrollbar-width: none;clip-path: inset(0 0 0 calc(var(--edge) - 8px));}.js .page-story .sb-track::-webkit-scrollbar{display: none;}@media (max-width: 1279px){.js .page-story .sb-track{clip-path: inset(0 calc(var(--edge) - 8px));}}.js .page-story .sb-board{flex: 0 0 100%;scroll-snap-align: start;scroll-snap-stop: always;transition: opacity var(--t-mid) var(--e-out);}.js .page-story .sb-board:not(.is-current){opacity: .45;cursor: pointer;}.js .page-story .sb-track:focus-visible{outline: none;}.js .page-story .sb-track:focus-visible .sb-board.is-current{outline: 2px solid var(--accent-ink);outline-offset: 4px;}.page-story .sb-ctrl{display: none;}.js .page-story .sb-ctrl{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: var(--s5);margin-top: var(--s3);}.page-story .sb-count{min-width: 4.6em;font: 500 var(--fs-small)/1.2 var(--font-body);color: var(--ink);font-variant-numeric: tabular-nums;}.page-story .sb-dots{display: flex;max-width: none;}.page-story .sb-dot{flex: 1 1 0;min-width: 24px;height: 24px;padding: 0 2px;border: 0;background: none;display: grid;align-items: center;}.page-story .sb-dot::before{content: "";height: 3px;border-radius: 2px;background: #949494;transition: background-color var(--t-fast);}.page-story .sb-dot.is-done::before{background: var(--ink-2);}.page-story .sb-dot[aria-current="true"]::before{height: 4px;background: var(--ink);}.page-story .sb-dot:hover::before{background: var(--ink-2);}.page-story .sb-dot[aria-current="true"]:hover::before{background: var(--ink);}.page-story .sb-btns{display: flex;gap: 8px;}.page-story .sb-btn{width: 44px;height: 44px;border-radius: 50%;border: 1px solid var(--line-3);background: #fff;color: var(--ink);display: grid;place-items: center;padding: 0;transition: background-color var(--t-fast),opacity var(--t-fast);}.page-story .sb-btn:hover{background: var(--fill-3);}.page-story .sb-btn[aria-disabled="true"]{opacity: .35;cursor: default;}.page-story .sb-btn[aria-disabled="true"]:hover{background: #fff;}@media (max-width: 699px){.js .page-story .sb-ctrl{grid-template-columns: minmax(0,1fr) auto;row-gap: var(--s2);}.page-story .sb-dots{grid-column: 1 / -1;grid-row: 1;max-width: none;}.page-story .sb-count{grid-column: 1;grid-row: 2;}.page-story .sb-btns{grid-column: 2;grid-row: 2;}}.page-story .art-panel{margin-top: var(--s6);border-radius: var(--r-panel);overflow: hidden;background: var(--fill);position: relative;}.page-story .art-panel::after{content: "";position: absolute;inset: 0;border: 1px solid var(--line);border-radius: inherit;pointer-events: none;}.page-story .art-panel img{width: 100%;height: auto;}.page-story .story-cap{margin-top: var(--s4);font-size: var(--fs-small);color: var(--ink-2);text-align: center;}.page-story .story-cap .link{color: var(--accent-ink);}.page-story .story-scene{margin-top: var(--s8);}.page-story .story-close{margin-top: var(--s6);max-width: 64ch;font-size: var(--fs-lead);color: var(--ink-body);}.page-story .story-close b{font-weight: 500;}.page-story .org{margin-top: var(--s6);}.page-story .org-top{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap: var(--s3);align-items: center;}.page-story .org-card,.page-story .org-col,.page-story .org-brain{background: #fff;border: 1px solid var(--line-2);border-radius: 14px;padding: 16px 18px;}.page-story .org-title{display: flex;align-items: center;gap: 10px;font-weight: 600;font-size: 15px;color: var(--ink);}.page-story .org-meta{margin-top: 4px;font-size: 14px;line-height: 1.5;color: var(--ink-body);}.page-story .org-foot{margin-top: 10px;padding-top: 8px;border-top: 1px solid var(--line-2);font-size: 13px;color: var(--ink-2);}.page-story .org-brain{text-align: center;box-shadow: var(--shadow-card);padding: 22px 20px;}.page-story .org-brain img{height: 40px;width: auto;margin: 0 auto;}.page-story .org-name{margin-top: 8px;font: 600 18px/1.3 var(--font-display);color: var(--ink);}.page-story .org-chips,.page-story .org-btns{display: flex;justify-content: center;gap: 6px;margin-top: 10px;}.page-story .org-chips span{background: var(--fill);border-radius: 6px;padding: 2px 8px;font-size: 13px;color: var(--ink-body);}.page-story .org-yes,.page-story .org-no{font-size: 13px;font-weight: 500;padding: 5px 14px;border-radius: var(--r-pill);}.page-story .org-yes{background: var(--btn);color: var(--on-btn);}.page-story .org-no{border: 1px solid var(--line-3);color: var(--ink);}.page-story .org-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s3);margin-top: var(--s3);}.page-story .org-col .label{margin: 0 0 10px 2px;}.page-story .org-col .org-sub{margin-top: var(--s4);}.page-story .org-row{display: flex;align-items: center;gap: 10px;padding: 10px 2px;border-top: 1px solid var(--line-2);}.page-story .org-row:last-child{border-bottom: 1px solid var(--line-2);}.page-story .org-n{font-size: 14px;font-weight: 500;color: var(--ink);}.page-story .org-m{margin-left: auto;font-size: 13px;color: var(--ink-2);text-align: right;}.page-story .org-bot{width: 32px;height: 32px;border-radius: 9px;background: var(--fill);color: var(--ink);display: inline-grid;place-items: center;flex-shrink: 0;}.page-story .org-ic{width: 32px;height: 32px;padding: 5px;border-radius: 9px;background: #fff;border: 1px solid var(--line-2);object-fit: contain;flex-shrink: 0;}.page-story .avatar{flex-shrink: 0;}.page-story .steps4{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--s4);margin-top: var(--s6);}.page-story .step4{border-top: 1px solid var(--line-3);padding-top: var(--s4);}.page-story .step4-k{margin-top: var(--s3);font: 600 var(--fs-h4)/1.3 var(--font-display);letter-spacing: -.01em;color: var(--ink);}.page-story .step4 p:not(.step4-k){margin-top: var(--s2);font-size: 14px;line-height: 1.6;color: var(--ink-body);}.page-story .road{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,7fr);gap: var(--s8);align-items: start;}.page-story .acts{margin-top: 0;}.page-story .act-sum{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}.page-story .act-sum .tag{align-self: flex-start;}.page-story .act h3{font-family: var(--font-body);font-size: var(--fs-h4);font-weight: 500;line-height: 1.3;letter-spacing: -.005em;color: var(--ink);}.page-story .act .fold-body p{font-size: 15px;line-height: 1.65;color: var(--ink-body);}.page-story .act .fold-body p + p{margin-top: var(--s3);}@media (min-width: 1100px){.page-story .road > .feature-head{position: sticky;top: calc(var(--bars) + 24px);}}.page-story .story-chant{margin: var(--s9) auto 0;text-align: center;max-width: none;color: var(--ink);font-family: var(--font-display);font-size: var(--fs-display);line-height: 1.12;letter-spacing: -.02em;font-weight: 500;}.page-story .why-art{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s5);margin-top: var(--s6);}.page-story .why-art .art-panel{margin-top: 0;aspect-ratio: 1376 / 768;}.page-story .why-art .art-panel img{width: 100%;height: 100%;object-fit: cover;}.page-story .why-art .art-panel--contain{background: #EDDBC8;}.page-story .why-art .art-panel--contain{position: relative;}.page-story .why-art .art-panel--contain img{position: absolute;left: -28.3%;top: 50%;width: 156.6%;max-width: none;height: auto;transform: translateY(-50%);object-fit: fill;mix-blend-mode: multiply;}.page-story .mani{max-width: 660px;margin-top: var(--s6);}.page-story .mani .open p{font-size: clamp(17px,1.7vw,19px);line-height: 1.6;color: var(--ink);}.page-story .mani .open p + p{margin-top: var(--s4);}.page-story .mani h3{margin-top: var(--s8);font-size: var(--fs-h4);line-height: 1.3;letter-spacing: -.01em;}.page-story .mani p{margin-top: var(--s3);font-size: 17px;line-height: 1.65;color: var(--ink-body);}.page-story .mani .tenets,.page-story .mani .nots{margin-top: var(--s5);}.page-story .mani .fold-row > summary{padding: 16px 0;}.page-story .mani .ten-sum{display: flex;align-items: center;gap: 14px;}.page-story .mani .tenets b,.page-story .mani .nots b{font-size: 17px;font-weight: 600;letter-spacing: -.01em;color: var(--ink);}.page-story .mani .fold-body{padding: 0 0 18px;}.page-story .mani .tenets .fold-body{padding-left: 24px;}.page-story .mani .fold-body p{margin: 0;font-size: 15px;line-height: 1.6;color: var(--ink-body);}.page-story .story-together{margin-top: var(--s5);}.page-story .story-end{margin: var(--section) auto 0;max-width: min(22ch,calc(100% - 2 * var(--gutter)));text-align: center;text-wrap: balance;}.page-story .band{margin-top: var(--s9);}.page-story .band-pilot{margin-top: var(--s5);display: flex;flex-wrap: wrap;align-items: center;gap: 12px 16px;font-size: 14px;line-height: 1.6;color: var(--ink-body);}@media (max-width: 1020px){.page-story .steps4{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (max-width: 899px){.page-story .org-top,.page-story .org-grid,.page-story .road,.page-story .why-art{grid-template-columns: minmax(0,1fr);}.page-story .road{gap: var(--s6);}.page-story .org-brain{order: -1;}}@media (max-width: 620px){.page-story .steps4{grid-template-columns: minmax(0,1fr);}.page-story .org-row{flex-wrap: wrap;}.page-story .org-m{margin-left: 42px;text-align: left;flex-basis: 100%;}.page-story .story-chant{margin-top: var(--s8);}}.scene[data-scene="story-teammates"] .st-open{left: 360px;top: 150px;width: 480px;height: 300px;}.scene[data-scene="story-teammates"] .st-win{left: 80px;top: 40px;width: 1040px;height: 610px;}.scene[data-scene="story-teammates"] .st-new{margin-left: auto;}.scene[data-scene="story-teammates"] .st-grid{flex: 1;display: grid;grid-template-columns: repeat(3,320px);grid-auto-rows: 188px;gap: 16px;padding: 24px;align-content: start;}.scene[data-scene="story-teammates"] .st-card{display: grid;grid-template-columns: 56px minmax(0,1fr);grid-template-rows: auto auto 1fr auto;column-gap: 14px;padding: 18px;border: 1px solid var(--line-2);border-radius: 14px;background: #fff;}.scene[data-scene="story-teammates"] .st-card > .mate-face{grid-row: 1 / span 2;}.scene[data-scene="story-teammates"] .st-name{font: 600 20px/1.2 var(--font-body);color: var(--ink);}.scene[data-scene="story-teammates"] .st-job{margin-top: 4px;font-size: 17px;line-height: 1.35;color: var(--ink-body);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.scene[data-scene="story-teammates"] .st-chips{grid-column: 1 / -1;margin-top: 10px;align-self: start;}.scene[data-scene="story-teammates"] .st-foot{grid-column: 1 / -1;align-self: end;font: 400 15px/1.3 var(--font-body);color: var(--ink-2);}.scene[data-scene="story-teammates"] .st-row0{left: 350px;top: 236px;width: 500px;display: flex;justify-content: space-between;}.scene[data-scene="story-teammates"] .st-f{display: flex;flex-direction: column;align-items: center;gap: 10px;font: 600 18px/1 var(--font-body);color: var(--ink);}@container (max-width: 639px){.js .scene[data-scene="story-teammates"] .st-row0{left: 400px;top: 150px;width: 400px;flex-wrap: wrap;justify-content: center;gap: 36px 44px;}}
