@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans);--color-emerald-950:#002c22;--color-neutral-50:#fafafa;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:calc(var(--radius) * .8);--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-emerald-950:lab(15.0582% -17.9507 2.38369);--color-neutral-50:lab(98.26% 0 0);--color-neutral-900:lab(7.78201% -.0000149012 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}*{box-sizing:border-box}html{scroll-behavior:auto;min-height:100%;font-family:var(--font-geist-sans), "Microsoft YaHei", "PingFang SC", sans-serif;background:radial-gradient(circle at 0 4%,#b7ff252e,#0000 28%),radial-gradient(circle at 88% 72%,#ff4a2421,#0000 26%),linear-gradient(120deg,#080907 0%,#10130d 54%,#160d09 100%)}body{color:#f3efdf;background:#080907;min-height:100%;margin:0;overflow-x:clip}a{color:inherit}.portfolio-shell{--ivory:#f3efdf;--muted:#f3efdfa3;--soft:#f3efdf61;--line:#f3efdf29;--graphite:#080907;--panel:#0a0d0b9e;--acid:#b7ff25;--ember:#ff4a24;--chrome:#c7d0c5;--scene-index:0;min-height:100dvh;color:var(--ivory);isolation:isolate;background:#080907;position:relative;overflow-x:clip}.portfolio-shell:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(0deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 58% 42%,#000 0 38%,#0000 72%);mask-image:radial-gradient(circle at 58% 42%,#000 0 38%,#0000 72%)}.portfolio-shell:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 18%,#b7ff251f,#0000 22%),radial-gradient(circle at 82% 68%,#ff4a2429,#0000 24%),linear-gradient(#0000 58%,#000000b8 100%);position:fixed;inset:0}.webgl-stage{z-index:-3;background:radial-gradient(circle at 4% 8%,#b7ff253d,#0000 30%),radial-gradient(circle at 92% 82%,#ff4a2429,#0000 28%),linear-gradient(120deg,#080907 0%,#11140e 56%,#180d08 100%);width:100%;height:100%;position:fixed;inset:0}.webgl-stage.webgl-stage-fallback{background:radial-gradient(circle at 12% 18%,#b7ff252e,#0000 30%),radial-gradient(circle at 72% 48%,#f3efdf1a,#0000 34%),radial-gradient(circle at 88% 78%,#ff4a2424,#0000 28%),linear-gradient(120deg,#070806 0%,#12150e 55%,#1b0c07 100%)}.stage-fade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#080907c7 0 21%,#0000 42%),radial-gradient(circle at 50% 44%,#0000 0 42%,#080907a3 100%);position:fixed;inset:0}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#080907db,#0809076b 72%,#0000);grid-template-columns:minmax(260px,1fr) auto minmax(110px,1fr);align-items:center;gap:24px;min-height:76px;padding:14px clamp(18px,3vw,38px);display:grid;position:fixed;inset:0 0 auto}.brand-lockup{align-items:center;gap:14px;width:fit-content;text-decoration:none;display:inline-flex}.brand-mark{width:46px;height:46px;box-shadow:none;background:url(/miao-paw-brand.svg) 50%/100% 100% no-repeat;border:0;border-radius:0;place-items:center;display:grid}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:15px;font-weight:740;line-height:1.05}.brand-lockup small{max-width:320px;color:var(--muted);margin-top:4px;font-size:11px;line-height:1.2}.site-header nav{align-items:center;gap:clamp(14px,2.2vw,34px);display:flex}.site-header nav a{color:#f3efdfc7;font-size:13px;font-weight:650;text-decoration:none;position:relative}.site-header nav a:after{content:"";transform-origin:0;background:var(--acid);height:1px;transition:transform .18s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after{transform:scaleX(1)}.language-switch{width:82px;height:42px;color:var(--ivory);cursor:pointer;background:#0809076b;border:1px solid #f3efdf42;border-radius:999px;justify-self:end;font-size:13px;font-weight:760;transition:border-color .18s,color .18s,transform .18s}.language-switch:hover{color:var(--acid);border-color:#b7ff25b8}.language-switch:active{transform:translateY(1px)scale(.99)}.chapter-rail{z-index:34;grid-template-rows:auto repeat(6,minmax(42px,auto)) 1fr;gap:12px;width:170px;display:grid;position:fixed;top:118px;bottom:32px;left:clamp(18px,2vw,34px)}.chapter-rail>b{color:#f3efdf75;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:10px;font-weight:600}.chapter-rail a{color:#f3efdf6b;grid-template-columns:28px 1fr;align-items:baseline;gap:10px;text-decoration:none;transition:color .22s;display:grid}.chapter-rail a span{color:#f3efdf47;font-family:var(--font-geist-mono), monospace;font-size:11px}.chapter-rail a strong{font-size:15px;font-weight:780;line-height:1}.chapter-rail a.active,.chapter-rail a:hover{color:var(--ivory)}.chapter-rail a.active span{color:var(--acid)}.chapter-rail i{z-index:-1;background:linear-gradient(180deg, var(--acid), var(--ember));width:1px;max-height:calc(100% - 26px);transition:height .52s;position:absolute;top:26px;left:11px;box-shadow:0 0 18px #b7ff2557}.social-dock{z-index:35;gap:8px;display:grid;position:fixed;top:50%;right:clamp(18px,2.2vw,34px);transform:translateY(-50%)}.social-dock a{color:#f3efdfa3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090794;border:1px solid #f3efdf2e;border-radius:999px;grid-template-columns:42px 0fr;align-items:center;min-width:42px;height:42px;text-decoration:none;transition:grid-template-columns .24s,border-color .18s,color .18s,background .18s,transform .18s;display:grid;overflow:hidden}.social-dock a:hover,.social-dock a:focus-visible{color:var(--acid);background:#b7ff2517;border-color:#b7ff258f;outline:none;grid-template-columns:42px 72px;transform:translate(-2px)}.social-dock b,.social-dock span{font-family:var(--font-geist-mono), monospace;white-space:nowrap;font-size:10px;font-weight:760;line-height:1}.social-dock b{place-items:center;display:grid}.social-dock span{opacity:0;min-width:0;transition:opacity .18s}.social-dock a:hover span,.social-dock a:focus-visible span{opacity:1}.hero-scene,.chapter-scene{z-index:2;min-height:100dvh;padding:112px clamp(24px,6vw,84px) 84px clamp(210px,18vw,310px);position:relative}.hero-scene{grid-template-columns:minmax(0,1fr) minmax(360px,.54fr);align-items:center;gap:clamp(24px,3.4vw,56px);display:grid}.hero-copy{max-width:960px}.hero-copy>p{max-width:620px;color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;margin:0 0 26px;font-size:12px;font-weight:650;line-height:1.35}.hero-copy h1{max-width:950px;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;white-space:pre-line;margin:0;font-size:clamp(72px,10.2vw,164px);font-weight:900;line-height:.82}[data-locale=zh] .hero-copy h1{max-width:920px;font-family:var(--font-zh-display);text-transform:none;font-size:clamp(56px,6.2vw,96px);font-weight:900;line-height:1.04}.hero-bottom{grid-template-columns:minmax(260px,520px) auto;align-items:end;gap:28px;margin-top:clamp(28px,6vh,66px);display:grid}.hero-bottom p{color:#f3efdfc2;margin:0;font-size:clamp(16px,1.7vw,22px);line-height:1.46}.proof-strip{background:#f3efdf1a;border:1px solid #f3efdf24;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:min(100%,760px);margin-top:clamp(22px,4vh,38px);display:grid}.proof-strip span{color:#f3efdfb8;min-height:58px;font-family:var(--font-geist-mono), monospace;text-align:center;text-transform:uppercase;background:#080907bd;place-items:center;padding:12px;font-size:10px;font-weight:700;line-height:1.25;display:grid}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions a{min-width:132px;height:46px;color:var(--ivory);background:#f3efdf14;border:1px solid #f3efdf38;border-radius:999px;place-items:center;font-size:13px;font-weight:760;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-grid}.hero-actions a:first-child{background:var(--acid);color:#11150b;border-color:#b7ff25a3}.hero-actions a:hover{border-color:var(--acid);color:var(--acid)}.hero-actions a:first-child:hover{color:#11150b;transform:translateY(-1px)}.artifact-wrap{perspective:1100px;place-items:center;min-height:620px;display:grid;position:sticky;top:110px}.artifact-core{aspect-ratio:1;width:min(42vw,560px);min-width:360px;transform-style:preserve-3d;position:relative}.artifact-ring,.artifact-orbit{border:1px solid #f3efdf33;border-radius:999px;position:absolute;inset:12%}.artifact-ring{background:radial-gradient(circle,#b7ff2533,#0000 8%),radial-gradient(circle,#0000 0 33%,#f3efdf1f 34% 35%,#0000 36%);animation:24s linear infinite rotateArtifact;box-shadow:inset 0 0 60px #b7ff251a,0 0 80px #ff4a2424}.artifact-glass{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(120deg,#f3efdf2e,#f3efdf0a),#0809077a;border:1px solid #f3efdf3d;border-radius:18px;align-content:center;gap:14px;min-height:164px;padding:28px;display:grid;position:absolute;top:34%;left:9%;right:9%;transform:rotateX(62deg)rotate(-10deg)translateZ(48px);box-shadow:inset 0 1px #ffffff42,0 34px 90px #00000075}.artifact-glass span,.artifact-glass small{color:#f3efdf99;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:11px;font-weight:640}.artifact-glass strong{color:var(--ivory);font-family:var(--font-geist-mono), monospace;font-size:clamp(18px,2vw,28px);font-weight:760;line-height:1}.artifact-orbit{border-color:#b7ff2552;inset:23%;transform:rotateX(68deg)rotate(24deg)}.orbit-b{border-color:#ff4a243d;inset:4%;transform:rotateX(76deg)rotate(-18deg)}.portfolio-shell.hero-theme-light .site-header{box-shadow:none;color:#060704;background:linear-gradient(#f8f8f4a3,#f8f8f43d 62%,#0000)}.portfolio-shell.hero-theme-light .brand-lockup small{color:#06070494}.portfolio-shell.hero-theme-light .site-header nav a{color:#060704b3}.portfolio-shell.hero-theme-light .site-header nav a:hover{color:#060704}.portfolio-shell.hero-theme-light .language-switch{color:#060704;background:#ffffff94;border-color:#0607042e}.portfolio-shell.hero-theme-light .chapter-rail,.portfolio-shell.hero-theme-light .social-dock{opacity:1;pointer-events:auto}.portfolio-shell.hero-theme-light .chapter-rail>b,.portfolio-shell.hero-theme-light .chapter-rail a{color:#0607047a}.portfolio-shell.hero-theme-light .chapter-rail a span{color:#06070452}.portfolio-shell.hero-theme-light .chapter-rail a.active,.portfolio-shell.hero-theme-light .chapter-rail a:hover{color:#060704}.mainframe-hero-scene{color:#060704;isolation:isolate;z-index:3;background:radial-gradient(circle at 18% 44%,#d1f1ff8a,#0000 30%),radial-gradient(circle at 75% 38%,#e1ff9a5c,#0000 27%),radial-gradient(circle at 50% 102%,#080907eb,#0000 34%),linear-gradient(110deg,#fbfaf5 0%,#f3f1e8 58%,#e8e8dc 100%);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(350px,.82fr) minmax(500px,1.05fr);align-items:center;column-gap:clamp(36px,5vw,92px);min-height:max(820px,112dvh);padding-top:clamp(112px,12vh,148px);padding-bottom:clamp(190px,26vh,330px);overflow:hidden}.mainframe-hero-scene:before{content:"";z-index:-2;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0607040a 1px,#0000 1px),linear-gradient(0deg,#0607040a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.mainframe-hero-scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 0%,#0809070d 18%,#08090738 47%,#080907b8 82%,#080907 100%),radial-gradient(at 48% 94%,#b7ff251f,#0000 58%),radial-gradient(at 68% 100%,#00d4ff12,#0000 54%);height:clamp(420px,48vh,660px);position:absolute;bottom:-1px;left:0;right:0}.mainframe-hero-scene .hero-copy{z-index:2;max-width:690px;position:relative}.mainframe-hero-scene .hero-copy>p{color:#74a800;text-shadow:none}.mainframe-hero-scene .hero-copy h1{color:#060704;max-width:640px;text-shadow:none;font-size:clamp(76px,7.6vw,144px);line-height:.9}[data-locale=zh] .mainframe-hero-scene .hero-copy h1{color:#060704;max-width:620px;font-size:clamp(58px,6.1vw,104px);line-height:1.03}.mainframe-hero-scene .hero-bottom{grid-template-columns:1fr;align-items:start;gap:clamp(20px,3vh,30px);margin-top:clamp(24px,4vh,42px)}.mainframe-hero-scene .hero-bottom p{color:#060704ad;font-weight:680}.mainframe-hero-scene .hero-actions a{color:#060704;background:#ffffff8a;border-color:#06070424;box-shadow:0 16px 36px #06070414}.mainframe-hero-scene .hero-actions a:first-child{color:#fbfaf5;background:#060704;border-color:#060704}.mainframe-hero-scene .hero-actions a:hover{color:#060704;border-color:#060704;transform:translateY(-2px)}.mainframe-hero-scene .hero-actions a:first-child:hover{color:#fbfaf5}.mainframe-hero-scene .hero-actions-minimal{align-self:start}.mainframe-hero-scene .hero-actions-minimal a{min-width:150px;box-shadow:0 18px 42px #0607041a,inset 0 0 0 1px #ffffff6b}.mainframe-scroll-cue{z-index:8;color:#060704;isolation:isolate;filter:drop-shadow(0 28px 42px #06070442)drop-shadow(0 0 24px #b7ff252e);place-items:center;width:156px;height:148px;text-decoration:none;transition:filter .22s,opacity .22s,transform .22s;display:grid;position:absolute;top:min(83dvh,100% - 162px);bottom:auto;left:50%;transform:translate(-50%)}.mainframe-scroll-cue:before,.mainframe-scroll-cue:after{content:"";pointer-events:none;border-radius:inherit;position:absolute}.mainframe-scroll-cue:before{background:radial-gradient(at 50% 38%,#b7ff254d,#0000 62%),radial-gradient(at 50% 68%,#00d4ff29,#0000 70%),#060704e0;border-radius:999px;width:94px;height:24px;inset:auto auto 6px 50%;transform:translate(-50%)rotate(-2deg);box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #ffffff1c,0 0 34px #b7ff2533}.mainframe-scroll-cue:after{opacity:0;background:linear-gradient(#0000,#b7ff2500 8%,#b7ff25e0 28%,#ffffffa8 46%,#0000 76%);border-radius:999px;width:2px;height:66px;animation:2.55s cubic-bezier(.66,0,.34,1) infinite scrollCueLightfall;inset:auto auto 19px 50%;transform:translate(-50%)translateY(-8px)scaleY(.5)}.scroll-cue-portal{z-index:2;background:radial-gradient(circle at 50% 58%, #060704d6 0 28%, transparent 29%), radial-gradient(circle at 50% 58%, #b7ff252e 0 40%, transparent 41%), radial-gradient(circle at 50% 40%, #ffffff52, transparent 38%), conic-gradient(from 198deg, transparent 0 13%, #b7ff25b3 17%, transparent 28%, transparent 58%, #00d4ff38 64%, transparent 72%, transparent);border-radius:999px;width:104px;height:104px;animation:3.6s ease-in-out infinite scrollCuePortalFloat;position:relative;box-shadow:inset 0 0 0 1px #06070421,inset 0 -20px 34px #0607041a,0 0 28px #b7ff252e}.scroll-cue-portal:before,.scroll-cue-portal:after{content:"";pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.scroll-cue-portal:before{background:radial-gradient(#b7ff2570,#0000 68%),#060704;border-radius:999px;width:62px;height:8px;bottom:13px;box-shadow:0 0 18px #b7ff2561,inset 0 1px #ffffff1f}.scroll-cue-portal:after{opacity:.38;border:1px solid #0607041c;border-radius:37% 63% 41% 59%/52% 38% 62% 48%;width:86px;height:86px;animation:3.6s ease-in-out infinite scrollCueGlyph;top:8px;transform:translate(-50%)rotate(18deg)scale(.82)}.scroll-cue-paw{z-index:3;transform-origin:50% 90%;width:48px;height:46px;animation:2.55s ease-in-out infinite scrollCuePawTap;position:absolute;top:29px;left:50%;transform:translate(-50%)rotate(-6deg)}.scroll-paw-toe,.scroll-paw-pad{background:#fbfaf5;border:3px solid #060704;position:absolute;box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #b7ff251f}.scroll-paw-toe{border-radius:999px;width:13px;height:16px}.scroll-paw-toe-a{top:13px;left:4px;transform:rotate(-22deg)}.scroll-paw-toe-b{height:18px;top:3px;left:14px;transform:rotate(-8deg)}.scroll-paw-toe-c{height:18px;top:3px;right:14px;transform:rotate(8deg)}.scroll-paw-toe-d{top:13px;right:4px;transform:rotate(22deg)}.scroll-paw-pad{border-radius:15px 15px 18px 18px/17px 17px 12px 12px;width:28px;height:24px;bottom:0;left:10px}.scroll-cue-comet{z-index:2;opacity:0;background:linear-gradient(#ffffffd6,#b7ff25 66%,#00d4ff7a);border-radius:999px;width:8px;height:20px;animation:2.55s cubic-bezier(.66,0,.34,1) infinite scrollCueComet;position:absolute;top:26px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #b7ff25cc,0 0 32px #00d4ff2e}.scroll-cue-ripple{z-index:1;aspect-ratio:1;opacity:0;border:1px solid #b7ff25b8;border-radius:999px;width:52px;animation:2.55s ease-out infinite scrollCueRipple;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #b7ff2533}.scroll-cue-depth{z-index:2;opacity:.38;background:#b7ff25b8;border-radius:999px;width:42px;height:8px;animation:2.55s ease-in-out infinite scrollCueDepth;position:absolute;bottom:11px;left:50%;transform:translate(-50%)scaleX(.65);box-shadow:0 0 14px #b7ff258a,0 0 28px #0607044d}.mainframe-scroll-cue:hover,.mainframe-scroll-cue:focus-visible{filter:drop-shadow(0 24px 44px #06070442)drop-shadow(0 0 28px #b7ff2542);transform:translate(-50%)translateY(-6px)scale(1.04)}.mainframe-scroll-cue:focus-visible{outline-offset:8px;outline:2px solid #b7ff25d6}.mainframe-landing-scene{color:#061007;isolation:isolate;background:#f8f8f3;grid-template-columns:none;align-items:stretch;height:100dvh;min-height:100dvh;padding:0;display:block;overflow:hidden}.mainframe-landing-media{--landing-focus-x:50%;--landing-focus-y:50%;z-index:0;background:#f8f8f3 url(/portfolio-assets/miao-ai-cat-entry.png) 50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.mainframe-landing-media:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at var(--landing-focus-x) var(--landing-focus-y), #ffffff38, transparent 19%), radial-gradient(circle at var(--landing-focus-x) var(--landing-focus-y), #b7ff251a, transparent 31%);mix-blend-mode:normal;opacity:.8;position:absolute;inset:0}.mainframe-landing-video{object-fit:cover;object-position:center center;transform-origin:50%;will-change:transform, opacity;filter:saturate(1.06)contrast(1.015)brightness(1.02);opacity:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0;transform:scale(1.035)}.mainframe-landing-video[data-ready=true]{opacity:1}.mainframe-landing-scrim{background:linear-gradient(90deg,#f8f8f3d1 0%,#f8f8f380 22%,#f8f8f300 54%,#f8f8f312 100%),linear-gradient(#f8f8f32e 0%,#f8f8f300 62%,#f8f8f329 100%),radial-gradient(circle at 19% 74%,#d1f1ff61,#0000 28%),radial-gradient(circle at 86% 38%,#b7ff252e,#0000 32%);position:absolute;inset:0}.mainframe-landing-grid{pointer-events:none;opacity:.62;mix-blend-mode:normal;background-color:#0000;background-image:linear-gradient(90deg,#0710090d 1px,#0000 1px),linear-gradient(0deg,#0710090d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 92%,#0000 100%)}.mainframe-landing-notes{color:#070a076b;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;gap:8px;font-size:clamp(12px,1vw,18px);font-weight:850;line-height:1.05;display:none;position:absolute;top:clamp(124px,17vh,196px);right:clamp(34px,8vw,150px);transform:rotate(-2deg)}.mainframe-landing-notes span:nth-child(2n){color:#060a068a}.mainframe-landing-copy{z-index:2;flex-direction:column;justify-content:center;width:min(560px,100% - 48px);height:100dvh;margin-left:clamp(28px,23.5vw,520px);padding-top:clamp(80px,11vh,126px);padding-bottom:clamp(34px,8vh,84px);display:flex;position:relative;transform:translateY(clamp(0px,2vh,28px))}.mainframe-landing-eyebrow{color:#071009a3;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;margin:0 0 clamp(18px,3.2vh,34px);font-size:clamp(11px,1vw,16px);font-weight:900;line-height:1.4}.mainframe-landing-title{color:#030403;min-height:clamp(120px,14vw,214px);font-family:var(--font-display);letter-spacing:0;white-space:pre-line;margin:0;font-size:clamp(58px,6vw,110px);font-weight:780;line-height:1.02}[data-locale=zh] .mainframe-landing-title{min-height:clamp(150px,14vw,230px);font-family:var(--font-zh-display);font-size:clamp(64px,6.8vw,122px);font-weight:950;line-height:1.03}.mainframe-landing-title i{vertical-align:-.06em;background:currentColor;width:.07em;height:.82em;margin-left:.08em;animation:.9s steps(2,end) infinite mainframeCaretBlink;display:inline-block}.mainframe-landing-body{color:#2b3732bd;max-width:500px;margin:clamp(22px,3.5vh,36px) 0 0;font-size:clamp(16px,1.15vw,21px);font-weight:620;line-height:1.62}.mainframe-landing-actions{align-items:center;gap:14px;margin-top:clamp(28px,4.8vh,48px);display:flex}.mainframe-landing-primary{color:#fffdf4;white-space:nowrap;background:#030403;border:1px solid #040804e6;border-radius:999px;justify-content:center;align-items:center;min-width:146px;min-height:48px;padding:0 30px;font-size:14px;font-weight:850;line-height:1;text-decoration:none;transition:border-color .19s,box-shadow .19s,transform .19s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 22px 54px #070e0729,inset 0 1px #ffffff1f}.mainframe-landing-primary:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(110deg,#0000 0%,#b7ff2500 34%,#b7ff2575 48%,#0000 62%);position:absolute;inset:1px;transform:translate(-80%)}.mainframe-landing-primary:hover,.mainframe-landing-primary:focus-visible{border-color:#b7ff25b8;outline:none;transform:translateY(-2px);box-shadow:0 24px 70px #070e072e,0 0 36px #b7ff2521,inset 0 1px #ffffff29}.mainframe-landing-primary:hover:before,.mainframe-landing-primary:focus-visible:before{opacity:1;transition:opacity .16s,transform .82s cubic-bezier(.16,1,.3,1);transform:translate(86%)}.mainframe-room-select{gap:12px;margin-top:clamp(30px,5vh,48px);display:grid}.mainframe-room-select>span{color:#050a05db;font-size:15px;font-weight:760}.mainframe-room-select>div{flex-wrap:wrap;gap:10px;display:flex}.mainframe-room-select button{color:#152417;cursor:pointer;background:#ffffffb8;border:1px solid #070d0714;border-radius:999px;align-items:center;gap:9px;min-height:46px;padding:0 22px;font-size:14px;font-weight:690;transition:background .19s,border-color .19s,color .19s,box-shadow .19s,transform .19s;display:inline-flex;box-shadow:0 10px 28px #070d0712,inset 0 1px #ffffffc7}.mainframe-room-select button span{aspect-ratio:1;background:#050d051a;border-radius:999px;place-items:center;width:18px;font-size:13px;line-height:1;display:grid}.mainframe-room-select button[data-active=true]{color:#fffdf4;background:#071009;border-color:#071009;transform:translateY(-2px);box-shadow:0 18px 44px #0710092e,inset 0 0 0 1px #b7ff251f}.mainframe-room-select button[data-active=true] span{background:var(--acid);color:#071009}.mainframe-room-select button:hover,.mainframe-room-select button:focus-visible{border-color:#0710098a;transform:translateY(-2px)}.mainframe-landing-bar{color:#132015;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #070d0714;border-radius:999px;justify-content:space-between;align-items:center;gap:22px;width:min(720px,100%);min-height:54px;margin-top:18px;padding:12px 16px 12px 22px;text-decoration:none;transition:border-color .19s,box-shadow .19s,transform .19s;display:flex;box-shadow:0 18px 54px #070e071f,inset 0 1px #fffc}.mainframe-landing-bar span{font-size:13px;font-weight:670;line-height:1.35}.mainframe-landing-bar b{color:#0d150f;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:900}.mainframe-landing-bar:hover,.mainframe-landing-bar:focus-visible{border-color:#b7ff25b8;transform:translateY(-3px);box-shadow:0 24px 70px #070e0729,0 0 36px #b7ff2521,inset 0 1px #fffc}.mainframe-landing-hint{color:#070c0773;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;margin:10px 0 0;font-size:11px;font-weight:760}.mainframe-landing-handoff{z-index:1;pointer-events:none;background:linear-gradient(#0000,#f8f8f38a);height:clamp(72px,12vh,150px);position:absolute;bottom:-1px;left:0;right:0}.mainframe-cat-stage{--cat-x:54%;--cat-y:42%;--cat-tilt-x:0deg;--cat-tilt-y:0deg;z-index:2;aspect-ratio:1.42;width:min(50vw,820px);min-width:500px;color:inherit;cursor:pointer;perspective:1200px;background:0 0;border:0;justify-self:center;padding:0;display:block;position:relative}.mainframe-cat-stage:focus-visible{outline-offset:10px;outline:2px solid #b7ff25b8}.mainframe-cat-card{isolation:isolate;transform:rotateX(var(--cat-tilt-x)) rotateY(var(--cat-tilt-y)) rotateZ(-3.4deg);transform-style:preserve-3d;will-change:transform;background:#fbfaf5;border:1px solid #06070417;border-radius:clamp(32px,4.2vw,58px);transition:transform .22s,box-shadow .22s;animation:8s ease-in-out infinite catCardFloat;display:block;position:absolute;inset:6% 0 2%;overflow:hidden;box-shadow:0 36px 100px #0607042e,inset 0 0 0 1px #fffc}.mainframe-cat-card:before,.mainframe-cat-card:after{content:"";pointer-events:none;position:absolute}.mainframe-cat-card:before{z-index:4;border-radius:inherit;background:radial-gradient(circle at var(--cat-x) var(--cat-y), #ffffffd1 0 6%, #b7ff2552 7% 14%, transparent 25%), linear-gradient(112deg, #ffffff2e, transparent 30% 62%, #ffffff2e);mix-blend-mode:screen;opacity:.86;inset:0}.mainframe-cat-card:after{z-index:8;background:linear-gradient(104deg,#0000 0 43%,#ffffffdb 49%,#b7ff255c 51%,#0000 58%);animation:5.8s cubic-bezier(.66,0,.34,1) infinite catCardShine;inset:-42% -30%;transform:translate(-66%)}.mainframe-cat-stage:hover .mainframe-cat-card,.mainframe-cat-stage:focus-visible .mainframe-cat-card{box-shadow:0 42px 110px #06070438,0 0 44px #b7ff2533,inset 0 0 0 1px #ffffffe0}.mainframe-cat-video{z-index:1;object-fit:cover;object-position:center;filter:saturate(1.08)contrast(1.02);width:100%;height:100%;display:block;position:relative}.mainframe-cat-glow,.mainframe-cat-scan,.mainframe-cat-lens,.mainframe-cat-edge,.mainframe-cat-code,.mainframe-cat-pixels,.mainframe-cat-sparkles,.mainframe-cat-prompt,.mainframe-cat-caption,.mainframe-cat-enter{pointer-events:none;position:absolute}.mainframe-cat-glow{z-index:2;background:radial-gradient(circle at var(--cat-x) var(--cat-y), #b7ff256b, transparent 0 12%, #00b8ff38 13%, transparent 24%), linear-gradient(110deg, transparent 0 50%, #ffffff47 52%, transparent 57%);mix-blend-mode:screen;opacity:.78;animation:3.8s ease-in-out infinite catGlowBreath;inset:0}.mainframe-cat-scan{z-index:3;opacity:.78;background:linear-gradient(105deg,#0000 0 42%,#b7ff2500 46%,#b7ff2547 49%,#ffffff6b 50%,#00dcff38 51%,#0000 56%),repeating-linear-gradient(90deg,#0000 0 12px,#06070412 12px 13px);animation:3.8s cubic-bezier(.66,0,.34,1) infinite catScan;inset:-42% -20%;transform:translate(-64%)}.mainframe-cat-lens{left:calc(var(--cat-x) - 44px);top:calc(var(--cat-y) - 44px);aspect-ratio:1;z-index:7;mix-blend-mode:screen;background:conic-gradient(from 40deg,#00d4ff00,#00d4ff94,#b7ff25a8,#fff0),radial-gradient(circle,#ffffff57,#0000 62%);border:1px solid #ffffffb3;border-radius:999px;width:88px;transition:left .16s,top .16s;animation:6s linear infinite catLensSpin;box-shadow:0 0 28px #00d4ff38,inset 0 0 22px #ffffff5c}.mainframe-cat-edge{z-index:6;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(125deg,#ffffff52,#0000 22% 72%,#b7ff252e),linear-gradient(90deg,#0000 0 86%,#b7ff2529);inset:0;box-shadow:inset 0 0 0 1px #ffffffc2,inset 0 0 38px #b7ff251f}.mainframe-cat-code{color:#0607046b;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-align:left;text-transform:uppercase;z-index:9;gap:5px;font-size:clamp(10px,1vw,14px);font-weight:860;line-height:1.08;display:grid;top:12%;right:8%}.mainframe-cat-pixels{z-index:5;inset:0}.mainframe-cat-pixels i{--pixel-index:0;left:var(--pixel-x);top:var(--pixel-y);aspect-ratio:1;opacity:.62;width:clamp(8px,.85vw,14px);transform:translate3d(0, 0, 36px) rotate(calc(var(--pixel-index) * 18deg));animation:4.2s ease-in-out infinite catPixelFloat;animation-delay:calc(var(--pixel-index) * -180ms);background:linear-gradient(135deg,#b7ff25,#00c8ff 55%,#ff6a3d);border-radius:2px;position:absolute;box-shadow:0 0 14px #00c8ff2e}.mainframe-cat-sparkles{z-index:10;inset:0}.mainframe-cat-sparkles i,.cat-content-sparkles i{--spark-index:0;left:calc(9% + (var(--spark-index) % 7) * 13%);top:calc(10% + (var(--spark-index) % 5) * 16%);aspect-ratio:1;opacity:0;width:clamp(3px,.42vw,7px);animation:3.6s ease-in-out infinite catSpark;animation-delay:calc(var(--spark-index) * -220ms);background:#ffffffeb;border-radius:999px;position:absolute;box-shadow:0 0 10px #ffffffd1,0 0 18px #b7ff2575,0 0 24px #00d4ff3d}.mainframe-cat-prompt{z-index:11;aspect-ratio:.88;color:#0000;filter:drop-shadow(0 22px 28px #06070438)drop-shadow(0 0 12px #b7ff251f);background:radial-gradient(at 47% 92%,#0607042e,#0000 58%),radial-gradient(circle at 70% 20%,#b7ff251f,#0000 42%);border:0;border-radius:28px;width:clamp(72px,6.8vw,112px);padding:0;transition:filter .22s,transform .22s;animation:3.2s cubic-bezier(.66,0,.34,1) infinite catHandPeek;bottom:-.7%;left:2.4%;transform:translate3d(-34%,30%,72px)rotate(-13deg)}.mainframe-cat-prompt:before,.mainframe-cat-prompt:after{content:"";pointer-events:none;position:absolute}.mainframe-cat-prompt:before{transform-origin:50% 88%;filter:drop-shadow(0 2px #ffffff70)drop-shadow(0 18px 18px #0607042e);background:url("data:image/svg+xml,%3Csvg width='132' height='150' viewBox='0 0 132 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 109h54v28c0 6.1-4.9 11-11 11H45c-6.1 0-11-4.9-11-11v-28Z' fill='%23B7FF25'/%3E%3Cpath d='M35 109h52' stroke='%23060704' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M57 106V45c0-6.1 4.9-11 11-11s11 4.9 11 11v29l7-10c3.9-5.5 11.6-6.9 17.1-3 5 3.5 6.6 10.3 3.7 15.7L93.7 101.5c-5.5 10.3-16.4 16.7-28.1 16.7h-9.8c-13 0-24.6-8.1-29.1-20.3L16.4 69.8c-2.3-6.4.9-13.5 7.3-15.8 6-2.2 12.7.6 15.3 6.4L57 106Z' fill='%23FBFAF5' stroke='%23060704' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M68 47v44M79 74v20M47 90c5.6 10.2 13.2 15.5 25 15.5' stroke='%23060704' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M86 19l24-16M92 33h28M77 14l4-13' stroke='%23B7FF25' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='28' cy='50' r='3.2' fill='%23FF6A3D'/%3E%3C/svg%3E") 50%/contain no-repeat;animation:1.6s ease-in-out infinite catHandTap;inset:-8% -7% 0 -6%}.mainframe-cat-prompt:after{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#ffffffb8 0 9%,#0000 10%),radial-gradient(circle,#b7ff255c,#0000 62%);border:1px solid #b7ff25b8;border-radius:999px;width:43%;animation:1.6s ease-out infinite catHandSignal;top:11%;left:72%;transform:scale(.68);box-shadow:0 0 20px #b7ff256b,0 0 34px #00d4ff1f}.mainframe-cat-prompt b,.mainframe-cat-prompt small{display:none}.mainframe-cat-stage:hover .mainframe-cat-prompt,.mainframe-cat-stage:focus-visible .mainframe-cat-prompt{filter:drop-shadow(0 24px 30px #0607043d)drop-shadow(0 0 22px #b7ff253d);animation-play-state:paused;transform:translate3d(-13%,10%,72px)rotate(-5deg)scale(1.03)}.mainframe-cat-stage:hover .mainframe-cat-prompt:before,.mainframe-cat-stage:focus-visible .mainframe-cat-prompt:before,.mainframe-cat-stage:hover .mainframe-cat-prompt:after,.mainframe-cat-stage:focus-visible .mainframe-cat-prompt:after{animation-duration:1.05s}.mainframe-cat-caption{color:#060704;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#f8f7f0d6;border:1px solid #0607041a;border-radius:18px;gap:8px;max-width:min(58%,430px);padding:18px 22px 16px;display:grid;bottom:-1%;right:5.5%;transform:rotate(2.6deg)translateZ(58px);box-shadow:0 22px 48px #06070429}.mainframe-cat-caption strong{color:#060704;font-size:clamp(18px,2vw,30px);font-weight:880;line-height:1.05}.mainframe-cat-caption small{color:#06070485;font-size:12px;font-weight:720}.mainframe-cat-enter{color:#06070494;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;opacity:.72;background:#ffffffa8;border:1px solid #0607041f;border-radius:999px;padding:7px 11px 6px;font-size:10px;font-weight:820;transition:opacity .18s,transform .18s;top:6%;right:6%;transform:translateY(0)}.mainframe-cat-stage:hover .mainframe-cat-enter,.mainframe-cat-stage:focus-visible .mainframe-cat-enter{opacity:1;transform:translateY(-2px)}.mainframe-cat-orbit{pointer-events:none;border:1px solid #06070417;border-radius:999px;position:absolute}.mainframe-cat-orbit.orbit-one{aspect-ratio:1;background:#b7ff251a;width:43%;animation:18s linear infinite rotateArtifact;top:-3%;right:-3%}.mainframe-cat-orbit.orbit-two{aspect-ratio:1;border-color:#00b8ff1f;width:55%;bottom:2%;left:2%;transform:rotateX(72deg)rotate(-12deg)}.cat-content-overlay{z-index:90;place-items:center;padding:clamp(16px,4vw,56px);animation:.28s both catOverlayIn;display:grid;position:fixed;inset:0}.cat-content-backdrop{-webkit-backdrop-filter:blur(26px)saturate(118%);backdrop-filter:blur(26px)saturate(118%);cursor:zoom-out;background:#0809079e;border:0;position:absolute;inset:0}.cat-content-window{z-index:1;width:min(100%,980px);max-height:calc(100dvh - clamp(32px,8vw,112px));color:var(--ivory);background:radial-gradient(circle at 78% 12%,#b7ff2529,#0000 28%),radial-gradient(circle at 15% 76%,#ff4a241a,#0000 34%),linear-gradient(90deg,#f3efdf0d 1px,#0000 1px) 0 0/28px 28px,linear-gradient(0deg,#f3efdf0a 1px,#0000 1px) 0 0/28px 28px,#080907f5;border-radius:clamp(22px,3vw,38px);grid-template-rows:auto auto;gap:clamp(14px,2vw,22px);padding:clamp(16px,2.2vw,28px);animation:.52s cubic-bezier(.16,1,.3,1) both catContentIn;display:grid;position:relative;overflow:hidden;box-shadow:0 46px 150px #0000008a,0 0 90px #b7ff251a,inset 0 0 0 1px #f3efdf29}.cat-content-meta{z-index:4;color:#06070494;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;text-align:left;gap:5px;font-size:10px;font-weight:780;display:grid;position:absolute;top:clamp(20px,2.8vw,38px);left:clamp(22px,3vw,42px)}.cat-content-meta b{color:#060704;font-size:clamp(12px,1.2vw,16px);font-weight:900}.cat-content-corners{z-index:5;pointer-events:none;opacity:.5;background:linear-gradient(#b7ff25,#b7ff25) 0 0/48px 1px no-repeat,linear-gradient(#b7ff25,#b7ff25) 0 0/1px 48px no-repeat,linear-gradient(#f3efdf8f,#f3efdf8f) 100% 0/48px 1px no-repeat,linear-gradient(#f3efdf8f,#f3efdf8f) 100% 0/1px 48px no-repeat,linear-gradient(#f3efdf57,#f3efdf57) 0 100%/48px 1px no-repeat,linear-gradient(#f3efdf57,#f3efdf57) 0 100%/1px 48px no-repeat,linear-gradient(#b7ff25,#b7ff25) 100% 100%/48px 1px no-repeat,linear-gradient(#b7ff25,#b7ff25) 100% 100%/1px 48px no-repeat;border-radius:clamp(18px,3vw,42px);position:absolute;inset:clamp(18px,2.6vw,34px)}.cat-content-window:before,.cat-content-window:after{content:"";pointer-events:none;position:absolute;inset:0}.cat-content-window:before{z-index:0;background:radial-gradient(circle at 76% 14%,#b7ff2538,#0000 24%),radial-gradient(circle at 18% 86%,#00d4ff1a,#0000 28%)}.cat-content-window:after{z-index:2;mix-blend-mode:soft-light;background:linear-gradient(#ffffff17,#0000 30% 72%,#06070438),radial-gradient(circle at 50% 42%,#0000 0 42%,#0607042e 78%)}.cat-contact-band{z-index:4;background:radial-gradient(circle at 10% 0,#b7ff2538,#0000 30%),linear-gradient(135deg,#f3efdf1a,#b7ff2514 44%,#ff4a2417),#060704b8;border:1px solid #b7ff2557;border-radius:clamp(18px,2vw,26px);grid-template-columns:minmax(0,1fr) clamp(118px,15vw,172px);align-items:center;gap:clamp(14px,2vw,24px);min-height:clamp(148px,18vw,190px);padding:clamp(18px,2.2vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 22px 60px #0003}.cat-contact-band:before{content:"WECHAT";color:#0000;-webkit-text-stroke:1px #b7ff252e;pointer-events:none;font-size:clamp(62px,9vw,128px);font-weight:950;line-height:.8;position:absolute;bottom:-.14em;right:clamp(150px,18vw,210px)}.cat-contact-copy{z-index:1;gap:10px;max-width:52ch;display:grid;position:relative}.cat-contact-copy span{color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:11px;font-weight:860}.cat-contact-copy strong{color:var(--ivory);font-size:clamp(38px,5vw,72px);font-weight:950;line-height:.82}.cat-contact-copy p{color:#f3efdfb3;max-width:42ch;margin:0;font-size:clamp(14px,1.25vw,18px);font-weight:650;line-height:1.5}.cat-contact-qr{z-index:1;color:#060704;background:#f8f8f3;border-radius:20px;gap:8px;margin:0;padding:10px;display:grid;position:relative;transform:rotate(2.2deg);box-shadow:0 18px 42px #0000003d,inset 0 0 0 1px #fffc}.cat-contact-qr img{aspect-ratio:1;object-fit:contain;border-radius:12px;width:100%;display:block}.cat-contact-qr figcaption{font-family:var(--font-geist-mono), monospace;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:900;line-height:1.1;overflow:hidden}.cat-content-card{z-index:3;aspect-ratio:16/9;isolation:isolate;background:#fbfaf5;border-radius:clamp(20px,2.8vw,42px);width:100%;min-height:0;animation:.68s cubic-bezier(.16,1,.3,1) both catContentCardIn;position:relative;overflow:hidden;transform:rotate(-1.4deg);box-shadow:0 30px 86px #06070438,0 0 42px #b7ff251f,inset 0 0 0 1px #fffc}.cat-content-card:before,.cat-content-card:after{display:none}.cat-content-card:before{z-index:4;background:linear-gradient(104deg,#0000 0 41%,#fffffff0 48%,#b7ff2557 51%,#0000 59%);animation:4.6s cubic-bezier(.66,0,.34,1) .48s infinite catCardShine;inset:-48% -30%;transform:translate(-70%)}.cat-content-card:after{z-index:5;border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(circle at 53% 42%,#ffffff38,#0000 20%);inset:0;box-shadow:inset 0 0 0 1px #ffffffc2,inset 0 0 42px #b7ff251a}.cat-content-image{z-index:1;object-fit:cover;object-position:center;filter:saturate(1.08)contrast(1.02);width:100%;height:100%;display:block;position:relative}.cat-content-scan,.cat-content-lens,.cat-content-pixels,.cat-content-sparkles{display:none}.cat-content-scan{z-index:3;opacity:.7;background:linear-gradient(105deg,#0000 0 42%,#b7ff2500 46%,#b7ff2542 49%,#ffffff6b 50%,#00dcff2e 51%,#0000 56%),repeating-linear-gradient(90deg,#0000 0 12px,#0607040f 12px 13px);animation:3.4s cubic-bezier(.66,0,.34,1) infinite catScan;inset:-42% -20%;transform:translate(-64%)}.cat-content-lens{z-index:6;aspect-ratio:1;mix-blend-mode:screen;background:conic-gradient(from 40deg,#00d4ff00,#00d4ff85,#b7ff259e,#fff0),radial-gradient(circle,#ffffff52,#0000 62%);border:1px solid #ffffffb8;border-radius:999px;width:clamp(72px,10vw,126px);animation:6s linear infinite catLensSpin;top:35%;left:47%;box-shadow:0 0 26px #00d4ff2e,inset 0 0 20px #ffffff5c}.cat-content-pixels{z-index:6;inset:0}.cat-content-pixels i{--pixel-index:0;left:var(--pixel-x);top:var(--pixel-y);aspect-ratio:1;opacity:.62;mix-blend-mode:screen;width:clamp(7px,.82vw,13px);transform:translate3d(0, 0, 36px) rotate(calc(var(--pixel-index) * 17deg));animation:4.4s ease-in-out infinite catPixelFloat;animation-delay:calc(var(--pixel-index) * -150ms);background:linear-gradient(135deg,#b7ff25,#00c8ff 54%,#ff6a3d);border:1px solid #ffffff6b;border-radius:2px;position:absolute;box-shadow:0 0 12px #00c8ff2e,0 0 20px #b7ff251f}.cat-content-sparkles{z-index:7;inset:0}.cat-content-code{color:#0607046b;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;z-index:8;gap:5px;font-size:clamp(10px,1vw,14px);font-weight:860;line-height:1.08;display:grid;position:absolute;top:11%;right:8%}.cat-content-caption{color:#060704;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:8;background:#f8f7f0db;border-radius:18px;gap:8px;max-width:min(56%,430px);padding:18px 22px 16px;display:grid;position:absolute;bottom:4%;right:5%;box-shadow:0 22px 48px #06070429}.cat-content-caption strong{font-size:clamp(20px,2.4vw,34px);font-weight:900;line-height:1.05}.cat-content-caption span{color:#06070494;font-size:13px;font-weight:720}.cat-content-close{z-index:8;width:40px;height:40px;color:var(--ivory);font-family:var(--font-geist-mono), monospace;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080907a8;border:1px solid #f3efdf2e;border-radius:999px;font-size:13px;font-weight:900;line-height:1;transition:background .18s,transform .18s;position:absolute;top:18px;right:18px}.cat-content-close:hover,.cat-content-close:focus-visible{color:#fbfaf5;background:#060704;outline:none;transform:rotate(8deg)scale(1.04)}.hero-system-deck{background:#f3efdf1c;border:1px solid #f3efdf24;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(100%,1120px);margin-top:clamp(-56px,-4vh,-22px);display:grid;box-shadow:0 24px 80px #00000057}.hero-module-card{min-height:150px;color:inherit;background:linear-gradient(135deg,#f3efdf17,#0000 62%),#080907c7;padding:20px;text-decoration:none;transition:transform .22s,background .22s,box-shadow .22s;position:relative;overflow:hidden;transform:translateY(0)}.hero-module-card:before{content:"";transform-origin:0;background:linear-gradient(90deg, var(--acid), transparent);opacity:.7;height:1px;transition:transform .26s;position:absolute;inset:auto 0 0;transform:scaleX(.18)}.hero-module-card:hover:before,.hero-module-card:focus-visible:before{transform:scaleX(1)}.hero-module-card:hover,.hero-module-card:focus-visible{background:radial-gradient(circle at 80% 12%,#b7ff252e,#0000 28%),linear-gradient(135deg,#f3efdf21,#0000 62%),#080907d1;outline:none;transform:translateY(-8px)rotate(-.8deg);box-shadow:0 24px 60px #00000047}.hero-module-card span,.hero-module-card small{font-family:var(--font-geist-mono), monospace;text-transform:uppercase}.hero-module-card span{color:var(--acid);font-size:10px;font-weight:780}.hero-module-card strong{color:var(--ivory);font-family:var(--font-display);text-transform:uppercase;margin-top:26px;font-size:clamp(25px,2.4vw,42px);font-weight:900;line-height:.95;display:block}[data-locale=zh] .hero-module-card strong{font-family:var(--font-zh-display);text-transform:none}.hero-module-card p{color:#f3efdf9e;max-width:28ch;margin:12px 0 0;font-size:13px;line-height:1.45}.hero-module-card small{color:#f3efdf70;margin-top:18px;font-size:9px;font-weight:720;display:block}.hero-module-card i{aspect-ratio:1;border:1px solid #f3efdf21;border-radius:999px;width:52px;position:absolute;top:18px;right:18px}.hero-module-card i:after{content:"";border-radius:inherit;background:var(--acid);position:absolute;inset:16px;box-shadow:0 0 22px #b7ff257a}.kinetic-manifesto{z-index:2;contain:paint;content-visibility:auto;contain-intrinsic-size:840px;background:linear-gradient(#08090700,#0809074d 14%,#080907bd 36%,#080907e0),radial-gradient(circle at 10% 20%,#b7ff251c,#0000 24%),radial-gradient(circle at 86% 80%,#ff4a2421,#0000 22%);border-top:1px solid #f3efdf1a;border-bottom:1px solid #f3efdf1a;min-height:clamp(700px,86dvh,900px);margin-top:clamp(-150px,-12vh,-82px);position:relative;overflow:hidden}.kinetic-manifesto:before,.kinetic-manifesto:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.kinetic-manifesto:before{background:linear-gradient(90deg,#080907e0,#0000 16% 84%,#080907e0),linear-gradient(#080907b3,#0000 20% 78%,#080907d1)}.kinetic-manifesto:after{opacity:.48;background-color:#0000;background-image:linear-gradient(90deg,#f3efdf0f 1px,#0000 1px),linear-gradient(0deg,#f3efdf0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:radial-gradient(circle,#000 0 42%,#0000 74%);mask-image:radial-gradient(circle,#000 0 42%,#0000 74%)}.manifesto-core{z-index:2;gap:clamp(12px,1.8vh,24px);width:min(1440px,100vw);display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-3deg)}.manifesto-track{will-change:transform;justify-content:center;gap:clamp(24px,4vw,58px);width:100%;animation:24s linear infinite manifestoDrift;display:flex;transform:translate(-2.2%)}.manifesto-track[data-direction=right]{margin-left:0;animation-duration:30s;animation-direction:reverse;transform:translate(2.2%)}.manifesto-track span{color:var(--ivory);font-family:var(--font-display);letter-spacing:0;white-space:nowrap;text-transform:uppercase;font-size:clamp(58px,8.2vw,136px);font-weight:900;line-height:.96}[data-locale=zh] .manifesto-track span{font-family:var(--font-zh-display);font-size:clamp(62px,8.6vw,146px)}.manifesto-track span:nth-child(3){display:none}.manifesto-track:nth-child(2) span,.manifesto-track:nth-child(4) span{color:#0000;-webkit-text-stroke:1px #f3efdfb8}.manifesto-track:nth-child(3) span{color:var(--acid);text-shadow:0 0 34px #b7ff252e}.chapter-scene{grid-template-columns:minmax(120px,.22fr) minmax(380px,.8fr) minmax(360px,.64fr);align-items:center;gap:clamp(24px,5vw,80px);display:grid}.works-scene{grid-template-columns:minmax(96px,.16fr) minmax(0,1fr);align-items:start;min-height:132dvh;padding-right:0;overflow:clip}.works-scene .chapter-kicker,.works-scene article{padding-top:clamp(26px,8vh,82px)}.works-scene article{max-width:980px}.works-portal-scene{min-height:auto;padding:92px clamp(20px,4vw,64px) 124px clamp(188px,15vw,246px);display:block;overflow:hidden}.works-portal-scene .works-panel{width:min(100%,1240px);margin:0 auto}.product-scene{grid-template-columns:minmax(96px,.16fr) minmax(320px,.48fr) minmax(520px,.82fr);gap:clamp(22px,3.2vw,52px)}.product-scene article{max-width:560px}.music-chapter-scene{grid-template-columns:minmax(120px,.22fr) minmax(0,1fr);gap:clamp(28px,5vw,84px)}.chapter-kicker{color:var(--acid);align-self:center;gap:12px;display:grid}.chapter-kicker span{font-family:var(--font-geist-mono), monospace;font-size:clamp(54px,7vw,112px);font-weight:740;line-height:.86}.chapter-kicker b{writing-mode:vertical-rl;color:#f3efdf94;letter-spacing:0;font-size:15px;font-weight:720}.chapter-scene article{max-width:760px}.chapter-scene h2{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(48px,7.2vw,116px);font-weight:900;line-height:.92}[data-locale=zh] .chapter-scene h2{font-family:var(--font-zh-display);text-transform:none;font-size:clamp(42px,6vw,94px);font-weight:900;line-height:1.02}.chapter-line{color:var(--ivory);margin:clamp(24px,4vh,42px) 0 14px;font-size:clamp(20px,2.1vw,32px);font-weight:720;line-height:1.15}.chapter-scene article p:not(.chapter-line){color:#f3efdfad;max-width:600px;margin:0;font-size:clamp(15px,1.35vw,19px);line-height:1.65}.scene-panel{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#f3efdf1c,#f3efdf08),#08090775;border:1px solid #f3efdf29;border-radius:8px;align-self:center;width:min(100%,520px);padding:clamp(20px,3vw,34px);box-shadow:inset 0 1px #ffffff1a,0 28px 90px #0000005c}.scene-panel>span{color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;margin-bottom:22px;font-size:11px;font-weight:680;display:block}.scene-panel>strong{color:var(--ivory);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(26px,3vw,48px);font-weight:900;line-height:.95;display:block}[data-locale=zh] .scene-panel>strong{font-family:var(--font-zh-display);text-transform:none}.signal-panel div{gap:12px;margin-top:34px;display:grid}.signal-panel i{background:linear-gradient(90deg, var(--acid), transparent);border-radius:999px;height:12px;display:block}.signal-panel i:nth-child(2){background:linear-gradient(90deg, var(--ember), transparent);width:72%}.signal-panel i:nth-child(3){background:linear-gradient(90deg, var(--chrome), transparent);width:48%}.evidence-ledger{width:min(100%,620px)}.ledger-rows{background:#f3efdf17;border:1px solid #f3efdf1c;gap:1px;margin-top:28px;display:grid}.ledger-row{background:linear-gradient(100deg,#b7ff2512,#0000 48%),#080907c7;grid-template-columns:76px minmax(0,1fr);gap:14px;min-height:92px;padding:16px;display:grid}.ledger-row i,.ledger-row b,.evaluation-cell b,.evaluation-cell span{font-family:var(--font-geist-mono), monospace;text-transform:uppercase}.ledger-row i{color:var(--acid);font-size:10px;font-style:normal;font-weight:780}.ledger-row p{color:#f3efdfb8;margin:0;font-size:13px;line-height:1.48}.ledger-row b{color:#b7ff25d1;border:1px solid #b7ff252e;border-radius:999px;grid-column:2;width:fit-content;min-height:24px;margin-top:2px;padding:5px 9px 0;font-size:9px;font-weight:720}.skill-showcase-panel{width:min(100%,680px);min-height:560px;position:relative;overflow:hidden}.skill-showcase-panel>strong{max-width:12ch;font-size:clamp(24px,2.6vw,40px);line-height:.98}[data-locale=zh] .skill-showcase-panel>strong{max-width:12em;font-size:clamp(22px,2.35vw,34px);line-height:1.08}.skill-showcase-panel:before{content:"";pointer-events:none;opacity:.64;background-color:#0000;background-image:linear-gradient(90deg,#f3efdf0f 1px,#0000 1px),linear-gradient(0deg,#f3efdf0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 80% 18%,#000 0 18%,#0000 54%);mask-image:radial-gradient(circle at 80% 18%,#000 0 18%,#0000 54%)}.skill-stage{background:radial-gradient(circle at 78% 18%,#b7ff252e,#0000 32%),linear-gradient(135deg,#f3efdf1a,#f3efdf05),#080907c2;border:1px solid #b7ff2542;border-radius:8px;align-content:end;gap:14px;min-height:214px;margin-top:28px;padding:22px;display:grid;position:relative;overflow:hidden}.skill-stage:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(90deg,#0000,#b7ff2529,#0000),repeating-linear-gradient(90deg,#0000 0 12px,#f3efdf14 12px 13px);animation:4.8s ease-in-out infinite skillScan;position:absolute;inset:-22% -10%;transform:translate(-32%)}.skill-stage i{color:#0000;-webkit-text-stroke:1px #f3efdf6b;font-family:var(--font-display);font-size:clamp(76px,8vw,128px);font-style:normal;font-weight:900;line-height:.8;position:absolute;top:10px;right:14px}.skill-stage b{z-index:1;width:fit-content;color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;border:1px solid #b7ff2557;border-radius:999px;padding:7px 11px 5px;font-size:10px;font-weight:760;position:relative}.skill-stage p{z-index:1;max-width:17ch;color:var(--ivory);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(34px,4vw,62px);font-weight:900;line-height:.95;position:relative}[data-locale=zh] .skill-stage p{max-width:12em;font-family:var(--font-zh-display);text-transform:none;font-size:clamp(28px,3.2vw,44px);line-height:1.12}.skill-picker{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid;position:relative}.skill-picker button{min-height:86px;color:var(--ivory);text-align:left;cursor:pointer;background:#080907a3;border:1px solid #f3efdf24;border-radius:8px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;transition:border-color .18s,background .18s,transform .18s;display:grid}.skill-picker button:hover,.skill-picker button:focus-visible,.skill-picker button.active{background:linear-gradient(135deg,#b7ff251a,#0000 56%),#080907b8;border-color:#b7ff2599;outline:none;transform:translateY(-3px)}.skill-picker span,.skill-picker small{font-family:var(--font-geist-mono), monospace;text-transform:uppercase}.skill-picker span{color:var(--acid);font-size:10px;font-weight:780}.skill-picker strong{color:#f3efdfd1;grid-column:2;font-size:13px;font-weight:760;line-height:1.25}.skill-picker small{color:#f3efdf70;grid-column:2;font-size:9px;font-weight:700}.skill-orbit{aspect-ratio:1;pointer-events:none;border:1px solid #b7ff2529;border-radius:999px;width:220px;animation:18s linear infinite rotateArtifact;position:absolute;top:-70px;right:-76px}.skill-orbit i{aspect-ratio:1;background:var(--acid);border-radius:999px;width:9px;position:absolute;box-shadow:0 0 24px #b7ff2594}.skill-orbit i:first-child{top:0;left:50%}.skill-orbit i:nth-child(2){bottom:18%;right:13%}.skill-orbit i:nth-child(3){bottom:30%;left:10%}.evaluation-panel{width:min(100%,620px)}.evaluation-grid{background:#f3efdf1a;border:1px solid #f3efdf1c;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:30px;display:grid}.evaluation-cell{background:radial-gradient(circle at 12px 12px,#b7ff252e,#0000 18px),#080907c7;align-content:space-between;min-height:116px;padding:14px;display:grid}.evaluation-cell b{color:var(--acid);font-size:10px;font-weight:780}.evaluation-cell span{color:#f3efdfb8;font-size:10px;font-weight:720;line-height:1.25}.evaluation-panel p{color:#f3efdfa8;max-width:44ch;margin:22px 0 0;font-size:14px;line-height:1.6}.video-room-panel{background:linear-gradient(#f3efdf14,#0000 22%),#090a08c2;border-color:#f3efdf2e;width:min(100%,760px);position:relative;overflow:visible}.home-video-strip{grid-template-columns:repeat(4,minmax(112px,1fr));gap:10px;margin:-20px -20px 28px;padding:20px;display:grid;position:relative;overflow:hidden}.home-video-strip:before{content:"VIDEOS";z-index:1;color:#0000;-webkit-text-stroke:1px #b7ff25bd;letter-spacing:.02em;opacity:.7;pointer-events:none;font-size:clamp(76px,11vw,150px);font-weight:900;line-height:.78;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.home-video-frame{z-index:2;min-height:116px;color:var(--ivory);transform:rotate(var(--tilt,0deg));border:2px solid #f3efdfd1;text-decoration:none;transition:transform .18s,border-color .18s,filter .18s;display:block;position:relative;overflow:hidden}.home-video-frame:first-child{--tilt:-2deg}.home-video-frame:nth-child(2){--tilt:1.4deg}.home-video-frame:nth-child(3){--tilt:-.7deg}.home-video-frame:nth-child(4){--tilt:2.2deg}.home-video-frame:hover,.home-video-frame:focus-visible{border-color:var(--acid);filter:brightness(1.12);transform:translateY(-5px) rotate(var(--tilt,0deg));outline:none}.home-video-frame img{object-fit:cover;opacity:.82;mix-blend-mode:screen;width:100%;height:100%;min-height:116px}.home-video-frame b{color:#b7ff25e0;letter-spacing:.04em;mix-blend-mode:screen;font-size:clamp(34px,4.8vw,76px);font-weight:900;line-height:.8;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.video-room-heading{z-index:3;position:relative}.video-room-heading span,.video-room-heading p{color:#f3efdfa8}.video-room-heading strong{max-width:12ch;color:var(--ivory);text-transform:uppercase;margin-top:8px;font-size:clamp(44px,5vw,86px);font-weight:900;line-height:.92;display:block}[data-locale=zh] .video-room-heading strong{max-width:9ch;line-height:1.02}.video-room-heading p{max-width:42ch;margin:14px 0 0;font-size:14px;line-height:1.55}.home-video-index{border-top:1px solid #f3efdfc7;margin-top:28px;display:grid;position:relative}.home-video-row{min-height:78px;color:var(--ivory);border-bottom:1px solid #f3efdf94;grid-template-columns:64px minmax(180px,1fr) minmax(170px,.9fr) 72px;align-items:center;gap:16px;text-decoration:none;transition:background .18s,color .18s,padding .18s;display:grid;position:relative}.home-video-row:hover,.home-video-row:focus-visible,.home-video-row.active{background:var(--ivory);color:#0c0d0b;outline:none;padding-left:14px}.home-video-row span{color:var(--acid);font-size:clamp(34px,4.5vw,62px);font-weight:900;line-height:.9}.home-video-row strong{text-transform:uppercase;font-size:clamp(24px,3vw,44px);font-weight:900;line-height:.95}.home-video-row small,.home-video-row b{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:760}.home-video-row-poster{z-index:8;aspect-ratio:16/9;object-fit:cover;opacity:0;pointer-events:none;border:1px solid #f3efdfb8;border-radius:14px;width:clamp(156px,17vw,250px);transition:opacity .18s,transform .22s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:11%;transform:translate(24px,-52%)rotate(-10deg)scale(.9);box-shadow:0 22px 70px #00000070}.home-video-row:hover .home-video-row-poster,.home-video-row:focus-visible .home-video-row-poster{opacity:1;transform:translate(24px,-64%)rotate(-7deg)scale(1)}.home-video-open{color:var(--ivory);background:#b7ff251a;border:1px solid #b7ff256b;border-radius:999px;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:18px;padding:12px 16px 12px 18px;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:grid}.home-video-open:hover,.home-video-open:focus-visible{background:var(--acid);color:#070807;outline:none;transform:translateY(-2px)}.home-video-open span,.home-video-open b{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:820}.home-video-open b{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;overflow:hidden}.product-console{width:min(100%,680px);padding:0;overflow:hidden}.product-console-head{background:#0000002e;border-bottom:1px solid #f3efdf1f;justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(18px,2.6vw,28px);display:flex}.product-console-head span{color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:11px;font-weight:720}.product-console-head b{color:#f3efdfad;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:720;display:inline-flex}.product-console-head b:before{content:"";background:var(--acid);border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px #b7ff2585}.product-console>strong{padding:clamp(20px,3vw,28px) clamp(18px,2.6vw,28px) 0}.product-panel code{color:#f3efdfbd;font-family:var(--font-geist-mono), monospace;word-break:break-all;background:#0708078a;border:1px solid #f3efdf1f;border-radius:6px;margin:16px clamp(18px,2.6vw,28px) 18px;padding:12px 14px;font-size:12px;line-height:1.4;display:block}.product-panel>p,.works-panel p,.contact-panel p{color:#f3efdfa8;margin:22px 0 0;font-size:15px;line-height:1.62}.product-panel>p{margin:18px clamp(18px,2.6vw,28px) clamp(20px,3vw,30px)}.product-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 clamp(18px,2.6vw,28px);display:grid}.product-module-grid button{color:#f3efdfd1;text-align:left;cursor:pointer;background:linear-gradient(145deg,#f3efdf12,#0000 52%),#0003;border:1px solid #f3efdf24;border-radius:8px;min-height:118px;padding:14px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative;overflow:hidden}.product-module-grid button:after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--acid), transparent);opacity:0;height:1px;position:absolute;inset:auto 12px 10px;transform:scaleX(0)}.product-module-grid button:hover,.product-module-grid button:focus-visible,.product-module-grid button.active{background:linear-gradient(145deg,#b7ff251a,#0000 54%),#00000047;border-color:#b7ff256b;outline:none;transform:translateY(-2px)}.product-module-grid button.active:after{opacity:1;transform:scaleX(1)}.product-module-grid span,.product-module-grid small,.product-runtime span,.product-runtime b{font-family:var(--font-geist-mono), monospace;text-transform:uppercase}.product-module-grid span{color:var(--acid);font-size:10px;font-weight:760}.product-module-grid strong{color:var(--ivory);align-self:end;font-size:clamp(18px,1.8vw,24px);font-weight:780;line-height:1}[data-locale=zh] .product-module-grid strong{line-height:1.12}.product-module-grid small{color:#f3efdf7a;font-size:9px;font-weight:720;line-height:1.3}.product-runtime{background:radial-gradient(circle at 14% 0,#b7ff2524,#0000 34%),#070807a3;border:1px solid #b7ff252e;border-radius:8px;margin:18px clamp(18px,2.6vw,28px) 0;padding:18px}.product-runtime span{color:var(--acid);font-size:10px;font-weight:760}.product-runtime p{color:#f3efdfb8;max-width:52ch;margin:10px 0 16px;font-size:14px;line-height:1.52}.product-runtime div{flex-wrap:wrap;gap:7px;display:flex}.product-runtime b{color:#f3efdfa8;border:1px solid #f3efdf21;border-radius:999px;place-items:center;min-height:24px;padding:0 9px;font-size:9px;font-weight:720;display:inline-grid}.product-entrance-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px clamp(18px,2.6vw,28px) 0;display:grid}.product-entrance-strip a{min-height:110px;color:var(--ivory);text-align:left;cursor:pointer;background:linear-gradient(145deg,#f3efdf14,#0000 64%),#0708076b;border:1px solid #f3efdf21;border-radius:8px;align-content:space-between;padding:14px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative;overflow:hidden}.product-entrance-strip a:hover,.product-entrance-strip a:focus-visible{background:#b7ff2517;border-color:#b7ff2575;outline:none;transform:translateY(-2px)}.product-entrance-strip a[data-live=true]{background:radial-gradient(circle at 84% 12%,#b7ff2542,#0000 84px),linear-gradient(145deg,#b7ff2526,#0000 62%),#0708079e;border-color:#b7ff259e;box-shadow:inset 0 0 0 1px #b7ff251f}.product-entrance-strip a[data-live=true]:after{content:"OPEN LIVE";color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;background:#b7ff2521;border:1px solid #b7ff257a;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:820;position:absolute;top:12px;right:12px}.product-entrance-strip span,.product-entrance-strip small{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:760}.product-entrance-strip span{color:var(--acid)}.product-entrance-strip strong{color:var(--ivory);font-size:clamp(14px,1.45vw,18px);font-weight:820;line-height:1.08}.product-entrance-strip small{color:#f3efdf85;text-transform:none;line-height:1.35}.product-livebar{background:#f3efdf1a;border-radius:999px;height:2px;margin:18px clamp(18px,2.6vw,28px) 0;overflow:hidden}.product-livebar i{border-radius:inherit;background:linear-gradient(90deg, var(--acid), #f3efdfb8);height:100%;transition:width .42s cubic-bezier(.16,1,.3,1);display:block}@media (prefers-reduced-motion:no-preference){.product-module-grid button.active:after{animation:1.8s ease-in-out infinite productScan}}@keyframes productScan{0%,to{opacity:.2;transform:scaleX(.16)}52%{opacity:1;transform:scaleX(1)}}@keyframes skillScan{0%,to{opacity:.32;transform:translate(-38%)}50%{opacity:.78;transform:translate(24%)}}.works-panel{perspective:1200px;grid-column:2;align-self:start;width:100%;margin-top:clamp(28px,6vh,58px);overflow:hidden}.works-panel-head{grid-template-columns:minmax(180px,.36fr) minmax(280px,.64fr);align-items:end;gap:clamp(18px,3vw,42px);max-width:980px;margin-bottom:18px;padding-right:clamp(20px,6vw,84px);display:grid}.works-panel-head span{color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:11px;font-weight:720;display:block}.works-panel-head p{color:#f3efdf9e;margin:0;font-size:14px;line-height:1.55}.evidence-track{will-change:transform;gap:clamp(14px,1.8vw,24px);width:max-content;padding:8px clamp(22px,6vw,94px) 34px 0;display:flex}.evidence-card{width:clamp(300px,35vw,540px);min-height:clamp(520px,68vh,720px);color:inherit;transform-style:preserve-3d;background:linear-gradient(#f3efdf14,#0000 36%),#070807c2;border:1px solid #f3efdf2e;border-radius:8px;grid-template-rows:minmax(320px,1fr) auto;text-decoration:none;transition:border-color .22s,transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 32px 90px #0000005c}.evidence-card:before{content:"";z-index:2;pointer-events:none;border:1px solid #b7ff2500;border-radius:6px;transition:border-color .22s;position:absolute;inset:10px}.evidence-card:hover,.evidence-card:focus-visible{border-color:#b7ff2594;outline:none;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff29,0 38px 100px #00000070,0 0 46px #b7ff2517}.evidence-card:hover:before,.evidence-card:focus-visible:before{border-color:#b7ff2557}.evidence-media{background:#f3efdf0a;min-height:0;margin:0;position:relative;overflow:hidden}.evidence-media img{object-fit:cover;filter:saturate(.88)contrast(1.08)brightness(.84);transition:filter .26s,transform .52s;transform:scale(1.02)}.evidence-card:hover .evidence-media img,.evidence-card:focus-visible .evidence-media img{filter:saturate(1.02)contrast(1.08)brightness(.96);transform:scale(1.07)}.evidence-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#08090700 44%,#080907db 100%),linear-gradient(90deg,#0809076b,#0000 34%,#08090738);position:absolute;inset:0}.evidence-media figcaption{z-index:2;color:#f3efdfb8;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:10px;font-weight:720;line-height:1.35;position:absolute;bottom:16px;left:18px;right:18px}.evidence-copy{gap:12px;padding:18px 18px 20px;display:grid}.evidence-copy i{color:var(--acid);font-family:var(--font-geist-mono), monospace;font-size:11px;font-style:normal;font-weight:740}.evidence-copy strong{max-width:12ch;color:var(--ivory);font-size:clamp(26px,2.9vw,42px);font-weight:790;line-height:.94}[data-locale=zh] .evidence-copy strong{max-width:8em;line-height:1.05}.evidence-copy small{color:#f3efdf99;max-width:44ch;font-size:13px;line-height:1.45}.evidence-copy span{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.evidence-copy b{color:#f3efdfad;min-height:24px;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;border:1px solid #f3efdf24;border-radius:999px;place-items:center;padding:0 9px;font-size:9px;font-weight:720;display:inline-grid}.time-channel-panel{perspective:none;overflow:visible}.work-portal-entry{isolation:isolate;place-items:center;min-height:clamp(650px,88dvh,860px);display:grid;position:relative;overflow:hidden}.work-portal-entry>strong{z-index:0;color:#0000;letter-spacing:0;text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:2px #f3efdfa3;font-size:clamp(122px,20vw,300px);font-weight:900;line-height:.78;position:absolute;top:clamp(34px,8vh,88px);left:50%;transform:translate(-50%)}.work-card-fan{z-index:2;width:min(92vw,1120px);height:clamp(450px,49vw,660px);margin-top:clamp(58px,10vh,112px);position:relative}.work-card-fan button{aspect-ratio:.74;width:clamp(188px,20vw,306px);color:var(--ivory);cursor:pointer;transform-origin:50% 82%;background-color:#0c0d0b;background-position:50%;background-size:cover;border:2px solid #f3efdfdb;border-radius:24px;align-content:end;padding:18px;transition:border-color .22s,box-shadow .22s,transform .32s cubic-bezier(.2,.8,.2,1),filter .22s;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 34px 90px #0009,inset 0 0 0 1px #ffffff14}.work-card-fan button:before{content:"";background:linear-gradient(#0000 52%,#00000075 100%),linear-gradient(90deg,#0000002e,#0000 44%,#0000002e);position:absolute;inset:0}.work-card-fan button span,.work-card-fan button b{z-index:1;opacity:0;transition:opacity .18s,transform .18s;position:relative;transform:translateY(8px)}.work-card-fan button:hover span,.work-card-fan button:hover b,.work-card-fan button:focus-visible span,.work-card-fan button:focus-visible b{opacity:1;transform:translateY(0)}.work-card-fan button span{color:var(--acid);font-family:var(--font-geist-mono), monospace;font-size:11px;font-weight:780}.work-card-fan button b{text-align:left;max-width:10em;margin-top:8px;font-size:clamp(18px,2vw,28px);font-weight:860;line-height:.96}.work-card-fan button:first-child{z-index:2;transform:translate(-124%,-31%)rotate(-14deg)}.work-card-fan button:nth-child(2){z-index:1;transform:translate(-83%,-45%)rotate(-5deg)}.work-card-fan button:nth-child(3){z-index:5;transform:translate(-42%,-37%)rotate(2deg)}.work-card-fan button:nth-child(4){z-index:3;transform:translate(-5%,-48%)rotate(7deg)}.work-card-fan button:nth-child(5){z-index:4;transform:translate(33%,-31%)rotate(-4deg)}.work-card-fan button:nth-child(6){z-index:6;transform:translate(72%,-43%)rotate(10deg)}.work-card-fan button:hover,.work-card-fan button:focus-visible,.work-card-fan button.active{border-color:var(--acid);filter:saturate(1.08)brightness(1.04);outline:none;box-shadow:0 42px 100px #0000009e,0 0 42px #b7ff252e,inset 0 0 0 1px #ffffff1f}.work-card-fan button:first-child:hover,.work-card-fan button:first-child:focus-visible,.work-card-fan button:first-child.active{z-index:8;transform:translate(-124%,-39%)rotate(-10deg)}.work-card-fan button:nth-child(2):hover,.work-card-fan button:nth-child(2):focus-visible,.work-card-fan button:nth-child(2).active{z-index:8;transform:translate(-83%,-53%)rotate(-2deg)}.work-card-fan button:nth-child(3):hover,.work-card-fan button:nth-child(3):focus-visible,.work-card-fan button:nth-child(3).active{z-index:8;transform:translate(-42%,-46%)rotate(0)}.work-card-fan button:nth-child(4):hover,.work-card-fan button:nth-child(4):focus-visible,.work-card-fan button:nth-child(4).active{z-index:8;transform:translate(-5%,-57%)rotate(4deg)}.work-card-fan button:nth-child(5):hover,.work-card-fan button:nth-child(5):focus-visible,.work-card-fan button:nth-child(5).active{z-index:8;transform:translate(33%,-40%)rotate(-1deg)}.work-card-fan button:nth-child(6):hover,.work-card-fan button:nth-child(6):focus-visible,.work-card-fan button:nth-child(6).active,.work-card-fan button:nth-child(6).is-entering{z-index:9;transform:translate(72%,-52%)rotate(6deg)}.work-card-fan .work-entry-card.person{background-position:top}.work-card-fan .work-entry-card.scene{filter:saturate(.96)contrast(1.04);background-position:50%}.work-card-fan .work-eye-portal{background:radial-gradient(at 50% 42%,#97b9ff4d,#0000 28%),radial-gradient(circle,#01020700 0 34%,#010207c2 68%),linear-gradient(#0b0e18,#020308 72%);border-color:#dae5ffc2;box-shadow:0 38px 104px #000000b8,0 0 52px #86aaff33,inset 0 0 0 1px #ffffff1a,inset 0 -58px 96px #0000006b}.work-card-fan .work-eye-portal:before{opacity:.72;background:repeating-linear-gradient(0deg,#c7d6ff2e 0 1px,#0000 1px 7px) 0 0/100% 14px,repeating-linear-gradient(90deg,#c7d6ff24 0 1px,#0000 1px 8px) 0 0/16px 100%,radial-gradient(circle at 50% 40%,#e4ecff33,#0000 48%) 0 0/100% 100%;animation:1.8s linear infinite eyeMatrixDrift;-webkit-mask-image:radial-gradient(at 52% 43%,#000 0 58%,#0000 82%);mask-image:radial-gradient(at 52% 43%,#000 0 58%,#0000 82%)}.work-card-fan .work-eye-portal:after{background:radial-gradient(circle at 50% 48%,#0000 0 18%,#020308c7 64%),linear-gradient(#0000 38%,#000000c2 100%)}.work-card-fan .eye-label{color:#dde5ffbd}.work-card-fan .eye-visual{aspect-ratio:1.08;filter:drop-shadow(0 0 18px #c8dcff85)drop-shadow(0 0 38px #6889ff57);width:112%;top:43%}.work-card-fan .eye-matrix{opacity:.68;background:repeating-radial-gradient(circle,#e2eaff52 0 1px,#0000 1px 6px),conic-gradient(from 70deg,#0000,#d0dcff5c,#0000,#637bff42,#0000);-webkit-mask-image:radial-gradient(#000 0 62%,#0000 72%);mask-image:radial-gradient(#000 0 62%,#0000 72%)}.work-card-fan .eye-shell{background:radial-gradient(#dce5ff57 0 16%,#0000 28%),linear-gradient(112deg,#0000 0 16%,#e8eeffeb 42%,#a0b6ff8f 50%,#e8eeffe0 61%,#0000 84%);border:0;border-radius:72% 28% 70% 30%/74% 42%;transition:transform .18s;inset:30% 2%;transform:rotate(-12deg)scale(1);box-shadow:0 0 38px #cedcff8a,inset 0 0 34px #b4caff33}.work-card-fan .eye-shell:before,.work-card-fan .eye-shell:after{display:none}.work-card-fan .eye-iris{background:radial-gradient(circle at 50% 50%, transparent 0 19%, #d2e2ff75 20% 32%, transparent 33%), repeating-conic-gradient(from 0deg, #e8f0ffe0 0 4deg, #5473d370 4deg 8deg, #0e16363d 8deg 12deg), radial-gradient(circle, #8aa7ffeb, #1a275bc2 62%, transparent 68%);width:48%;box-shadow:0 0 24px #cadcffa3,inset 0 0 20px #00000080}.work-card-fan .eye-pupil{width:25%;box-shadow:0 0 0 1px #e8f0ffb3,0 0 24px #000000eb,0 0 48px #92aeff75}.work-card-fan .eye-particles i{background:#e2ecff;width:4px;height:4px;box-shadow:0 0 10px #e2ecffeb,0 0 18px #7d9dffa3}.work-card-fan .work-eye-portal b{color:#e8efff;text-shadow:0 0 12px #e8efff85,0 0 28px #819fff85}.work-card-fan .work-eye-portal small{color:#b7ff25c7}.work-card-fan .work-eye-portal:hover .eye-shell,.work-card-fan .work-eye-portal:focus-visible .eye-shell{transform:rotate(-10deg)scale(1.08)}.work-portal-copy{z-index:7;text-align:center;justify-items:center;gap:10px;width:min(92vw,720px);display:grid;position:absolute;bottom:clamp(22px,5vh,58px);left:50%;transform:translate(-50%)}.work-portal-copy:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 55%,#080907eb,#0809077a 62%,#0000 100%),linear-gradient(#08090700,#080907db 48%,#080907eb);border-radius:36px;position:absolute;inset:-18px -48px}.work-portal-copy p{color:var(--ivory);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(26px,3.4vw,52px);font-weight:900;line-height:.96}[data-locale=zh] .work-portal-copy p{font-size:clamp(28px,3.2vw,48px);line-height:1.06}.work-portal-copy small{color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:820}.work-portal-copy button{background:var(--acid);color:#10150a;min-width:142px;min-height:40px;font-family:var(--font-geist-mono), monospace;cursor:pointer;text-transform:uppercase;border:1px solid #b7ff25a3;border-radius:999px;place-items:center;font-size:11px;font-weight:850;transition:transform .18s,box-shadow .18s;display:inline-grid}.work-portal-copy button:hover,.work-portal-copy button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 28px #b7ff2547}@media (max-height:820px) and (min-width:821px){.work-portal-entry{min-height:calc(100dvh - 80px)}.work-card-fan{height:clamp(380px,54dvh,500px);margin-top:44px}.work-card-fan button{width:clamp(190px,22vw,310px)}.work-portal-copy{bottom:10px}.work-portal-copy p{font-size:clamp(25px,2.6vw,38px)}}.time-channel-body{grid-template-columns:minmax(220px,.34fr) minmax(420px,.86fr) minmax(170px,.24fr);align-items:stretch;gap:clamp(14px,2vw,28px);min-height:clamp(560px,72vh,760px);margin-top:clamp(44px,8vh,92px);padding-right:clamp(18px,5vw,76px);display:grid;position:relative}.time-channel-body:before{content:"";z-index:-1;background:linear-gradient(90deg,#b7ff2512,#0000 24%,#f050200d 100%),linear-gradient(#f3efdf0d,#0000 38%),#030403ad;border:1px solid #f3efdf14;position:absolute;inset:-16px clamp(18px,5vw,76px) -16px -16px;box-shadow:inset 0 1px #ffffff14,0 42px 120px #0000006b}.time-channel-copy{border-left:1px solid #b7ff2547;align-self:end;gap:12px;min-height:420px;padding:18px 0 18px 18px;display:grid}.time-channel-copy i{color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:12px;font-style:normal;font-weight:780}.time-channel-copy strong{max-width:11ch;color:var(--ivory);font-size:clamp(34px,4.6vw,68px);font-weight:790;line-height:.92}[data-locale=zh] .time-channel-copy strong{max-width:7em;font-size:clamp(32px,4vw,56px);line-height:1.06}.time-channel-copy small{color:#b7ff25db;max-width:32ch;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:10px;font-weight:720;line-height:1.45}.time-channel-copy p{color:#f3efdfa8;max-width:34ch;margin:0;font-size:13px;line-height:1.55}.time-channel-copy span{flex-wrap:wrap;gap:6px;max-width:260px;margin-top:4px;display:flex}.time-channel-copy b{color:#f3efdfbd;min-height:25px;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;border:1px solid #f3efdf24;place-items:center;padding:0 9px;font-size:9px;font-weight:720;display:inline-grid}.time-channel-copy a{width:fit-content;min-width:132px;min-height:34px;color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;border:1px solid #b7ff2557;place-items:center;padding:0 12px;font-size:10px;font-weight:740;text-decoration:none;display:inline-grid}.time-channel-stage{isolation:isolate;background:radial-gradient(circle at 50% 45%,#f3efdf1f,#0000 28%),radial-gradient(circle at 74% 28%,#b7ff251f,#0000 20%),linear-gradient(#03040433,#000000b3);border:1px solid #f3efdf1f;min-height:clamp(520px,70vh,740px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -80px 120px #0000007a}.time-channel-stage:before,.time-channel-stage:after{content:"";pointer-events:none;position:absolute;inset:0}.time-channel-stage:before{z-index:2;mix-blend-mode:multiply;background:linear-gradient(90deg,#0000004d,#0000 24% 72%,#00000047),linear-gradient(#0000003d,#0000 36%,#00000042)}.time-channel-stage:after{z-index:3;opacity:.42;background-image:linear-gradient(#f3efdf0d 1px,#0000 1px),linear-gradient(90deg,#f3efdf0a 1px,#0000 1px);background-size:100% 72px,72px 100%;-webkit-mask-image:radial-gradient(circle at 50% 45%,#0000 0,#000 68%);mask-image:radial-gradient(circle at 50% 45%,#0000 0,#000 68%)}.time-channel-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.time-channel-panel.channel-webgl-fallback .time-channel-stage{background:radial-gradient(circle at 48% 42%,#b7ff2529,#0000 34%),radial-gradient(circle at 80% 74%,#ff4a241a,#0000 28%),linear-gradient(135deg,#10120cd1,#080907f5)}.time-channel-panel.channel-webgl-fallback .time-channel-canvas{display:none}.time-channel-hud{z-index:4;color:#f3efdfb8;font-family:var(--font-geist-mono), monospace;text-align:right;text-transform:uppercase;justify-items:end;gap:5px;display:grid;position:absolute;top:16px;right:16px}.time-channel-hud span{color:#b7ff25c2;font-size:9px;font-weight:720}.time-channel-hud b{color:var(--ivory);font-size:20px;font-weight:760}.time-channel-depth{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:18px}.time-channel-depth i{background:#f3efdf38;width:24px;height:2px;transition:width .22s,background .22s,box-shadow .22s}.time-channel-depth i.active{background:var(--acid);width:52px;box-shadow:0 0 18px #b7ff2570}.time-channel-index{border-top:1px solid #f3efdf1a;border-bottom:1px solid #f3efdf1a;grid-template-rows:repeat(6,minmax(0,1fr));align-self:stretch;display:grid}.time-channel-index button{color:#f3efdf85;min-height:76px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f3efdf1a;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:12px 0;transition:color .18s,transform .18s;display:grid}.time-channel-index button:last-child{border-bottom:0}.time-channel-index button span{color:#b7ff258a;font-family:var(--font-geist-mono), monospace;font-size:10px;font-weight:780}.time-channel-index button strong{overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.18}.time-channel-index button:hover,.time-channel-index button:focus-visible,.time-channel-index button.active{color:var(--ivory);outline:none;transform:translate(-4px)}.time-channel-index button.active span{color:var(--acid)}.credential-grid{background:#f3efdf1a;border:1px solid #f3efdf1c;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:24px;display:grid}.credential-grid b{color:#f3efdfb8;min-height:72px;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;background:#080907c7;align-items:end;padding:14px;font-size:10px;font-weight:720;line-height:1.35;display:grid}.contact-scene{grid-template-columns:minmax(92px,.16fr) minmax(380px,.62fr) minmax(520px,.82fr);align-items:center}.contact-scene article{max-width:760px;position:relative}.contact-scene article:before{content:"CONTACT";z-index:-1;color:#0000;-webkit-text-stroke:1px #b7ff251a;font-family:var(--font-display);pointer-events:none;font-size:clamp(92px,11vw,196px);font-weight:950;line-height:.8;position:absolute;top:-.42em;left:-.08em}.contact-scene article h2{font-size:clamp(58px,7vw,132px);line-height:.82}[data-locale=zh] .contact-scene article h2{font-size:clamp(56px,7.8vw,132px);line-height:.92}.contact-scene .chapter-line{max-width:20ch;font-size:clamp(24px,2.55vw,42px)}.contact-scene article p:not(.chapter-line){max-width:45ch}.contact-copy>span{color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:860;display:block}.contact-copy>strong{color:var(--ivory);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(34px,4.2vw,72px);font-weight:950;line-height:.86;display:block}[data-locale=zh] .contact-copy>strong{font-family:var(--font-zh-display);text-transform:none}.contact-copy>p{max-width:42ch}.contact-channel-deck{grid-template-columns:1.28fr .72fr;gap:10px;margin-top:clamp(24px,3vw,34px);display:grid}.contact-channel{min-height:clamp(104px,8.5vw,132px);color:var(--ivory);background:radial-gradient(circle at 100% 0,#b7ff251f,#0000 36%),#0809079e;border:1px solid #f3efdf24;border-radius:8px;align-content:end;gap:8px;padding:16px;text-decoration:none;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.contact-channel:before{content:attr(data-channel);color:#0000;-webkit-text-stroke:1px #f3efdf1f;font-family:var(--font-display);pointer-events:none;font-size:clamp(34px,4vw,64px);font-weight:950;line-height:.8;position:absolute;top:10px;right:12px}.contact-channel small{color:var(--acid);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1}.contact-channel b{z-index:1;overflow-wrap:anywhere;font-size:clamp(15px,1.15vw,19px);font-weight:900;line-height:1.04;position:relative}.contact-channel[data-channel=EMAIL] b{font-size:clamp(13px,.92vw,16px);line-height:1.1}.contact-channel[data-channel=RED] b{font-size:clamp(13px,.95vw,16px);line-height:1.12}.contact-channel span{z-index:1;color:#f3efdf94;font-size:12px;font-weight:680;line-height:1.36;position:relative}.contact-channel[data-channel=WECHAT]{background:radial-gradient(circle at 100% 0,#b7ff2547,#0000 40%),linear-gradient(135deg,#b7ff251c,#f3efdf0d),#080907b3;border-color:#b7ff254d}.contact-channel:hover,.contact-channel:focus-visible{color:var(--acid);background:radial-gradient(circle at 100% 0,#b7ff2538,#0000 38%),#080907d6;border-color:#b7ff2594;outline:none;transform:translateY(-3px)}.contact-panel{isolation:isolate;background:radial-gradient(circle at 18% 18%,#b7ff251a,#0000 28%),radial-gradient(circle at 88% 72%,#ff4a241f,#0000 34%),linear-gradient(135deg,#f3efdf17,#f3efdf08),#0809078a;border-color:#f3efdf2e;padding:clamp(24px,3.2vw,40px) clamp(24px,3.2vw,40px) clamp(190px,17vw,250px);position:relative;overflow:visible}.contact-panel:before{content:"";z-index:-1;pointer-events:none;border:1px solid #b7ff2514;border-radius:8px;position:absolute;inset:12px}.contact-panel:after{content:"";aspect-ratio:1;opacity:.58;pointer-events:none;border:1px solid #b7ff2529;border-radius:999px;width:26%;position:absolute;top:10%;right:10%}.contact-cat-entry{z-index:4;transform-origin:42% 58%;filter:drop-shadow(0 34px 70px #00000047);width:auto;margin:0;position:absolute;bottom:clamp(-34px,-2.2vw,-24px);left:clamp(-50px,-2.6vw,-32px);right:clamp(-18px,-1vw,-8px);transform:rotate(-3.2deg)}.contact-cat-entry .mainframe-cat-stage{aspect-ratio:16/9;justify-self:start;width:100%;min-width:0}.contact-cat-entry .mainframe-cat-card{transform:rotateX(calc(var(--cat-tilt-x) * .55)) rotateY(calc(var(--cat-tilt-y) * .55)) rotateZ(-.4deg);border-radius:clamp(18px,1.8vw,30px);inset:0;box-shadow:0 34px 90px #0000003d,inset 0 0 0 1px #ffffffd1}.contact-cat-entry .mainframe-cat-stage:hover .mainframe-cat-card,.contact-cat-entry .mainframe-cat-stage:focus-visible .mainframe-cat-card{box-shadow:0 42px 110px #0000004d,0 0 54px #b7ff252e,inset 0 0 0 1px #ffffffeb}.contact-cat-entry .mainframe-cat-orbit,.contact-cat-entry .mainframe-cat-pixels,.contact-cat-entry .mainframe-cat-sparkles{display:none}.contact-cat-entry .mainframe-cat-code{gap:3px;font-size:clamp(7px,.62vw,10px);top:9%;right:7%}.contact-cat-entry .mainframe-cat-caption{border-radius:14px;gap:4px;max-width:58%;padding:11px 14px 10px;bottom:5.4%;right:3.8%;transform:rotate(1.4deg)translateZ(58px)}.contact-cat-entry .mainframe-cat-caption strong{font-size:clamp(13px,1.15vw,18px);line-height:1.08}.contact-cat-entry .mainframe-cat-caption small{display:none}.contact-cat-entry .mainframe-cat-prompt{border-radius:18px;width:clamp(54px,5vw,68px)}.contact-cat-entry .mainframe-cat-enter{font-size:8px;top:5%;right:5%}@media (max-width:900px){.contact-scene{grid-template-columns:1fr;gap:26px}.contact-scene article:before{display:none}.contact-channel-deck{grid-template-columns:1fr}.contact-channel{min-height:96px}.contact-panel{padding:20px 20px clamp(188px,52vw,250px)}.contact-cat-entry{bottom:clamp(-42px,-7vw,-24px);left:clamp(-10px,-2vw,0px);right:clamp(-10px,-2vw,0px);transform:rotate(-2.4deg)}}@keyframes rotateArtifact{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes catCardFloat{0%,to{translate:0}50%{translate:0 -10px}}@keyframes catHandPeek{0%,to{transform:translate3d(-36%,32%,72px)rotate(-14deg)}12%{transform:translate3d(-19%,17%,72px)rotate(-8deg)}34%,56%{transform:translate3d(-11%,9%,72px)rotate(-5deg)}72%{transform:translate3d(-25%,22%,72px)rotate(-11deg)}}@keyframes catHandTap{0%,44%,to{transform:rotate(0)translateY(0)scale(1)}55%{transform:rotate(5deg)translate(3px,-10px)scale(1.045)}66%{transform:rotate(-4deg)translate(-2px,4px)scale(.985)}76%{transform:rotate(2deg)translate(1px,-2px)scale(1.01)}}@keyframes catHandSignal{0%,49%{opacity:0;transform:scale(.48)}61%{opacity:.9;transform:scale(.94)}to{opacity:0;transform:scale(2.05)}}@keyframes scrollCueLightfall{0%,30%{opacity:0;transform:translate(-50%)translateY(-16px)scaleY(.24)}52%{opacity:.88;transform:translate(-50%)translateY(0)scaleY(1)}78%,to{opacity:0;transform:translate(-50%)translateY(30px)scaleY(.4)}}@keyframes scrollCuePortalFloat{0%,to{transform:translateY(-4px)rotate(-1deg)}50%{transform:translateY(5px)rotate(1deg)}}@keyframes scrollCueGlyph{0%,to{opacity:.22;transform:translate(-50%)rotate(14deg)scale(.74)}50%{opacity:.46;transform:translate(-50%)rotate(27deg)scale(.88)}}@keyframes scrollCuePawTap{0%,34%,to{transform:translate(-50%)translateY(-6px)rotate(-8deg)scale(.98)}50%{transform:translate(-50%)translateY(7px)rotate(-2deg)scale(.96)}63%{transform:translate(-50%)translateY(0)rotate(-9deg)scale(1.04)}}@keyframes scrollCueComet{0%,40%{opacity:0;transform:translate(-50%)translateY(-10px)scaleY(.5)}55%{opacity:1;transform:translate(-50%)translateY(0)scaleY(1)}88%,to{opacity:0;transform:translate(-50%)translateY(46px)scaleY(.68)}}@keyframes scrollCueRipple{0%,48%{opacity:0;transform:translate(-50%)scale(.35)}64%{opacity:.82}to{opacity:0;transform:translate(-50%)scale(1.4)}}@keyframes scrollCueDepth{0%,42%,to{opacity:.28;transform:translate(-50%)scaleX(.58)}56%{opacity:.9;transform:translate(-50%)scaleX(1)}72%{opacity:.42;transform:translate(-50%)scaleX(.78)}}@keyframes catGlowBreath{0%,to{opacity:.58}50%{opacity:.88}}@keyframes catScan{0%{transform:translate(-64%)}54%,to{transform:translate(68%)}}@keyframes catCardShine{0%,34%{opacity:0;transform:translate(-72%)rotate(.001deg)}45%{opacity:.78}62%,to{opacity:0;transform:translate(70%)rotate(.001deg)}}@keyframes catLensSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes catPixelFloat{0%,to{opacity:.42;transform:translate3d(0, 0, 36px) rotate(calc(var(--pixel-index) * 18deg)) scale(.86)}50%{opacity:.8;transform:translate3d(0, -8px, 58px) rotate(calc(var(--pixel-index) * 18deg + 12deg)) scale(1)}}@keyframes catSpark{0%,58%,to{opacity:0;transform:translate3d(0,8px,70px)scale(.4)}70%{opacity:1;transform:translateZ(70px)scale(1)}84%{opacity:.22;transform:translate3d(0,-12px,70px)scale(.72)}}@keyframes catOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes catContentIn{0%{opacity:0;filter:blur(10px);transform:translateY(28px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes catContentCardIn{0%{opacity:0;transform:translateY(24px)rotate(-7deg)scale(.96)}to{opacity:1;transform:translateY(0)rotate(-3.6deg)scale(1)}}@keyframes manifestoDrift{0%{transform:translate(0)}to{transform:translate(-5%)}}@keyframes musicFieldDrift{0%{opacity:.54;transform:translate(-1%,-2%)rotate(-5deg)}to{opacity:.88;transform:translate(2%,3%)rotate(-2deg)}}@keyframes musicScan{0%,38%{transform:translate(-45%)rotate(6deg)}74%,to{transform:translate(48%)rotate(6deg)}}@media (prefers-reduced-motion:reduce){.artifact-ring{animation:none}.mainframe-cat-card,.mainframe-cat-card:after,.mainframe-cat-scan,.mainframe-cat-lens,.mainframe-cat-prompt,.mainframe-cat-prompt:before,.mainframe-cat-prompt:after,.mainframe-scroll-cue,.mainframe-scroll-cue:before,.mainframe-scroll-cue:after,.scroll-cue-portal,.scroll-cue-portal:after,.scroll-cue-paw,.scroll-cue-comet,.scroll-cue-ripple,.scroll-cue-depth,.mainframe-cat-glow,.mainframe-cat-pixels i,.mainframe-cat-sparkles i,.cat-content-overlay,.cat-content-window,.cat-content-card,.cat-content-card:before,.cat-content-scan,.cat-content-lens,.cat-content-pixels i,.cat-content-sparkles i,.site-header nav a:after,.language-switch,.hero-actions a,.contact-channel,.social-dock a,.hero-module-card,.hero-module-card:before,.skill-stage:before,.skill-picker button,.skill-orbit,.work-card-fan button,.work-portal-copy button,.product-module-grid button,.product-module-grid button:after,.product-livebar i,.evidence-card,.evidence-media img,.time-channel-depth i,.time-channel-index button{transition:none;animation:none}.evidence-track{transform:none!important}.manifesto-track{animation:none}}@media (max-width:1180px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.social-dock{z-index:30;grid-auto-flow:column;top:18px;right:96px;transform:none}.social-dock a,.social-dock a:hover,.social-dock a:focus-visible{grid-template-columns:38px;min-width:38px;height:38px;transform:none}.social-dock span{display:none}.hero-scene,.chapter-scene{padding-left:clamp(168px,20vw,220px)}.hero-scene{grid-template-columns:1fr;align-items:end}.mainframe-hero-scene{grid-template-columns:1fr;align-content:start;min-height:auto;padding-bottom:clamp(132px,18vh,210px)}.mainframe-hero-scene .hero-copy{max-width:min(100%,720px)}.mainframe-cat-stage{width:min(82vw,760px);min-width:0;margin:clamp(22px,5vh,48px) auto 0}.mainframe-scroll-cue{display:none}.artifact-wrap{place-items:start center;min-height:420px;position:relative;top:auto}.artifact-core{width:min(72vw,520px);min-width:320px}.hero-system-deck{margin-top:0}.chapter-scene{grid-template-columns:minmax(88px,.2fr) 1fr;align-content:center}.scene-panel{grid-column:2}.works-scene{grid-template-columns:minmax(88px,.2fr) minmax(0,1fr)}.works-scene .works-panel{grid-column:2}.works-portal-scene{padding-top:76px;padding-left:clamp(168px,20vw,220px);padding-right:clamp(18px,3vw,36px)}.work-portal-entry{min-height:clamp(520px,82dvh,680px)}.work-card-fan{width:min(100%,920px);height:clamp(360px,58dvh,470px);margin-top:58px}.work-card-fan button{width:clamp(150px,22vw,238px)}.work-portal-copy{bottom:0}.time-channel-body{grid-template-columns:1fr;min-height:0;padding-right:clamp(18px,3vw,36px)}.time-channel-body:before{right:clamp(18px,3vw,36px)}.time-channel-copy{min-height:0}.time-channel-stage{order:-1;min-height:clamp(500px,62vh,680px)}.time-channel-index{grid-column:1/-1;grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}.time-channel-index button{border-right:1px solid #f3efdf1a;min-height:58px}.time-channel-index button:nth-child(3n){border-right:0}.evidence-card{width:clamp(300px,46vw,500px)}}@media (max-width:820px){.site-header{min-height:68px;padding:12px 16px}.brand-mark{width:40px;height:40px}.brand-lockup small{display:none}.language-switch{width:68px;height:38px}.social-dock{grid-auto-flow:row;top:auto;bottom:76px;right:14px;transform:none}.social-dock a,.social-dock a:hover,.social-dock a:focus-visible{grid-template-columns:38px;min-width:38px;height:38px;transform:none}.social-dock span{display:none}.chapter-rail{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080907b8;border:1px solid #f3efdf24;border-radius:999px;gap:6px;width:auto;height:46px;padding:6px;display:flex;inset:auto 14px 14px}.chapter-rail>b,.chapter-rail a strong,.chapter-rail i{display:none}.chapter-rail a{border-radius:999px;flex:1;grid-template-columns:1fr;place-items:center;display:grid}.chapter-rail a.active{background:#b7ff2529}.chapter-rail a span{font-size:10px}.hero-scene,.chapter-scene{min-height:auto;padding:92px 18px 106px;scroll-margin-top:68px}.kinetic-manifesto{min-height:470px}.manifesto-core{width:136vw;transform:translate(-50%,-50%)rotate(-4deg)}.manifesto-track{gap:28px}.manifesto-track span{font-size:clamp(42px,14vw,82px);line-height:.98}.hero-copy h1{font-size:clamp(56px,15vw,92px);line-height:.86}[data-locale=zh] .hero-copy h1{font-size:clamp(42px,11vw,70px);line-height:1.04}.hero-bottom{grid-template-columns:1fr}.mainframe-hero-scene{min-height:auto;padding-top:104px;padding-bottom:138px}.mainframe-hero-scene .hero-bottom{grid-template-columns:1fr;gap:18px}.mainframe-hero-scene .hero-actions-minimal{justify-self:start}.mainframe-cat-stage{aspect-ratio:1.22;width:min(100%,540px);margin-top:32px}.mainframe-scroll-cue{display:none}.mainframe-cat-card{border-radius:30px;inset:4% 0}.mainframe-cat-code{display:none}.mainframe-cat-caption{border-radius:16px;max-width:72%;padding:12px 14px;bottom:1%;right:4%}.mainframe-cat-caption strong{font-size:17px}.mainframe-cat-prompt{display:none}.cat-content-window{grid-template-rows:auto auto;width:min(100%,680px);min-height:0;max-height:calc(100dvh - 32px);padding:14px}.cat-contact-band{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;min-height:0;padding:14px}.cat-contact-band:before{display:none}.cat-contact-copy{gap:6px}.cat-contact-copy strong{overflow-wrap:anywhere;font-size:clamp(32px,9vw,46px)}.cat-contact-copy p{max-width:none;font-size:12px;line-height:1.36}.cat-contact-qr{border-radius:16px;justify-self:end;width:112px;padding:8px;transform:rotate(1.4deg)}.cat-content-card{border-radius:24px}.cat-content-code{display:none}.cat-content-caption{max-width:78%;padding:14px 16px;bottom:5%;right:5%}.hero-system-deck{grid-template-columns:1fr;width:100%;margin-top:8px}.hero-module-card{min-height:132px;padding:18px}.hero-module-card strong{margin-top:20px}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.proof-strip span{min-height:48px;font-size:9px}.artifact-wrap{min-height:330px}.artifact-core{width:min(92vw,420px);min-width:0}.chapter-scene{grid-template-columns:1fr;gap:26px}.chapter-kicker{justify-content:space-between;align-items:end;display:flex}.chapter-kicker span{font-size:56px}.chapter-kicker b{writing-mode:horizontal-tb;text-align:right;max-width:160px}.scene-panel{grid-column:auto;width:100%}.skill-showcase-panel{min-height:0}.skill-picker{grid-template-columns:1fr}.skill-stage{min-height:188px}.product-module-grid{grid-template-columns:1fr}.home-video-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:-14px -14px 22px;padding:14px}.home-video-frame,.home-video-frame img{min-height:94px}.home-video-row{grid-template-columns:52px minmax(0,1fr) 56px;gap:10px;min-height:84px}.home-video-row small{grid-column:2/-1}.home-video-row b{grid-area:1/3}.home-video-row-poster{display:none}.product-entrance-strip{grid-template-columns:1fr}.product-module-grid button{min-height:104px}.ledger-row{grid-template-columns:1fr;gap:8px}.ledger-row b{grid-column:auto}.evaluation-grid,.credential-grid{grid-template-columns:1fr}.product-runtime{padding:16px}.works-scene{grid-template-columns:1fr;min-height:auto;padding-right:18px;overflow:visible}.works-portal-scene{padding:92px 18px 106px}.works-scene .chapter-kicker,.works-scene article{padding-top:0}.works-scene .chapter-kicker{display:none}.works-scene article,.works-scene .works-panel{grid-column:1}.works-panel{perspective:none;margin-top:0;overflow:visible}.works-panel-head{grid-template-columns:1fr;padding-right:0}.work-portal-entry{min-height:660px;overflow:visible}.work-portal-entry>strong{-webkit-text-stroke-width:1px;font-size:clamp(78px,25vw,136px);top:42px}.work-card-fan{width:100%;height:470px;margin-top:80px}.work-card-fan button{border-radius:18px;width:clamp(148px,44vw,220px);padding:13px}.work-card-fan button b{font-size:clamp(15px,4.8vw,22px)}.work-card-fan button:first-child{transform:translate(-98%,-32%)rotate(-15deg)}.work-card-fan button:nth-child(2){transform:translate(-72%,-42%)rotate(-6deg)}.work-card-fan button:nth-child(3){transform:translate(-45%,-47%)rotate(2deg)}.work-card-fan button:nth-child(4){transform:translate(-18%,-39%)rotate(9deg)}.work-card-fan button:nth-child(5){transform:translate(8%,-27%)rotate(14deg)}.work-card-fan button:nth-child(6){transform:translate(34%,-34%)rotate(10deg)}.work-card-fan button:first-child:hover,.work-card-fan button:first-child:focus-visible,.work-card-fan button:first-child.active{transform:translate(-98%,-37%)rotate(-12deg)}.work-card-fan button:nth-child(2):hover,.work-card-fan button:nth-child(2):focus-visible,.work-card-fan button:nth-child(2).active{transform:translate(-72%,-47%)rotate(-4deg)}.work-card-fan button:nth-child(3):hover,.work-card-fan button:nth-child(3):focus-visible,.work-card-fan button:nth-child(3).active{transform:translate(-45%,-52%)rotate(0)}.work-card-fan button:nth-child(4):hover,.work-card-fan button:nth-child(4):focus-visible,.work-card-fan button:nth-child(4).active{transform:translate(-18%,-44%)rotate(6deg)}.work-card-fan button:nth-child(5):hover,.work-card-fan button:nth-child(5):focus-visible,.work-card-fan button:nth-child(5).active{transform:translate(8%,-32%)rotate(10deg)}.work-card-fan button:nth-child(6):hover,.work-card-fan button:nth-child(6):focus-visible,.work-card-fan button:nth-child(6).active,.work-card-fan button:nth-child(6).is-entering{transform:translate(34%,-42%)rotate(6deg)}.work-portal-copy{bottom:8px}.work-portal-copy p{max-width:12.5em;font-size:clamp(24px,7vw,31px);line-height:1.08}[data-locale=zh] .work-portal-copy p{max-width:11em;font-size:clamp(24px,6.8vw,30px);line-height:1.12}.work-portal-copy small{max-width:26ch;line-height:1.35}.time-channel-body{grid-template-columns:1fr;gap:16px;min-height:0;padding-right:0}.time-channel-body:before{inset:-12px}.time-channel-copy{border-top:1px solid #b7ff2547;border-left:0;min-height:0;padding:16px 0 0}.time-channel-copy strong{max-width:12ch}[data-locale=zh] .time-channel-copy strong{max-width:9em}.time-channel-stage{order:-1;min-height:62vh}.time-channel-index{grid-template-columns:repeat(2,minmax(0,1fr))}.time-channel-index button,.time-channel-index button:nth-child(3n){border-right:1px solid #f3efdf1a;padding:10px 0}.time-channel-index button:nth-child(2n){border-right:0}.time-channel-index button:hover,.time-channel-index button:focus-visible,.time-channel-index button.active{transform:none}.evidence-track{will-change:auto;gap:16px;width:100%;padding:4px 0 0;display:grid;transform:none!important}.evidence-card{grid-template-rows:minmax(320px,56vh) auto;width:100%;min-height:0}.chapter-scene h2{font-size:clamp(42px,12vw,70px)}[data-locale=zh] .chapter-scene h2{font-size:clamp(36px,10.5vw,62px)}}@media (max-width:520px){.brand-lockup strong{max-width:168px;font-size:13px;line-height:1.1}.hero-actions a{white-space:nowrap;flex:1;min-width:0;padding:0 14px}.proof-strip{grid-template-columns:1fr}.evidence-card{grid-template-rows:minmax(280px,52vh) auto}.work-portal-entry{min-height:610px}.work-card-fan{height:420px}.work-card-fan button{width:clamp(132px,43vw,184px)}.work-portal-copy p{font-size:clamp(24px,8vw,34px)}.evidence-copy{padding:16px}.evidence-copy strong{max-width:10em;font-size:clamp(24px,9vw,38px)}.artifact-glass{padding:20px;left:4%;right:4%}.artifact-glass strong{font-size:17px}}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-110{top:calc(var(--spacing) * 110)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-100{z-index:100}.z-9999{z-index:9999}.z-\[9\]{z-index:9}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-\[max\(100px\,calc\(50vw-500px\)\)\]{margin-inline:max(100px,50vw - 500px)}.mx-auto{margin-inline:auto}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[25vh\]{margin-top:25vh}.mt-\[50vh\]{margin-top:50vh}.-mb-\[100lvh\]{margin-bottom:-100lvh}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-40{margin-bottom:calc(var(--spacing) * 40)}.ml-\[2px\]{margin-left:2px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-500{height:calc(var(--spacing) * 500)}.h-\[1\.1em\]{height:1.1em}.h-\[2px\]{height:2px}.h-full{height:100%}.h-screen{height:100vh}.min-h-full{min-height:100%}.w-1\/5{width:20%}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-1000{width:calc(var(--spacing) * 1000)}.w-\[2px\]{width:2px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-7xl{max-width:var(--container-7xl)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-\[7px\]{--tw-translate-y:calc(7px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-50{--tw-translate-y:calc(var(--spacing) * 50);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[7px\]{--tw-translate-y:7px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-subgrid{grid-template-columns:subgrid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-end{place-items:end}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[5px\]{gap:5px}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#F1F3F1\]{border-color:#f1f3f1}.border-border{border-color:var(--border)}.border-transparent{border-color:#0000}.bg-\[\#1C2E1E\]{background-color:#1c2e1e}.bg-\[\#FAFBF9\]{background-color:#fafbf9}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-clip-padding{background-clip:padding-box}.bg-repeat{background-repeat:repeat}.object-cover{object-fit:cover}.object-right{object-position:right}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.align-middle{vertical-align:middle}.font-sans{font-family:var(--font-geist-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[21px\]{font-size:21px}.text-\[23px\]{font-size:23px}.text-\[25px\]{font-size:25px}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#1C2E1E\]{color:#1c2e1e}.text-\[\#4D6D47\]{color:#4d6d47}.text-\[\#5A635A\]{color:#5a635a}.text-\[\#738273\]{color:#738273}.text-black{color:var(--color-black)}.text-neutral-900{color:var(--color-neutral-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-emerald-950\/5{--tw-shadow-color:#002c220d}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-950\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-950) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-0{transition-delay:0s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.delay-0{--tw-animation-delay:0s;animation-delay:0s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}.selection\:bg-\[\#EAECE9\] ::selection,.selection\:bg-\[\#EAECE9\]::selection{background-color:#eaece9}.selection\:text-\[\#1C2E1E\] ::selection,.selection\:text-\[\#1C2E1E\]::selection{color:#1c2e1e}@media (hover:hover){.hover\:bg-\[\#F1F3F1\]\/55:hover{background-color:#f1f3f18c;background-color:lab(95.6454% -.952721 .720561/.55)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-70:hover{opacity:.7}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:text-\[26px\]{font-size:26px}.sm\:text-\[30px\]{font-size:30px}}@media (min-width:48rem){.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-12{grid-column:span 12/span 12}.md\:mt-\[25vh\]{margin-top:25vh}.md\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-block{display:inline-block}.md\:aspect-video{aspect-ratio:var(--aspect-video)}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:inset-0{inset:calc(var(--spacing) * 0)}.lg\:z-0{z-index:0}.lg\:order-none{order:0}.lg\:block{display:block}.lg\:aspect-auto{aspect-ratio:auto}.lg\:h-full{height:100%}.lg\:min-h-screen{min-height:100vh}.lg\:bg-transparent{background-color:#0000}.lg\:object-right-bottom{object-position:right bottom}.lg\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.lg\:text-\[76px\]{font-size:76px}}@media print{.print\:hidden{display:none}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>a\]\:no-underline>a{text-decoration-line:none}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.timechannel-page,.timechannel-page *{box-sizing:border-box;margin:0;padding:0}.timechannel-page{font-family:var(--font-geist-sans), "Microsoft YaHei", "PingFang SC", sans-serif;color:#f3efdf;-webkit-tap-highlight-color:transparent;touch-action:none;background:#050604;position:fixed;inset:0;overflow:hidden}#canvas{cursor:grab;display:block;position:fixed;inset:0}#canvas.dragging{cursor:grabbing}#title{top:max(20px, env(safe-area-inset-top));pointer-events:none;z-index:10;opacity:0;animation:2s .5s forwards fadeIn;position:fixed;left:28px}#title h1{letter-spacing:8px;text-shadow:0 0 24px #ffc8a073;font-size:22px;font-weight:500}#title p{letter-spacing:4px;color:#f3e9dc8c;margin-top:6px;font-family:Georgia,serif;font-size:11px;font-style:italic}#toolbar{top:max(20px, env(safe-area-inset-top));z-index:10;opacity:0;gap:10px;animation:2s .8s forwards fadeIn;display:flex;position:fixed;right:20px}.btn{appearance:none;-webkit-backdrop-filter:blur(12px);color:#f3efdf;letter-spacing:2px;cursor:pointer;background:#1e122873;border:1px solid #ffdcbe40;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:13px;transition:all .3s}.btn:hover{background:#321e3c99;border-color:#ffdcbeb3;box-shadow:0 0 18px #ffc8a059}.btn.active{background:#6e465a8c;border-color:#ffdcbee6;box-shadow:0 0 22px #ffbe9680}#skyPanel{top:calc(max(20px, env(safe-area-inset-top)) + 46px);z-index:10;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#1e12288c;border:1px solid #ffdcbe38;border-radius:999px;gap:10px;padding:10px 14px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;right:20px;transform:translateY(-6px)}#skyPanel.open{opacity:1;visibility:visible;transform:translateY(0)}#skyPanel .swatch{cursor:pointer;border:1px solid #ffffff40;border-radius:50%;width:22px;height:22px;transition:transform .2s,box-shadow .2s}#skyPanel .swatch:hover{transform:scale(1.15)}#skyPanel .swatch.active{box-shadow:0 0 0 2px #ffe4c3d9,0 0 14px #ffc8a080}#uploadPanel{top:calc(max(20px, env(safe-area-inset-top)) + 46px);z-index:11;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#1e122899;border:1px solid #ffdcbe38;border-radius:14px;flex-direction:column;gap:8px;padding:12px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;right:20px;transform:translateY(-6px)}#uploadPanel.open{opacity:1;visibility:visible;transform:translateY(0)}#uploadPanel .up-opt{appearance:none;color:#f3e9dc;letter-spacing:1.5px;cursor:pointer;text-align:left;background:#fff0dc0f;border:1px solid #ffdcbe40;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;transition:all .25s}#uploadPanel .up-opt:hover{border-color:#ffdcbeb3;box-shadow:0 0 14px #ffc8a04d}#storyPanel{-webkit-backdrop-filter:blur(14px);z-index:20;opacity:0;visibility:hidden;background:#160c20b8;border:1px solid #ffdcbe38;border-radius:16px;flex-direction:column;width:min(330px,28vw);max-height:70vh;padding:18px 18px 14px;transition:opacity .4s,transform .4s,visibility .4s;display:flex;position:fixed;top:50%;left:66.5%;transform:translateY(-50%)translate(14px)}#storyPanel.open{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}#storyPanel .sp-head{letter-spacing:4px;color:#ffe4c3b3;margin-bottom:12px;font-size:12px}.sp-list{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:40px;margin-bottom:12px;padding-left:20px;position:relative;overflow-y:auto}.sp-list::-webkit-scrollbar{width:5px}.sp-list::-webkit-scrollbar-thumb{background:#ffdcbe40;border-radius:3px}.sp-list:before{content:"";background:linear-gradient(#ffdcbe73,#ffdcbe1a);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:5px}.sp-entry{margin-bottom:14px;position:relative}.sp-entry .dot{background:#ffe4c3;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-18px;box-shadow:0 0 10px #ffc8a0e6}.sp-entry .when{letter-spacing:1.5px;color:#ffe4c38c;margin-bottom:3px;font-size:10px}.sp-entry .text{color:#f3e9dceb;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.55}.sp-empty{color:#f3e9dc73;letter-spacing:1px;padding:6px 0 10px;font-size:12px;font-style:italic}.sp-input{align-items:flex-end;gap:8px;display:flex}.sp-input textarea{resize:none;color:#f3e9dc;background:#fff0dc12;border:1px solid #ffdcbe40;border-radius:10px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .25s}.sp-input textarea:focus{border-color:#ffdcbe99}.sp-input button{color:#ffe4c3;cursor:pointer;background:#6e465a80;border:1px solid #ffdcbe59;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-family:inherit;font-size:18px;line-height:1;transition:all .25s}.sp-input button:hover{box-shadow:0 0 14px #ffc8a080}#toast{bottom:max(26px, env(safe-area-inset-bottom));z-index:30;letter-spacing:2px;color:#ffe4c3;opacity:0;visibility:hidden;pointer-events:none;background:#190e23c7;border:1px solid #ffdcbe47;border-radius:999px;padding:9px 16px;font-size:12px;transition:opacity .3s,visibility .3s;position:fixed;left:24px}#toast.show{opacity:1;visibility:visible}#hint{bottom:max(28px, env(safe-area-inset-bottom));text-align:center;pointer-events:none;z-index:10;letter-spacing:3px;color:#f3e9dca6;text-shadow:0 0 12px #000c;opacity:0;white-space:nowrap;font-size:12px;transition:opacity 1.2s;animation:2s 1.2s forwards fadeIn;position:fixed;left:50%;transform:translate(-50%)}#hint.hidden{opacity:0!important}#hint .scroll-icon{border:1.5px solid #f3e9dc80;border-radius:12px;width:22px;height:36px;margin:0 auto 10px;position:relative}#hint .scroll-icon:after{content:"";background:#ffd7b4e6;border-radius:2px;width:3px;height:7px;animation:1.8s ease-in-out infinite scrollDot;position:absolute;top:7px;left:50%;transform:translate(-50%)}@keyframes scrollDot{0%,to{opacity:1;top:7px}50%{opacity:.3;top:19px}}#depth{bottom:max(26px, env(safe-area-inset-bottom));z-index:10;pointer-events:none;text-align:right;opacity:0;font-family:Georgia,serif;animation:2s 1.5s forwards fadeIn;position:fixed;right:24px}#depth .num{letter-spacing:1px;color:#ffe1c3e6;text-shadow:0 0 14px #ffc8a066;font-size:20px}#depth .label{letter-spacing:3px;color:#f3e9dc73;margin-top:2px;font-size:10px}#tip{z-index:15;pointer-events:none;letter-spacing:2px;color:#ffe4c3;opacity:0;white-space:nowrap;background:#190e23c7;border:1px solid #ffdcbe47;border-radius:8px;padding:6px 12px;font-size:12px;transition:opacity .18s;position:fixed;transform:translate(14px,10px)}#tip.show{opacity:1}#focusInfo{bottom:max(34px, env(safe-area-inset-bottom));z-index:20;opacity:0;visibility:hidden;align-items:center;gap:20px;transition:opacity .4s,transform .4s,visibility .4s;display:flex;position:fixed;left:39.5%;transform:translate(-50%)translateY(12px)}#focusInfo.open{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}#focusInfo .meta{text-align:center}#focusInfo .fdate{letter-spacing:4px;color:#ffe8c8f2;text-shadow:0 0 18px #ffc8a073;font-size:19px}#focusInfo .fhint{letter-spacing:3px;color:#f3e9dc80;margin-top:6px;font-size:10px}#focusInfo .nav{appearance:none;color:#f3e9dc;cursor:pointer;background:#1e122880;border:1px solid #ffdcbe4d;border-radius:50%;width:38px;height:38px;font-family:inherit;font-size:20px;line-height:1;transition:all .25s}#focusInfo .nav:hover{border-color:#ffdcbecc;box-shadow:0 0 16px #ffc8a066}#timeline{z-index:10;opacity:0;height:46vh;animation:2s 1.6s forwards fadeIn;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}#timeline .years{pointer-events:none;width:38px;position:relative}#timeline .yr{letter-spacing:1px;color:#ffe4c38c;font-size:10px;position:absolute;right:8px;transform:translateY(-50%)}#timeline .track{cursor:pointer;touch-action:none;width:26px;position:relative}#timeline .track:before{content:"";background:linear-gradient(#ffdcbe73,#ffdcbe1a);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#timeline .knob{pointer-events:none;background:#ffe4c3;border-radius:50%;width:11px;height:11px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ffc8a0e6,0 0 26px #ffbe9680}#loader{z-index:100;background:radial-gradient(#16091f 0%,#0a0612 70%);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.4s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}#loader .ring{border:1px solid #ffd7b426;border-top-color:#ffd7b4d9;border-radius:50%;width:64px;height:64px;animation:1.2s linear infinite spin;box-shadow:0 0 30px #ffbe9626,inset 0 0 30px #ffbe960f}#loader .text{letter-spacing:6px;color:#f3e9dca6;margin-top:26px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{to{opacity:1}}#dropzone{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:6px;opacity:0;pointer-events:none;visibility:hidden;background:#140a1e8c;border:1.5px dashed #ffdcbeb3;border-radius:18px;justify-content:center;align-items:center;font-size:16px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:14px}#dropzone.show{opacity:1;visibility:visible}@media (max-width:640px){#title h1{letter-spacing:6px;font-size:17px}#title{left:18px}.btn{padding:8px 13px;font-size:12px}#hint{letter-spacing:2px;font-size:11px}#timeline{height:36vh;right:7px}#timeline .years{width:30px}#timeline .yr{font-size:9px}#focusInfo{gap:12px;left:50%}#storyPanel{width:auto;max-height:30vh;top:auto;bottom:96px;transform:translateY(10px);left:10px!important;right:10px!important}#storyPanel.open{transform:translateY(0)}.sp-input textarea{font-size:16px}}.timechannel-page #title h1{color:#f3efdf;font-family:var(--font-geist-sans), sans-serif;letter-spacing:6px;text-shadow:0 0 24px #b7ff2547;font-size:24px;font-weight:880}.timechannel-page #title p,.timechannel-page #hint,.timechannel-page #depth .label,.timechannel-page #focusInfo .fhint{color:#f3efdf8f;font-family:var(--font-geist-mono), monospace;font-style:normal}.timechannel-page #btnUpload,.timechannel-page #uploadPanel{display:none!important}.timechannel-page .btn,.timechannel-page #focusInfo .nav,.timechannel-page .sp-input button,.timechannel-page #storyPanel,.timechannel-page #toast,.timechannel-page #tip,.timechannel-page #skyPanel{color:#f3efdf;font-family:var(--font-geist-mono), monospace;box-shadow:none;background:#0506048f;border-color:#f3efdf2e}.timechannel-page .btn:hover,.timechannel-page .btn.active,.timechannel-page #focusInfo .nav:hover,.timechannel-page .sp-input button:hover{color:#b7ff25;background:#b7ff2529;border-color:#b7ff25c7;box-shadow:0 0 24px #b7ff252e}.timechannel-page #skyPanel .swatch.active{box-shadow:0 0 0 2px #b7ff25f2,0 0 14px #b7ff2557}.timechannel-page #focusInfo .fdate,.timechannel-page #depth .num,.timechannel-page #timeline .yr,.timechannel-page .sp-head,.timechannel-page .sp-entry .when,.timechannel-page #loader .text{color:#b7ff25d1;font-family:var(--font-geist-mono), monospace;text-shadow:0 0 18px #b7ff253d}.timechannel-page #timeline .track:before{background:linear-gradient(#b7ff258f,#f3efdf1f)}.timechannel-page #timeline .knob,.timechannel-page .sp-entry .dot,.timechannel-page #hint .scroll-icon:after{background:#b7ff25;box-shadow:0 0 14px #b7ff25d9,0 0 30px #b7ff2547}.timechannel-page #hint .scroll-icon{border-color:#b7ff257a}.timechannel-page #loader{background:radial-gradient(circle at 50% 42%,#b7ff251f,#0000 28%),#050604}.timechannel-page #loader.done{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.timechannel-page #loader .ring{border-color:#b7ff25eb #b7ff2529 #b7ff2529;box-shadow:0 0 34px #b7ff2529,inset 0 0 30px #b7ff2514}.timechannel-page #dropzone{color:#b7ff25;background:#0506049e;border-color:#b7ff25b8}.timechannel-page #storyPanel{display:none}@media (max-width:640px){.timechannel-page #title{top:max(14px, env(safe-area-inset-top));left:16px;right:16px}.timechannel-page #title h1{letter-spacing:4px;font-size:18px}.timechannel-page #title p{display:none}.timechannel-page #toolbar{top:calc(max(14px, env(safe-area-inset-top)) + 42px);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;left:16px;right:16px}.timechannel-page .btn{text-align:center;white-space:nowrap;min-height:36px;padding:7px 10px;font-size:10px}.timechannel-page #skyPanel{top:calc(max(14px, env(safe-area-inset-top)) + 86px);justify-content:flex-end;left:16px;right:16px}.timechannel-page #hint{bottom:max(28px, env(safe-area-inset-bottom));white-space:normal;letter-spacing:1.4px;width:min(330px,100vw - 40px);line-height:1.45}.timechannel-page #hint .scroll-icon{margin-bottom:8px}.timechannel-page #depth{display:none}.timechannel-page #focusInfo{justify-content:center;gap:10px;width:auto;left:12px;right:12px;transform:translateY(12px)}.timechannel-page #focusInfo.open{transform:translateY(0)}.timechannel-page #focusInfo .nav{letter-spacing:0;width:46px;height:36px;font-size:11px}}.brand-copy{min-width:330px;min-height:34px;display:block;position:relative;overflow:hidden}@media (max-width:820px){.brand-copy{min-width:0;max-width:max(120px,100vw - 178px);min-height:40px}}.brand-copy:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#b7ff252e,#0000);position:absolute;inset:-6px -18px;transform:translate(-120%)}.brand-face{transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .24s;display:block}.brand-face-resume{opacity:0;position:absolute;inset:0;transform:translateY(110%)}.brand-copy:hover:after{animation:.62s both brand-scan}.brand-copy:hover .brand-face-public{opacity:0;transform:translateY(-110%)}.brand-copy:hover .brand-face-resume{opacity:1;transform:translateY(0)}@keyframes brand-scan{0%{opacity:0;transform:translate(-120%)}18%{opacity:1}to{opacity:0;transform:translate(120%)}}.portfolio-shell .work-card-fan>button:hover,.portfolio-shell .work-card-fan>button:focus-visible,.portfolio-shell .work-card-fan>button.active,.portfolio-shell .work-card-fan>button.is-entering{outline:none}@media (max-width:820px){.portfolio-shell .work-card-fan>button{width:clamp(138px,39vw,208px)}.portfolio-shell .work-card-fan>button:first-child{transform:translate(-112%,-30%)rotate(-13deg)}.portfolio-shell .work-card-fan>button:nth-child(2){transform:translate(-78%,-43%)rotate(-5deg)}.portfolio-shell .work-card-fan>button:nth-child(3){transform:translate(-42%,-37%)rotate(2deg)}.portfolio-shell .work-card-fan>button:nth-child(4){transform:translate(-8%,-47%)rotate(7deg)}.portfolio-shell .work-card-fan>button:nth-child(5){transform:translate(20%,-30%)rotate(-4deg)}.portfolio-shell .work-card-fan>button:nth-child(6){transform:translate(42%,-41%)rotate(9deg)}}.portfolio-shell .work-card-fan>button{aspect-ratio:.74;transform-origin:50% 82%;border-radius:24px;align-content:end;width:clamp(188px,20vw,306px);height:auto;padding:18px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.portfolio-shell .work-card-fan .work-eye-portal:hover .eye-pupil,.portfolio-shell .work-card-fan .work-eye-portal:focus-visible .eye-pupil{transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy))) scale(.72)}.portfolio-shell .work-card-fan .work-eye-portal.is-entering .eye-pupil{transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy))) scale(.34)}@media (max-width:820px){.portfolio-shell .work-card-fan>button{width:clamp(138px,39vw,208px)}.portfolio-shell .work-card-fan>button:first-child{transform:translate(-112%,-30%)rotate(-13deg)}.portfolio-shell .work-card-fan>button:nth-child(2){transform:translate(-78%,-43%)rotate(-5deg)}.portfolio-shell .work-card-fan>button:nth-child(3){transform:translate(-42%,-37%)rotate(2deg)}.portfolio-shell .work-card-fan>button:nth-child(4){transform:translate(-8%,-47%)rotate(7deg)}.portfolio-shell .work-card-fan>button:nth-child(5){transform:translate(20%,-30%)rotate(-4deg)}.portfolio-shell .work-card-fan>button:nth-child(6){transform:translate(42%,-41%)rotate(9deg)}}.works-portal-scene .time-channel-body{display:none}.work-card-line{z-index:2;justify-content:center;align-items:center;gap:clamp(10px,1.25vw,18px);width:min(100%,1240px);margin-top:clamp(36px,8vh,92px);padding:0 clamp(10px,1.6vw,24px);display:flex;position:relative}.work-entry-card,.work-eye-portal{height:clamp(268px,35vh,356px);color:var(--ivory);cursor:pointer;transform:translateY(var(--entry-y,0)) rotate(var(--entry-rot,0deg));transform-origin:50% 84%;border-radius:24px;flex:0 0 clamp(128px,10.4vw,166px);align-content:end;padding:16px;transition:border-color .2s,box-shadow .2s,filter .2s,transform .26s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden}.work-entry-card{background-color:#10120e;background-position:50%;background-size:cover;border:1.5px solid #f3efdfc7;box-shadow:0 26px 72px #0000007a,inset 0 0 0 1px #ffffff1a}.work-entry-card.wide{flex-basis:clamp(128px,10.4vw,166px);height:clamp(268px,35vh,356px)}.work-entry-card:first-child{--entry-y:14px;--entry-rot:-4deg}.work-entry-card:nth-child(2){--entry-y:-8px;--entry-rot:2deg}.work-entry-card:nth-child(3){--entry-y:18px;--entry-rot:-2deg}.work-entry-card:nth-child(4){--entry-y:-6px;--entry-rot:3deg}.work-entry-card:nth-child(5){--entry-y:12px;--entry-rot:-2deg}.work-eye-portal:nth-child(6){--entry-y:-10px;--entry-rot:4deg}.work-entry-card:before{content:"";background:linear-gradient(#0000 48%,#000000b8 100%),linear-gradient(90deg,#0000002e,#0000 48%,#0000002e);position:absolute;inset:0}.work-entry-card span,.work-entry-card b{z-index:1;opacity:0;transition:opacity .18s,transform .18s;position:relative;transform:translateY(8px)}.work-entry-card span{color:var(--acid);font-family:var(--font-geist-mono), monospace;font-size:11px;font-weight:780}.work-entry-card b{text-align:left;max-width:12em;margin-top:8px;font-size:clamp(16px,1.5vw,23px);font-weight:860;line-height:.98}.work-entry-card:hover,.work-entry-card:focus-visible,.work-entry-card.active{border-color:var(--acid);filter:saturate(1.08)brightness(1.05);transform:translateY(calc(var(--entry-y,0px) - 18px)) rotate(var(--entry-rot,0deg));outline:none;box-shadow:0 34px 82px #00000094,0 0 34px #b7ff252e,inset 0 0 0 1px #ffffff24}.work-entry-card:hover span,.work-entry-card:hover b,.work-entry-card:focus-visible span,.work-entry-card:focus-visible b{opacity:1;transform:translateY(0)}.work-eye-portal{isolation:isolate;background:radial-gradient(circle at 50% 38%,#b7ff252b,#0000 31%),radial-gradient(circle at 20% 88%,#ff4a2421,#0000 36%),linear-gradient(#f3efdf14,#050604db),#050604;border:1.5px solid #b7ff2594;justify-items:center;box-shadow:0 28px 76px #00000085,0 0 34px #b7ff251f,inset 0 0 0 1px #ffffff14}.work-eye-portal:before{content:"";z-index:-2;opacity:.45;background:linear-gradient(#f3efdf14 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#f3efdf12 1px,#0000 1px) 0 0/22px 22px,repeating-linear-gradient(90deg,#b7ff2533 0 1px,#0000 1px 7px) 0 0/58px 100%;animation:7s linear infinite eyeMatrixDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 34%,#000 0%,#0000 72%);mask-image:radial-gradient(at 50% 34%,#000 0%,#0000 72%)}.work-eye-portal:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(at 50% 26%,#cfe6ff29,#0000 34%),linear-gradient(#0000 48%,#00000094 100%);position:absolute;inset:1px}.eye-label{color:#b7ff25d1;font-family:var(--font-geist-mono), monospace;letter-spacing:0;text-transform:uppercase;font-size:9px;font-weight:860;line-height:1;position:absolute;top:15px;left:15px}.eye-visual{aspect-ratio:1.34;filter:drop-shadow(0 0 24px #bedaff38);width:77%;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.eye-matrix,.eye-shell,.eye-iris,.eye-pupil,.eye-particles{position:absolute;inset:0}.eye-matrix{opacity:.58;background:repeating-radial-gradient(circle,#f3efdf3d 0 1px,#0000 1px 7px),conic-gradient(from 90deg,#0000,#b7ff2538,#0000,#97beff33,#0000);border-radius:999px;animation:9s linear infinite eyeIrisFlow;transform:rotate(-8deg);-webkit-mask-image:radial-gradient(#000 0 54%,#0000 62%);mask-image:radial-gradient(#000 0 54%,#0000 62%)}.eye-shell{background:radial-gradient(at 52% 52%,#0000 22%,#b5cdff3d 24%,#0000 55%),linear-gradient(115deg,#0000 0 20%,#dde5ff94 48%,#0000 78%);border:1.5px solid #dce6ffbd;border-radius:50% 50% 46% 54%/62% 62% 38% 38%;animation:4.8s ease-in-out infinite eyeBreathe;inset:18% 2%;transform:rotate(-10deg);box-shadow:0 0 26px #bcd3ff52,inset 0 0 26px #b7ff251a}.eye-shell:before,.eye-shell:after{content:"";background:linear-gradient(90deg,#0000,#dce6ffcc);width:34%;height:1px;position:absolute;top:50%}.eye-shell:before{left:-26%;transform:rotate(6deg)}.eye-shell:after{right:-26%;transform:rotate(176deg)}.eye-iris{aspect-ratio:1;width:44%;transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy)));background:radial-gradient(circle,#0000 0 24%,#b7ff252e 25% 34%,#0000 35%),conic-gradient(#bdd7ffeb,#b7ff2573,#527bffa3,#f3efdfd1,#bdd7ffeb);border-radius:50%;transition:transform .12s ease-out;animation:5.6s linear infinite reverse eyeIrisFlow;top:50%;left:50%;box-shadow:0 0 22px #c4d8ff70,inset 0 0 18px #0000006b}.eye-iris:before{content:"";border-radius:inherit;background:repeating-conic-gradient(from 0deg, #ffffff85 0 2deg, transparent 2deg 7deg), radial-gradient(circle, transparent 0 28%, #00000057 29% 100%);mix-blend-mode:screen;opacity:.68;position:absolute;inset:10%}.eye-pupil{aspect-ratio:1;width:19%;transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy))) scale(1);background:#020302;border-radius:50%;transition:box-shadow .18s,transform .14s ease-out;top:50%;left:50%;box-shadow:0 0 0 1px #f3efdf6b,0 0 22px #000000e6,0 0 36px #b7ff2547}.eye-particles{width:0;height:0;transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy)));transition:transform .12s ease-out;top:50%;left:50%}.eye-particles i{background:var(--acid);width:3px;height:3px;transform:rotate(var(--particle-angle)) translateX(var(--particle-radius));transform-origin:0 0;animation:3.8s linear infinite eyeParticleOrbit;animation-delay:var(--particle-delay);border-radius:999px;position:absolute;top:0;left:0;box-shadow:0 0 10px #b7ff25d1}.work-eye-portal b{z-index:1;color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;text-shadow:0 0 18px #b7ff2561;font-size:clamp(17px,1.6vw,23px);font-weight:920;line-height:1;position:relative}.work-eye-portal small{z-index:1;color:#f3efdf9e;font-family:var(--font-geist-mono), monospace;letter-spacing:0;margin-top:7px;font-size:9px;font-weight:760;position:relative}.work-eye-portal:hover,.work-eye-portal:focus-visible{border-color:var(--acid);filter:saturate(1.15)brightness(1.06);transform:translateY(calc(var(--entry-y,0px) - 18px)) rotate(var(--entry-rot,0deg));outline:none;box-shadow:0 34px 82px #00000094,0 0 42px #b7ff253d,inset 0 -14px #b7ff2533,inset 0 0 0 1px #ffffff24}.work-eye-portal:hover .eye-pupil,.work-eye-portal:focus-visible .eye-pupil{transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy))) scale(.84);box-shadow:0 0 0 1px #f3efdfa3,0 0 28px #b7ff257a}.work-eye-portal.is-entering .eye-pupil{transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy))) scale(.46);box-shadow:0 0 0 16px #b7ff2529,0 0 46px #b7ff258a}.work-eye-portal.is-entering b{animation:.32s both eyeEnterFlash}@keyframes eyeMatrixDrift{to{background-position:22px 22px,-22px 22px,58px 0}}@keyframes eyeIrisFlow{0%,to{filter:hue-rotate()brightness()}50%{filter:hue-rotate(24deg)brightness(1.16)}}@keyframes eyeBreathe{0%,to{filter:brightness()}50%{filter:brightness(1.24)}}@keyframes eyeParticleOrbit{to{transform:rotate(calc(var(--particle-angle) + 360deg)) translateX(var(--particle-radius))}}@keyframes eyeEnterFlash{0%{opacity:.68;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.photos-channel-shell{color:#f3efdf;isolation:isolate;background:radial-gradient(circle at 28% 24%,#b7ff2524,#0000 28%),radial-gradient(circle at 78% 78%,#ff4a2417,#0000 30%),#050604;min-height:100dvh;position:relative;overflow:hidden}.photos-channel-shell:before{content:"";z-index:1;pointer-events:none;background-color:#0000;background-image:linear-gradient(#f3efdf0a 1px,#0000 1px),linear-gradient(90deg,#f3efdf0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:58px 58px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000 0%,#0000 76%);mask-image:radial-gradient(circle at 50% 44%,#000 0%,#0000 76%)}.photos-channel-canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:fixed;inset:0}.photos-channel-shell.is-dragging .photos-channel-canvas{cursor:grabbing}.photos-channel-header{z-index:6;color:#f3efdf;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid;position:fixed;top:18px;left:18px;right:18px}.photos-channel-header>div{gap:2px;display:grid}.photos-channel-header strong{font-size:13px;font-weight:850}.photos-channel-header span,.photos-channel-credit,.photos-back-link,.photos-channel-header button{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:10px;font-weight:760}.photos-channel-header span{color:#f3efdf94}.photos-back-link,.photos-channel-header button,.photos-active-card a{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0506047a;border:1px solid #f3efdf33;border-radius:999px;place-items:center;min-height:38px;padding:0 16px;text-decoration:none;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-grid}.photos-channel-header button{color:#f3efdf;cursor:pointer}.photos-channel-header button.active,.photos-back-link:hover,.photos-channel-header button:hover,.photos-channel-header button:focus-visible,.photos-active-card a:hover,.photos-active-card a:focus-visible{background:var(--ring);color:#10150a;border-color:#b7ff25b8;outline:none;transform:translateY(-1px)}.photos-active-card{z-index:5;text-shadow:0 2px 18px #000000a3;border-left:1px solid #b7ff256b;gap:10px;width:min(360px,34vw);padding-left:18px;display:grid;position:fixed;bottom:clamp(112px,14vh,160px);left:clamp(18px,3.6vw,54px)}.photos-active-card i{color:var(--ring);font-family:var(--font-geist-mono), monospace;font-size:11px;font-style:normal;font-weight:850}.photos-active-card strong{text-transform:uppercase;max-width:10em;font-size:clamp(30px,4vw,62px);font-weight:900;line-height:.92}[data-locale=zh] .photos-active-card strong{line-height:1.04}.photos-active-card small,.photos-active-card p{color:#f3efdfb3}.photos-active-card small{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:10px;font-weight:760}.photos-active-card p{max-width:32ch;margin:0;font-size:14px;line-height:1.55}.photos-active-card>span{flex-wrap:wrap;gap:7px;display:flex}.photos-active-card b{color:var(--ring);font-family:var(--font-geist-mono), monospace;border:1px solid #f3efdf29;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:760}.photos-active-card a{color:#f3efdf;justify-self:start;min-height:34px;margin-top:4px}.photos-timeline{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0506048a;border:1px solid #f3efdf29;border-radius:999px;grid-template-columns:repeat(6,minmax(0,1fr));width:min(88vw,940px);display:grid;position:fixed;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%)}.photos-timeline button{color:#f3efdf94;cursor:pointer;background:0 0;border:0;border-right:1px solid #f3efdf1a;place-items:center;gap:2px;min-height:56px;transition:background .16s,color .16s;display:grid}.photos-timeline button:last-child{border-right:0}.photos-timeline span{font-family:var(--font-geist-mono), monospace;font-size:10px;font-weight:820}.photos-timeline strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:16ch;font-size:10px;font-weight:760;overflow:hidden}.photos-timeline button.active,.photos-timeline button:hover,.photos-timeline button:focus-visible{color:var(--ring);background:#b7ff252e;outline:none}.photos-channel-credit{z-index:6;color:#f3efdf6b;position:fixed;bottom:88px;right:18px}.photos-channel-credit a{text-decoration:none}@media (max-width:980px){.work-card-line{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;justify-content:flex-start;padding:0 24px 18px;overflow-x:auto}.work-entry-card,.work-entry-card.wide,.work-eye-portal{scroll-snap-align:center;flex:0 0 210px;height:320px}.work-entry-card:nth-child(n),.work-eye-portal:nth-child(n){--entry-y:0px;--entry-rot:0deg}}@media (max-width:760px){.photos-channel-header{grid-template-columns:1fr auto auto}.photos-back-link{display:none}.photos-active-card{width:auto;padding-left:14px;bottom:112px;left:16px;right:16px}.photos-active-card strong{max-width:8em;font-size:clamp(28px,9vw,40px)}.photos-active-card p{max-width:28ch;font-size:12px}.photos-timeline{border-radius:28px;grid-template-columns:repeat(6,minmax(82px,1fr));width:calc(100vw - 28px);overflow-x:auto}.photos-timeline button{min-height:54px}.photos-channel-credit{display:none}}:root{--background:#080907;--foreground:#f3efdf;--border:#f3efdf2e;--ring:#b7ff25;--radius:.5rem;--font-geist-sans:"Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;--font-geist-mono:"Cascadia Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--font-display:Impact, "Arial Narrow", "Arial Black", "Noto Sans SC", "Microsoft YaHei UI", sans-serif;--font-zh-display:"Noto Sans SC", "Microsoft YaHei UI", "SimHei", sans-serif}.portfolio-shell .works-portal-scene .works-panel{width:100%}.portfolio-shell .work-portal-entry{min-height:clamp(660px,92dvh,880px);padding:clamp(24px,5vw,70px) 0 clamp(46px,7vh,82px)}.portfolio-shell .work-portal-entry>strong{z-index:0;-webkit-text-stroke:2px #f3efdfb8;text-shadow:0 0 32px #f3efdf1a;font-size:clamp(138px,22vw,328px);line-height:.72;top:clamp(58px,10vh,100px)}.portfolio-shell .work-card-fan{z-index:3;width:min(94vw,1160px);height:clamp(460px,48vw,620px);margin-top:clamp(60px,10vh,108px);position:relative;transform:translateY(-74px)}.portfolio-shell .work-card-fan>button{aspect-ratio:.74;width:clamp(186px,19vw,292px);height:auto;color:var(--ivory);cursor:pointer;transform-origin:50% 82%;background-color:#0a0c0a;background-size:cover;border:2px solid #f3efdfe0;border-radius:24px;align-content:end;padding:18px;transition:border-color .22s,box-shadow .22s,filter .22s,transform .34s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.portfolio-shell .work-card-fan>.work-entry-card{box-shadow:0 36px 94px #0000009e,inset 0 0 0 1px #ffffff1a}.portfolio-shell .work-card-fan>.work-entry-card.person{background-position:top}.portfolio-shell .work-card-fan>.work-entry-card.scene{aspect-ratio:.74;background-position:50%}.portfolio-shell .work-card-fan>.work-entry-card:before{content:"";z-index:1;background:linear-gradient(#0000 48%,#000000b3 100%),linear-gradient(90deg,#00000038,#0000 48%,#0003);position:absolute;inset:0}.portfolio-shell .work-card-fan>.work-entry-card img{z-index:0;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio-shell .work-card-fan>.work-entry-card.person img{object-position:center top}.portfolio-shell .work-card-fan>.work-entry-card.scene img{object-position:center}.portfolio-shell .work-card-fan>button span,.portfolio-shell .work-card-fan>button b{z-index:2;position:relative}.portfolio-shell .work-card-fan>.work-entry-card span,.portfolio-shell .work-card-fan>.work-entry-card b{opacity:0;transition:opacity .18s,transform .18s;transform:translateY(8px)}.portfolio-shell .work-card-fan>.work-entry-card:hover span,.portfolio-shell .work-card-fan>.work-entry-card:hover b,.portfolio-shell .work-card-fan>.work-entry-card:focus-visible span,.portfolio-shell .work-card-fan>.work-entry-card:focus-visible b{opacity:1;transform:translateY(0)}.portfolio-shell .work-card-fan>button:first-child{z-index:2;transform:translate(-151%,-30%)rotate(-14deg)}.portfolio-shell .work-card-fan>button:nth-child(2){z-index:4;transform:translate(-107%,-43%)rotate(-5deg)}.portfolio-shell .work-card-fan>button:nth-child(3){z-index:6;transform:translate(-61%,-35%)rotate(2deg)}.portfolio-shell .work-card-fan>button:nth-child(4){z-index:3;transform:translate(-17%,-47%)rotate(8deg)}.portfolio-shell .work-card-fan>button:nth-child(5){z-index:5;transform:translate(28%,-31%)rotate(-4deg)}.portfolio-shell .work-card-fan>button:nth-child(6){z-index:7;transform:translate(73%,-45%)rotate(9deg)}.portfolio-shell .work-card-fan>button:hover,.portfolio-shell .work-card-fan>button:focus-visible,.portfolio-shell .work-card-fan>button.active,.portfolio-shell .work-card-fan>button.is-entering{border-color:var(--acid);filter:saturate(1.08)brightness(1.04);outline:none;box-shadow:0 44px 104px #000000ad,0 0 44px #b7ff252e,inset 0 0 0 1px #ffffff24}.portfolio-shell .work-card-fan>button:first-child:hover,.portfolio-shell .work-card-fan>button:first-child:focus-visible,.portfolio-shell .work-card-fan>button:first-child.active{z-index:10;transform:translate(-151%,-39%)rotate(-9deg)}.portfolio-shell .work-card-fan>button:nth-child(2):hover,.portfolio-shell .work-card-fan>button:nth-child(2):focus-visible,.portfolio-shell .work-card-fan>button:nth-child(2).active{z-index:10;transform:translate(-107%,-52%)rotate(-2deg)}.portfolio-shell .work-card-fan>button:nth-child(3):hover,.portfolio-shell .work-card-fan>button:nth-child(3):focus-visible,.portfolio-shell .work-card-fan>button:nth-child(3).active{z-index:10;transform:translate(-61%,-44%)rotate(0)}.portfolio-shell .work-card-fan>button:nth-child(4):hover,.portfolio-shell .work-card-fan>button:nth-child(4):focus-visible,.portfolio-shell .work-card-fan>button:nth-child(4).active{z-index:10;transform:translate(-17%,-56%)rotate(4deg)}.portfolio-shell .work-card-fan>button:nth-child(5):hover,.portfolio-shell .work-card-fan>button:nth-child(5):focus-visible,.portfolio-shell .work-card-fan>button:nth-child(5).active{z-index:10;transform:translate(28%,-40%)rotate(-1deg)}.portfolio-shell .work-card-fan>button:nth-child(6):hover,.portfolio-shell .work-card-fan>button:nth-child(6):focus-visible,.portfolio-shell .work-card-fan>button:nth-child(6).is-entering{z-index:11;transform:translate(73%,-54%)rotate(5deg)}.portfolio-shell .work-card-fan>.work-eye-portal{isolation:isolate;background:radial-gradient(circle at 52% 38%,#b6cdff3d,#0000 34%),radial-gradient(circle,#01020700 0 34%,#010207d6 70%),linear-gradient(#090c18,#010208 76%);border-color:#dae5ffcc;justify-items:center;box-shadow:0 40px 110px #000000bd,0 0 54px #82a4ff38,inset 0 0 0 1px #ffffff1a,inset 0 -58px 96px #00000070}.portfolio-shell .work-card-fan>.work-eye-portal:before{content:"";z-index:-2;opacity:.74;background:repeating-linear-gradient(0deg,#ccdaff30 0 1px,#0000 1px 7px) 0 0/100% 14px,repeating-linear-gradient(90deg,#ccdaff29 0 1px,#0000 1px 8px) 0 0/16px 100%,radial-gradient(circle at 50% 42%,#e4ecff36,#0000 48%) 0 0/100% 100%;animation:1.8s linear infinite eyeMatrixDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 52% 43%,#000 0 58%,#0000 82%);mask-image:radial-gradient(at 52% 43%,#000 0 58%,#0000 82%)}.portfolio-shell .work-card-fan>.work-eye-portal:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(circle at 50% 48%,#0000 0 18%,#020308c7 64%),linear-gradient(#0000 38%,#000000c7 100%);position:absolute;inset:1px}.portfolio-shell .work-card-fan .eye-label{color:#dde5ffc2}.portfolio-shell .work-card-fan .eye-visual{aspect-ratio:1.08;filter:drop-shadow(0 0 18px #ccdcff8f)drop-shadow(0 0 40px #6889ff5c);width:112%;top:43%}.portfolio-shell .work-card-fan .eye-matrix{opacity:.7;background:repeating-radial-gradient(circle,#e2eaff57 0 1px,#0000 1px 6px),conic-gradient(from 70deg,#0000,#d0dcff61,#0000,#637bff47,#0000);-webkit-mask-image:radial-gradient(#000 0 62%,#0000 72%);mask-image:radial-gradient(#000 0 62%,#0000 72%)}.portfolio-shell .work-card-fan .eye-shell{background:radial-gradient(#dce5ff59 0 16%,#0000 28%),linear-gradient(112deg,#0000 0 16%,#e8eefff0 42%,#a0b6ff94 50%,#e8eeffe6 61%,#0000 84%);border:0;border-radius:72% 28% 70% 30%/74% 42%;transition:transform .18s;inset:30% 2%;transform:rotate(-12deg)scale(1);box-shadow:0 0 40px #cedcff94,inset 0 0 34px #b4caff38}.portfolio-shell .work-card-fan .eye-shell:before,.portfolio-shell .work-card-fan .eye-shell:after{display:none}.portfolio-shell .work-card-fan .eye-iris{background:radial-gradient(circle at 50% 50%, transparent 0 19%, #d2e2ff7a 20% 32%, transparent 33%), repeating-conic-gradient(from 0deg, #e8f0ffe6 0 4deg, #5473d375 4deg 8deg, #0e163642 8deg 12deg), radial-gradient(circle, #8aa7fff0, #1a275bc7 62%, transparent 68%);width:48%;box-shadow:0 0 26px #cadcffad,inset 0 0 20px #00000085}.portfolio-shell .work-card-fan .eye-pupil{width:25%;box-shadow:0 0 0 1px #e8f0ffb8,0 0 24px #000000f0,0 0 48px #92aeff7a}.portfolio-shell .work-card-fan .eye-particles i{background:#e2ecff;width:4px;height:4px;box-shadow:0 0 10px #e2ecfff0,0 0 18px #7d9dffa8}.portfolio-shell .work-card-fan>.work-eye-portal b{color:#e8efff;text-shadow:0 0 12px #e8efff8a,0 0 28px #819fff8a}.portfolio-shell .work-card-fan>.work-eye-portal small{color:#b7ff25cc}.videos-page{--ivory:#f3efdf;--acid:#b7ff25;--graphite:#080907;isolation:isolate;min-height:100dvh;color:var(--ivory);background:#090a08;position:relative;overflow-x:hidden}.videos-bg{z-index:-1;pointer-events:none;background:radial-gradient(at 50% 24%,#f3efdf1f,#0000 31vw),radial-gradient(at 18% 10%,#b7ff2521,#0000 28vw),radial-gradient(at 84% 72%,#b7ff2512,#0000 30vw),radial-gradient(at 50% 110%,#000000e6,#0000 44vw),linear-gradient(#10130d 0%,#080a07 48%,#040503 100%);animation:10s ease-in-out infinite alternate videosBgPulse;position:fixed;inset:0;overflow:hidden}.videos-bg:before,.videos-bg:after{content:"";pointer-events:none;position:absolute;inset:-12%}.videos-bg:before{filter:blur(7px);opacity:.76;background:linear-gradient(102deg,#0000 0 16%,#f3efdf21 35%,#0000 60%),linear-gradient(252deg,#0000 0 50%,#b7ff2517 62%,#0000 80%),radial-gradient(at 50% 58%,#f3efdf12,#0000 38%),radial-gradient(at 50% 104%,#050604e0,#0000 48%);animation:9s ease-in-out infinite alternate videosProjectorBreathe;-webkit-mask-image:radial-gradient(at 50% 36%,#000 0 50%,#0000 82%);mask-image:radial-gradient(at 50% 36%,#000 0 50%,#0000 82%)}.videos-bg:after{mix-blend-mode:screen;opacity:.38;background:linear-gradient(#0000 0 46%,#b7ff2512 47%,#0000 50%) 0 0/100% 34px,repeating-linear-gradient(#b7ff250f 0 1px,#0000 1px 8px) 0 0/100% 12px,repeating-linear-gradient(90deg,#b7ff250a 0 1px,#0000 1px 42px) 0 0/42px 100%,radial-gradient(at 50% 40%,#0000 0 42%,#05060485 86%) 0 0/100% 100%,linear-gradient(90deg,#050604db,#0000 17% 83%,#050604e0) 0 0/100% 100%,linear-gradient(#05060494,#0000 22% 68%,#050604d1) 0 0/100% 100%;animation:4.8s linear infinite videosMatrixScan;-webkit-mask-image:radial-gradient(at 50% 38%,#000 0 56%,#0000 90%);mask-image:radial-gradient(at 50% 38%,#000 0 56%,#0000 90%)}.videos-bg span{filter:blur(22px);opacity:.22;background:linear-gradient(#0000,#f3efdf17 34%,#b7ff2512 58%,#0000);width:clamp(120px,13vw,260px);height:136%;animation:12s ease-in-out infinite alternate videosLightSweep;position:absolute;top:-18%;transform:skew(-16deg)}.videos-bg span:first-child{left:6%}.videos-bg span:nth-child(2){animation-duration:13s;animation-delay:-4s;left:48%}.videos-bg span:nth-child(3){opacity:.26;animation-duration:15s;animation-delay:-7s;right:4%}.videos-code-rain{font-family:var(--font-geist-mono), monospace;mix-blend-mode:screen;opacity:.42;position:absolute;inset:-18% 0 -8%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),radial-gradient(at 50% 34%,#000 0 54%,#0000 86%);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),radial-gradient(at 50% 34%,#000 0 54%,#0000 86%)}.videos-code-rain i{top:-42%;left:var(--rain-left);color:#b7ff256b;letter-spacing:.14em;text-shadow:0 0 10px #b7ff2542,0 0 22px #b7ff251a;text-orientation:upright;writing-mode:vertical-rl;animation:videosCodeRainFall var(--rain-speed) linear infinite;animation-delay:var(--rain-delay);font-size:clamp(12px,1.1vw,17px);font-style:normal;font-weight:820;line-height:1.1;display:block;position:absolute;transform:translate(0)}.videos-code-rain i:first-child{--rain-left:3%;--rain-speed:8.6s;--rain-delay:-4.2s}.videos-code-rain i:nth-child(2){--rain-left:7%;--rain-speed:10.2s;--rain-delay:-1.1s}.videos-code-rain i:nth-child(3){--rain-left:12%;--rain-speed:7.8s;--rain-delay:-6s}.videos-code-rain i:nth-child(4){--rain-left:16%;--rain-speed:11.8s;--rain-delay:-2.8s}.videos-code-rain i:nth-child(5){--rain-left:21%;--rain-speed:9.4s;--rain-delay:-7.4s}.videos-code-rain i:nth-child(6){--rain-left:25%;--rain-speed:12.5s;--rain-delay:-3.7s}.videos-code-rain i:nth-child(7){--rain-left:31%;--rain-speed:8.1s;--rain-delay:-5.1s}.videos-code-rain i:nth-child(8){--rain-left:36%;--rain-speed:10.8s;--rain-delay:-8.2s}.videos-code-rain i:nth-child(9){--rain-left:41%;--rain-speed:9.1s;--rain-delay:-1.8s}.videos-code-rain i:nth-child(10){--rain-left:46%;--rain-speed:12.2s;--rain-delay:-6.6s}.videos-code-rain i:nth-child(11){--rain-left:51%;--rain-speed:8.9s;--rain-delay:-3.2s}.videos-code-rain i:nth-child(12){--rain-left:56%;--rain-speed:10.5s;--rain-delay:-9.1s}.videos-code-rain i:nth-child(13){--rain-left:61%;--rain-speed:7.7s;--rain-delay:-4.8s}.videos-code-rain i:nth-child(14){--rain-left:66%;--rain-speed:11.2s;--rain-delay:-2.1s}.videos-code-rain i:nth-child(15){--rain-left:71%;--rain-speed:9.8s;--rain-delay:-7.9s}.videos-code-rain i:nth-child(16){--rain-left:76%;--rain-speed:12.8s;--rain-delay:-5.7s}.videos-code-rain i:nth-child(17){--rain-left:81%;--rain-speed:8.3s;--rain-delay:-1.5s}.videos-code-rain i:nth-child(18){--rain-left:86%;--rain-speed:10.9s;--rain-delay:-6.9s}.videos-code-rain i:nth-child(19){--rain-left:91%;--rain-speed:9.6s;--rain-delay:-3.9s}.videos-code-rain i:nth-child(20){--rain-left:96%;--rain-speed:12.1s;--rain-delay:-8.7s}.videos-code-rain i:nth-child(21){--rain-left:1%;--rain-speed:13s;--rain-delay:-6.4s}.videos-code-rain i:nth-child(22){--rain-left:28%;--rain-speed:11.5s;--rain-delay:-10.2s}.videos-code-rain i:nth-child(23){--rain-left:73%;--rain-speed:10s;--rain-delay:-4.4s}.videos-code-rain i:nth-child(24){--rain-left:98%;--rain-speed:8.7s;--rain-delay:-2.6s}.videos-nav{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(18px,2.5vw,34px);display:flex;position:fixed;inset:0 0 auto}.videos-mark,.videos-contact{pointer-events:auto}.videos-mark{color:var(--ivory);font-family:var(--font-geist-mono), monospace;letter-spacing:.22em;align-items:center;gap:10px;font-size:11px;font-weight:820;text-decoration:none;display:inline-flex}.videos-mark img{width:38px;height:38px}.videos-contact{color:var(--ivory);text-transform:uppercase;border:2px solid;border-radius:999px;padding:9px 20px;font-size:22px;font-weight:900;line-height:1;text-decoration:none;transition:background .18s,color .18s,transform .18s}.videos-contact:hover,.videos-contact:focus-visible{background:var(--acid);color:#070807;outline:none;transform:translateY(-2px)}.videos-hero{z-index:1;place-items:center;min-height:74dvh;padding:108px 24px 72px;display:grid;position:relative;overflow:hidden}.videos-marquee{width:max-content;animation:24s linear infinite videosMarquee;display:flex;position:absolute;inset:auto 0 7%}.videos-marquee span{color:#0000;-webkit-text-stroke:2px #b7ff259e;padding-right:42px;font-size:clamp(122px,20vw,300px);font-weight:950;line-height:.78}.videos-hero-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,1.6vw,24px);display:flex;position:relative}.videos-hero-copy p,.videos-hero-copy b{color:#f3efdfb8;font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:780;display:block}.videos-hero-copy h1{isolation:isolate;background:repeating-linear-gradient(180deg, var(--ivory) 0 .07em, #f3efdfad .07em .085em, var(--ivory) .085em .16em);color:#0000;letter-spacing:.02em;text-shadow:0 0 1px #f3efdfb3,3px 0 #b7ff2529,-3px 0 #f3efdf1a;-webkit-text-stroke:1px #f3efdf29;will-change:filter, transform;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(94px,15vw,240px);font-weight:950;line-height:.8;animation:5.8s step-end infinite videosTitleFlicker;position:relative}.videos-hero-copy h1:before,.videos-hero-copy h1:after{content:attr(data-text);z-index:1;font:inherit;letter-spacing:inherit;line-height:inherit;pointer-events:none;text-align:inherit;text-transform:inherit;will-change:clip-path, transform;display:block;position:absolute;inset:0;overflow:hidden}.videos-hero-copy h1:before{color:var(--acid);opacity:.72;mix-blend-mode:screen;text-shadow:0 0 1px #b7ff25eb,0 0 16px #b7ff2533;animation:2.75s step-end infinite videosTitleGlitchA;transform:translate(-4px)}.videos-hero-copy h1:after{color:#f3efdfd1;opacity:.62;mix-blend-mode:screen;text-shadow:4px 0 #b7ff2533,-3px 0 #ffffff2e;animation:3.35s step-end infinite videosTitleGlitchB;transform:translate(3px)}.videos-hero-copy b{z-index:2;letter-spacing:.04em;text-transform:none;max-width:min(760px,100vw - 48px);position:relative}.videos-hero-strip{z-index:3;align-items:center;width:max-content;display:flex;position:absolute;bottom:clamp(22px,5vw,72px);left:50%;transform:translate(-50%)}.videos-hero-strip button{aspect-ratio:16/9;width:clamp(180px,17vw,330px);color:var(--acid);cursor:pointer;transform:rotate(var(--tilt,0deg));background:#090a08;border:2px solid #f3efdfe0;border-radius:0;margin-left:clamp(-38px,-3vw,-18px);transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .18s,filter .18s,z-index 0s linear .18s;display:block;position:relative;overflow:hidden}.videos-hero-strip button:first-child{--tilt:-7deg}.videos-hero-strip button:nth-child(2){--tilt:4deg}.videos-hero-strip button:nth-child(3){--tilt:-2deg}.videos-hero-strip button:nth-child(4){--tilt:6deg}.videos-hero-strip button:nth-child(5){--tilt:-5deg}.videos-hero-strip button:hover,.videos-hero-strip button:focus-visible,.videos-hero-strip button.active{z-index:5;border-color:var(--acid);filter:brightness(1.12)saturate(1.08);transform:translateY(-18px) rotate(calc(var(--tilt,0deg) * .55)) scale(1.05);outline:none}.videos-hero-strip img{object-fit:cover;width:100%;height:100%;display:block}.videos-hero-strip span{font-family:var(--font-geist-mono), monospace;text-shadow:0 10px 26px #000000b3;font-size:clamp(22px,3vw,48px);font-weight:950;line-height:.78;position:absolute;bottom:9px;left:12px}.videos-signal-rail{z-index:4;color:#080907;background:linear-gradient(90deg,#b7ff25eb,#cdff50 45%,#b7ff25),#b7ff25;border-block:2px solid #b7ff25c2;width:min(1680px,100vw - 48px);margin:-24px auto 34px;position:relative;overflow:hidden;transform:rotate(-.7deg);box-shadow:0 0 34px #b7ff252e,0 14px 60px #00000057}.videos-signal-rail div{will-change:transform;gap:clamp(24px,4vw,68px);width:max-content;min-width:max-content;padding:10px 0 9px;animation:32s linear infinite videosSignal;display:flex}.videos-signal-rail span{font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;white-space:nowrap;text-transform:uppercase;flex:none;font-size:clamp(12px,1.1vw,17px);font-weight:950;line-height:1}.videos-player-shell{z-index:3;background:#0000008a;border:2px solid #f3efdfe0;width:min(1680px,100vw - 48px);margin:0 auto 84px;position:relative;box-shadow:0 34px 120px #0000006b}.videos-player-shell video{background:#000;width:100%;max-height:78dvh;display:block}.videos-active-meta{background:var(--ivory);color:#0c0d0b;border-bottom:2px solid #f3efdfe0;grid-template-columns:96px 1fr auto;align-items:baseline;gap:22px;padding:clamp(18px,2.4vw,30px);display:grid}.videos-active-meta span{color:var(--acid);font-size:clamp(48px,6vw,96px);font-weight:950;line-height:.8}.videos-active-meta h2{text-transform:uppercase;margin:0;font-size:clamp(32px,5vw,86px);font-weight:950;line-height:.88}.videos-active-meta p{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:760}.videos-index-section{z-index:3;perspective:1800px;width:min(1560px,100vw - 48px);margin:0 auto;padding:0 0 110px;position:relative}.videos-index-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.videos-index-heading span{color:var(--ivory);font-size:clamp(48px,7vw,118px);font-weight:950;line-height:.85}.videos-index-heading p{color:#f3efdf9e;max-width:34ch;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-align:right;text-transform:uppercase;margin:0;font-size:11px;font-weight:760}.videos-book{color:#090a08;transform-origin:50% 0;min-height:520px;transform-style:preserve-3d;background:linear-gradient(90deg,#080907 0 clamp(70px,6vw,106px),#0000 clamp(70px,6vw,106px)),linear-gradient(105deg,#f4f0df 0%,#f3efdf 45%,#ebe5cf 100%);border:2px solid #f3efdfe0;grid-template-columns:clamp(70px,6vw,106px) minmax(0,1fr);display:grid;position:relative;overflow:visible;transform:rotateX(2deg);box-shadow:0 28px 100px #0000006b,inset 0 0 0 1px #b7ff251a}.videos-book:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#0000,#0000001f,#0000),linear-gradient(#f3efdf24,#0000 24%,#00000014 56%,#0000);width:28px;position:absolute;inset:0 50% 0 auto}.videos-book:after{content:"";z-index:0;pointer-events:none;border:1px solid #0809071f;position:absolute;inset:16px 18px}.videos-book-spine{z-index:2;color:var(--acid);font-family:var(--font-geist-mono), monospace;border-right:2px solid #b7ff25b3;grid-template-rows:1fr auto;place-items:center;padding:22px 0;display:grid;position:relative}.videos-book-spine span{writing-mode:vertical-rl;letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:880}.videos-book-spine b{font-size:clamp(32px,4vw,68px);font-weight:950;line-height:.8}.videos-index-list{z-index:2;isolation:isolate;border-top:0;align-content:start;gap:10px;padding:clamp(24px,3vw,44px);display:grid;position:relative;overflow:visible}.videos-index-list button{z-index:1;min-height:clamp(112px,8.4vw,154px);color:var(--ivory);text-align:left;cursor:pointer;transform-origin:3%;background:linear-gradient(90deg,#b7ff2514,#0000 44%),#080907;border:1px solid #b7ff253d;grid-template-columns:clamp(70px,7vw,116px) minmax(240px,1fr) minmax(220px,.8fr) 96px;align-items:center;gap:24px;padding:0 clamp(16px,2.4vw,38px);transition:background .18s,border-color .18s,box-shadow .18s,color .18s,padding .18s,transform .22s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #f3efdf14,0 10px 28px #08090733}.videos-index-list button:before{content:"";background:var(--acid);opacity:0;width:8px;transition:opacity .18s;position:absolute;inset:0 auto 0 0}.videos-index-list button:after{content:"";background:linear-gradient(135deg,#b7ff252e 50%,#f3efdf2e 51%);width:72px;height:72px;transition:transform .22s;position:absolute;top:-30px;right:-30px;transform:rotate(8deg)}.videos-index-list button:hover,.videos-index-list button:focus-visible,.videos-index-list button.active{background:linear-gradient(90deg, #b7ff25eb, #f3efdf 18%, #f3efdf), var(--ivory);color:#080907;border-color:#0809076b;outline:none;padding-left:clamp(28px,4vw,62px);transform:translate(18px)rotateY(-5deg);box-shadow:inset 0 1px #ffffffa3,0 18px 46px #0809072e}.videos-index-list button.active{z-index:0}.videos-index-list button:hover,.videos-index-list button:focus-visible{z-index:100}.videos-index-list button:hover:before,.videos-index-list button:focus-visible:before,.videos-index-list button.active:before{opacity:1}.videos-index-list button:hover:after,.videos-index-list button:focus-visible:after,.videos-index-list button.active:after{transform:rotate(-7deg)translate(-12px,10px)}.videos-index-list button>span:not(.videos-row-card){color:var(--acid);text-shadow:0 0 1px #0809072e;font-size:clamp(54px,7vw,104px);font-weight:950;line-height:.78}.videos-index-list button>strong{text-transform:uppercase;font-size:clamp(28px,4.2vw,76px);font-weight:950;line-height:.9}.videos-index-list button>small,.videos-index-list button>b{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:760}.videos-index-list button>small{color:currentColor;opacity:.72}.videos-row-card{z-index:90;width:min(34vw,520px);min-width:340px;color:var(--ivory);opacity:0;pointer-events:none;transform-origin:72%;background:#090a08;border:2px solid #f3efdfe0;transition:opacity .16s,transform .24s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:50%;right:clamp(16px,3.8vw,64px);transform:translate(34px,-30%)rotate(-7deg)scale(.92);box-shadow:0 32px 120px #00000094,0 0 0 1px #b7ff2538,0 0 42px #b7ff252e}.videos-index-list button:hover .videos-row-card,.videos-index-list button:focus-visible .videos-row-card{opacity:1;transform:translateY(-30%)rotate(-4deg)scale(1)}.videos-index-list button:first-child .videos-row-card{transform:translate(34px,-8%)rotate(-7deg)scale(.92)}.videos-index-list button:first-child:hover .videos-row-card,.videos-index-list button:first-child:focus-visible .videos-row-card{transform:translateY(-8%)rotate(-4deg)scale(1)}.videos-index-list button:last-child .videos-row-card{transform:translate(34px,-72%)rotate(-7deg)scale(.92)}.videos-index-list button:last-child:hover .videos-row-card,.videos-index-list button:last-child:focus-visible .videos-row-card{transform:translateY(-72%)rotate(-4deg)scale(1)}.videos-row-card img{aspect-ratio:16/9;object-fit:cover;opacity:.94;width:100%;display:block}.videos-row-card span{color:var(--acid);text-shadow:0 12px 28px #000000b8;font-size:clamp(38px,4.2vw,72px);font-weight:950;line-height:.74;position:absolute;bottom:40px;left:14px}.videos-row-card strong{max-width:72%;color:var(--ivory);text-align:right;text-transform:uppercase;text-shadow:0 12px 28px #000000b8;font-size:clamp(22px,3vw,52px);font-weight:950;line-height:.88;position:absolute;top:14px;right:16px}.videos-row-card small{color:#f3efdfc7;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #f3efdf47;padding:10px 14px 11px;font-size:10px;font-weight:760;display:block}@keyframes videosBgPulse{0%{filter:saturate(.94)brightness(.92);transform:scale(1)}to{filter:saturate(1.16)brightness(1.04);transform:scale(1.025)}}@keyframes videosProjectorBreathe{0%{opacity:.58;transform:translate(-1.5%,-1%)scale(.98)}to{opacity:.86;transform:translate(1.5%,1%)scale(1.03)}}@keyframes videosScan{0%{transform:translateY(-18px)}to{transform:translateY(18px)}}@keyframes videosMatrixScan{0%{transform:translateY(-22px)}to{transform:translateY(22px)}}@keyframes videosLightSweep{0%{transform:translate(-8%,-2%)skew(-16deg)}to{transform:translate(14%,3%)skew(-16deg)}}@keyframes videosCodeRainFall{0%{opacity:0;transform:translateY(-12%)}12%{opacity:.72}82%{opacity:.42}to{opacity:0;transform:translateY(152vh)}}@keyframes videosTitleFlicker{0%,77%,to{filter:none;transform:translate(0)}78%{filter:contrast(1.26)brightness(1.08);transform:translate(1px)skew(-1deg)}79%{filter:none;transform:translate(-1px)}80%{filter:contrast(1.18);transform:translateY(1px)}81%{filter:none;transform:translate(0)}}@keyframes videosTitleGlitchA{0%,22%,to{clip-path:inset(0 0 100%);transform:translate(-3px)}23%{clip-path:inset(8% 0 76%);transform:translate(-9px)}24%{clip-path:inset(58% 0 28%);transform:translate(7px)}25%{clip-path:inset(0 0 100%);transform:translate(-3px)}63%{clip-path:inset(34% 0 48%);transform:translate(-10px)}64%{clip-path:inset(72% 0 12%);transform:translate(6px)}65%{clip-path:inset(0 0 100%);transform:translate(-3px)}}@keyframes videosTitleGlitchB{0%,36%,to{clip-path:inset(100% 0 0);transform:translate(3px)}37%{clip-path:inset(17% 0 67%);transform:translate(8px)}38%{clip-path:inset(46% 0 39%);transform:translate(-7px)}39%{clip-path:inset(100% 0 0);transform:translate(3px)}84%{clip-path:inset(68% 0 17%);transform:translate(10px)}85%{clip-path:inset(25% 0 56%);transform:translate(-5px)}86%{clip-path:inset(100% 0 0);transform:translate(3px)}}@keyframes videosSignal{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes videosMarquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media (max-width:820px){.videos-nav{padding:16px}.videos-mark span{display:none}.videos-contact{font-size:16px}.videos-hero{min-height:56dvh;padding-top:86px;padding-bottom:132px}.videos-hero-strip button{width:168px}.videos-signal-rail{width:calc(100vw - 24px);margin-top:-12px}.videos-player-shell,.videos-index-section{width:calc(100vw - 24px)}.videos-active-meta{grid-template-columns:1fr;gap:8px}.videos-row-card{display:none}.videos-book{min-height:auto;display:block;transform:none}.videos-book:before,.videos-book:after,.videos-book-spine{display:none}.videos-index-heading{display:block}.videos-index-heading p{text-align:left;margin-top:10px}.videos-index-list button{grid-template-columns:64px 1fr 62px;gap:12px;min-height:118px;transform:none}.videos-index-list small{grid-column:2/-1}.videos-index-list b{grid-area:1/3}}@media (prefers-reduced-motion:reduce){.videos-bg,.videos-bg:before,.videos-bg:after,.videos-bg span,.videos-code-rain i,.videos-hero-copy h1,.videos-hero-copy h1:before,.videos-hero-copy h1:after,.videos-signal-rail div,.videos-marquee{animation:none}.videos-code-rain{opacity:.2}.videos-hero-copy h1:before,.videos-hero-copy h1:after{display:none}}.product-room-page{--ivory:#f3efdf;--acid:#b7ff25;--graphite:#080907;min-height:100dvh;color:var(--ivory);background:radial-gradient(circle at 78% 12%,#b7ff252e,#0000 28vw),linear-gradient(#11120e,#060706);overflow-x:hidden}.product-room-nav{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(18px,2.5vw,34px);display:flex;position:fixed;inset:0 0 auto}.product-room-mark,.product-room-actions,.product-room-live,.product-room-contact{pointer-events:auto}.product-room-mark{color:var(--ivory);font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;align-items:center;gap:10px;font-size:11px;font-weight:820;text-decoration:none;display:inline-flex}.product-room-mark img{width:38px;height:38px}.product-room-actions{align-items:center;gap:10px;display:flex}.product-room-live,.product-room-contact{text-transform:uppercase;border:2px solid;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:9px 20px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.product-room-live{border-color:var(--acid);background:var(--acid);color:var(--graphite);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:12px;box-shadow:0 0 30px #b7ff252e}.product-room-contact{color:var(--ivory);font-size:22px}.product-room-hero{align-content:end;min-height:72dvh;padding:112px clamp(22px,7vw,120px) clamp(50px,7vw,110px);display:grid;position:relative}.product-room-hero:before{content:"PRODUCT";color:#0000;-webkit-text-stroke:1px #f3efdf2e;pointer-events:none;font-size:clamp(96px,17vw,280px);font-weight:950;line-height:.78;position:absolute;top:18%;left:5vw}.product-room-hero p,.product-room-hero b,.product-room-lab span{color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:820}.product-room-hero h1{z-index:1;max-width:9ch;color:var(--ivory);text-transform:uppercase;margin:12px 0 18px;font-size:clamp(72px,11vw,188px);font-weight:950;line-height:.82;position:relative}.product-room-hero b{color:#f3efdfd1;letter-spacing:.04em;text-transform:none;max-width:46ch;font-size:clamp(18px,2vw,28px);line-height:1.35}.product-room-open{z-index:1;border:2px solid var(--acid);background:linear-gradient(90deg, var(--acid), #f3efdfeb);width:fit-content;color:var(--graphite);text-transform:uppercase;border-radius:999px;gap:4px;margin-top:28px;padding:13px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-grid;position:relative;box-shadow:0 18px 54px #b7ff2529}.product-room-open:hover,.product-room-open:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 22px 72px #b7ff253d}.product-room-open span,.product-room-open small{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-weight:900}.product-room-open span{font-size:13px}.product-room-open small{color:#080907ad;font-size:9px}.product-room-machine{border:1px solid #f3efdfc2;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1680px,100vw - 48px);margin:0 auto;display:grid}.product-room-machine article{background:radial-gradient(circle at 12% 14%,#b7ff2521,#0000 92px),#0000003d;border-right:1px solid #f3efdf85;min-height:360px;padding:clamp(18px,2.8vw,38px)}.product-room-machine article:last-child{border-right:0}.product-room-machine span{color:var(--acid);font-size:clamp(54px,7vw,108px);font-weight:950;line-height:.78}.product-room-machine h2{color:var(--ivory);text-transform:uppercase;margin:34px 0 8px;font-size:clamp(32px,4vw,64px);font-weight:950;line-height:.9}.product-room-machine b{color:#f3efdfd6;font-size:clamp(18px,2vw,28px);font-weight:820}.product-room-machine p{color:#f3efdf9e;max-width:28ch;margin:22px 0 0;font-size:15px;line-height:1.55}.product-room-lab{grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);gap:clamp(28px,7vw,110px);width:min(1680px,100vw - 48px);margin:clamp(80px,10vw,150px) auto 0;padding-bottom:120px;display:grid}.product-room-lab h2{max-width:11ch;color:var(--ivory);text-transform:uppercase;margin:10px 0 16px;font-size:clamp(56px,8vw,132px);font-weight:950;line-height:.85}.product-room-lab p{color:#f3efdfa8;max-width:48ch;font-size:16px;line-height:1.65}.product-room-lab ul{border-top:1px solid #f3efdfb8;margin:0;padding:0;list-style:none;display:grid}.product-room-lab li{color:var(--ivory);text-transform:uppercase;border-bottom:1px solid #f3efdf9e;padding:24px 0;font-size:clamp(24px,4vw,64px);font-weight:950;line-height:.9}@media (max-width:900px){.product-room-machine,.product-room-lab{grid-template-columns:1fr}.product-room-machine article{border-bottom:1px solid #f3efdf85;border-right:0;min-height:260px}.product-room-mark span{display:none}.product-room-contact{font-size:16px}.product-room-live{padding-inline:14px;font-size:10px}}@media (max-width:520px){.portfolio-shell .work-portal-entry{min-height:690px!important}.portfolio-shell .work-portal-entry>strong{font-size:clamp(104px,31vw,136px)!important;top:106px!important}.portfolio-shell .work-card-fan{width:100%!important;height:400px!important;margin-top:112px!important;transform:translateY(-44px)!important}.portfolio-shell .work-card-fan>button{border-radius:16px!important;width:clamp(112px,31vw,142px)!important;padding:10px!important}.portfolio-shell .work-card-fan>button:first-child{transform:translate(-122%,-26%)rotate(-14deg)!important}.portfolio-shell .work-card-fan>button:nth-child(2){transform:translate(-88%,-40%)rotate(-5deg)!important}.portfolio-shell .work-card-fan>button:nth-child(3){transform:translate(-53%,-32%)rotate(2deg)!important}.portfolio-shell .work-card-fan>button:nth-child(4){transform:translate(-20%,-42%)rotate(8deg)!important}.portfolio-shell .work-card-fan>button:nth-child(5){transform:translate(9%,-28%)rotate(-4deg)!important}.portfolio-shell .work-card-fan>button:nth-child(6){transform:translate(33%,-40%)rotate(9deg)!important}.portfolio-shell .social-dock{display:none!important}}.portfolio-shell .work-card-fan>.work-eye-portal>.eye-visual{aspect-ratio:1.18;width:108%;top:42%}.portfolio-shell .work-card-fan>.work-eye-portal .eye-matrix{background:repeating-linear-gradient(0deg,#cddcff24 0 1px,#0000 1px 8px),repeating-linear-gradient(90deg,#cddcff1c 0 1px,#0000 1px 8px),radial-gradient(at 50% 48%,#e2ecff4d,#0000 46%),conic-gradient(from 118deg,#0000,#aac4ff47,#0000,#5062b433,#0000);border-radius:24px;inset:-8%;transform:rotate(-10deg);-webkit-mask-image:radial-gradient(#000 0 62%,#0000 78%);mask-image:radial-gradient(#000 0 62%,#0000 78%)}.portfolio-shell .work-card-fan>.work-eye-portal .eye-shell{clip-path:polygon(1% 51%,13% 27%,36% 12%,51% 7%,68% 12%,88% 28%,99% 50%,88% 72%,68% 88%,51% 93%,36% 88%,13% 73%);background:radial-gradient(circle,#0000 0 17%,#e6eeffd1 18% 25%,#0000 26%),radial-gradient(#e0e9ff57 0 28%,#0000 42%),linear-gradient(101deg,#0000 0 10%,#ecf2fff0 33%,#9eb3ff85 49%,#ecf2ffeb 66%,#0000 91%);border-radius:999px;inset:34% 4% 22%;transform:rotate(-14deg)scale(1);box-shadow:0 0 34px #dce8ffa8,0 0 64px #7794ff57,inset 0 0 24px #ffffff2e}.portfolio-shell .work-card-fan>.work-eye-portal .eye-iris{background:radial-gradient(circle at 50% 50%, transparent 0 23%, #dae7ffa3 24% 31%, transparent 32%), repeating-conic-gradient(from 6deg, #ebf3fff0 0 3deg, #627ee285 3deg 7deg, #070d2a3d 7deg 11deg), radial-gradient(circle, #a5befff0, #2a3a7acc 60%, transparent 68%);mix-blend-mode:screen;width:34%}.portfolio-shell .work-card-fan>.work-eye-portal .eye-pupil{background:radial-gradient(circle at 38% 34%,#ffffff38 0 4%,#0000 5%),#010208;width:17%;box-shadow:0 0 0 1px #e8f0ffc7,0 0 0 9px #06091880,0 0 34px #000000f5,0 0 58px #9cb6ff85}.portfolio-shell .work-card-fan>.work-eye-portal:hover .eye-pupil,.portfolio-shell .work-card-fan>.work-eye-portal:focus-visible .eye-pupil{transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy))) scale(.72)}.portfolio-shell .work-card-fan>.work-eye-portal.is-entering .eye-pupil{transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy))) scale(.34);box-shadow:0 0 0 18px #a0b7ff2e,0 0 58px #b4ccff9e}@media (max-width:820px){.portfolio-shell .work-portal-entry{min-height:720px}.portfolio-shell .work-portal-entry>strong{font-size:clamp(118px,30vw,214px);top:84px}.portfolio-shell .work-card-fan{height:470px;margin-top:92px}.portfolio-shell .work-card-fan>button{border-radius:20px;width:clamp(140px,39vw,206px)}.portfolio-shell .work-card-fan>button:first-child{transform:translate(-111%,-28%)rotate(-13deg)}.portfolio-shell .work-card-fan>button:nth-child(2){transform:translate(-75%,-42%)rotate(-5deg)}.portfolio-shell .work-card-fan>button:nth-child(3){transform:translate(-40%,-35%)rotate(2deg)}.portfolio-shell .work-card-fan>button:nth-child(4){transform:translate(-6%,-46%)rotate(7deg)}.portfolio-shell .work-card-fan>button:nth-child(5){transform:translate(23%,-30%)rotate(-4deg)}.portfolio-shell .work-card-fan>button:nth-child(6){transform:translate(45%,-42%)rotate(9deg)}}@media (max-width:520px){.portfolio-shell .work-portal-entry{min-height:690px}.portfolio-shell .work-portal-entry>strong{font-size:clamp(104px,31vw,136px);top:106px}.portfolio-shell .work-card-fan{width:100%;height:400px;margin-top:112px;transform:translateY(-44px)}.portfolio-shell .work-card-fan>button{border-radius:16px;width:clamp(112px,31vw,142px);padding:10px}.portfolio-shell .work-card-fan>button:first-child{transform:translate(-122%,-26%)rotate(-14deg)}.portfolio-shell .work-card-fan>button:nth-child(2){transform:translate(-88%,-40%)rotate(-5deg)}.portfolio-shell .work-card-fan>button:nth-child(3){transform:translate(-53%,-32%)rotate(2deg)}.portfolio-shell .work-card-fan>button:nth-child(4){transform:translate(-20%,-42%)rotate(8deg)}.portfolio-shell .work-card-fan>button:nth-child(5){transform:translate(9%,-28%)rotate(-4deg)}.portfolio-shell .work-card-fan>button:nth-child(6){transform:translate(33%,-40%)rotate(9deg)}.portfolio-shell .work-card-fan>.work-eye-portal>.eye-label{top:11px;left:11px}.portfolio-shell .work-card-fan>.work-eye-portal b{font-size:14px}.portfolio-shell .work-card-fan>.work-eye-portal small{font-size:7px}}.portfolio-shell .work-card-fan>.work-eye-portal>.eye-label,.portfolio-shell .work-card-fan>.work-eye-portal>.eye-visual,.portfolio-shell .work-card-fan>.work-eye-portal b,.portfolio-shell .work-card-fan>.work-eye-portal small{opacity:1}.portfolio-shell .work-card-fan>.work-eye-portal>.eye-label{z-index:3;position:absolute;top:16px;left:16px;transform:none}.portfolio-shell .work-card-fan>.work-eye-portal>.eye-visual{z-index:2;aspect-ratio:1.08;width:112%;display:block;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.portfolio-shell .work-card-fan>.work-eye-portal .eye-matrix,.portfolio-shell .work-card-fan>.work-eye-portal .eye-shell,.portfolio-shell .work-card-fan>.work-eye-portal .eye-iris,.portfolio-shell .work-card-fan>.work-eye-portal .eye-pupil,.portfolio-shell .work-card-fan>.work-eye-portal .eye-particles{display:block;position:absolute}.portfolio-shell .work-card-fan>.work-eye-portal .eye-matrix{inset:0;transform:rotate(-8deg)}.portfolio-shell .work-card-fan>.work-eye-portal .eye-shell{opacity:1;inset:30% 2%;transform:rotate(-12deg)scale(1)}.portfolio-shell .work-card-fan>.work-eye-portal .eye-iris{opacity:1;transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy)));top:50%;left:50%}.portfolio-shell .work-card-fan>.work-eye-portal .eye-pupil{opacity:1;transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy))) scale(1);top:50%;left:50%}.portfolio-shell .work-card-fan>.work-eye-portal .eye-particles{opacity:1;width:0;height:0;transform:translate(calc(-50% + var(--eye-dx)), calc(-50% + var(--eye-dy)));top:50%;left:50%}.portfolio-shell .work-card-fan>.work-eye-portal .eye-particles i{opacity:1;display:block;position:absolute}.portfolio-shell .work-card-fan>.work-eye-portal:hover .eye-shell,.portfolio-shell .work-card-fan>.work-eye-portal:focus-visible .eye-shell{transform:rotate(-10deg)scale(1.08)}.portfolio-shell .work-card-fan>button{contain:paint;box-shadow:0 18px 52px #00000075,inset 0 0 0 1px #ffffff14}.portfolio-shell .work-card-fan>button:hover,.portfolio-shell .work-card-fan>button:focus-visible,.portfolio-shell .work-card-fan>button.active,.portfolio-shell .work-card-fan>button.is-entering{box-shadow:0 22px 62px #00000080,0 0 30px #b7ff251f,inset 0 0 0 1px #ffffff1a}.portfolio-shell .work-card-fan>.work-eye-portal:before,.portfolio-shell .work-card-fan>.work-eye-portal .eye-iris,.portfolio-shell .work-card-fan>.work-eye-portal .eye-particles i{animation:none}.portfolio-shell.is-scrolling *,.portfolio-shell.is-scrolling :before,.portfolio-shell.is-scrolling :after{transition-duration:0s!important;animation-play-state:paused!important}.portfolio-shell.is-scrolling .manifesto-track{animation-play-state:running!important}.portfolio-shell.is-scrolling .mainframe-cat-card,.portfolio-shell.is-scrolling .cat-content-window,.portfolio-shell.is-scrolling .hero-module-card,.portfolio-shell.is-scrolling .skill-stage,.portfolio-shell.is-scrolling .work-card-fan>button,.portfolio-shell.is-scrolling .work-portal-copy:before,.portfolio-shell.is-scrolling .time-channel-body:before,.portfolio-shell.is-scrolling .time-channel-stage,.portfolio-shell.is-scrolling .home-video-banner-stack .home-video-frame,.portfolio-shell.is-scrolling .home-video-row-poster,.portfolio-shell.is-scrolling .music-particle-panel.mp-root,.portfolio-shell.is-scrolling .mp-arm{box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.portfolio-shell.is-scrolling .mainframe-landing-media:before,.portfolio-shell.is-scrolling .home-video-banner:after,.portfolio-shell.is-scrolling .mp-light,.portfolio-shell.is-scrolling .work-card-fan>.work-eye-portal:before,.portfolio-shell.is-scrolling .work-card-fan>.work-eye-portal .eye-matrix{opacity:.18!important;filter:none!important}.portfolio-shell .video-chapter-scene{min-height:auto;padding:clamp(86px,10vw,158px) clamp(22px,5vw,86px) clamp(92px,10vw,150px);display:block}.portfolio-shell .video-chapter-scene .video-room-panel{width:min(1760px,100%);box-shadow:none;contain:layout style;background:0 0;border:0;margin:0 auto;padding:0;position:relative}.portfolio-shell .home-video-banner{isolation:isolate;border-bottom:2px solid #f3efdfd1;grid-template-columns:minmax(320px,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(24px,4.6vw,88px);min-height:clamp(620px,78dvh,860px);display:grid;position:relative;overflow:visible}.portfolio-shell .home-video-banner:before{content:"VIDEOS";z-index:-1;color:#0000;-webkit-text-stroke:1.5px #b7ff2585;opacity:.78;pointer-events:none;font-size:clamp(132px,23vw,410px);font-weight:950;line-height:.76;position:absolute;top:8%;left:34%;transform:translate(-18%)}.portfolio-shell .home-video-banner:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 42% 34%,#b7ff2526,#0000 34%),radial-gradient(at 72% 58%,#ff4a241f,#0000 38%),radial-gradient(at 56% 46%,#f3efdf12,#0000 48%);position:absolute;inset:-18% -18% -14% -8%;-webkit-mask-image:radial-gradient(at 62% 46%,#000 0 42%,#0000 76%);mask-image:radial-gradient(at 62% 46%,#000 0 42%,#0000 76%)}.portfolio-shell .home-video-banner-copy{z-index:4;max-width:640px;position:relative}.portfolio-shell .home-video-banner-copy>span{color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:850;display:block}.portfolio-shell .home-video-banner-copy h2{color:var(--ivory);letter-spacing:0;text-transform:uppercase;margin:18px 0 16px;font-size:clamp(92px,11vw,210px);font-weight:950;line-height:.78}[data-locale=zh] .portfolio-shell .home-video-banner-copy h2{font-family:var(--font-zh-display), var(--font-geist-sans), sans-serif;font-size:clamp(82px,10vw,180px);line-height:.92}.portfolio-shell .home-video-banner-copy p{color:#f3efdfb3;max-width:42ch;margin:0;font-size:clamp(16px,1.2vw,21px);font-weight:650;line-height:1.55}.portfolio-shell .home-video-banner-copy .chapter-line{color:var(--ivory);margin-bottom:10px;font-size:clamp(22px,2.2vw,38px);font-weight:860;line-height:1.12}.portfolio-shell .home-video-banner-stack{transform-origin:58%;min-height:clamp(420px,49vw,650px);position:relative;transform:translate(clamp(-70px,-3.6vw,-36px))}.portfolio-shell .home-video-banner-stack .home-video-frame{aspect-ratio:16/9;width:clamp(218px,22.2vw,405px);color:var(--ivory);transform:translate3d(0, 0, 0) rotate(var(--tilt,0deg));background:#090a08;border:2px solid #f3efdfe6;border-radius:0;text-decoration:none;transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .18s,filter .18s,z-index 0s linear .18s;display:block;position:absolute;overflow:hidden;box-shadow:0 18px 54px #0000006b}.portfolio-shell .home-video-banner-stack .home-video-frame:first-child{--tilt:-10deg;top:28%;left:2%}.portfolio-shell .home-video-banner-stack .home-video-frame:nth-child(2){--tilt:5deg;top:6%;left:23%}.portfolio-shell .home-video-banner-stack .home-video-frame:nth-child(3){--tilt:-3deg;top:21%;right:11%}.portfolio-shell .home-video-banner-stack .home-video-frame:nth-child(4){--tilt:8deg;bottom:10%;left:17%}.portfolio-shell .home-video-banner-stack .home-video-frame:nth-child(5){--tilt:-8deg;bottom:3%;right:7%}.portfolio-shell .home-video-banner-stack .home-video-frame:hover,.portfolio-shell .home-video-banner-stack .home-video-frame:focus-visible,.portfolio-shell .home-video-banner-stack .home-video-frame.active{z-index:7;border-color:var(--acid);filter:brightness(1.13)saturate(1.08);transform:translateY(-22px) rotate(calc(var(--tilt,0deg) * .6)) scale(1.06);outline:none}.portfolio-shell .home-video-banner-stack .home-video-frame img{object-fit:cover;opacity:.92;width:100%;height:100%;display:block}.portfolio-shell .home-video-banner-stack .home-video-frame b{color:var(--acid);font-family:var(--font-geist-mono), monospace;text-shadow:0 10px 28px #000000b3;font-size:clamp(24px,3vw,50px);font-weight:950;line-height:.8;position:absolute;bottom:12px;left:14px}.portfolio-shell .video-chapter-scene .home-video-open{color:var(--ivory);background:#0809079e;border:2px solid #f3efdfdb;border-radius:999px;grid-template-columns:1fr;gap:6px;margin-top:28px;padding:13px 22px 12px;text-decoration:none;transition:background .18s,color .18s,transform .18s,border-color .18s;display:inline-grid}.portfolio-shell .video-chapter-scene .home-video-open:hover,.portfolio-shell .video-chapter-scene .home-video-open:focus-visible{border-color:var(--acid);background:var(--acid);color:#070807;outline:none;transform:translateY(-3px)}.portfolio-shell .video-chapter-scene .home-video-open span,.portfolio-shell .video-chapter-scene .home-video-open b{font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:860}.portfolio-shell .video-chapter-scene .home-video-open b{max-width:32ch;color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portfolio-shell .video-chapter-scene .home-video-index{contain:layout style;isolation:isolate;border-top:2px solid #f3efdfd6;margin-top:clamp(46px,6vw,88px);display:grid}.portfolio-shell .video-chapter-scene .home-video-row{z-index:1;min-height:clamp(96px,9vw,142px);color:var(--ivory);border-bottom:2px solid #f3efdfa3;grid-template-columns:clamp(70px,8vw,128px) minmax(220px,1fr) minmax(220px,.75fr) 92px;align-items:center;gap:clamp(16px,3vw,46px);text-decoration:none;transition:background .18s,color .18s,padding .18s;display:grid;position:relative}.portfolio-shell .video-chapter-scene .home-video-row:hover,.portfolio-shell .video-chapter-scene .home-video-row:focus-visible,.portfolio-shell .video-chapter-scene .home-video-row.active{background:var(--ivory);color:#0b0c0a;outline:none;padding-left:clamp(12px,2vw,36px)}.portfolio-shell .video-chapter-scene .home-video-row.active{z-index:0}.portfolio-shell .video-chapter-scene .home-video-row:hover,.portfolio-shell .video-chapter-scene .home-video-row:focus-visible{z-index:40}.portfolio-shell .video-chapter-scene .home-video-row span{color:var(--acid);font-size:clamp(52px,7vw,114px);font-weight:950;line-height:.75}.portfolio-shell .video-chapter-scene .home-video-row strong{text-transform:uppercase;font-size:clamp(34px,5vw,88px);font-weight:950;line-height:.9}.portfolio-shell .video-chapter-scene .home-video-row small,.portfolio-shell .video-chapter-scene .home-video-row>b{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:780}.portfolio-shell .video-chapter-scene .home-video-row-poster{z-index:9;aspect-ratio:16/9;object-fit:cover;opacity:0;pointer-events:none;border:2px solid #f3efdfe0;border-radius:0;width:clamp(230px,24vw,420px);transition:opacity .18s,transform .24s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:12%;transform:translate(40px,-52%)rotate(-9deg)scale(.9);box-shadow:0 18px 56px #0000007a}.portfolio-shell .video-chapter-scene .home-video-row:hover .home-video-row-poster,.portfolio-shell .video-chapter-scene .home-video-row:focus-visible .home-video-row-poster{opacity:1;transform:translate(40px,-62%)rotate(-6deg)scale(1)}.portfolio-shell .video-chapter-scene .home-video-row:first-child .home-video-row-poster{transform:translate(40px,-38%)rotate(-9deg)scale(.9)}.portfolio-shell .video-chapter-scene .home-video-row:first-child:hover .home-video-row-poster,.portfolio-shell .video-chapter-scene .home-video-row:first-child:focus-visible .home-video-row-poster{transform:translate(40px,-44%)rotate(-6deg)scale(1)}@media (max-width:1040px){.portfolio-shell .home-video-banner{grid-template-columns:1fr;min-height:auto;padding-bottom:42px}.portfolio-shell .home-video-banner:before{top:4%;left:10%;transform:none}.portfolio-shell .home-video-banner-stack{min-height:430px}.portfolio-shell .video-chapter-scene .home-video-row{grid-template-columns:72px 1fr 74px}.portfolio-shell .video-chapter-scene .home-video-row small{grid-column:2/-1}.portfolio-shell .video-chapter-scene .home-video-row>b{grid-area:1/3}}@media (max-width:640px){.portfolio-shell .video-chapter-scene{padding:84px 16px 90px}.portfolio-shell .home-video-banner-stack{min-height:360px;transform:translate(0)}.portfolio-shell .home-video-banner-stack .home-video-frame{width:clamp(180px,58vw,260px)}.portfolio-shell .video-chapter-scene .home-video-row-poster{display:none}}.portfolio-shell .hero-scene.mainframe-landing-scene{height:100dvh;min-height:100dvh;padding:0}.portfolio-shell .hero-scene.mainframe-landing-scene+.kinetic-manifesto{margin-top:0}.portfolio-shell.hero-theme-light .site-header{-webkit-backdrop-filter:none;backdrop-filter:none}.portfolio-shell.hero-theme-light .brand-mark{background:url(/miao-paw-brand.svg) 50%/100% 100% no-repeat;box-shadow:0 16px 42px #0607041f}.portfolio-shell.hero-theme-light .social-dock,.portfolio-shell.hero-theme-light .chapter-rail{opacity:1;pointer-events:auto;transform:translate(0)}.mainframe-landing-media{transform:translateZ(0)}.mainframe-landing-media:after{content:"";pointer-events:none;background:linear-gradient(#f8f8f300,#f8f8f3c7);height:clamp(80px,15vh,170px);position:absolute;inset:auto 0 0}.mainframe-landing-copy{text-shadow:0 1px #ffffff6b}.mainframe-landing-title{max-width:610px}.mainframe-room-select button:hover,.mainframe-room-select button:focus-visible,.mainframe-landing-bar:hover,.mainframe-landing-bar:focus-visible{box-shadow:0 22px 54px #070e0724,inset 0 0 0 1px #ffffffd1}@media (max-width:1180px){.portfolio-shell .hero-scene.mainframe-landing-scene{padding:0}.mainframe-landing-copy{width:min(540px,100% - 44px);margin-left:clamp(24px,18vw,260px)}}@media (max-width:820px){.portfolio-shell .hero-scene.mainframe-landing-scene{height:auto;min-height:100dvh;padding:0}.mainframe-landing-video{object-position:58% 50%}.mainframe-landing-scrim{background:linear-gradient(#f8f8f3db 0%,#f8f8f380 42%,#f8f8f32e 100%),radial-gradient(circle at 18% 76%,#d1f1ff6b,#0000 34%),radial-gradient(circle at 88% 38%,#b7ff2533,#0000 36%)}.mainframe-landing-copy{justify-content:flex-end;width:min(100%,100% - 36px);height:auto;min-height:100dvh;margin:0 auto;padding:118px 0 54px;transform:none}.mainframe-landing-title{min-height:clamp(112px,22vw,176px);font-size:clamp(52px,14vw,82px)}[data-locale=zh] .mainframe-landing-title{min-height:clamp(130px,29vw,210px);font-size:clamp(50px,12vw,78px)}.mainframe-landing-body{max-width:440px;font-size:16px}.mainframe-room-select>div{gap:8px}.mainframe-room-select button{min-height:42px;padding:0 16px}.mainframe-landing-bar{border-radius:20px}.mainframe-landing-handoff{display:none}}@media (max-width:520px){.mainframe-room-select,.mainframe-landing-bar,.mainframe-landing-hint{display:none}}.portfolio-shell .music-chapter-scene{grid-template-columns:minmax(86px,.14fr) minmax(0,1fr);gap:clamp(12px,3vw,54px)}.portfolio-shell .music-chapter-scene .chapter-kicker{z-index:4;position:relative}.music-particle-panel.mp-root{width:min(100%,1220px);min-width:0;min-height:clamp(500px,60vh,700px);box-shadow:none;isolation:isolate;background:0 0;border:0;place-self:center;margin-left:clamp(-430px,-18vw,-240px);display:block;position:relative;overflow:visible}.mp-bg,.mp-wave-wrap,.mp-canvas-wrap,.mp-tags{position:absolute}.mp-bg{z-index:0;pointer-events:none;inset:-14% -9% -12%;overflow:hidden}.mp-grid{background-image:linear-gradient(#b7ff250d 1px,#0000 1px),linear-gradient(90deg,#b7ff250d 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 58% at 50% 48%,#000 0 52%,#0000 76%);mask-image:radial-gradient(70% 58% at 50% 48%,#000 0 52%,#0000 76%)}.mp-light{filter:blur(8px);opacity:.9;background:linear-gradient(#0000,#b7ff2517 18%,#f3efdf1c 48%,#ff7a4a14 78%,#0000);width:17%;height:142%;position:absolute;top:-22%;transform:skew(-8deg)}.mp-light-a{left:18%}.mp-light-b{animation-duration:17s;animation-delay:-3s;left:49%}.mp-light-c{opacity:.62;width:13%;animation-duration:20s;animation-delay:-7s;left:76%}.mp-canvas-wrap{z-index:3;cursor:crosshair;touch-action:none;inset:2% -2vw 16% 0}.mp-canvas{width:100%;height:100%;display:block}.mp-wave-wrap{z-index:2;pointer-events:none;inset:0}.mp-wave{width:100%;height:100%;display:block}.mp-tags{z-index:5;pointer-events:none;inset:0}.mp-tags span{color:#f3efdf6b;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;text-shadow:0 0 18px #b7ff252e;font-size:9px;font-weight:800;line-height:1;position:absolute}.mp-tags span:first-child{color:var(--acid);top:10%;left:23%}.mp-tags span:nth-child(2){top:31%;right:7%}.mp-tags span:nth-child(3){bottom:20%;left:31%}.mp-tags span:nth-child(4){color:#b7ff2594;bottom:12%;right:2%}.mp-arm{z-index:8;color:var(--acid);font-family:var(--font-geist-mono), monospace;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05060494;border:1px solid #b7ff254d;border-radius:999px;grid-template-columns:1fr;gap:4px;padding:10px 18px;transition:transform .24s,background .24s,border-color .24s;animation:2.8s ease-in-out infinite mp-arm-pulse;display:inline-grid;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:0 0 28px #b7ff2524}.mp-arm span,.mp-mute span,.mp-cta span{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:10px;font-weight:820;line-height:1}.mp-arm strong{color:#f3efdfc2;font-size:11px;font-weight:760;line-height:1.2}.mp-arm:hover,.mp-arm:focus-visible{background:#b7ff251a;border-color:#b7ff258a;outline:none;transform:translate(-50%)translateY(-2px)}.mp-actions{z-index:7;-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:linear-gradient(135deg,#f3efdf14,#b7ff250d 44%,#0506044d),#0506048f;border:1px solid #f3efdf21;border-radius:999px;grid-template-columns:minmax(154px,188px) minmax(198px,238px);gap:8px;width:min(450px,100% - 28px);padding:8px;display:grid;position:absolute;bottom:5.6%;left:50%;right:auto;transform:translate(-50%);box-shadow:0 22px 60px #00000057,inset 0 0 0 1px #b7ff250f,0 0 42px #b7ff251a}.mp-actions:before{content:"";z-index:-1;border-radius:inherit;opacity:.72;pointer-events:none;background:linear-gradient(90deg,#0000,#b7ff251f,#0000);position:absolute;inset:8px}.mp-mute,.mp-cta{isolation:isolate;min-width:0;min-height:58px;color:var(--ivory);text-align:left;cursor:pointer;background:linear-gradient(#f3efdf12,#f3efdf08),#0809068a;border:1px solid #f3efdf21;border-radius:999px;grid-template-rows:auto auto;grid-template-columns:9px minmax(0,1fr);align-content:center;column-gap:12px;padding:0 18px;text-decoration:none;transition:border-color .22s,background .22s,box-shadow .22s,color .22s,transform .22s;display:grid;position:relative;overflow:hidden}.mp-mute:before,.mp-cta:before{content:"";background:var(--acid);border-radius:50%;grid-area:1/1/3;align-self:center;width:8px;height:8px;box-shadow:0 0 16px #b7ff258a}.mp-mute span,.mp-cta span{color:var(--acid);letter-spacing:.1em;grid-column:2}.mp-mute strong,.mp-cta strong{color:currentColor;white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:12px;font-weight:850;line-height:1.08;overflow:hidden}.mp-mute:after,.mp-cta:after{content:"";z-index:-1;border-radius:inherit;opacity:.42;background:radial-gradient(circle at 22% 0,#f3efdf24,#0000 28%),linear-gradient(100deg,#0000 10%,#b7ff251a 48%,#0000 72%);transition:opacity .22s,transform .22s,background .22s;position:absolute;inset:1px;transform:translate(-18%)}.mp-mute:hover,.mp-mute:focus-visible,.mp-cta:hover,.mp-cta:focus-visible{color:var(--acid);outline:none;transform:translateY(-2px)}.mp-mute:hover:after,.mp-mute:focus-visible:after,.mp-cta:hover:after,.mp-cta:focus-visible:after{opacity:.82;background:radial-gradient(circle at 22% 0,#f3efdf2e,#0000 30%),linear-gradient(100deg,#0000 6%,#b7ff2533 48%,#0000 78%);transform:translate(10%)}.mp-mute:disabled{cursor:wait;opacity:.7;transform:none}.mp-bg,.mp-grid,.mp-light,.mp-wave-wrap,.mp-arm{display:none!important}.mp-cta{color:#070a04;background:linear-gradient(#cbff5cf5,#abee17eb);border:1px solid #b7ff25c7;box-shadow:inset 0 0 0 1px #f3efdf29,0 16px 42px #b7ff252e}.mp-cta:before{background:#070a04bd;box-shadow:0 0 0 4px #070a041a}.mp-cta span{color:#070a04ad}.mp-cta strong{color:#070a04;font-size:13px;line-height:1}.mp-cta:after{opacity:.5;background:radial-gradient(circle at 18% 0,#ffffff5c,#0000 32%),linear-gradient(105deg,#0000 4%,#ffffff2e 48%,#0000 78%)}.mp-cta:hover,.mp-cta:focus-visible{color:#070a04;background:linear-gradient(#f4ffd7fa,#b7ff25f5);border-color:#f3efdfb3;box-shadow:inset 0 0 0 1px #070a041a,0 20px 54px #b7ff254d}.mp-cta:hover:after,.mp-cta:focus-visible:after{background:radial-gradient(circle at 20% 0,#ffffff6b,#0000 32%),linear-gradient(105deg,#0000 4%,#ffffff3d 48%,#0000 78%)}.mp-actions[data-armed=false] .mp-mute{border-color:#b7ff2561;box-shadow:0 0 26px #b7ff251a}.mp-actions[data-audio-state=loading] .mp-mute:before{animation:.9s ease-in-out infinite mp-control-pulse}.mp-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes mp-column-drift{0%{opacity:.55;transform:translate(-2%,-1%)skew(-8deg)}to{opacity:.96;transform:translate(4%,2%)skew(-8deg)}}@keyframes mp-arm-pulse{0%,to{box-shadow:0 0 20px #b7ff2521}50%{box-shadow:0 0 32px #b7ff2547}}@keyframes mp-control-pulse{0%,to{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media (max-width:1180px){.music-particle-panel.mp-root{width:min(100%,880px);min-height:480px;margin-left:0}}@media (max-width:820px){.portfolio-shell .music-chapter-scene{grid-template-columns:1fr;gap:24px}.music-particle-panel.mp-root{width:100%;min-height:430px}.mp-canvas-wrap{inset:10% 0 22%}.mp-tags span:nth-child(2),.mp-tags span:nth-child(3){display:none}.mp-tags span:first-child{top:8%;left:3%}.mp-actions{width:min(430px,100% - 28px);bottom:4%;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:520px){.music-particle-panel.mp-root{min-height:360px}.mp-arm{justify-content:center;width:min(260px,100% - 32px);top:5%}.mp-actions{border-radius:30px;grid-template-columns:1fr;width:min(330px,100% - 28px);display:grid;bottom:0;left:50%;right:auto}.mp-mute,.mp-cta{min-width:0;min-height:52px}}@media (prefers-reduced-motion:reduce){.mp-light,.mp-arm{animation:none}.mp-arm,.mp-mute,.mp-cta,.mp-mute:after,.mp-cta:after,.mp-actions[data-audio-state=loading] .mp-mute:before{transition:none;animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
