/* The opening is a compact, directly navigable story. Secondary pages keep their own space. */
[hidden]{display:none!important}
body[data-route=home] #main,body[data-route=play] #main{min-height:0}
body[data-route=home] .header,body[data-route=play] .header{background:#fafaf7}
.journey{--cream:#f2efe5;--night:#121719;--signal:#ff6a28;display:flex;flex-direction:column;min-height:620px;height:calc(100svh - 98px);padding:14px 18px 0}
.journey-stage{position:relative;flex:1;min-height:0;background:var(--night);isolation:isolate;overflow:hidden}
.journey-act{height:100%;position:relative;overflow:hidden;animation:act-arrive .65s cubic-bezier(.2,.75,.3,1) both}
.journey-copy{position:relative;z-index:2;width:55%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px 0 70px 5.1%;color:var(--cream)}
.journey-copy .eyebrow{color:#d1c6b7;font-size:9px;letter-spacing:2px}
.journey h1{font-size:clamp(54px,5.7vw,91px);font-weight:450;letter-spacing:-.073em;line-height:1.01;margin:25px 0 22px}
.journey h1 span{display:block}
.journey-invitation{color:#ded9cf;font-size:clamp(13px,1.12vw,16px);line-height:1.65}
.journey-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--signal);border:1px solid var(--signal);color:#16110e;padding:16px 22px;font-size:12px;font-weight:560;min-height:50px;margin-top:27px;transition:background .25s,transform .25s}
.journey-cta:hover{background:#ff8e55;transform:translateY(-2px)}
.journey-cta:disabled{opacity:.6;transform:none}
.journey-cta span,.journey-link span{transition:transform .3s}
.journey-cta:hover span,.journey-link:hover span{transform:translate(3px,-3px)}
.journey-link{display:inline-flex;align-items:center;gap:34px;font-size:11px;padding:15px 0;color:inherit;border:0;border-bottom:1px solid #ffffff40;margin-top:3px}
.humanity-wall{position:absolute;inset:-7% -4% -7% 25%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;transform:rotate(-7deg) scale(1.04);animation:wall-breathe 24s ease-in-out infinite alternate;will-change:transform}
.humanity-tile{position:relative;overflow:hidden;background:#243039;isolation:isolate}
.humanity-tile img{position:absolute;inset:0;filter:saturate(.74);animation:tile-breathe 22s ease-in-out infinite alternate;animation-delay:calc(var(--tile)*-1.7s)}
.humanity-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 70%);pointer-events:none}
.humanity-tile span{position:absolute;bottom:12px;left:13px;font-size:8px;text-transform:uppercase;letter-spacing:2px;color:#fff9;z-index:2}
.humanity-tile .incoming{opacity:0;transition:opacity 1.25s ease}.humanity-tile .incoming.arrived{opacity:1}
.tile-0 img{object-position:75% 50%}.tile-2 img{object-position:50% 25%}.tile-3 img{object-position:40% 50%}
.montage-wash{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#101719 4%,#101719f0 24%,#101719a6 43%,#1017191c 65%,#10171900 100%),linear-gradient(0deg,#101719 0%,#1017191a 30%,#10171930 100%);pointer-events:none}
.montage-controls{position:absolute;z-index:3;bottom:22px;left:5.1%;right:30px;display:flex;justify-content:space-between;align-items:center;color:#c3c0b7;font-size:8px;letter-spacing:1.3px;gap:20px}
.montage-controls>div{display:flex;gap:22px}.montage-controls button{font-size:9px;letter-spacing:0;padding:8px 0;border-bottom:1px solid #ffffff35}
.montage-paused .humanity-wall,.montage-paused .humanity-tile img{animation-play-state:paused}
.journey-nav{height:83px;min-height:83px;display:flex;justify-content:space-between;align-items:center;padding:0 2.7%;gap:30px}
.journey-steps{display:flex;align-self:stretch;width:70%;max-width:840px}
.journey-steps button{position:relative;display:flex;align-items:center;gap:14px;text-align:left;flex:1;padding:16px 20px 16px 0;color:#807c75;font-size:11px}
.journey-steps button strong{font-weight:450}.journey-steps button>span{font-size:9px;font-variant-numeric:tabular-nums;color:#96928b}
.journey-steps button i{position:absolute;bottom:0;left:0;right:20px;height:2px;background:#ddd8d0;transition:background .4s}
.journey-steps button[aria-pressed=true]{color:#131719}.journey-steps button[aria-pressed=true]>span{color:#d94300}.journey-steps button[aria-pressed=true] i{background:#ff6825}
.journey-signature{font-size:9px;line-height:1.6;margin-right:58px;color:#817b70;text-align:right}
.push-act{display:grid;grid-template-columns:.85fr 1.15fr;background:#eceae3;color:#181b1b}
.push-copy{padding:35px 6% 35px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.push-copy h2,.audience-copy h2{font-size:clamp(42px,4.65vw,73px);line-height:1.04;letter-spacing:-.065em;margin:24px 0}
.push-copy h2 em,.audience-copy h2 em{font-style:normal;color:#d64b0c}
.push-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#65605a}
.push-actions{display:flex;align-items:flex-start;flex-direction:column}.push-actions .journey-link{border-color:#aaa49a}
.push-act .chain-art{height:100%;min-height:0;margin:0;border:0;border-radius:0;isolation:isolate;background-size:cover;background-position:center}
.push-act .studio-film{object-fit:cover}
.push-act .light-controls{top:20px;left:22px;right:22px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:15px}
.push-act .light-label{color:#f7ede1a6;font-size:8px}.push-act .light-controls>div{display:flex;background:#05152675;backdrop-filter:blur(12px)}
.push-act .light-controls button{font-size:8px;color:#eee6da;padding:9px 10px;background:transparent;border:0}
.push-act .light-controls button[aria-pressed=true]{background:#f2efe5;color:#172637}
.push-act .chain-bottom{bottom:22px;left:24px;right:24px;z-index:3;color:white}.push-act .chain-bottom p{font-size:10px;max-width:240px;color:#fff}
.push-act .chain-number{display:none}.push-act .film-pause{color:white;border-color:#fff8}
.audience-act{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:30px 3.5% 30px 5%;color:var(--cream)}
.audience-copy{align-self:center}.audience-copy .eyebrow{color:#b3aca0}.audience-copy h2{font-size:clamp(37px,3.9vw,60px)}.audience-copy h2 em{color:#ff935e}
.audience-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:315px;color:#a9b0ac}.audience-copy .audience-principle{margin-top:20px;color:#e5e3d8!important}
.audience-copy .journey-link{display:flex;width:max-content}
.people-study{--active-emotion:#ff793b;min-width:0;align-self:center;width:100%;color:#f1efe6}
.people-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;color:#d7d8cf}
.study-badge{font-size:8px;letter-spacing:.2px;padding:5px 8px;border:1px solid #ffffff2b;text-transform:none;color:#a8b0ae}
.people-field{position:relative;background:#161e21;border:1px solid #ffffff13;height:clamp(240px,36vh,400px);overflow:hidden}
.people-field canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:pan-y}
.people-brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;background:radial-gradient(closest-side,#161e21 50%,#161e2100 100%);padding:18px}
.people-brand i{font-size:32px;font-style:normal;line-height:38px;width:40px;height:40px;border:1px solid var(--active-emotion);color:var(--active-emotion);text-align:center;transition:color .5s,border-color .5s}
.people-brand small{font-size:6px;letter-spacing:2px;margin-top:10px;color:#c5cfc9;white-space:nowrap}.people-edge{position:absolute;bottom:13px;left:15px;font-size:8px;color:#929c98}
.motion-toggle{font-size:9px;border-bottom:1px solid #7f88856b;padding:7px 0;color:inherit}
.people-field .motion-toggle{position:absolute;bottom:8px;right:15px;color:#c3c8c0}
.emotion-controls{display:flex;border-bottom:1px solid #ffffff1c;justify-content:space-between;gap:5px;padding:12px 0}
.emotion-controls button{display:flex;gap:7px;align-items:center;font-size:10px;padding:8px 7px;color:#a7b1af;transition:background .3s,color .3s}
.emotion-controls button i{width:5px;height:5px;background:var(--emotion);border-radius:50%}.emotion-controls button[aria-pressed=true]{background:#ffffff0b;color:#fff}.emotion-controls button[aria-pressed=true] i{box-shadow:0 0 0 3px #ffffff12}
.people-response{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:17px;min-height:70px}
.people-response strong{font-weight:450;font-size:12px}.people-response p{font-size:9px;color:#94a19b;margin-top:6px;line-height:1.6}
.ripple-button{font-size:10px;white-space:nowrap;border:1px solid #ffffff3d;padding:11px 13px;display:flex;gap:14px;color:#e5e8df}.ripple-button:hover{border-color:var(--active-emotion)}
.people-note{font-size:8px;line-height:1.65;color:#8c9693;max-width:480px;padding-top:17px}
.image-credits{border:1px solid #ddd6c7;background:#f5f2e9;color:#191e1d;max-width:940px;width:calc(100% - 36px);max-height:85svh;padding:35px}.image-credits::backdrop{background:#091112cc;backdrop-filter:blur(9px)}
.credits-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:20px}.credits-heading h2{font-size:34px;margin-top:9px}.credits-heading button{font-size:12px}.image-credits>p{font-size:11px;max-width:650px}.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.credit-grid article{display:flex;gap:15px;border-top:1px solid #d9d4c9;padding-top:18px}.credit-grid img{width:80px;height:85px}.credit-grid strong{font-size:11px;font-weight:550}.credit-grid p,.credit-grid span{font-size:9px;line-height:1.5;margin:5px 0;display:block}.credit-grid a{font-size:9px;text-decoration:underline;display:inline-block;margin-right:12px}
.play-space{--night:#10181b;min-height:620px;height:calc(100svh - 98px);display:flex;flex-direction:column;padding:32px 4.2% 0;gap:24px}
.play-heading{display:flex;align-items:center;gap:35px;flex-wrap:wrap}.play-heading h1{font-size:clamp(44px,4.6vw,67px);line-height:1.1;margin-top:10px}.play-heading>p{font-size:12px;line-height:1.7;color:#78736a;max-width:330px;margin-top:20px}.play-switch{display:flex;margin-left:auto;align-self:flex-end;border:1px solid #ddd7cc;padding:4px;margin-bottom:5px;gap:4px}.play-switch button{padding:9px 12px;font-size:10px;color:#6d685f}.play-switch button[aria-pressed=true]{background:#172023;color:#f4eee2}
.pixel-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;flex:1;min-height:0;max-height:560px}
.pixel-card{display:flex;flex-direction:column;background:var(--night);color:#f1e5d5;min-width:0;overflow:hidden;border:1px solid #1c2729}
.pixel-card-head{display:flex;justify-content:space-between;align-items:center;margin:20px 23px 0;font-size:9px;letter-spacing:1px;color:#d2b5a1}
.pixel-screen{position:relative;display:block;flex:1;width:100%;min-height:160px;overflow:hidden;padding:5px 20px 32px;transition:background .4s}
.pixel-screen:hover{background:#ff7b3405}.pixel-screen canvas{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}
.pixel-touch{position:absolute;bottom:10px;left:23px;font-size:9px;color:#c68e70;border-bottom:1px solid #80594570;padding-bottom:5px}.pixel-screen:hover .pixel-touch{color:#ffb385}
.pixel-card-foot{padding:20px 23px 23px;border-top:1px solid #ffffff10}.pixel-card-foot h2{font-size:clamp(18px,1.8vw,26px);letter-spacing:-.035em;line-height:1.2}.pixel-card-foot>span{display:block;font-size:9px;color:#828f8d;margin-top:10px;min-height:12px}
.play-bottom{display:flex;align-items:center;gap:25px;justify-content:space-between;min-height:60px;padding-bottom:18px;padding-right:65px;margin-top:auto}.play-bottom p{font-size:10px;color:#827b70}.play-bottom>a{font-size:10px;border-bottom:1px solid #c2bcae;padding:8px 0}.play-bottom .motion-toggle{margin-left:auto;color:#786f61;white-space:nowrap}
.play-people{background:var(--night);padding:22px 35px;flex:1;min-height:0;display:flex;justify-content:center}.play-people .people-study{max-width:960px;align-self:center}.play-people .people-field{height:clamp(180px,31vh,350px)}.play-people .people-note{max-width:none}
@keyframes wall-breathe{from{transform:rotate(-7deg) scale(1.04) translateY(-1%)}to{transform:rotate(-7deg) scale(1.07) translateY(1%)}}
@keyframes tile-breathe{from{transform:scale(1)}to{transform:scale(1.09)}}
@keyframes act-arrive{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.journey-copy{padding-left:7%}.journey h1{font-size:100px}.humanity-wall{inset:-5% -2% -5% 30%}.journey-stage{max-height:1000px}}
@media(max-height:760px) and (min-width:901px){.journey{min-height:550px}.journey h1{font-size:58px;margin:18px 0}.journey-copy{padding-bottom:55px}.journey-cta{margin-top:18px}.push-copy h2{font-size:53px;margin:18px 0}.audience-copy h2{font-size:44px;margin:18px 0}.people-field{height:240px}.people-note{padding-top:10px}.audience-act{padding-top:22px;padding-bottom:22px}.play-space{min-height:540px;gap:18px}.play-heading h1{font-size:46px}.pixel-card-foot{padding-top:14px;padding-bottom:15px}.play-people .people-field{height:200px}}
@media(max-width:1050px) and (min-width:761px){.journey-copy{width:65%}.journey h1{font-size:62px}.montage-controls>span{display:none}.montage-controls{justify-content:flex-end}.push-copy{padding-left:10%}.push-copy h2{font-size:52px}.audience-act{gap:20px;padding-left:4%}.audience-copy h2{font-size:39px}.emotion-controls button{font-size:9px;padding-left:2px;padding-right:2px}.people-response{gap:10px}.people-response strong{font-size:10px}.ripple-button{padding:9px;gap:6px}.play-heading>p{display:none}.play-heading h1{font-size:48px}.pixel-card-foot h2{font-size:20px}}
@media(max-width:760px){
 .journey{height:auto;min-height:calc(100svh - 78px);padding:8px 8px 0}.journey-stage{min-height:570px}.journey-act{min-height:570px}.journey-copy{width:100%;min-height:570px;padding:32px 22px 93px;justify-content:flex-end}.journey-copy .eyebrow{font-size:8px}.journey h1{font-size:clamp(48px,9.5vw,70px);margin:18px 0;line-height:1.035}.journey-invitation{font-size:12px}.journey-cta{font-size:11px;padding:14px 18px;min-height:46px;margin-top:23px}.journey-link{font-size:10px;padding:11px 0}.humanity-wall{inset:-10% -26% 9% -14%;grid-template-columns:repeat(4,1fr);gap:7px;opacity:.9}.humanity-tile span{font-size:6px;bottom:8px;left:8px}.montage-wash{background:linear-gradient(0deg,#101719 3%,#101719eb 25%,#101719b5 45%,#1017190d 80%),linear-gradient(90deg,#10171980,transparent)}.montage-controls{left:22px;right:22px;bottom:17px}.montage-controls>span{display:none}.montage-controls>div{width:100%;justify-content:space-between}.montage-controls button{font-size:8px}.journey-nav{padding:0 11px;min-height:76px;height:76px}.journey-steps{width:100%}.journey-steps button{padding-right:8px;gap:7px;font-size:9px}.journey-steps button>span{font-size:8px}.journey-steps button i{right:8px}.journey-signature{display:none}
 .push-act{display:flex;flex-direction:column;min-height:570px}.push-copy{padding:26px 24px;display:block;position:relative}.push-copy .eyebrow{font-size:7px}.push-copy h2{font-size:38px;line-height:1.08;margin:13px 0;max-width:180px}.push-copy h2 br:nth-child(2){display:none}.push-copy>p:not(.eyebrow){font-size:10px;position:absolute;right:22px;top:64px;max-width:135px}.push-actions{flex-direction:row;align-items:center;gap:20px}.push-actions .journey-cta{margin-top:2px;font-size:9px;min-height:40px;padding:11px 13px;gap:16px}.push-actions .journey-link{font-size:9px;margin-top:0;gap:12px}.push-act .chain-art{height:340px;min-height:340px;flex:1;width:100%;aspect-ratio:auto}.push-act .studio-film{object-fit:contain;background:#192d46}.push-act .light-label{display:none}.push-act .light-controls{top:13px;left:16px;right:16px;justify-content:flex-end}.push-act .light-controls button{font-size:7px;padding:7px 9px}.push-act .chain-bottom{bottom:13px;left:16px;right:16px}.push-act .chain-bottom p{font-size:8px;max-width:205px}
 .audience-act{display:flex;flex-direction:column;padding:25px 22px;gap:22px}.audience-copy{align-self:stretch}.audience-copy .eyebrow{font-size:7px}.audience-copy h2{font-size:35px;line-height:1.06;margin:15px 0}.audience-copy h2 br{display:none}.audience-copy>p:not(.eyebrow){font-size:11px;max-width:none;line-height:1.65}.audience-copy .audience-principle{margin-top:11px;font-size:10px!important}.audience-copy .audience-principle br{display:none}.audience-copy .journey-cta{margin-top:15px;font-size:10px;gap:20px}.audience-copy .journey-link{display:inline-flex;margin-left:16px;font-size:9px}.people-toolbar{font-size:7px;letter-spacing:.8px;margin-bottom:10px}.study-badge{font-size:7px;padding:4px 5px}.people-field{height:240px}.emotion-controls{gap:1px;padding:9px 0}.emotion-controls button{padding:7px 3px;gap:5px;font-size:8px}.people-response{padding-top:12px;gap:12px;min-height:72px}.people-response strong{font-size:10px}.people-response p{font-size:8px}.ripple-button{font-size:8px;padding:10px;gap:7px}.people-note{font-size:7px;padding-top:10px}.people-edge{font-size:7px}.people-field .motion-toggle{font-size:8px}
 .play-space{height:auto;min-height:calc(100svh - 78px);padding:25px 20px 0;gap:20px}.play-heading{gap:16px}.play-heading .eyebrow{font-size:8px}.play-heading h1{font-size:47px;margin-top:8px}.play-heading>p{font-size:11px;margin-top:0}.play-switch{margin:0;align-self:auto;width:100%;justify-content:space-between}.play-switch button{flex:1;font-size:10px}.pixel-worlds{grid-template-columns:1fr;max-height:none;gap:13px}.pixel-card{display:grid;grid-template-columns:45% 55%;grid-template-rows:40px 118px;position:relative;min-height:158px}.pixel-card-head{grid-column:1;grid-row:1;margin:20px 0 0 18px;font-size:8px;letter-spacing:0}.pixel-card-head>span:last-child{display:none}.pixel-screen{grid-column:2;grid-row:1/3;min-height:0;height:158px;padding:4px 12px 22px}.pixel-card-foot{grid-column:1;grid-row:2;border:0;padding:15px 0 15px 18px;align-self:center}.pixel-card-foot h2{font-size:19px;line-height:1.1}.pixel-card-foot>span{font-size:8px;line-height:1.5;margin-top:10px}.pixel-touch{left:12px;right:8px;bottom:9px;font-size:7px;width:max-content}.play-bottom{flex-wrap:wrap;gap:12px;padding-bottom:22px;padding-right:42px;justify-content:flex-start;min-height:80px}.play-bottom p{width:100%;font-size:9px}.play-bottom .motion-toggle{margin:0;font-size:9px}.play-bottom>a{font-size:9px;margin-left:14px}.play-people{padding:19px 16px}.play-people .people-field{height:245px}.credit-grid{grid-template-columns:1fr}.image-credits{padding:23px}.credits-heading h2{font-size:27px}.credits-heading button{font-size:10px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.humanity-wall,.humanity-tile img,.journey-act{animation:none!important}.humanity-tile .incoming,.journey-cta,.journey-link span{transition:none!important}}
@media(max-width:760px){
 .journey[data-act="0"],.journey[data-act="1"]{height:calc(100svh - 78px);min-height:650px}
 .journey[data-act="0"] .journey-stage,.journey[data-act="1"] .journey-stage{min-height:0}
 .journey[data-act="0"] .journey-act,.journey[data-act="1"] .journey-act{height:100%;min-height:0}
 .journey[data-act="0"] .journey-copy{height:100%;min-height:0;padding-bottom:90px;justify-content:center}
 .push-copy h2{font-size:32px;max-width:180px}
 .push-copy h2 br:nth-child(2){display:initial}
 .push-act .chain-art{height:auto;min-height:300px}
 .journey-nav{position:sticky;bottom:0;background:#fafaf7;z-index:5}
 .journey[data-act="2"] .journey-stage{flex:none}.journey[data-act="2"] .audience-act{height:auto}
}
@media(max-width:760px){.journey-nav{padding-right:54px}.journey-steps button{font-size:8px;gap:5px}.journey-steps button>span{font-size:7px}}