@font-face{font-family:Display;src:url('assets/barlow.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Body;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--navy:#071625;--ink:#112d43;--blue:#b9e6ff;--white:#f4f7f9;--muted:#697d8d;--line:#c7d3dd;--header:90px;font-family:Body,Arial,sans-serif;color:var(--ink);background:var(--white)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #159cdd;outline-offset:5px}button{color:inherit}::selection{background:#9bdafa;color:#071625}.skip{position:fixed;top:-100px;left:20px;background:white;z-index:100;padding:14px}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;width:100%;height:var(--header);padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;color:white;z-index:20;border-bottom:1px solid #ffffff30}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.7px;font-weight:750}.brand svg{width:38px;height:38px}.brand-small{display:block;font-size:9px;letter-spacing:3px;margin-top:2px;font-weight:500}.header nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}.header nav a{padding:12px 0}.nav-join{border-bottom:1px solid #a8dff7;display:flex;gap:24px}.menu-toggle{display:none}.mobile-nav{position:absolute;top:90px;left:0;right:0;background:var(--navy);z-index:22;padding:25px}.mobile-nav a{display:block;padding:14px}.hero{min-height:820px;height:100svh;max-height:1300px;position:relative;overflow:hidden;color:white;background:var(--navy);display:flex;align-items:center}.hero-image{position:absolute;inset:0;background-image:url('assets/hero.jpg');background-position:center;background-size:cover;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06132210 10%,#06132205 32%,#06132275 62%,#061322c7 100%),linear-gradient(0deg,#061322ee,transparent 33%,#06132233 80%,#06132277)}.hero-topline{position:absolute;top:120px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#d6e9f2}.hero-copy{position:relative;width:57%;margin-left:43%;padding:100px 4vw 65px 0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:650;line-height:1.6}.eyebrow.light{color:#bce5f9}.hero h1{font-family:Display,'Arial Narrow',sans-serif;font-size:clamp(76px,7.9vw,142px);line-height:.91;letter-spacing:-2px;font-weight:600;margin:27px 0 28px;text-transform:uppercase}.hero h1 em{font-style:normal;color:#b9e6ff}h2 em{font-style:normal;color:#447999}.hero-description{font-size:16px;line-height:1.75;color:#d6e4ed;margin:0 0 30px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:16px 23px;border:0;font-size:13px;font-weight:700;min-height:51px;border-radius:2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.white{color:var(--navy);background:#e8f5fe}.white:hover{background:white}.dark{color:white;background:var(--navy)}.button span{font-size:20px;font-weight:400}.hero-bottom{position:absolute;bottom:38px;left:4.2%;right:4.2%;display:flex;align-items:end;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.scroll-cue{display:flex;align-items:center;gap:15px}.scroll-line{width:1px;height:45px;background:#d9ebf7;display:block}.hero-caption{font-size:13px;line-height:1.6;letter-spacing:0;margin-left:auto;margin-right:9%}.image-note{color:#bdd0dc;font-size:10px;letter-spacing:0}.discipline-strip{display:flex;justify-content:space-between;align-items:center;padding:27px 4.2%;border-bottom:1px solid var(--line);background:#e6edf2}.discipline-strip>span{font-size:10px;letter-spacing:1.4px}.discipline-strip>div{font-size:18px;font-weight:600;display:flex;align-items:center;gap:30px}.discipline-strip i{font-size:23px;color:#7095ae;font-weight:300;font-style:normal}.section-pad{padding:80px 7.3% 100px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.7px;border-top:1px solid var(--line);padding-top:21px;margin-bottom:70px}.section-label>span{color:#728999;font-size:11px;letter-spacing:1px}h2{font-family:Display,'Arial Narrow',sans-serif;font-weight:600;font-size:clamp(58px,6.3vw,100px);text-transform:uppercase;line-height:.98;letter-spacing:-1px;margin:0}p{line-height:1.8;font-size:16px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.about-copy{max-width:480px}.about-copy p{color:#536b7c;margin:0 0 22px}.about-copy .large-copy,.large-copy{font-size:25px;line-height:1.5;color:var(--ink);font-weight:500}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid #5b7a8d;padding:9px 0;font-size:13px;font-weight:700}.principles{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principles>div{padding:28px 35px 0 0}.principles>div+div{border-left:1px solid var(--line);padding-left:35px}.principles span{font-size:10px;letter-spacing:1.5px;color:#5a768b}.principles p{font-size:20px;line-height:1.4;margin-bottom:0}.research{color:#e7f3ff;background:var(--navy);padding-bottom:40px}.research .section-label,.partners .section-label{border-color:#355064}.research h2 em{color:#addffe}.research-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.research-intro>p{font-size:15px;color:#9fb6c9;margin-right:5%;margin-bottom:5px}.research-story{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;position:relative;align-items:start}.research-visual{position:sticky;top:70px;border:1px solid #30475a;border-radius:3px;overflow:hidden;background:#0b1e30}.visual-head{display:flex;justify-content:space-between;padding:20px;font-size:10px;letter-spacing:1px;border-bottom:1px solid #30475a}.visual-head>span:last-child{color:#8fceec}.arena-map svg{display:block;width:100%;height:auto}.visual-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-top:1px solid #30475a;font-size:10px;color:#aac0d1;gap:15px}.visual-footer>span:first-child{white-space:nowrap}.visual-footer>span:last-child{font-size:8px;letter-spacing:.5px;text-align:right}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 5px 1px 8px}.dot.blue{background:#96deff}.dot.peach{background:#ffbb8e}.lens-caption{padding:20px;font-size:13px;line-height:1.6;min-height:82px;background:#10273c;color:#bfdaec}.research-step{min-height:620px;min-height:80svh;display:flex;flex-direction:column;justify-content:center;padding:50px 0 90px;scroll-margin-top:80px}.research-step:first-child{padding-top:0}.step-kicker{font-size:11px;letter-spacing:1.5px;color:#98cbe8}.research-step h3{font-family:Display,'Arial Narrow',sans-serif;font-size:60px;line-height:1.04;font-weight:600;text-transform:uppercase;letter-spacing:-.6px;margin:26px 0}.research-step p{color:#abc1d3;max-width:410px;line-height:1.9;margin:0 0 35px}.research-tag{border-top:1px solid #314b60;padding-top:19px;font-size:9px;letter-spacing:1px;color:#7e9db4;max-width:410px}.research-tag span{display:block;font-size:12px;letter-spacing:0;color:#c3e0f5;margin-top:10px}.map-space,.map-context{opacity:0;transition:opacity .5s}.map-utility{opacity:1;transition:opacity .5s}.research-visual[data-active="space"] .map-space,.research-visual[data-active="context"] .map-context{opacity:1}.research-visual[data-active="space"] .map-utility{opacity:.3}.research-visual[data-active="context"] .map-utility{opacity:.13}.method{background:#dfebf3}.method-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.method-heading>p{color:#536c80;margin-right:3%;font-size:15px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);margin:80px 0 55px}.pipeline article{border-top:1px solid #9eb5c6;padding:25px 27px 5px 0}.pipeline article+article{padding-left:27px;border-left:1px solid #b7c9d6}.pipeline-number{font-family:Display,sans-serif;font-size:26px;color:#6b8aa1}.pipeline h3{font-size:23px;font-weight:600;margin:35px 0 16px}.pipeline p{font-size:14px;line-height:1.8;color:#506b7f;margin:0}.status-note{display:flex;align-items:start;gap:65px;padding:26px 0 0;border-top:1px solid #aabfce}.status-label{font-size:10px;letter-spacing:1.5px;white-space:nowrap;margin-top:5px}.status-note p{margin:0;font-size:15px}.status-note p span{font-size:13px;color:#5c778a}.partners{background:#102c43;color:#e8f3fc}.partners-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9%}.partners h2{font-size:clamp(58px,5.3vw,87px);margin-top:26px}.partners h2 em{color:#a6d4ef}.partner-intro{color:#b4cadb;max-width:470px;font-size:16px;margin:30px 0}.data-request{padding-top:8px}.data-request h3{font-size:17px;font-weight:550;margin:0 0 35px}.data-request>div{padding:20px 0;border-top:1px solid #37576e}.data-request>div>span{font-size:15px;font-weight:600;color:#e4f3ff}.data-request p{font-size:13px;line-height:1.8;color:#a5c0d3;margin:9px 0 0}.data-request small{font-size:11px;color:#a3bbcb;line-height:1.8;display:block;margin-top:20px}.partner-foot{margin-top:65px;padding-top:24px;border-top:1px solid #37576e;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.4px;color:#acc8da}.join{background:#f4f7f9}.join-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center}.join-heading>div p{color:#567082}.join-heading>div .large-copy{color:var(--ink);margin-top:0}.join-heading>div .join-note{font-size:12px;line-height:1.7;color:#6a8191;margin-top:25px}.roles{margin-top:70px}.role{width:100%;display:grid;grid-template-columns:55px 1fr auto;gap:20px;text-align:left;align-items:center;background:none;border:0;border-top:1px solid #c5d2dc;padding:27px 10px;transition:background .2s,padding .2s}.role:last-child{border-bottom:1px solid #c5d2dc}.role:hover{background:#e3edf4;padding-left:20px;padding-right:20px}.role>span:first-child{font-size:11px;color:#65849c;align-self:start;margin-top:6px}.role h3{font-size:24px;margin:0 0 8px;font-weight:550}.role p{font-size:13px;color:#647f92;margin:0}.role-action{font-size:12px;font-weight:600;white-space:nowrap}.contact{padding-top:70px;padding-bottom:70px;color:white;background:#214e6e}.contact>div{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:clamp(48px,5vw,80px);margin-top:22px}.contact .button{margin-top:22px}footer{background:var(--navy);color:#a7bed0;padding:45px 4.2%;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;font-size:11px;line-height:1.9}.footer-brand{font-weight:600;color:#e9f3fa;font-size:19px;letter-spacing:-.5px}.footer-brand span{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#a7bed0;margin-top:5px}footer>div>a,footer>div>button{display:inline-block;margin:10px 18px 0 0;font-size:11px}footer button{background:none;border:0;padding:0;color:inherit}footer p{font-size:10px;line-height:1.9;margin:0}.page-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:50;pointer-events:none}.page-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#90d8fa}dialog{border:1px solid #b7cbd9;background:#f4f7f9;color:var(--ink);border-radius:4px;max-width:560px;width:calc(100% - 32px);max-height:90svh;overflow:auto;padding:40px;box-shadow:0 30px 90px #0004}dialog::backdrop{background:#03101dcc;backdrop-filter:blur(5px)}dialog h2{font-size:48px;margin:20px 0}dialog p{font-size:14px;color:#546f83}.dialog-close{position:absolute;right:16px;top:10px;font-size:30px;padding:5px 10px;border:0;background:none;font-weight:300}form{display:grid;gap:16px}label{font-size:12px;font-weight:600;display:grid;gap:8px}input,textarea,select{background:white;border:1px solid #b6c9d7;padding:12px;border-radius:2px;color:var(--ink);font-size:14px;width:100%}textarea{resize:vertical}form .form-note{font-size:11px;line-height:1.7;margin:0}form .form-status{font-size:12px;margin:0}.reveal{transition:opacity .8s,transform .8s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(25px)}
@supports(animation-timeline:scroll()){.hero-image{animation:hero-drift linear both;animation-timeline:scroll();animation-range:0 95svh}@keyframes hero-drift{from{transform:scale(1.03) translateY(0)}to{transform:scale(1.1) translateY(14%)}}}
@media(min-width:1600px){.hero-copy{width:55%;margin-left:45%}.section-pad{padding-left:max(7.3%,calc((100vw - 1400px)/2));padding-right:max(7.3%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.header nav{gap:20px}.hero{min-height:760px}.hero-copy{margin-left:37%;width:63%;padding-right:4vw}.hero h1{font-size:100px}.hero-shade{background:linear-gradient(90deg,#06132215,#06132255 40%,#061322cc),linear-gradient(0deg,#061322ee,transparent 60%)}.research-story{gap:5%;grid-template-columns:1fr 1fr}.research-step h3{font-size:49px}.visual-footer{flex-direction:column;align-items:start;gap:10px}.research-visual{top:40px}.research-step{min-height:640px}.partners-grid{gap:6%}.partners h2{font-size:60px}.discipline-strip>div{font-size:14px;gap:18px}.section-pad{padding-left:6%;padding-right:6%}.pipeline article{padding-right:18px}.pipeline article+article{padding-left:18px}.pipeline h3{font-size:20px}}
@media(max-width:700px),(max-height:550px){.research-story{display:block}.research-visual{position:relative;top:auto;max-width:550px;margin:auto auto 45px}.research-step{min-height:0;padding:35px 0 40px;border-top:1px solid #314b60}.research-step:first-child{padding-top:35px}.research-step h3 br{display:none}.research-step h3{font-size:42px;margin:20px 0}.research-step p{max-width:none}.research-tag{max-width:none}.map-space{opacity:.65}.visual-footer{flex-direction:row}.research{padding-bottom:60px}}
@media(max-width:700px){:root{--header:76px}.header{padding:0 6%}.brand{font-size:19px}.brand svg{width:30px}.brand-small{font-size:8px;letter-spacing:2.4px}.header nav{display:none}.menu-toggle{display:block;border:1px solid #ffffff70;background:none;color:white;padding:9px 15px;font-size:12px}.mobile-nav{top:76px}.hero{height:94svh;min-height:730px;max-height:1000px;align-items:end}.hero-image{background-position:34% center}.hero-shade{background:linear-gradient(0deg,#061322 0%,#061322d9 25%,#06132266 55%,#06132218 80%,#06132280)}.hero-topline{top:100px;left:6%;right:6%;font-size:8px;letter-spacing:1.1px}.hero-topline>span:last-child{display:none}.hero-copy{width:100%;margin-left:0;padding:0 6% 113px}.hero h1{font-size:clamp(68px,17vw,108px);letter-spacing:-1px;margin:15px 0 20px;line-height:.94}.hero-description{font-size:14px;line-height:1.75;margin-bottom:25px}.hero-copy .eyebrow{font-size:9px}.hero-bottom{left:6%;right:6%;bottom:28px;font-size:8px;letter-spacing:1px}.scroll-line{height:30px}.hero-caption{display:none}.image-note{font-size:8px}.discipline-strip{padding:22px 6%;display:block}.discipline-strip>span{font-size:8px;display:block;margin-bottom:15px}.discipline-strip>div{font-size:12px;gap:15px;justify-content:space-between}.discipline-strip i{font-size:16px}.section-pad{padding:55px 6% 65px}.section-label{margin-bottom:40px;padding-top:17px;font-size:9px;letter-spacing:1.3px}.section-label>span{font-size:9px}.about-grid,.join-heading,.partners-grid{grid-template-columns:1fr;gap:35px}h2{font-size:62px}.about-copy p{font-size:14px;margin-bottom:19px}.about-copy .large-copy,.large-copy{font-size:22px}.principles{margin-top:40px;grid-template-columns:1fr}.principles>div{padding:20px 0}.principles>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.principles span{font-size:9px}.principles p{font-size:19px;margin-top:10px}.research-intro{display:block;margin-bottom:35px}.research-intro>p{margin-top:25px;font-size:14px}.visual-head{font-size:8px;padding:15px}.visual-footer{font-size:9px;padding:13px 10px;gap:7px}.visual-footer>span:last-child{font-size:7px}.lens-caption{font-size:12px;min-height:0;padding:15px}.research-step p{font-size:14px;line-height:1.8}.method-heading{display:block}.method-heading>p{font-size:14px;margin-top:25px}.pipeline{grid-template-columns:1fr 1fr;margin:40px 0}.pipeline article{padding:20px 20px 28px 0}.pipeline article+article{padding-left:0;border-left:0}.pipeline article:nth-child(even){padding-left:22px;border-left:1px solid #b7c9d6}.pipeline h3{margin-top:20px;font-size:21px}.pipeline p{font-size:12px}.status-note{display:block;padding-top:20px}.status-label{display:block;margin-bottom:15px;font-size:9px}.status-note p{font-size:14px}.status-note p span{display:block;margin-top:12px;font-size:12px}.partners h2{font-size:60px}.partners .eyebrow{font-size:9px}.partner-intro{font-size:14px}.partner-foot{margin-top:40px;flex-wrap:wrap;font-size:8px;gap:15px}.data-request{padding-top:15px}.data-request h3{font-size:16px;margin-bottom:25px}.join-heading>div p{font-size:14px}.roles{margin-top:35px}.role{grid-template-columns:24px 1fr;gap:10px;padding:23px 0}.role h3{font-size:22px}.role p{font-size:12px;line-height:1.8}.role-action{grid-column:2;font-size:11px;margin-top:5px}.contact>div{display:block}.contact h2{font-size:51px}.contact .button{margin-top:30px}.contact>.eyebrow{font-size:9px}footer{grid-template-columns:1fr;gap:25px;padding:40px 6%}dialog{padding:30px 23px}dialog h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}.hero-image{transform:none}.research-visual{position:relative;top:0}}

/* Reading and control sizes */
.header nav,.button,.text-link{font-size:14px}.research-step p,.about-copy p,.partner-intro,.join-heading>div p{font-size:16px}.pipeline p,.data-request p,.role p{font-size:14px}label,input,textarea,select{font-size:14px}

.contact-actions{display:flex;flex-direction:column;align-items:start;gap:15px}.contact-actions>a{font-size:14px;color:#daeffc;border-bottom:1px solid #84adc8;padding-bottom:3px}

/* Bilingual controls and Traditional Chinese typography */
.header-actions{display:flex;align-items:center;gap:12px}.language-toggle{border:1px solid #c6e7fa80;color:#fff;background:#07162540;padding:9px 12px;font:600 13px Body,"PingFang TC",sans-serif;min-width:52px;min-height:38px}.language-toggle:hover{background:#d7efff;color:#071625}.header nav{margin-left:auto;margin-right:30px}.mobile-nav{color:#f4f7f9}
html[lang="zh-Hant"]{font-family:Body,"PingFang TC","Microsoft JhengHei",sans-serif}html[lang="zh-Hant"] h1,html[lang="zh-Hant"] h2,html[lang="zh-Hant"] .research-step h3{font-family:"PingFang TC","Microsoft JhengHei",sans-serif;font-weight:650;letter-spacing:-.035em;line-height:1.2}html[lang="zh-Hant"] .hero h1{font-size:clamp(58px,6.2vw,104px)}html[lang="zh-Hant"] h2{font-size:clamp(45px,4.6vw,76px)}html[lang="zh-Hant"] .research-step h3{font-size:clamp(36px,3.2vw,52px)}html[lang="zh-Hant"] p{line-height:1.95}html[lang="zh-Hant"] .hero-description{line-height:1.9}html[lang="zh-Hant"] .contact h2{font-size:clamp(37px,4.1vw,67px)}html[lang="zh-Hant"] dialog h2{font-size:36px}html[lang="zh-Hant"] .role h3{font-size:23px}
@media(max-width:1000px){.header nav{gap:18px;margin-right:20px;font-size:12px}.header-actions{gap:8px}}
@media(max-width:700px){.header-actions{gap:8px}.language-toggle{min-width:46px;padding:9px 8px}.menu-toggle{padding:9px 12px}.brand{font-size:17px}.brand-small{font-size:7px;letter-spacing:2px}html[lang="zh-Hant"] .hero h1{font-size:clamp(43px,11.5vw,70px);line-height:1.25}html[lang="zh-Hant"] h2{font-size:43px}html[lang="zh-Hant"] .research-step h3{font-size:33px}html[lang="zh-Hant"] .contact h2{font-size:37px}html[lang="zh-Hant"] .hero-copy{padding-bottom:110px}html[lang="zh-Hant"] .hero-topline{letter-spacing:2px}}
/* FPS event mosaic: four clipped image panels, separated by mirror fractures. */
.hero{min-height:740px;height:100svh;max-height:1250px;isolation:isolate}.shard-stage{position:absolute;inset:0;overflow:hidden;background:#d1e7f4}.event-shard{position:absolute;inset:0;display:block;overflow:hidden;background:#061525;color:white}.event-shard img{position:absolute;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1);filter:saturate(.7);max-width:none}.event-shard:hover img,.event-shard:focus-visible img{transform:scale(1.045);filter:saturate(1)}.event-shard:focus-visible{outline:none}.event-shard:focus-visible .shard-label{outline:2px solid #c7ebff;outline-offset:10px}.event-shard .shard-tint{position:absolute;inset:0;transition:opacity .5s}.event-shard:hover .shard-tint{opacity:.72}.shard-cs{clip-path:polygon(0 0,46.5% 0,37.5% 47.5%,0 74%)}.shard-cs img{left:-2%;top:-2%;width:65%;height:79%;object-position:50% 50%}.shard-cs .shard-tint{background:linear-gradient(125deg,#101c2470,#04223580 50%,#04121adc)}.shard-val{clip-path:polygon(46.5% 0,100% 0,100% 40%,56.5% 53%,37.5% 47.5%)}.shard-val img{left:36%;top:-2%;width:67%;height:63%;object-position:50% 50%}.shard-val .shard-tint{background:linear-gradient(230deg,#461a3040,#20131a90 60%,#04121ae6)}.shard-r6{clip-path:polygon(0 74%,37.5% 47.5%,56.5% 53%,48.5% 100%,0 100%)}.shard-r6 img{left:-2%;top:44%;width:61%;height:58%;object-position:50% 50%}.shard-r6 .shard-tint{background:linear-gradient(25deg,#06303590,#05364355 50%,#03131ddd)}.shard-apex{clip-path:polygon(56.5% 53%,100% 40%,100% 100%,48.5% 100%)}.shard-apex img{left:46%;top:38%;width:57%;height:65%;object-position:50% 50%}.shard-apex .shard-tint{background:linear-gradient(310deg,#29344477,#351d4855 50%,#04121af0)}.mirror-seams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}.shard-label{position:absolute;display:flex;flex-direction:column;gap:7px;text-shadow:0 2px 18px #000c;z-index:2}.shard-cs .shard-label{left:6%;top:24%}.shard-val .shard-label{right:6%;top:22%;text-align:right}.shard-r6 .shard-label{left:6%;bottom:13%}.shard-apex .shard-label{right:6%;bottom:14%;text-align:right}.event-game{font-size:10px;letter-spacing:2.5px;font-weight:600;color:#d0e8f5}.shard-label strong{font-family:Display,'Arial Narrow',sans-serif;font-size:32px;font-weight:600;letter-spacing:.4px;line-height:1.05}.event-detail{font-size:11px;color:#c5dbe9;letter-spacing:.5px}.event-detail i{font-style:normal;margin-left:12px}.hero-shade{background:radial-gradient(ellipse at 50% 49%,#020e1acc 0%,#02101a55 33%,transparent 60%),linear-gradient(0deg,#04121afa,transparent 20%,transparent 78%,#04121acf);pointer-events:none}.hero-copy{width:100%;margin:0;padding:90px 20% 65px;text-align:center;pointer-events:none}.hero-copy .button{pointer-events:auto}.hero h1{font-size:clamp(68px,6.8vw,112px);line-height:.95;margin:20px 0 22px;text-shadow:0 3px 30px #020b1580}.hero-description{font-size:14px;line-height:1.6;max-width:490px;margin:0 auto 22px;text-shadow:0 2px 12px #000}.hero-description br{display:none}.hero-topline{pointer-events:none}.hero-bottom{bottom:30px;pointer-events:none}.hero-bottom a,.hero-bottom button{pointer-events:auto}.hero-caption{margin:0;text-align:center}.image-note{background:none;border:0;border-bottom:1px solid #c8e4f566;padding:6px 0;color:#bcd4e5;font-size:10px;cursor:pointer}.discipline-strip>div{font-size:14px;gap:23px}.image-credits{list-style:none;margin:25px 0 0;padding:0}.image-credits li{border-top:1px solid #c7d3dd;padding:16px 0;font-size:14px}.image-credits a{text-decoration:underline;text-underline-offset:4px}html[lang="zh-Hant"] .hero h1{font-size:clamp(48px,5.2vw,84px);line-height:1.15}html[lang="zh-Hant"] .hero-description{line-height:1.8}.shard-stage~.hero-copy .eyebrow{margin-top:20px}
@media(max-width:1000px){.hero-copy{padding-left:18%;padding-right:18%}.shard-label strong{font-size:27px}.event-game{font-size:9px;letter-spacing:1.5px}.discipline-strip{gap:25px}.discipline-strip>div{gap:12px;font-size:12px}.hero h1{font-size:80px}}
@media(max-width:700px){.hero{min-height:790px;height:100svh;align-items:center}.hero-copy{padding:100px 6% 85px}.hero h1{font-size:clamp(48px,12.3vw,78px);margin:16px 0 20px;letter-spacing:-.6px}.hero-description{max-width:330px;font-size:13px;line-height:1.7}.hero-description br{display:block}.hero-topline{top:100px}.shard-cs img{height:77%;width:76%;left:-14%;object-position:55% 50%}.shard-val img{width:76%;left:32%;height:63%;object-position:50% 50%}.shard-r6 img{width:74%;left:-12%;top:44%;height:59%}.shard-apex img{left:43%;width:68%;top:39%;height:64%}.shard-cs .shard-label{left:6%;top:20%}.shard-val .shard-label{right:6%;top:20%}.shard-r6 .shard-label{left:6%;bottom:15%}.shard-apex .shard-label{right:6%;bottom:15%}.shard-label{gap:6px}.shard-label strong{font-size:21px;letter-spacing:0}.event-game{font-size:7px;letter-spacing:1px}.event-detail{font-size:9px;letter-spacing:0}.event-detail i{margin-left:6px}.hero-shade{background:radial-gradient(ellipse at 50% 48%,#020e1af0 0%,#02101a80 34%,transparent 68%),linear-gradient(0deg,#04121aee,transparent 25%,transparent 77%,#04121acf)}.mirror-seams{opacity:.65}.hero-bottom{bottom:24px}.image-note{font-size:8px}.discipline-strip>div{flex-wrap:wrap;justify-content:start;gap:9px 13px;font-size:11px}.discipline-strip>span{font-size:9px}html[lang="zh-Hant"] .hero h1{font-size:clamp(35px,9.4vw,60px)}html[lang="zh-Hant"] .hero-copy{padding:100px 6% 85px}.hero-copy .button{font-size:13px;min-height:45px;padding:12px 20px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-copy .button span{font-size:17px}}
@media(prefers-reduced-motion:reduce){.event-shard:hover img,.event-shard:focus-visible img{transform:none}}
/* Focus the Riot collage on its Champions trophy-lift photograph. */
.shard-val img{left:37%;top:-52vw;width:180%;height:auto;object-fit:initial}
@media(max-width:700px){.shard-val img{left:34%;top:-84vw;width:300%;height:auto}}
.hero-description br{display:block}
@media(max-width:700px){.shard-label strong{font-size:clamp(16px,5vw,21px)}.shard-cs .shard-label{max-width:33vw}.shard-cs .shard-label strong{line-height:1.1}}
/* Eight mirror fragments, two games, one message. */
.mirror-eight{background:#071625}.mirror-fragment{position:absolute;inset:0;overflow:hidden}.fragment-photo{position:absolute;inset:-2%;background-size:cover;background-repeat:no-repeat;filter:saturate(.6)}.fragment-1{clip-path:polygon(0 0,45% 0,48% 52%)}.fragment-2{clip-path:polygon(45% 0,100% 0,48% 52%)}.fragment-3{clip-path:polygon(100% 0,100% 52%,48% 52%)}.fragment-4{clip-path:polygon(100% 52%,100% 100%,48% 52%)}.fragment-5{clip-path:polygon(100% 100%,55% 100%,48% 52%)}.fragment-6{clip-path:polygon(55% 100%,0 100%,48% 52%)}.fragment-7{clip-path:polygon(0 100%,0 45%,48% 52%)}.fragment-8{clip-path:polygon(0 45%,0 0,48% 52%)}
.fragment-1 .fragment-photo{background-image:url('assets/event-cs.jpg');background-size:95% auto;background-position:-35vw -10vw;background-color:#15241e}.fragment-8 .fragment-photo{background-image:url('assets/event-cs.jpg');background-size:95% auto;background-position:-30vw -7vw}.fragment-7 .fragment-photo{background-image:url('assets/event-val.jpg');background-size:200% auto;background-position:0 0}.fragment-6 .fragment-photo{background-image:url('assets/event-cs.jpg');background-size:105% auto;background-position:-17vw 0vw}.fragment-2 .fragment-photo{background-image:url('assets/event-val.jpg');background-size:180% auto;background-position:39vw -48vw}.fragment-3 .fragment-photo{background-image:url('assets/event-val.jpg');background-size:180% auto;background-position:37vw -50vw}.fragment-4 .fragment-photo{background-image:url('assets/event-cs.jpg');background-size:110% auto;background-position:23vw 11vw}.fragment-5 .fragment-photo{background-image:url('assets/event-val.jpg');background-size:170% auto;background-position:23vw -26vw}
.hero .mirror-seams{opacity:.65}.hero .hero-shade{background:radial-gradient(ellipse at 50% 51%,#04101bd9 0%,#04101b75 35%,#04101b20 75%),linear-gradient(0deg,#04121a70,transparent 30%,#04121a30 75%,#04121a90)}.hero .hero-minimal{padding:90px 5% 30px;width:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:30px}.hero .hero-minimal h1{font-size:clamp(68px,7.4vw,125px);line-height:1.05;letter-spacing:-1px;margin:0;color:#fff}.hero-minimal h1>span{display:block}.hero .hero-manifesto{display:inline-block;margin:0;background:#ff865c;color:#102333;font-size:18px;font-weight:750;line-height:1.5;padding:12px 25px;letter-spacing:.02em;transform:rotate(-2deg);box-shadow:5px 5px 0 #05132080}html[lang="zh-Hant"] .hero .hero-minimal h1{font-size:clamp(54px,6.2vw,106px);line-height:1.35;letter-spacing:.02em}html[lang="zh-Hant"] .hero .hero-manifesto{line-height:1.5;font-size:20px;letter-spacing:.09em}.hero .hero-minimal h1>span+span{margin-top:4px}.discipline-strip{padding-top:22px;padding-bottom:22px}.discipline-strip>div{font-size:18px;gap:28px}
@media(max-width:700px){.hero{min-height:640px;height:100svh}.hero .hero-minimal,html[lang="zh-Hant"] .hero .hero-minimal{padding:80px 5% 30px;gap:28px}.hero .hero-minimal h1{font-size:clamp(41px,10.5vw,70px);line-height:1.08}html[lang="zh-Hant"] .hero .hero-minimal h1{font-size:clamp(35px,9.3vw,62px);line-height:1.4;letter-spacing:0}.hero .hero-manifesto{font-size:12px;padding:11px 14px}html[lang="zh-Hant"] .hero .hero-manifesto{font-size:14px;letter-spacing:.03em;padding:11px 14px}.fragment-1 .fragment-photo{background-size:auto 82%;background-position:35% top}.fragment-8 .fragment-photo{background-size:auto 87%;background-position:37% top}.fragment-2 .fragment-photo{background-size:auto 118%;background-position:24vw -68vw}.fragment-3 .fragment-photo{background-size:auto 120%;background-position:18vw -72vw}.fragment-4 .fragment-photo{background-size:auto 72%;background-position:30% bottom}.fragment-5 .fragment-photo{background-size:auto 125%;background-position:6vw -28vw}.fragment-6 .fragment-photo{background-size:auto 74%;background-position:42% bottom}.fragment-7 .fragment-photo{background-size:auto 140%;background-position:0 25vw}.discipline-strip>div{font-size:15px}}
@media(min-width:701px){.fragment-2 .fragment-photo,.fragment-3 .fragment-photo{background-position:37vw -55vw}.fragment-7 .fragment-photo{background-size:240% auto}.fragment-5 .fragment-photo{background-size:200% auto;background-position:27vw -44vw}}
@media(max-width:700px){.fragment-2 .fragment-photo,.fragment-3 .fragment-photo{background-size:auto 125%;background-position:18vw -67svh}.fragment-7 .fragment-photo{background-size:auto 190%;background-position:0 25vw}.fragment-5 .fragment-photo{background-position:6vw -36vw}}
/* Each photo fills its own shard bounds, with overscan for pointer movement. */
.mirror-fragment .fragment-photo{inset:auto;left:var(--photo-left);top:var(--photo-top);width:var(--photo-width);height:var(--photo-height);background-size:cover;background-position:var(--focus,50% 50%);transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(1.1);filter:saturate(.75);transition:filter .45s;pointer-events:none}
.mirror-fragment.is-hovered .fragment-photo{filter:saturate(1) brightness(1.12)}
.fragment-1{--photo-left:-2%;--photo-top:-3%;--photo-width:52%;--photo-height:58%}
.fragment-2{--photo-left:43%;--photo-top:-3%;--photo-width:59%;--photo-height:58%}
.fragment-3{--photo-left:46%;--photo-top:-3%;--photo-width:56%;--photo-height:58%}
.fragment-4{--photo-left:46%;--photo-top:49%;--photo-width:56%;--photo-height:54%}
.fragment-5{--photo-left:46%;--photo-top:49%;--photo-width:56%;--photo-height:54%}
.fragment-6{--photo-left:-2%;--photo-top:49%;--photo-width:59%;--photo-height:54%}
.fragment-7{--photo-left:-2%;--photo-top:42%;--photo-width:52%;--photo-height:61%}
.fragment-8{--photo-left:-2%;--photo-top:-3%;--photo-width:52%;--photo-height:58%}
@media(prefers-reduced-motion:reduce),(hover:none){.mirror-fragment .fragment-photo{transform:scale(1.1);transition:none}}
.fragment-1 .fragment-photo{background-image:url('assets/cs-copenhagen.jpg');--focus:50% 42%}
.fragment-4 .fragment-photo{background-image:url('assets/event-cs.jpg');--focus:45% 45%}
.fragment-6 .fragment-photo{background-image:url('assets/cs-shanghai.jpg');--focus:50% 55%}
.fragment-8 .fragment-photo{background-image:url('assets/cs-paris.jpg');--focus:35% 50%}
.fragment-2 .fragment-photo{background-image:url('assets/val-fnatic.jpg');--focus:50% 45%}
.fragment-3 .fragment-photo{background-image:url('assets/val-eg.jpg');--focus:65% 42%}
.fragment-5 .fragment-photo{background-image:url('assets/val-shopify.jpg');--focus:50% 45%}
.fragment-7 .fragment-photo{background-image:url('assets/val-community.jpg');--focus:60% 45%}
/* Shift the lower celebration photos into the broad part of their triangles. */
.fragment-5{--photo-left:39%;--photo-top:54%;--photo-width:57%;--photo-height:55%}
.fragment-6{--photo-top:54%;--photo-height:57%}
.fragment-3{--photo-top:1%;--photo-height:55%}
@media(max-width:700px){.fragment-8 .fragment-photo{--focus:17% 45%}}
/* EG: place the faces below the diagonal edge, keeping the trophy beside them. */
.fragment-3{--photo-left:56%;--photo-top:16%;--photo-width:47%;--photo-height:48%;background:#0a1722}
.fragment-3 .fragment-photo{--focus:55% 30%}
@media(max-width:700px){.fragment-3{--photo-left:48%;--photo-top:17%;--photo-width:55%;--photo-height:42%}.fragment-3 .fragment-photo{--focus:73% 18%}}
@media(max-width:700px){.fragment-3 .fragment-photo{--focus:83% 18%}}
.about-name{display:block;font-family:Display,'Arial Narrow',sans-serif;font-size:clamp(70px,7.5vw,112px);line-height:1.05;letter-spacing:-1px;text-transform:none;margin-top:12px}.about-goals h3{font-size:21px;line-height:1.5;font-weight:650;margin:18px 0 10px}.about-goals p{font-size:14px;line-height:1.75}
@media(max-width:700px){.about-name{font-size:66px}.about-goals h3{font-size:18px}}