body.surge-home-page{--background-1:#050609}html.light body.surge-home-page{--background-1:#fbfaf4}.surge-home{z-index:1;width:100%;position:relative}.surge-home-grid{z-index:20;pointer-events:none;mix-blend-mode:difference;position:fixed;inset:0}.surge-home-grid svg{width:100%;height:100%;display:block}.surge-hero{min-height:100dvh;padding:calc(var(--spacing) * 18) calc(var(--spacing) * 4);background:0 0;grid-template-rows:auto 1fr;display:grid}.surge-hero-top{gap:calc(var(--spacing) * 3);font-family:var(--font-mono);font-size:var(--text-base);flex-direction:column;display:flex}.surge-hero-kicker{white-space:pre-line;margin:0}.surge-hero-kicker-left{font-family:"smiley", var(--font-sans);font-size:clamp(1.5rem,4.8svw,2.375rem);font-weight:700;line-height:1.2;display:none}.surge-hero-kicker-mid{color:var(--label-1);text-wrap:balance;display:none}.surge-hero-intro{color:var(--label-1);margin:auto 0 0;line-height:1.5}.surge-hero-mask{letter-spacing:.02em;user-select:none;gap:.12em;margin-inline:.06em;display:inline-flex}html[lang=zh] .surge-hero-display,html[lang=zh] .surge-hyper-big,html[lang=zh] .surge-contact-display{font-family:"smiley", var(--font-sans);font-variation-settings:normal;letter-spacing:.01em}.surge-hero-display{text-transform:uppercase;font-variation-settings:"wdth" 120;flex-direction:column;order:1;justify-content:flex-end;align-self:end;margin-top:0;font-size:7.2svw;font-weight:700;line-height:1;display:flex}.surge-hero-top{order:2}.surge-about{grid-template-columns:repeat(12,minmax(0,1fr));gap:0;display:grid}.surge-about.reveal-armed [data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.surge-about.reveal-armed [data-reveal=photo]{clip-path:inset(6%);transition:clip-path .9s cubic-bezier(.22,1,.36,1),opacity .6s;transform:none}.surge-about.is-in [data-reveal]{opacity:1;transform:none}.surge-about.is-in [data-reveal=photo]{clip-path:inset(0)}.surge-about.is-in [data-reveal=lead]{transition-delay:.12s}.surge-about.is-in [data-reveal=body]{transition-delay:.24s}.surge-about{padding:calc(var(--spacing) * 18) calc(var(--spacing) * 4)}.surge-about-sign{aspect-ratio:3/4;grid-column:span 12;max-width:none;position:relative}.surge-about-photo{object-fit:cover;filter:saturate(.9);-webkit-mask-composite:source-in;width:56%;height:56%;position:absolute;inset:22%;mask-image:linear-gradient(90deg,#0000 0,#000 20% 80%,#0000 100%),linear-gradient(#0000 0,#000 20% 80%,#0000 100%);mask-composite:intersect}@media (width>=640px){.surge-about-photo{width:70%;height:70%;inset:15%}}.surge-sign{pointer-events:none;transform-origin:70% 30%;z-index:2;width:72%;position:absolute;top:14%;right:10%;transform:rotate(-14deg)}.surge-sign path{fill:none;stroke-linecap:round;stroke-linejoin:round}@media (width>=640px){.surge-sign{width:78%;top:8%;right:4%;transform:rotate(-12deg)}}.surge-about-copy{gap:calc(var(--spacing) * 6);grid-column:span 12;display:grid}.surge-about-lead,.surge-about-body{padding:calc(var(--spacing) * 2);margin:0;font-size:clamp(1.25rem,4.2svw,1.5rem);line-height:1.3}.surge-about-lead{color:var(--label-1)}.surge-about-body{color:var(--label-2)}.surge-inline-link{color:var(--label-1);text-underline-offset:.08em;text-decoration:underline;text-decoration-color:var(--label-3);transition:text-decoration-color .15s}.surge-inline-link:hover{text-decoration-color:var(--label-1)}.surge-work{padding:calc(var(--spacing) * 18) calc(var(--spacing) * 4)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.surge-hero-top,.surge-hero-display{animation:linear both surge-hero-drift scroll();animation-range:0 70vh}.surge-work-head{animation:linear both surge-rise view();animation-range:entry entry 70%}}}@keyframes surge-hero-drift{to{opacity:0;transform:translateY(-9vh)}}@keyframes surge-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.surge-work-head{padding-bottom:calc(var(--spacing) * 2);border-bottom:1px solid var(--line);color:var(--label-2);font-family:var(--font-mono-2);text-transform:uppercase;justify-content:space-between;align-items:baseline;font-size:.75rem;line-height:1.4;display:flex}.surge-work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:0;display:grid}.surge-innovate{height:800dvh;color:var(--label-1);transition:color .3s ease-out;position:relative}body.surge-hyper-solid .surge-innovate,body.surge-hyper-solid .surge-topbar{color:#fff}.surge-topbar{transition:color .3s ease-out}.surge-contact{z-index:1;min-height:100dvh;padding:calc(var(--spacing) * 6);color:var(--label-1);flex-direction:column;justify-content:center;display:flex;position:relative}.surge-contact-display{text-transform:uppercase;font-variation-settings:"wdth" 120;gap:.25rem;font-size:7.2svw;font-weight:700;line-height:1;display:grid}.surge-contact-line{min-width:0;display:block}.surge-contact-line.is-left{text-align:left}.surge-contact-line.is-right{text-align:right}.surge-contact-links{gap:calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 10);font-family:var(--font-mono-2);font-size:var(--text-sm);flex-direction:column;display:flex}.surge-contact-email,.surge-contact-social a{align-items:center;gap:calc(var(--spacing) * 1.5);color:var(--label-2);transition:color .15s;display:inline-flex}.surge-contact-email:hover,.surge-contact-social a:hover{color:var(--label-1)}.surge-contact-social{gap:calc(var(--spacing) * 2) calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}@media (width>=640px){.surge-about{align-items:start}.surge-about-sign{grid-column:span 5}.surge-about-copy{grid-column:7/span 6}}@media (width>=1024px){.surge-hero,.surge-about,.surge-work{padding-inline:calc(var(--spacing) * 14)}.surge-hero{padding-block:calc(var(--spacing) * 24)}.surge-hero-top{order:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:0;display:grid}.surge-hero-kicker-left{grid-column:span 3;display:block}.surge-hero-kicker-mid{grid-column:4/span 3;display:block}.surge-hero-intro{grid-column:7/span 6;max-width:34ch;margin-top:0}.surge-hero-display{margin-top:calc(var(--spacing) * 8);order:2;align-self:auto;font-size:6svw}.surge-about{padding-block:calc(var(--spacing) * 24) calc(var(--spacing) * 28);column-gap:0}.surge-about-sign{grid-column:1/span 4}.surge-about-copy{grid-column:6/span 7}.surge-about-lead,.surge-about-body{font-size:4.2svw;line-height:1}html[lang=zh] .surge-about-lead,html[lang=zh] .surge-about-body{line-height:1.2}.surge-work{padding-block:calc(var(--spacing) * 24)}.surge-work-grid{row-gap:calc(calc(100vw - calc(var(--spacing) * 28)) / 12)}.surge-contact{padding:calc(var(--spacing) * 16)}.surge-contact-display{text-wrap:balance;font-size:7.2svw}.surge-contact-links{padding:calc(var(--spacing) * 24) calc(var(--spacing) * 14);font-size:var(--text-base);flex-direction:row;justify-content:space-between;align-items:flex-end;margin-top:0;position:absolute;inset:auto 0 0}}@media (width>=1280px){.surge-hero-kicker-left{grid-column:span 2}.surge-hero-kicker-mid{grid-column:5/span 2}.surge-hero-intro{grid-column:9/span 4}.surge-hero-display{font-size:5.6svw}.surge-contact-display{font-size:7.2svw}}@media (width>=1536px){.surge-hero-display{font-size:5svw}.surge-contact-display{font-size:6.5svw}}@keyframes surge-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes surge-sign-draw{to{stroke-dashoffset:0}}@keyframes surge-sign-show{to{opacity:1}}html.surge-js body:not(.surge-scramble-ready) .surge-topbar.is-home .surge-brand,html.surge-js body:not(.surge-scramble-ready) .surge-topbar.is-home .surge-topnav a,html.surge-js body:not(.surge-scramble-ready) .surge-topbar.is-home .surge-sound-status,html.surge-js body:not(.surge-scramble-ready) .surge-topbar.is-home .surge-menu-toggle,html.surge-js body:not(.surge-scramble-ready) .surge-hero-kicker,html.surge-js body:not(.surge-scramble-ready) .surge-hero-intro,html.surge-js body:not(.surge-scramble-ready) .surge-hero-display span{opacity:0;transform:translateY(8px)}@media (prefers-reduced-motion:no-preference){body.surge-scramble-ready .surge-topbar.is-home .surge-brand,body.surge-scramble-ready .surge-topbar.is-home .surge-topnav a,body.surge-scramble-ready .surge-topbar.is-home .surge-sound-status,body.surge-scramble-ready .surge-topbar.is-home .surge-menu-toggle,body.surge-scramble-ready .surge-hero-kicker,body.surge-scramble-ready .surge-hero-intro,body.surge-scramble-ready .surge-hero-display span{animation:.65s cubic-bezier(.25,1,.5,1) forwards surge-enter;animation-delay:var(--surge-enter-delay,.3s)}body.surge-scramble-ready .surge-topbar.is-home .surge-brand{--surge-enter-delay:.16s}body.surge-scramble-ready .surge-topbar.is-home .surge-topnav a:first-child{--surge-enter-delay:.22s}body.surge-scramble-ready .surge-topbar.is-home .surge-topnav a:nth-child(2){--surge-enter-delay:.26s}body.surge-scramble-ready .surge-topbar.is-home .surge-sound-status{--surge-enter-delay:.34s}body.surge-scramble-ready .surge-topbar.is-home .surge-menu-toggle,body.surge-scramble-ready .surge-hero-kicker-left{--surge-enter-delay:.22s}body.surge-scramble-ready .surge-hero-kicker-mid{--surge-enter-delay:.3s}body.surge-scramble-ready .surge-hero-intro{--surge-enter-delay:.38s}body.surge-scramble-ready .surge-hero-display span:first-child{--surge-enter-delay:.52s}body.surge-scramble-ready .surge-hero-display span:nth-child(2){--surge-enter-delay:.62s}body.surge-scramble-ready .surge-hero-display span:nth-child(3){--surge-enter-delay:.72s}.surge-sign.is-ready path{opacity:0;stroke-dasharray:var(--path-len);stroke-dashoffset:var(--path-len)}.surge-sign.is-ready.is-drawing path{animation:surge-sign-show 0s linear var(--path-delay,.5s) forwards, surge-sign-draw var(--path-dur,.5s) cubic-bezier(.65, 0, .35, 1) var(--path-delay,.5s) forwards}.surge-sign.is-ready.is-drawing path:first-child{--path-delay:.5s}.surge-sign.is-ready.is-drawing path:nth-child(2){--path-delay:.72s}.surge-sign.is-ready.is-drawing path:nth-child(3){--path-delay:1.02s}.surge-sign.is-ready.is-drawing path:nth-child(4){--path-delay:1.24s}}@media (prefers-reduced-motion:reduce){html.surge-js body.surge-scramble-ready .surge-topbar.is-home .surge-brand,html.surge-js body.surge-scramble-ready .surge-topbar.is-home .surge-topnav a,html.surge-js body.surge-scramble-ready .surge-topbar.is-home .surge-sound-status,html.surge-js body.surge-scramble-ready .surge-topbar.is-home .surge-menu-toggle,html.surge-js body.surge-scramble-ready .surge-hero-kicker,html.surge-js body.surge-scramble-ready .surge-hero-intro,html.surge-js body.surge-scramble-ready .surge-hero-display span{opacity:1;transform:none}.surge-sign.is-ready path{opacity:1;stroke-dashoffset:0}}.surge-hyper-layer{z-index:0;pointer-events:none;height:100dvh;margin-bottom:-100dvh;position:sticky;top:0;overflow:hidden}.surge-hyper-canvas{width:100%;height:100%;display:block}.surge-hyper-stage{z-index:1;width:100%;min-height:100dvh;padding:calc(var(--spacing) * 18) calc(var(--spacing) * 4);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:sticky;top:0}.surge-hyper-big{text-transform:uppercase;font-variation-settings:"wdth" 120;flex-direction:column;grid-area:span 6/span 12;justify-content:center;align-items:center;font-size:7.2svw;font-weight:700;line-height:1;display:flex}.surge-hyper-note{padding:calc(var(--spacing) * 2);margin:0;font-size:5.6svw;font-weight:500;line-height:1.25}.surge-hyper-note.is-n1{grid-column:1/span 8;grid-row-start:2}.surge-hyper-note.is-n2{grid-column:5/span 8;grid-row-start:3}.surge-hyper-note.is-n3{grid-column:1/span 8;grid-row-start:4}.surge-hyper-note.is-n4{grid-column:5/span 8;grid-row-start:5}.surge-hyper-ring{z-index:0;pointer-events:none;width:344px;height:344px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.surge-hyper-ring svg{width:100%;height:100%}.surge-hsst{animation-duration:.23s;animation-timing-function:linear;animation-fill-mode:forwards;display:inline-block}@keyframes surgeHsstIn{0%{opacity:0}to{opacity:1}}@keyframes surgeHsstOut{0%{opacity:1}to{opacity:0}}@media (width>=1024px){.surge-hyper-stage{padding:calc(var(--spacing) * 24) calc(var(--spacing) * 14)}.surge-hyper-big{font-size:6.8svw}.surge-hyper-note{font-size:var(--text-3xl)}.surge-hyper-note.is-n1{grid-column:7/span 4}.surge-hyper-note.is-n2{grid-column:9/span 4}.surge-hyper-note.is-n3{grid-column:2/span 4}.surge-hyper-note.is-n4{grid-column:4/span 4}}.surge-three-layer{z-index:0;opacity:0;pointer-events:none;transition:opacity .45s;position:fixed;inset:0;overflow:hidden}.surge-three-canvas{width:100%;height:100%;display:block}body.surge-three-ready .surge-three-layer{opacity:1}@media (prefers-reduced-motion:reduce){.surge-three-layer{transition:none}}.surge-card{min-width:0}.surge-card--reunimos,.surge-card--inspire,.surge-card--wasm,.surge-card--adrive{grid-column:span 12}.surge-card--vector,.surge-card--darkside,.surge-card--shore,.surge-card--teambition,.surge-card--fof-see,.surge-card--fof-ds{grid-column:span 6}.surge-card-link{padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 1) 0;display:block}.surge-card-media{border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,#64c3ff24,#0000 62%),linear-gradient(160deg,#10141f,#060809);position:relative;overflow:hidden}.surge-card-badge{z-index:2;backdrop-filter:blur(8px);color:#000;font-family:var(--font-mono-2);text-transform:uppercase;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background:#ffffffbf;border-radius:999px;max-width:calc(100% - 1rem);padding:.15rem .6rem;font-size:.75rem;line-height:1.4;position:absolute;top:.5rem;right:.5rem;overflow:hidden;box-shadow:0 0 0 1px #000000a6}.surge-card-image{object-fit:cover;width:100%;height:100%;transition:opacity .18s,transform .3s;position:absolute;inset:0}.surge-card-media.is-gl .surge-card-image{visibility:hidden}.surge-card-media.is-gl{background:0 0}.surge-card-link:hover .surge-card-image{transform:scale(1.04)}.surge-card-image.is-hover{opacity:0}.surge-card-meta{margin:.65rem calc(var(--spacing) * 1) calc(var(--spacing) * 1.5);text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;font-size:.75rem;line-height:1.4;display:flex}.surge-card-name{font-family:"smiley", var(--font-sans);font-variation-settings:normal;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--label-1);flex:0 auto;font-weight:400;text-decoration:none;overflow:hidden}.surge-card-site{min-width:0;color:var(--label-2);font-family:var(--font-mono-2);text-transform:none;flex-shrink:0;align-items:center;gap:.35em;font-size:.8125rem;line-height:1;text-decoration:none;transition:color .15s;display:inline-flex}.surge-card-site span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.surge-card-site:hover,.surge-card-site:focus-visible{color:var(--label-1);text-underline-offset:.2em;text-decoration:underline}@media (width<=640px){.surge-card-meta{flex-wrap:wrap;row-gap:.35rem}.surge-card-site{flex:100%;order:3;font-size:.75rem}}.surge-card-year{color:var(--label-1);font-family:var(--font-mono-2);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.surge-card-kind{align-items:center;gap:.25rem;display:none}@media (hover:hover) and (pointer:fine){.surge-card-link:hover .surge-card-image.is-base{opacity:0}.surge-card-link:hover .surge-card-image.is-hover{opacity:1}}@media (width>=1024px){.surge-card-meta{font-size:.875rem}.surge-card-site{font-size:.9375rem}.surge-card-kind{display:inline-flex}.surge-card--reunimos{grid-column:4/span 9}.surge-card--inspire{grid-column:1/span 6}.surge-card--wasm{grid-column:7/span 6}.surge-card--vector{grid-column:4/span 5}.surge-card--darkside{grid-column:9/span 4}.surge-card--adrive{grid-column:1/span 5}.surge-card--shore{grid-column:6/span 4}.surge-card--teambition{grid-column:10/span 3}.surge-card--fof-see{grid-column:4/span 5}.surge-card--fof-ds{grid-column:9/span 4}}@media (width>=1280px){.surge-card--reunimos{grid-column:3/span 10}.surge-card--inspire{grid-column:1/span 6}.surge-card--wasm{grid-column:7/span 6}.surge-card--vector{grid-column:4/span 4}.surge-card--darkside{grid-column:9/span 4}.surge-card--adrive{grid-column:1/span 4}.surge-card--shore{grid-column:5/span 4}.surge-card--teambition{grid-column:9/span 4}.surge-card--fof-see{grid-column:4/span 4}.surge-card--fof-ds{grid-column:9/span 4}}
