/* Brainz local candidate: an editorial process film, controlled only by native scroll. */
:root{color-scheme:dark;--navy:#081628;--cyan:#82dce1;--paper:#eff2ef;--muted:#aebdcd;--line:#71869a40;--font:"Avenir Next",Avenir,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--navy);color:#f2f6f7;font-family:var(--font);-webkit-font-smoothing:antialiased}button,select{font:inherit}button,select,a{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:8px;left:8px;z-index:20;padding:16px;background:white;color:var(--navy);transform:translateY(-160%)}.skip:focus{transform:none}.header{height:88px;position:sticky;top:0;z-index:10;margin:0;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;background:var(--navy);border-bottom:1px solid var(--line)}.brand{display:flex;gap:20px;align-items:center}.brand>span{font-weight:800;font-size:38px;letter-spacing:-2.6px}.brand b{color:var(--cyan)}.brand small{font-size:9px;line-height:1.7;letter-spacing:1.8px;border-left:1px solid var(--line);padding-left:18px}.utilities{display:flex;align-items:center;gap:18px}.utilities select{width:66px;color:#e1eef2;background:var(--navy);border:0;min-height:44px;padding:8px}.utilities button{font-size:11px;min-height:44px;border:1px solid var(--line);padding:0 13px;background:none;color:#d8e5eb;cursor:pointer}.utilities button:disabled{opacity:.8;cursor:default}.login{background:var(--paper);color:var(--navy);text-decoration:none;min-height:46px;display:flex;gap:32px;align-items:center;padding:0 20px;font-size:14px;font-weight:650}.login:hover{background:var(--cyan)}.hero{padding:84px 8vw 0;max-width:1800px;margin:auto}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.3px;line-height:1.8;color:var(--cyan);margin:0 0 28px}.hero h1{font-size:clamp(64px,7.9vw,124px);font-weight:500;line-height:1.02;letter-spacing:-6px;margin:0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-bottom{display:flex;justify-content:space-between;gap:60px;margin-top:36px}.hero-bottom>p{max-width:470px;font-size:18px;line-height:1.7;color:var(--muted);margin:0}.hero-bottom .scroll-hint{font-size:12px;display:flex;align-items:center;gap:24px}.scroll-hint>span:first-child{height:54px;width:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:21px}.hero-rule{margin-top:62px;border-top:1px solid var(--line);padding:22px 0 26px;display:flex;justify-content:space-between;font:11px monospace;color:var(--muted)}
.journey{position:relative}.stage-pin{padding:26px 5vw 25px;min-height:700px;background:var(--navy)}.stage-top{display:flex;align-items:center;justify-content:space-between;color:#a9bfd1;font-size:9px;letter-spacing:2px;padding-bottom:20px;border-bottom:1px solid var(--line)}.scene-mode{color:var(--cyan)}.stage-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.65fr);gap:22px;align-items:center;min-height:550px}.story-copy{padding:30px 0 20px 3vw;min-width:0;z-index:2}.chapter{margin-bottom:48px}.chapter .eyebrow{display:flex;gap:18px;letter-spacing:1.4px;font-size:9px}.chapter .eyebrow>span:first-child{color:#aebdcd;font-family:monospace;white-space:nowrap}h2{font-size:clamp(34px,3.7vw,59px);letter-spacing:-2px;line-height:1.08;font-weight:500;margin:0 0 26px;text-wrap:balance}.chapter>p:not(.eyebrow):not(.micro){font-size:15px;line-height:1.85;color:var(--muted);max-width:355px;margin:0}.process-note{margin-top:27px;border-top:1px solid var(--line);padding-top:18px;max-width:320px}.process-note strong{display:block;font-size:18px;letter-spacing:-.3px;font-weight:600;color:var(--cyan)}.process-note>span{display:block;font-size:10px;line-height:1.65;margin-top:8px;color:var(--muted)}.chapter .micro{font-size:8px;line-height:1.9;letter-spacing:1.1px;color:var(--cyan);margin-top:30px}.scene{position:relative;align-self:stretch;margin:0;min-width:0;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end}.scene #scene-canvas{position:absolute;inset:0 0 72px}.scene canvas{display:block;width:100%;height:100%}.scene-label{font:10px/1.5 var(--font);letter-spacing:.5px;display:flex;gap:9px;align-items:center;justify-content:center;min-height:24px;color:#d8eef0}.status-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:var(--cyan)}.scene figcaption{font-size:9px;line-height:1.65;text-align:center;color:#95a9bc;max-width:560px;padding:10px 20px 16px;margin:0 auto}.fallback{position:absolute;inset:20px 0 80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fallback svg{max-width:100%;max-height:90%}.fallback p{font-size:10px;color:var(--muted)}.webgl .fallback{display:none}.timeline{margin:12px 3vw 0}.timeline-track{height:1px;background:var(--line)}.timeline-track i{display:block;height:2px;background:var(--cyan);width:0}.timeline ol{margin:0;padding:16px 0 0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.timeline li{display:flex;gap:10px;color:#8599ad;align-items:center}.timeline span{font:10px monospace}.timeline b{font-size:10px;font-weight:500;letter-spacing:.3px}.timeline .active{color:var(--cyan)}.enhanced .journey{height:760svh}.enhanced .stage-pin{position:sticky;top:88px;height:calc(100svh - 88px);min-height:560px;display:flex;flex-direction:column}.enhanced .stage-layout{flex:1;min-height:0}.enhanced .chapter{margin:0}.enhanced .chapter:not(.active){display:none}.enhanced .scene{min-height:0}.closing{position:relative;padding:100px 8vw 108px;background:var(--paper);color:var(--navy);overflow:hidden}.closing .eyebrow{color:#32626c}.closing h2{font-size:clamp(40px,5.3vw,80px);max-width:920px}.closing>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:480px;color:#526171}.closing-signature{position:absolute;right:8vw;bottom:78px;font-size:80px;letter-spacing:-6px;font-weight:650}.closing-signature span{color:#458b95;margin:0 20px;font-weight:400}footer{padding:36px 5vw;display:flex;gap:35px;align-items:center;color:var(--muted);font-size:10px}.footer-brand{margin-right:auto;color:var(--cyan);font-size:28px;letter-spacing:-1.5px;font-weight:750}html[lang=zh-CN] h1{letter-spacing:-2px}html[lang=zh-CN] h2{letter-spacing:-1px;line-height:1.22}
@media(min-width:1800px){.stage-layout{max-width:1650px;width:100%;margin:auto}}
@media(max-width:1000px){.header{padding-inline:4vw}.brand small{display:none}.hero{padding-top:60px}.hero h1{letter-spacing:-3.8px}.hero-bottom{gap:35px}.hero-bottom>p{font-size:16px;max-width:380px}.stage-pin{padding-inline:3vw}.stage-layout{grid-template-columns:minmax(235px,.9fr) minmax(0,1.3fr);gap:0}.story-copy{padding-left:1vw}h2{font-size:36px;letter-spacing:-1.3px}.chapter>p:not(.eyebrow):not(.micro){font-size:13px}.timeline{margin-inline:1vw}.timeline b{font-size:9px}.timeline li{gap:6px}.closing-signature{font-size:55px;bottom:85px}}
@media(max-width:700px){.header{height:72px;padding-inline:5vw}.brand>span{font-size:30px;letter-spacing:-2px}.utilities{gap:7px}.utilities button{max-width:112px;font-size:9px;padding:0 8px;line-height:1.3}.utilities select{width:49px;font-size:11px;padding:5px}.login{gap:12px;padding:0 12px;font-size:12px}.hero{padding:52px 6vw 0}.hero .eyebrow{font-size:9px;margin-bottom:25px}.hero h1{font-size:clamp(49px,10.7vw,76px);letter-spacing:-2.7px}.hero-bottom{flex-direction:column;gap:24px;margin-top:28px}.hero-bottom>p{font-size:15px;max-width:420px}.hero-bottom .scroll-hint{font-size:10px;gap:16px}.scroll-hint>span:first-child{width:40px;height:40px;font-size:17px}.hero-rule{margin-top:30px;padding-block:18px}.enhanced .journey{height:730svh}.stage-pin{padding:15px 5vw;min-height:0}.enhanced .stage-pin{top:72px;height:calc(100svh - 72px);min-height:510px}.stage-top{font-size:7px;letter-spacing:1px;padding-bottom:12px}.scene-mode{font-size:6px}.stage-layout{display:flex;flex-direction:column;align-items:stretch}.story-copy{padding:20px 0 0;min-height:235px}.chapter .eyebrow{margin-bottom:13px;font-size:8px;gap:14px}h2{font-size:32px;letter-spacing:-1.3px;line-height:1.08;margin-bottom:12px}.chapter>p:not(.eyebrow):not(.micro){font-size:13px;line-height:1.65;max-width:440px}.process-note{margin-top:12px;padding-top:10px;max-width:none;display:flex;align-items:center;gap:14px}.process-note strong{font-size:14px;flex-shrink:0}.process-note>span{font-size:9px;line-height:1.4;margin:0;max-width:200px}.chapter .micro{font-size:6.5px;margin:12px 0 0}.scene{flex:1;min-height:265px;align-self:stretch}.scene #scene-canvas{inset:0 0 72px}.scene figcaption{font-size:9px;max-width:400px;padding:5px 5px 8px;line-height:1.5}.scene-label{font-size:10px;min-height:20px}.fallback{inset:0 0 50px}.fallback p{font-size:8px}.timeline{margin:0}.timeline ol{gap:6px;padding-top:10px}.timeline li{flex-direction:column;gap:5px;align-items:flex-start}.timeline span{font-size:9px}.timeline b{font-size:7px;letter-spacing:0}.closing{padding:65px 6vw 75px}.closing .eyebrow{font-size:8px;letter-spacing:1px}.closing h2{font-size:36px}.closing>p:not(.eyebrow){font-size:14px;max-width:340px}.closing-signature{position:static;font-size:52px;margin-top:30px}footer{flex-wrap:wrap;padding:30px 6vw;gap:18px;font-size:8px}.footer-brand{width:100%;font-size:25px}html[lang=zh-CN] .story-copy{min-height:230px}html[lang=zh-CN] h2{font-size:30px}}
@media(max-width:360px){.header{padding-inline:12px}.utilities{gap:4px}.utilities button{max-width:91px;font-size:8px}.login{padding-inline:10px;gap:7px}.brand>span{font-size:27px}.stage-top{font-size:6px}.scene-mode{font-size:5px}h2{font-size:29px}.story-copy{min-height:250px}.process-note{gap:8px}.process-note strong{font-size:12px}}
@media(max-height:700px) and (min-width:701px){.enhanced .stage-pin{top:72px;height:calc(100svh - 72px);min-height:450px}.header{height:72px}.stage-pin{padding-top:15px;padding-bottom:18px}h2{font-size:32px}.chapter .eyebrow{margin-bottom:16px}.chapter>p:not(.eyebrow):not(.micro){font-size:12px}.chapter .micro{margin-top:16px}.process-note{margin-top:16px;padding-top:12px}.story-copy{padding-block:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.header{position:static}.enhanced .journey{height:auto}.enhanced .stage-pin{position:static;height:auto}.enhanced .chapter:not(.active){display:block}.chapter{break-inside:avoid;margin-bottom:30px!important}.scene,.timeline,.utilities{display:none}.stage-layout{display:block}.closing{break-before:page}}