/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--flow-angle:0deg}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--mx:0;--my:0;--scroll:0;--transition:0;--orange:0;--blue:0;--center:0;--ink:#f2f7ff;--muted:#91a1b5;--orange-color:#ff5b18;--blue-color:#16a8ff;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:#02050a}body{color:var(--ink);margin:0;font-family:Arial,Microsoft YaHei,sans-serif;overflow-x:hidden}button{font:inherit}.ai-film-page{isolation:isolate;color:#edf8fc;background:radial-gradient(circle at 45% 72%,#15709a29,#0000 36%),radial-gradient(circle at 14% 18%,#ff761914,#0000 25%),#03080d;height:100svh;position:relative;overflow:hidden}.ai-film-grid{z-index:0;pointer-events:none;opacity:.24;background-image:linear-gradient(#57accf1f 1px,#0000 0),linear-gradient(90deg,#57accf1f 1px,#0000 0);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.project-detail-topbar.ai-film-topbar{z-index:1000;pointer-events:auto;background:linear-gradient(#02080df5,#02080d6b);padding:18px clamp(24px,4vw,72px) 16px;position:fixed;top:0;left:0;right:0}.ai-film-topbar .project-back{z-index:2;pointer-events:auto;padding:7px 0;position:relative}.ai-film-heading{z-index:8;pointer-events:none;justify-content:space-between;align-items:start;display:flex;position:absolute;top:clamp(88px,11vh,116px);left:clamp(98px,8vw,142px);right:clamp(24px,4vw,72px)}.ai-film-heading>div{min-width:0}.ai-film-heading>div>span,.ai-film-heading>p{color:#75b7d2;letter-spacing:.16em;font-size:10px}.ai-film-heading>p{margin:3px 0 0}.ai-film-title-row{pointer-events:auto;align-items:center;gap:14px;display:flex}.ai-film-title-row h1{letter-spacing:-.06em;white-space:nowrap;margin:8px 0 0;font-size:clamp(34px,5vw,74px);font-weight:420;line-height:.95}.ai-film-title-editor button,.ai-film-title-row button{color:#dff7ff;cursor:pointer;background:#04121bd1;border:1px solid #83c7e075;padding:7px 9px;font-size:10px}.ai-film-title-row button{margin-top:12px}.ai-film-title-editor button:hover,.ai-film-title-row button:hover{border-color:#67dcff}.ai-film-title-editor{pointer-events:auto;align-items:center;gap:7px;margin-top:8px;display:flex}.ai-film-title-editor input{color:#f0fbff;background:#04121bf0;border:1px solid #83c7e099;width:min(480px,48vw);padding:9px 11px;font-size:clamp(22px,3vw,40px)}.ai-film-viewport{z-index:4;cursor:grab;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain;position:absolute;inset:0;overflow:auto hidden}.ai-film-viewport::-webkit-scrollbar{display:none}.ai-film-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto}.ai-film-track{align-items:center;gap:clamp(14px,2vw,34px);width:max-content;height:62vh;padding:0 19vw 0 8vw;display:flex;position:absolute;top:25vh;left:0}.ai-film-end,.ai-film-lead{flex:none;align-content:center;width:clamp(160px,17vw,280px);height:100%;display:grid}.ai-film-lead b{color:#4fcfff;letter-spacing:-.1em;font-size:clamp(100px,15vw,245px);font-weight:250;line-height:.7}.ai-film-end span,.ai-film-lead span{color:#7294a2;letter-spacing:.14em;margin-top:20px;font-size:10px;line-height:1.55}.ai-film-end b{color:#dcecf2;letter-spacing:-.07em;font-size:clamp(48px,7vw,105px);font-weight:300;line-height:.8}.ai-film-card{--film-lift:0vh;color:#fff;width:clamp(210px,22vw,355px);height:clamp(300px,50vh,530px);transform:translateY(var(--film-lift));background:linear-gradient(145deg,#0d2a38f5,#030a10fa);border:1px solid #6fbede5c;border-radius:3px;flex:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 22px 54px #0000006b}.ai-film-card:nth-of-type(3n){width:clamp(270px,28vw,450px)}.ai-film-card.is-portrait{aspect-ratio:9/16;width:auto}.ai-film-card.is-two-three{aspect-ratio:2/3;width:auto}.ai-film-card.is-four-three{aspect-ratio:4/3;width:auto}.ai-film-card.is-three-four{aspect-ratio:3/4;width:auto}.ai-film-card.is-reference-wide{aspect-ratio:1451/1084;width:auto}.ai-film-card:hover{z-index:6;transform:translateY(calc(var(--film-lift) - 14px));border-color:#69daffd1;animation-play-state:paused;box-shadow:0 28px 62px #0000008c,0 0 28px #2da7dc2e}.ai-film-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00050961,#0000 22% 67%,#000509c7);position:absolute;inset:0}.ai-film-image-button{width:100%;height:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;overflow:hidden}.ai-film-image-button img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.ai-film-card:hover .ai-film-image-button img{transform:scale(1.025)}.ai-film-placeholder{color:#acd5e5;background:repeating-linear-gradient(135deg,#31748f12 0 1px,#0000 1px 14px),linear-gradient(145deg,#0d2c3af2,#030b11fa);place-content:center;justify-items:center;gap:9px;display:grid;position:absolute;inset:0}.ai-film-placeholder b{letter-spacing:-.06em;font-size:clamp(46px,5vw,76px);font-weight:250}.ai-film-placeholder i{color:#608999;letter-spacing:.2em;font-size:9px;font-style:normal}.ai-film-number{z-index:3;color:#e7faff;letter-spacing:.15em;font-size:10px;position:absolute;top:12px;left:12px}.ai-film-card-actions{z-index:4;gap:5px;display:flex;position:absolute;top:10px;right:10px}.ai-film-card-actions button,.ai-film-card-actions label{color:#effbff;cursor:pointer;background:#031018d6;border:1px solid #c6e7f28c;padding:6px 8px;font-size:9px;position:relative}.ai-film-card-actions button:hover,.ai-film-card-actions label:hover{border-color:#76deff}.ai-film-card-actions button:hover{color:#ffe9df;border-color:#ff9a72}.ai-film-card-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ai-film-caption{z-index:4;justify-content:space-between;align-items:end;gap:10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.ai-film-caption>b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.ai-film-caption-editor button,.ai-film-caption>button{color:#dff5fc;cursor:pointer;background:#031018c7;border:1px solid #bee1ed6b;flex:none;padding:5px 7px;font-size:9px}.ai-film-caption-editor{grid-template-columns:minmax(0,1fr) auto;gap:5px;width:100%;display:grid}.ai-film-caption-editor input{color:#effbff;background:#031018eb;border:1px solid #76d6f5a6;min-width:0;padding:7px 8px;font-size:12px}.ai-film-footer{z-index:12;color:#7594a1;letter-spacing:.15em;grid-template-columns:150px 1fr 190px;align-items:center;gap:22px;font-size:9px;display:grid;position:absolute;bottom:20px;left:clamp(98px,8vw,142px);right:clamp(24px,4vw,72px)}.ai-film-footer>div{background:#6fa3b747;height:1px;overflow:hidden}.ai-film-footer i{transform-origin:0;background:linear-gradient(90deg,#ff7b23,#58d8ff);width:100%;height:100%;display:block}.ai-film-footer span:last-child{text-align:right}.ai-film-case-nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020f17c7;border:1px solid #58d8ff3d;border-radius:3px;justify-items:start;gap:15px;padding:18px 12px;display:grid;position:fixed;top:50%;left:18px;transform:translateY(-50%);box-shadow:0 16px 34px #00000052,inset 0 0 20px #2d99c60d}.ai-film-case-nav>span{color:#58d8ff;letter-spacing:.22em;writing-mode:vertical-rl;font-size:9px}.ai-film-case-nav>i{background:linear-gradient(#0000,#58d8ffb3);width:1px;height:38px}.ai-film-case-nav button{color:#789dac;cursor:pointer;letter-spacing:.16em;background:0 0;border:0;flex-direction:row-reverse;justify-content:start;align-items:center;gap:8px;width:42px;padding:0;font-size:10px;display:flex}.ai-film-case-nav button em{border:1px solid;border-radius:50%;width:5px;height:5px}.ai-film-case-nav button.is-active{color:#58d8ff}.ai-film-case-nav button.is-active em{background:#58d8ff;border-color:#58d8ff;box-shadow:0 0 10px #58d8ffe6}.ai-film-lightbox{z-index:2200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000509eb;place-items:center;padding:10px;display:grid;position:fixed;inset:0}.ai-film-lightbox-panel{background:#02080d;border:1px solid #71d3f594;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 32px 100px #000000b8,0 0 44px #34b1e21f}.ai-film-lightbox-header{z-index:3;color:#82bad0;letter-spacing:.18em;pointer-events:none;justify-content:space-between;align-items:center;min-height:38px;font-size:10px;display:flex;position:absolute;top:10px;left:12px;right:12px}.ai-film-lightbox-header button{color:#eafaff;cursor:pointer;background:#071923db;border:1px solid #87d3ee8c;place-items:center;width:34px;height:34px;padding:0;font-size:23px;font-weight:300;line-height:1;display:grid}.ai-film-lightbox-header button:hover{background:#0f3646e0;border-color:#67dcff}.ai-film-lightbox-header button{pointer-events:auto}.ai-film-lightbox-media{background:radial-gradient(circle,#15485e3d,#0000 58%),#010509;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.ai-film-lightbox-media img{z-index:1;object-fit:contain;object-position:center;width:calc(100% - 24px);height:calc(100% - 96px);display:block;position:absolute;inset:52px 12px 44px}.ai-film-lightbox-panel>p{z-index:3;color:#d9eaf0;letter-spacing:.06em;pointer-events:none;margin:0;font-size:14px;position:absolute;bottom:10px;left:12px;right:12px}@media (max-width:760px){.ai-film-topbar{padding:14px 16px 12px}.ai-film-heading{top:76px;left:16px;right:16px}.ai-film-heading>p{display:none}.ai-film-title-row h1{font-size:36px}.ai-film-title-row button{padding:6px}.ai-film-track{gap:16px;height:63vh;padding:0 24vw 0 12vw;top:23vh}.ai-film-end,.ai-film-lead{width:120px}.ai-film-lead b{font-size:96px}.ai-film-card{width:62vw;height:50vh}.ai-film-card:nth-of-type(3n){width:72vw}.ai-film-card.is-portrait{aspect-ratio:9/16;width:auto}.ai-film-card.is-four-three{aspect-ratio:4/3;width:auto}.ai-film-card.is-reference-wide{aspect-ratio:1451/1084;width:auto}.ai-film-footer{grid-template-columns:90px 1fr;left:16px;right:16px}.ai-film-footer span:last-child{display:none}.ai-film-case-nav{align-items:center;padding:9px 11px;display:flex;top:auto;bottom:42px;left:14px;transform:none}.ai-film-case-nav>i,.ai-film-case-nav>span{display:none}.ai-film-case-nav button{width:auto}.ai-film-lightbox{padding:6px}.ai-film-lightbox-media img{width:calc(100% - 8px);height:calc(100% - 86px);inset:48px 4px 38px}}.hero{height:175vh;min-height:900px;position:relative}.hero,.viewport{background:#02050a}.viewport{perspective:1200px;height:100vh;min-height:620px;position:sticky;top:0;overflow:hidden}.scene{--scene-w:max(100vw,177.778vh);width:var(--scene-w);height:calc(var(--scene-w) * .5625);transform-origin:50% 52%;transform:translate(-50%,-50%) scale(calc(1.01 + var(--scroll) * .16));transition:transform .12s ease-out;animation:sceneReveal 1.4s cubic-bezier(.2,.75,.2,1) both;position:absolute;top:50%;left:50%}.scene-image{object-fit:contain;width:100%;height:100%;opacity:calc(1 - var(--transition) * .48);filter:brightness(calc(.94 + var(--scroll) * -.12)) contrast(1.04) saturate(1.05) drop-shadow(0 0 1px #ffffff2e);-webkit-user-select:none;user-select:none;z-index:0;border:0;display:block;position:absolute;inset:0}.scene:after{z-index:1;background:radial-gradient(circle at 50% 54%,#0000 38%,#0004091f 64%,#000307c7 112%);inset:0;box-shadow:inset 0 0 12vw #01040a}.scene:after,.scene:before{content:"";pointer-events:none;position:absolute}.scene:before{z-index:2;background:linear-gradient(#0000,#02050af5 72%);height:7.5%;bottom:0;left:0;right:0}.camp-glow,.center-glow,.heat-haze,.water-sheen{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.camp-glow-orange{background:radial-gradient(ellipse at 31% 56%,rgba(255,68,0,calc(.04 + var(--orange) * .22)),transparent 44%)}.camp-glow-blue{background:radial-gradient(ellipse at 72% 55%,rgba(0,144,255,calc(.04 + var(--blue) * .24)),transparent 44%)}.center-glow{background:radial-gradient(ellipse at 50% 53%,rgba(211,50,255,calc(var(--center) * .25)),transparent 20%)}.heat-haze{opacity:calc(var(--orange) * .55);background:repeating-radial-gradient(at 32% 54%,#0000 0 4%,#ff682114 4.3%,#0000 5.2%);animation:haze 2.4s linear infinite;left:0;right:48%}.water-sheen{opacity:calc(var(--blue) * .6);background:repeating-radial-gradient(at 70% 57%,#0000 0 5%,#35c0ff17 5.3%,#0000 6.3%);animation:sheen 2.8s linear infinite;left:48%}.arrival-ripple{aspect-ratio:2/.65;border:.12vw solid #86ddffcc;border-radius:50%;width:8%;animation:arrivalRipple 1.4s ease-out .72s both;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 1.2vw #168cff}.cosmic-core-glow,.orbit-flow,.star-field{pointer-events:none;mix-blend-mode:screen;position:absolute}.star-field{background:radial-gradient(circle at 8% 17%,#7ecffff2 0 1px,#0000 1.8px),radial-gradient(circle at 17% 73%,#ff9449d9 0 1px,#0000 1.7px),radial-gradient(circle at 30% 12%,#91d8ffe6 0 1.2px,#0000 2px),radial-gradient(circle at 47% 22%,#ffffffd1 0 1px,#0000 1.8px),radial-gradient(circle at 63% 15%,#ff9641cc 0 1px,#0000 1.7px),radial-gradient(circle at 82% 21%,#7bcdffe6 0 1.2px,#0000 2px),radial-gradient(circle at 92% 68%,#ffab5bcc 0 1px,#0000 1.8px),radial-gradient(circle at 72% 83%,#85d4ffe6 0 1px,#0000 1.8px);animation:starsTwinkle 4.8s ease-in-out infinite alternate}.star-field-b{transform:translate3d(calc(var(--mx) * -5px),calc(var(--my) * -4px),0);opacity:.65;animation-duration:6.2s;animation-delay:-2.1s}.orbit-flow{z-index:3;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0 9%,#6bcfffeb 13%,transparent 18% 42%,#ff8f42e6 48%,transparent 54% 78%,#cff2ffc7 84%,transparent 90%);opacity:.76;border-radius:50%;animation:orbitSweep 8s linear infinite;top:54.5%;left:50%;-webkit-mask:radial-gradient(circle,#0000 68%,#000 69% 70%,#0000 71%);mask:radial-gradient(circle,#0000 68%,#000 69% 70%,#0000 71%)}.orbit-flow-outer{--orbit-y:.55;width:88%}.orbit-flow-middle{--orbit-y:.55;opacity:.62;width:70%;animation-duration:6.5s;animation-direction:reverse}.orbit-flow-inner{--orbit-y:.56;opacity:.68;width:51%;animation-duration:5.2s}.cosmic-core-glow{z-index:4;aspect-ratio:1.25;background:radial-gradient(#def7ff47 0 6%,#31a3ff33 24%,#256cff14 44%,#0000 70%);border-radius:50%;width:21%;animation:coreBreath 3s ease-in-out infinite;top:52.5%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2.6vw #35a6ff40,inset 0 0 1.8vw #9de0ff33}.hotspot-layer{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hotspot{left:var(--x);top:var(--live-y,var(--y));width:var(--size);aspect-ratio:1;transform:translate3d(calc(-50% + var(--exit-x,0px)),-50%,0) scale(calc(1 - var(--transition) * .28));cursor:pointer;pointer-events:auto;opacity:calc(1 - var(--scroll) * 1.25);animation:hotspotIn .3s var(--delay) backwards;isolation:isolate;background:0 0;border:0;border-radius:50%;position:absolute}.hotspot-side-left{--exit-x:calc(var(--transition) * -180px)}.hotspot-side-right{--exit-x:calc(var(--transition) * 180px)}.hotspot-center{--exit-x:calc(var(--transition) * 0px)}.hotspot:before{content:"";z-index:2;-webkit-backdrop-filter:brightness()saturate();border:1px solid #0000;border-radius:50%;transition:transform .2s,box-shadow .2s,background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;position:absolute;inset:0;box-shadow:0 0 #0000}.hotspot:after{content:"";z-index:1;width:118%;height:28%;animation:energyRipple 2.8s calc(var(--delay) + .6s) ease-out infinite;border:1px solid #5dc2ff94;top:79%;left:50%;transform:translate(-50%,-50%)scale(.72);box-shadow:0 0 .65vw #2c94ff6b,inset 0 0 .45vw #ff8b3733}.hotspot:after,.skill-ignite{opacity:0;pointer-events:none;border-radius:50%;position:absolute}.skill-ignite{animation:skillIgnite 1.35s var(--delay) cubic-bezier(.2,.75,.2,1) both,skillIdle 4.2s calc(var(--delay) + 1.35s) ease-in-out infinite;background:radial-gradient(circle,#c2e8ff29 0 42%,#4bb4ff2e 58%,#0000 72%);inset:-5%;transform:scale(.72);box-shadow:0 0 1vw #4eb3ff70,inset 0 0 .65vw #ffffff24}.hotspot.is-active:before,.hotspot:focus-visible:before,.hotspot:hover:before{-webkit-backdrop-filter:brightness(1.28)saturate(1.25);background:0 0;border-color:#ffffffeb;inset:0;transform:scale(1.03);box-shadow:0 0 .7vw #ffffffb3,inset 0 0 .6vw #ffffff24}.hotspot:hover+.hotspot{z-index:0}.hotspot:focus-visible{outline-offset:.45vw;z-index:10;outline:2px solid #fff}.tooltip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#030c18e0;border:1px solid #82ceff73;border-radius:.55vw;width:clamp(122px,9.3vw,172px);padding:.75vw .85vw .65vw;transition:all .18s;bottom:calc(100% + .75vw);transform:translate(-50%,8px)scale(.96);box-shadow:0 .8vw 2.4vw #0006,inset 0 0 1.2vw #2a98ff14}.tooltip,.tooltip:after{position:absolute;left:50%}.tooltip:after{content:"";border:.38vw solid #0000;border-top-color:#82ceff8c;top:100%;transform:translate(-50%)}.hotspot.is-active .tooltip,.hotspot:focus-visible .tooltip,.hotspot:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.mini-progress{opacity:0;visibility:hidden;pointer-events:none;z-index:5;background:#020c149e;border:1px solid #54e1e7c7;border-radius:999px;width:clamp(38px,3.8vw,68px);height:clamp(6px,.48vw,9px);padding:1px;transition:opacity .18s,filter .18s,transform .18s,visibility .18s;position:absolute;top:50%;transform:translateY(-50%)scale(.86);box-shadow:0 0 .45vw #19e3ed5c,inset 0 0 .35vw #000c}.mini-progress:before{content:none}.mini-progress i{border-radius:inherit;background:repeating-linear-gradient(118deg,#eaffff 0 1px,#20e3e8 1px 2px,#14adba33 2px 4px);height:100%;display:block;box-shadow:0 0 .3vw #30f0f4e6,inset 0 0 1px #ffffffe6}.hotspot-side-left .mini-progress{left:calc(100% + clamp(7px,.65vw,12px))}.hotspot-side-right .mini-progress{right:calc(100% + clamp(7px,.65vw,12px))}.hotspot.is-active .mini-progress,.hotspot:focus-visible .mini-progress,.hotspot:hover .mini-progress{opacity:1;filter:brightness(1.22);visibility:visible;transform:translateY(-50%)scale(1)}.tooltip-name{color:#a9bdd2;letter-spacing:.08em;font-size:clamp(10px,.72vw,13px);display:block}.tooltip-value{margin-top:.16vw;font:700 clamp(24px,2vw,36px)/1 Arial,sans-serif;display:block}.tooltip-value small{color:#7cd1ff;margin-left:.1em;font-size:.42em}.meter{background:#ffffff24;height:2px;margin-top:.55vw;display:block;overflow:hidden}.meter i{background:linear-gradient(90deg,#ff6322,#b34cff,#24b7ff);height:100%;display:block;box-shadow:0 0 .5vw #4ebfff}.intro-scrim{pointer-events:none;z-index:40;background:#02050a;animation:introScrim 1.1s ease-out .12s both;position:absolute;inset:0}.scroll-cue{z-index:30;color:#d8e6f4a8;letter-spacing:.28em;opacity:calc(1 - var(--scroll) * 3);flex-direction:column;align-items:center;gap:.7rem;font:500 9px/1 Arial,sans-serif;animation:cueIn .7s 2.35s both;display:flex;position:absolute;bottom:3.5vh;left:50%;transform:translate(-50%)}.scroll-cue i{background:linear-gradient(#fff,#0000);width:1px;height:28px;animation:cue 1.8s ease-in-out infinite}.skip-note{z-index:30;color:#b4c4d68c;letter-spacing:.12em;opacity:calc(1 - var(--scroll) * 3);font-size:clamp(10px,.68vw,13px);animation:cueIn .7s 2.45s both;position:absolute;bottom:2.3vw;left:2.2vw}.transition-bridge{z-index:35;opacity:var(--transition);transform:translateY(calc((1 - var(--transition)) * 12vh));pointer-events:none;background:linear-gradient(#0000 38%,#01050a1f 58%,#02070ef0);justify-content:center;align-items:flex-end;padding-bottom:9vh;transition:opacity .18s ease-out,transform .18s ease-out;display:flex;position:absolute;inset:0}.transition-bridge span{color:#c4ebf8d1;letter-spacing:.34em;font-size:9px}.transition-bridge i{background:linear-gradient(90deg,#0000,#69deffbd,#0000);width:38vw;max-width:520px;height:1px;position:absolute;bottom:5.5vh;box-shadow:0 0 16px #3cd2ff94}.projects{background:radial-gradient(circle at 10% 20%,#ff49101f,#0000 26%),radial-gradient(circle at 88% 35%,#0097ff21,#0000 28%),linear-gradient(#02050a,#07101d 70%,#03060b);min-height:100vh;padding:clamp(90px,10vw,170px) 6vw 9vw;position:relative;overflow:hidden}.projects:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 0),linear-gradient(90deg,#ffffff06 1px,#0000 0);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 80%,#0000);mask-image:linear-gradient(#0000,#000 15% 80%,#0000)}.project-grid,.projects-heading{z-index:1;max-width:1450px;margin-inline:auto;position:relative}.projects-heading p{color:#6f849b;letter-spacing:.3em;margin:0 0 1.4rem;font-size:11px}.projects-heading h1{letter-spacing:-.055em;max-width:900px;font-size:clamp(42px,6.2vw,112px);font-weight:650;line-height:.98}.projects-heading>span{color:#8fa0b5;margin-top:2rem;font-size:clamp(14px,1.15vw,20px);display:block}.project-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(65px,8vw,130px);display:grid}.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040a12a8;border:1px solid #ffffff17;min-height:310px;padding:2rem;transition:transform .3s,border-color .3s,background .3s}.project-card:hover{background:#09121ed6;transform:translateY(-10px)}.project-card span{letter-spacing:.22em;color:#6f8297;font-size:10px}.project-card h2{letter-spacing:-.03em;margin:8.5rem 0 .8rem;font-size:clamp(24px,2.2vw,40px)}.project-card p{color:#74869a;letter-spacing:.08em;margin:0;font-size:12px}.project-orange:hover{border-color:#ff5c1c8c;box-shadow:inset 0 0 80px #ff410012}.project-violet:hover{border-color:#c846ff80;box-shadow:inset 0 0 80px #c134ff0f}.project-blue:hover{border-color:#23b1ff8c;box-shadow:inset 0 0 80px #008bff14}@keyframes sceneReveal{0%{opacity:0;filter:brightness(.15);transform:translate(-50%,-50%)scale(1.035)}to{opacity:1;filter:brightness()}}@keyframes introScrim{0%{opacity:1}35%{opacity:.84}to{opacity:0;visibility:hidden}}@keyframes arrivalRipple{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}35%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(9)}}@keyframes hotspotIn{0%{opacity:0}to{opacity:1}}@keyframes haze{to{transform:translateY(-1.5%)}}@keyframes sheen{to{transform:scale(1.025)}}@keyframes cueIn{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes cue{0%,to{transform-origin:top;opacity:.4;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@keyframes starsTwinkle{0%{opacity:.28;filter:brightness(.8)}45%{opacity:.82;filter:brightness(1.35)}to{opacity:.42;filter:brightness()}}@keyframes orbitSweep{0%{transform:translate(-50%,-50%) scaleY(var(--orbit-y)) rotate(0deg)}to{transform:translate(-50%,-50%) scaleY(var(--orbit-y)) rotate(1turn)}}@keyframes coreBreath{0%,to{opacity:.46;filter:brightness(.85);transform:translate(-50%,-50%)scale(.94)}50%{opacity:1;filter:brightness(1.35);transform:translate(-50%,-50%)scale(1.08)}}@keyframes skillIgnite{0%{opacity:0;filter:brightness(.4);transform:scale(.68)}58%{opacity:1;filter:brightness(1.6);transform:scale(1.1)}to{opacity:.28;filter:brightness();transform:scale(1)}}@keyframes skillIdle{0%,to{opacity:.18;transform:scale(.98)}50%{opacity:.4;transform:scale(1.035)}}@keyframes energyRipple{0%{opacity:0;transform:translate(-50%,-50%)scale(.58)}24%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}@media (max-width:760px){.hero{height:145vh;min-height:760px}.viewport{min-height:560px}.scene{--scene-w:max(178vw,177.778vh);left:50%}.hotspot{min-width:52px}.skip-note{display:none}.scroll-cue{bottom:2.5vh}.mini-progress{width:46px;height:7px}.project-grid{grid-template-columns:1fr}.project-card{min-height:240px}.project-card h2{margin-top:6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.profile-section{z-index:60;opacity:var(--transition);transform:translateY(calc((1 - var(--transition)) * 18vh));will-change:opacity,transform;background:radial-gradient(circle at 17% 22%,#ff4b1421,#0000 34%),radial-gradient(circle at 82% 16%,#0099ff2b,#0000 38%),repeating-linear-gradient(90deg,#0000 0 79px,#ffffff07 79px 80px),repeating-linear-gradient(0deg,#0000 0 79px,#ffffff07 79px 80px),#030811;grid-template-columns:74px minmax(280px,.66fr) minmax(480px,1.34fr);gap:14px;padding:14px;transition:opacity .16s ease-out,transform .16s ease-out;overflow:hidden}.profile-section:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ff48100d,#0000 38%,#0099ff0f);position:absolute;inset:0}.profile-info,.profile-portrait,.profile-rail{z-index:1;position:relative}.profile-rail{background:#040d18c7;border:1px solid #70bbe138;border-radius:30px;flex-direction:column;justify-content:space-between;align-items:center;min-height:700px;padding:14px 10px;display:flex;box-shadow:inset 0 0 30px #0884ff0d,0 20px 60px #0000002e}.profile-mark{color:#fff;letter-spacing:-.06em;border:1px solid #ffffff85;border-radius:50%;place-items:center;width:46px;height:46px;font-size:13px;font-weight:800;display:grid;box-shadow:0 0 22px #ff5b1842,inset 0 0 16px #00abff38}.profile-rail-copy{color:#7892aa;letter-spacing:.28em;text-transform:uppercase;font-size:9px}.profile-rail-copy,.profile-status{writing-mode:vertical-rl;transform:rotate(180deg)}.profile-status{color:#8ca7bd;letter-spacing:.18em;align-items:center;gap:7px;font-size:8px;display:inline-flex}.profile-status i{background:#28d6e8;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #28d6e8}.profile-info{flex-direction:column;min-width:0;padding:clamp(10px,1.5vw,24px) clamp(8px,1.5vw,22px) clamp(40px,6vh,82px);display:flex}.profile-eyebrow{color:#6f8ca5;letter-spacing:.24em;margin:0 0 22px}.profile-intro{grid-template-columns:78px 1fr;align-items:start;gap:18px}.profile-avatar{aspect-ratio:5/7;color:#effaff;letter-spacing:-.06em;cursor:pointer;background:radial-gradient(circle at 65% 25%,#ff671fbf,#0000 32%),radial-gradient(circle at 32% 80%,#00a4ffe6,#0000 46%),#071321;border:1px solid #9ddfff73;border-radius:16px;place-items:center;width:78px;padding:0;font-size:19px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #19acff2e,0 0 22px #0089ff24}.profile-avatar img{object-fit:cover;filter:saturate(.9)contrast(1.05);width:100%;height:100%}.profile-avatar:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 32%,#009bff1f);position:absolute;inset:0}.profile-avatar i{z-index:2;color:#e9fbff;letter-spacing:.08em;opacity:.72;background:#030e18b8;border:1px solid #dbf8ff8f;border-radius:999px;padding:3px 5px;font-size:8px;font-style:normal;transition:all .2s;position:absolute;bottom:6px;right:6px}.profile-avatar:focus-visible,.profile-avatar:hover{border-color:#fff;outline:none;box-shadow:inset 0 0 28px #19acff3d,0 0 25px #00c4ff40}.profile-avatar:focus-visible i,.profile-avatar:hover i{opacity:1}.profile-intro h2{color:#f4f8ff;letter-spacing:-.055em;font-size:clamp(22px,2.2vw,40px);font-weight:650;line-height:1.02}.profile-intro h2 em{color:#87a9c4;letter-spacing:.02em;margin-top:.42em;font-size:.42em;font-style:normal;font-weight:500;display:inline-block}.profile-intro p{color:#8da3b8;max-width:440px;margin:16px 0 0;font-size:clamp(12px,.9vw,15px);line-height:1.8}.profile-timeline{gap:26px;margin:clamp(46px,7vh,84px) 0 30px}.profile-timeline-item{padding-left:19px}.profile-timeline-item:before{content:"";background:#ff6726;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:0;box-shadow:0 0 12px #ff6726}.profile-timeline-item:nth-child(2):before{background:#d855ff;box-shadow:0 0 12px #d855ff}.profile-timeline-item:nth-child(3):before{background:#21d3e7;box-shadow:0 0 12px #21d3e7}.profile-timeline-item:not(:last-child):after{content:"";background:linear-gradient(#4b6176,#0000);width:1px;height:calc(100% + 20px);position:absolute;top:14px;left:3px}.profile-timeline-item b{color:#f1f6fc;letter-spacing:.06em;font-size:11px;font-weight:600;display:block}.profile-timeline-item span{color:#7891a7;margin-top:6px;font-size:11px;display:block}.profile-tags{flex-wrap:wrap;gap:7px;max-width:420px;display:flex}.profile-tags span{isolation:isolate;color:#b3d7e4;letter-spacing:.06em;background-image:linear-gradient(#06182794,#06182794),linear-gradient(115deg,#45d3ebb8 0 28%,#aefffc 47%,#45d3ebb8 62% 100%);background-position:0 0,130% 0;background-size:100% 100%,260% 100%;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:999px;padding:7px 12px;font-size:9px;animation:tagBorderFlow 3.6s linear infinite;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #159fcd1a,0 0 12px #0882b81a}.profile-tags span:before{content:"";z-index:1;border-radius:inherit;filter:drop-shadow(0 0 3px #49eeffcc);opacity:.95;pointer-events:none;background:linear-gradient(115deg,#0000 16%,#72f2ff1a 30%,#aefffc 47%,#38d5ee42 58%,#0000 74%) 0 0/230% 100%;padding:1px;animation:tagFlow 3.6s linear infinite;display:none;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-tags .is-active{color:#b3d7e4}.profile-note{color:#668198;letter-spacing:.12em;margin:auto 0 0;font-size:10px;line-height:1.6}.profile-controls{z-index:20;justify-content:flex-end;display:flex;position:absolute;top:28px;right:28px}.profile-edit-toggle{color:#c7e8f6;letter-spacing:.12em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05111ec7;border:1px solid #97d0ed6b;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:10px;transition:all .2s;display:inline-flex}.profile-edit-toggle.is-editing,.profile-edit-toggle:hover{color:#fff;border-color:#29d9ea;box-shadow:0 0 22px #23d7e833}.edit-dot{background:#29d9ea;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #29d9ea}.profile-editor-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030c17f2;border:1px solid #73c2e74d;border-radius:18px;width:min(370px,100vw - 42px);max-height:min(72svh,660px);padding:18px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 24px 70px #0000007a,inset 0 0 35px #008dff0f}.editor-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:15px;display:flex}.editor-heading b{color:#e6f8ff;letter-spacing:.16em;font-size:11px}.editor-heading span{color:#68859c;font-size:9px}.profile-editor-dock label{color:#82a6bb;letter-spacing:.1em;margin-top:11px;font-size:9px;display:block}.profile-editor-dock input,.profile-editor-dock textarea{color:#e9f8ff;background:#091928d1;border:1px solid #81b0ca47;border-radius:8px;outline:none;width:100%;margin-top:5px;padding:8px 9px;font:12px/1.45 Arial,Microsoft YaHei,sans-serif;transition:border-color .2s,box-shadow .2s;display:block}.profile-editor-dock textarea{resize:vertical;min-height:66px}.profile-editor-dock input:focus,.profile-editor-dock textarea:focus{border-color:#27d9e8;box-shadow:0 0 0 2px #27d9e81a,0 0 15px #27d9e81f}.editor-subtitle{color:#d5edf5;letter-spacing:.14em;border-top:1px solid #80adc629;margin-top:17px;padding-top:13px;font-size:9px}.editor-timeline{grid-template-columns:112px 1fr;gap:6px;display:grid}.editor-timeline input{margin-top:7px}.editor-tags{grid-template-columns:1fr 1fr;gap:6px;display:grid}.editor-tags input{margin-top:7px}.editor-project-covers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.editor-project-cover{min-width:0}.editor-project-cover .upload-button{width:100%;padding-inline:7px}.editor-project-cover small{color:#68859c;text-align:center;letter-spacing:.04em;margin-top:4px;font-size:8px;display:block}.editor-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.reset-button,.upload-button{letter-spacing:.08em;cursor:pointer;border-radius:8px;flex:1;padding:9px 10px;font-size:10px;transition:all .2s}.upload-button{color:#fff;background:linear-gradient(100deg,#ff5317d9,#ff531733);border:1px solid #ff692ba6}.upload-button-blue{background:linear-gradient(100deg,#1493d9db,#1468bd38);border-color:#53d3ffb3}.upload-button-blue:hover{box-shadow:0 0 20px #30bfff40}.upload-button:hover{box-shadow:0 0 20px #ff5b1840}.reset-button{color:#96afc1;background:#081624b3;border:1px solid #84aac14d}.reset-button:hover{color:#fff;border-color:#c7e9f7}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.profile-portrait{background:radial-gradient(circle at 30% 85%,#ff471133,#0000 31%),radial-gradient(circle at 76% 20%,#0097ff47,#0000 43%),linear-gradient(145deg,#081523,#030811 72%);border:1px solid #71bfe742;border-radius:28px;min-width:0;overflow:hidden;box-shadow:inset 0 0 70px #0000008c,0 26px 70px #00000047}.profile-portrait:before{content:"";pointer-events:none;border:1px solid #a0d9f529;border-radius:50% 50% 45% 45%;position:absolute;inset:11%;transform:rotate(-13deg);box-shadow:0 0 0 2vw #1ab2ff06,0 0 0 5vw #ff541805}.portrait-topline{z-index:5;color:#8caac0;letter-spacing:.18em;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:4%;left:5%;right:5%}.portrait-topline b{color:#fff;letter-spacing:.08em;font-size:11px}.portrait-placeholder{place-items:center;display:grid;position:absolute;inset:8% 7% 10%;overflow:hidden}.portrait-photo{z-index:1;object-fit:cover;object-position:center;opacity:.82;filter:blur(14px)saturate(.74)contrast(1.06)brightness(.76);will-change:filter;width:100%;height:100%;position:absolute;inset:0;transform:none}.portrait-placeholder:before{content:none}.portrait-orbit{border:1px solid #7adfff4d;border-radius:50%;animation:portraitOrbit 8s linear infinite;position:absolute;transform:rotate(-18deg)}.portrait-orbit-a{width:76%;height:36%}.portrait-orbit-b{border-color:#ff6e2a3b;width:60%;height:70%;animation-duration:11s;animation-direction:reverse;transform:rotate(62deg)}.portrait-silhouette{clip-path:polygon(39% 0,61% 0,69% 10%,68% 26%,80% 40%,100% 100%,0 100%,20% 40%,32% 26%,31% 10%);filter:drop-shadow(0 0 24px #4adaff47);background:linear-gradient(145deg,#e0f8ffeb,#36aedc4d 38%,#ff521e59 75%,#ffffffe0);place-items:center;width:48%;height:66%;animation:portraitFloat 4s ease-in-out infinite;display:grid;position:relative}.portrait-silhouette:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 62% 34%,#d9fbff 0 8%,#0000 9%),linear-gradient(150deg,#dffbff,#328db7 55%,#fc7041);border-radius:50%;width:42%;position:absolute;top:4%;box-shadow:0 0 24px #5be2ffb3}.portrait-silhouette i{background:#e2ffffd1;width:58%;height:1px;position:absolute;bottom:22%;box-shadow:0 0 10px #6be7ff}.portrait-silhouette span{z-index:2;color:#031420d6;letter-spacing:-.08em;margin-top:42%;font-size:clamp(18px,3vw,44px);font-weight:800;position:relative}.portrait-placeholder p{color:#d6f6ff;letter-spacing:.18em;text-align:center;margin:0;font-size:clamp(11px,1vw,15px);position:absolute;bottom:2%}.portrait-placeholder p small{color:#6b96ad;letter-spacing:.25em;margin-top:8px;font-size:.62em;display:inline-block}.portrait-upload-trigger{z-index:8;color:#e7fbff;letter-spacing:.08em;cursor:pointer;background:#03101cc2;border:1px solid #bef1ffa6;border-radius:999px;padding:7px 12px;font-size:10px;position:absolute;bottom:3%;left:50%;transform:translate(-50%);box-shadow:0 0 18px #2bd4ef26}.portrait-upload-trigger:hover{border-color:#fff;box-shadow:0 0 22px #54eaff52}.portrait-frost{z-index:3;pointer-events:auto;border-radius:14px;position:absolute;inset:8% 7% 10%;overflow:hidden}.portrait-frost-overlay{display:none}.portrait-clear-lens{z-index:2;aspect-ratio:3.15;clip-path:polygon(0 13px,13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px));will-change:transform;background:#020d146b;border:2px solid #18ecdef5;border-radius:0;width:clamp(190px,46%,370px);transition:transform .16s cubic-bezier(.2,.75,.3,1);position:absolute;top:0;left:0;overflow:hidden;transform:translate(0);box-shadow:0 0 0 1px #01161d9e,0 0 8px #0defe252,inset 0 0 0 1px #70fff49e}.portrait-clear-lens:after,.portrait-clear-lens:before{content:none}.portrait-clear-lens-image{filter:none;will-change:transform;background-color:#020b1238;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform .16s cubic-bezier(.2,.75,.3,1);position:absolute;inset:0}.lens-frame{z-index:3;pointer-events:none;position:absolute;inset:0}.lens-frame-inner{clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px));border:1px solid #0cb6b8eb;inset:6px;box-shadow:inset 0 0 10px #10acb31f}.lens-frame-accents{z-index:4;opacity:.98;background:repeating-linear-gradient(125deg,#14e0d7fa 0 2px,#0000 2px 5px) 14px 3px/46px 7px no-repeat,linear-gradient(#1ae8de,#0b849afa) 3px 14px/4px calc(100% - 28px) no-repeat,linear-gradient(#1ae8de,#0b849afa) right 3px top 14px/4px calc(100% - 28px) no-repeat,linear-gradient(90deg,#0000 0 7%,#087f96fa 7% 44%,#0000 44% 56%,#11c5c6 56% 93%,#0000 93%) 0 100%/100% 4px no-repeat}.lens-frame-flow{z-index:5;clip-path:polygon(0 13px,13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px));background:conic-gradient(from var(--flow-angle),transparent 0deg 320deg,#0dd3cf33 330deg,#49fff5 342deg,#ebfffd 350deg,#0ed9d347 358deg,transparent 1turn);filter:drop-shadow(0 0 8px #31fff2e6)drop-shadow(0 0 15px #0ad0cd8a);opacity:.98;padding:2px;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portrait-scan{display:none}.portrait-meta{z-index:5;color:#8caac0;letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:4%;left:5%;right:5%}.portrait-bars{align-items:flex-end;gap:3px;height:15px;display:inline-flex}.portrait-bars i{background:#23d8e8;width:2px;display:block;box-shadow:0 0 8px #23d8e8}.portrait-bars i:first-child{height:8px}.portrait-bars i:nth-child(2){height:14px}.portrait-bars i:nth-child(3){height:10px}.portrait-bars i:nth-child(4){height:6px}@keyframes portraitOrbit{to{transform:rotate(342deg)}}@keyframes portraitFloat{0%,to{transform:translateY(5px)}50%{transform:translateY(-8px)}}@keyframes portraitScan{0%,to{opacity:0;top:20%}18%{opacity:1}82%{opacity:1}95%{opacity:0;top:82%}}@keyframes tagFlow{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes tagBorderFlow{0%{background-position:0 0,130% 0}to{background-position:0 0,-130% 0}}@property --flow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes lensFlow{to{--flow-angle:360deg}}.lens-frame-flow{animation:lensFlow 3s linear infinite}@media (max-width:980px){.profile-section{grid-template-rows:auto 66svh;grid-template-columns:58px 1fr;min-height:auto;margin-top:-26vh}.profile-rail{border-radius:24px;grid-row:1/3;min-height:0}.profile-info{min-height:480px;padding-bottom:26px}.profile-portrait{grid-column:2;min-height:500px}}@media (max-width:640px){.profile-section{grid-template-rows:auto 70svh;grid-template-columns:48px 1fr;gap:8px;margin-top:-18vh;padding:8px}.profile-rail{border-radius:20px;padding:8px 4px}.profile-mark{width:36px;height:36px}.profile-info{min-height:500px;padding:10px 8px 26px}.profile-intro{grid-template-columns:54px 1fr;gap:10px}.profile-avatar{border-radius:12px;width:54px}.profile-intro h2{font-size:clamp(21px,6vw,30px)}.profile-intro p{font-size:12px;line-height:1.65}.profile-portrait{border-radius:20px;min-height:420px}.profile-rail-copy{font-size:8px}.profile-controls{top:16px;right:16px}.profile-edit-toggle{padding:8px 11px;font-size:9px}.profile-editor-dock{width:min(340px,100vw - 30px);max-height:68svh;padding:14px}.editor-timeline{grid-template-columns:94px 1fr}}@media (prefers-reduced-motion:reduce){.portrait-orbit,.portrait-scan,.portrait-silhouette{animation:none}.lens-frame-flow{animation:lensFlow 3s linear infinite!important}.profile-tags span:before{animation:tagFlow 3.6s linear infinite!important}.profile-tags span{animation:tagBorderFlow 3.6s linear infinite!important}}.profile-section{background:#02070e;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.14fr) minmax(420px,.86fr);align-items:stretch;gap:0 clamp(26px,4vw,76px);min-height:100svh;margin-top:-38vh;padding:clamp(30px,4vw,66px) clamp(28px,5vw,92px) clamp(30px,4vw,56px);display:grid;position:relative}.profile-section:before{content:"";z-index:0;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));pointer-events:none;border:1px solid #96b5c566;position:absolute;inset:24px;box-shadow:inset 0 0 30px #1781ab0d}.profile-section:after{z-index:0;background:radial-gradient(circle at 72% 33%,#0084ba1a,#0000 34%),radial-gradient(circle at 18% 64%,#ff711912,#0000 34%)}.profile-section>.profile-controls{z-index:8;top:42px;right:clamp(30px,5vw,92px)}.profile-section>.profile-rail,.profile-section>.sr-only{display:none!important}.profile-editor-dock .upload-button:not(.upload-button-blue){display:none}.profile-topbar{z-index:2;border-bottom:1px solid #89aaba42;grid-area:1/1/auto/-1;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:clamp(18px,3vw,58px);min-height:46px;padding:0 2px 22px;display:grid;position:relative}.profile-topbar-left{color:#dbe9ef;align-items:center;gap:20px;display:inline-flex}.profile-topbar-left strong{color:#ff7a17;letter-spacing:-.04em;font-size:21px}.profile-topbar-left i{background:#deedf1a3;width:1px;height:23px}.profile-topbar-left span,.profile-topbar-right{color:#c8d1d6;letter-spacing:.08em;font-size:11px}.profile-topbar-line{align-items:center;gap:8px;min-width:0;display:flex}.profile-topbar-line:after,.profile-topbar-line:before{content:"";background:#90b4c18f;flex:1;height:1px}.profile-topbar-line b{background:#d6f5fa;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #b7f3ffbf}.profile-topbar-line i{display:none}.profile-topbar-right{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.profile-topbar-right em{color:#ff7915;font-size:17px;font-style:normal}.profile-topbar-right i{background:linear-gradient(90deg,#ff7915 0 68%,#0000 68% 100%);width:36px;height:3px;margin-left:5px}.profile-section>.profile-info{z-index:2;flex-direction:column;grid-area:2/1;min-width:0;padding:clamp(42px,6vh,80px) 0 26px;display:flex;position:relative}.profile-info:before{content:"视觉设计师  ×  AI 创作者";color:#f4f0e8;letter-spacing:-.06em;white-space:nowrap;font-size:clamp(31px,4.2vw,70px);font-weight:650;line-height:1.08;display:block}.profile-eyebrow{color:#7f9aaa;letter-spacing:.25em;order:-1;margin:0 0 18px;font-size:10px}.profile-intro{grid-template-columns:1fr;gap:0;width:100%;margin-top:22px;display:grid}.profile-avatar{display:none!important}.profile-intro:before{content:"Visual Designer  ×  AI Creator";color:#b6b5b1;letter-spacing:.08em;margin-bottom:clamp(34px,5vh,54px);font-size:clamp(15px,1.35vw,23px);display:block}.profile-intro h2{color:#f4f0e8;letter-spacing:-.045em;margin:0;padding-bottom:18px;font-size:clamp(30px,3.4vw,56px);line-height:1.06;position:relative}.profile-intro h2:after{content:"";background:#ff7c13;width:76px;height:3px;margin-top:20px;display:block;box-shadow:0 0 12px #ff701057}.profile-intro h2 em{color:#95a9b4;letter-spacing:.03em;margin-top:12px;font-size:.32em;display:block}.profile-intro p{color:#b6b2a8;letter-spacing:.03em;width:100%;max-width:none;margin:25px 0 0;font-size:clamp(13px,.9vw,16px);line-height:1.95}.profile-timeline{gap:22px;margin:clamp(48px,7vh,90px) 0 0;display:grid;position:relative}.profile-timeline:before{content:"工作履历  /  EXPERIENCE";color:#e4e3de;letter-spacing:.08em;border-bottom:1px solid #8dabb847;margin-bottom:4px;padding-bottom:14px;font-size:clamp(14px,1.2vw,20px);display:block}.profile-timeline:after{content:"";background:linear-gradient(#90a4ada6,#90a4ad24);width:1px;position:absolute;top:59px;bottom:12px;left:9px}.profile-timeline-item{grid-template-columns:minmax(125px,180px) 1fr;align-items:center;gap:18px;padding:0 0 0 28px;display:grid;position:relative}.profile-timeline-item:before{width:11px;height:11px;box-shadow:none;z-index:1;background:#06111a;border:1px solid #9eb5c2;top:50%;left:4px;transform:translateY(-50%)}.profile-timeline-item:nth-child(2):before{background:#21d3e7;border-color:#21d3e7;box-shadow:0 0 12px #21d3e7b8}.profile-timeline-item:nth-child(4):before{background:#ff7d17;border-color:#ff7d17;box-shadow:0 0 10px #ff7d1780}.profile-timeline-item:not(:last-child):after{display:none}.profile-timeline-item b{color:#a8bac6;letter-spacing:.04em;font-size:clamp(13px,.9vw,16px);font-weight:400}.profile-timeline-item span{color:#c8bfae;margin-top:0;font-size:clamp(13px,.9vw,16px);line-height:1.5}.profile-note,.profile-tags{display:none}.profile-section>.profile-portrait{z-index:2;clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));background:linear-gradient(145deg,#111923,#03080f 72%);border:1px solid #c2d3da99;border-radius:0;grid-area:2/2/span 2;min-width:0;height:100%;min-height:0;position:relative;box-shadow:inset 0 0 80px #00000094,0 18px 46px #00000040}.profile-portrait:after{content:"";z-index:4;clip-path:polygon(0 31px,31px 0,calc(100% - 31px) 0,100% 31px,100% calc(100% - 31px),calc(100% - 31px) 100%,31px 100%,0 calc(100% - 31px));pointer-events:none;border:1px solid #65aecb8c;position:absolute;inset:0}.profile-stats{z-index:2;grid-area:3/1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:18px;display:grid;position:relative}.profile-stat-card{background:#050e1885;border:1px solid #8ea9b857;border-radius:6px;grid-template-rows:1fr auto;grid-template-columns:52px 1fr;align-items:center;min-height:112px;padding:18px 20px;display:grid;box-shadow:inset 0 0 22px #3d8eb009}.profile-stat-card strong{color:#f1eee8;letter-spacing:-.04em;align-self:end;font-size:clamp(29px,2.7vw,47px);font-weight:450;line-height:.95}.profile-stat-card small{color:#b6ada0;letter-spacing:.02em;align-self:start;margin-top:9px;font-size:clamp(11px,.9vw,15px)}.profile-stat-icon{border:1px solid #85b7d7a6;border-radius:50%;grid-row:1/3;width:44px;height:44px;position:relative}.profile-stat-icon-orbit:before{content:"";border:2px solid #73bff4;border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 10px #47aeef66}.profile-stat-icon-layers{border-color:#ff89169e;border-radius:50%}.profile-stat-icon-layers i{border:2px solid #f18416;width:23px;height:13px;position:absolute;left:10px;transform:rotate(30deg)skew(-17deg)}.profile-stat-icon-layers i:first-child{top:8px}.profile-stat-icon-layers i:nth-child(2){top:15px}.profile-stat-icon-layers i:nth-child(3){top:22px}.profile-stat-icon-pair{justify-content:center;align-items:center;gap:5px;display:flex}.profile-stat-icon-pair i{border:2px solid #86c9fa;border-radius:50%;width:17px;height:17px}@media (max-width:980px){.profile-section{grid-template-rows:auto auto minmax(520px,70svh) auto;grid-template-columns:minmax(0,1fr);gap:0;min-height:auto;margin-top:-26vh;padding:28px 24px 30px}.profile-topbar{grid-column:1}.profile-section>.profile-info{grid-area:2/1;padding:42px 0 26px}.profile-section>.profile-portrait{grid-area:3/1;height:auto;min-height:520px}.profile-stats{grid-area:4/1}.profile-info:before{font-size:clamp(30px,7vw,54px)}.profile-section>.profile-controls{top:30px;right:24px}}@media (max-width:640px){.profile-section{margin-top:-18vh;padding:20px 14px 22px}.profile-section:before{inset:12px}.profile-topbar{grid-template-columns:1fr auto;gap:12px;padding-bottom:16px}.profile-topbar-line{display:none}.profile-topbar-right{font-size:8px}.profile-section>.profile-controls{top:18px;right:14px}.profile-info:before{white-space:normal;font-size:clamp(26px,8.5vw,42px)}.profile-intro:before{font-size:13px}.profile-timeline-item{grid-template-columns:110px 1fr;gap:10px;padding-left:25px}.profile-timeline-item b,.profile-timeline-item span{font-size:12px}.profile-stats{gap:7px}.profile-stat-card{grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:start;min-height:112px;padding:12px 9px}.profile-stat-icon{grid-row:auto;width:34px;height:34px;margin-bottom:8px}.profile-stat-icon-orbit:before{inset:7px}.profile-stat-icon-layers i{width:18px;height:10px;left:7px}.profile-stat-icon-layers i:first-child{top:6px}.profile-stat-icon-layers i:nth-child(2){top:12px}.profile-stat-icon-layers i:nth-child(3){top:18px}.profile-stat-icon-pair i{width:12px;height:12px}.profile-stat-card strong{font-size:29px}.profile-stat-card small{margin-top:6px;font-size:10px}}.projects-section{z-index:4;background:radial-gradient(circle at 50% 48%,#1041613d,#0000 34%),radial-gradient(circle at 16% 26%,#ff4f161a,#0000 28%),radial-gradient(circle at 84% 24%,#0080ff24,#0000 30%),#02070e;min-height:100svh;padding:clamp(54px,7vw,108px) clamp(22px,6vw,100px) clamp(70px,8vw,120px);position:relative;overflow:hidden}.projects-section:before{content:"";clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));pointer-events:none;border:1px solid #75a1b94d;position:absolute;inset:22px}.projects-section:after{content:"";pointer-events:none;opacity:.22;background:repeating-linear-gradient(90deg,#0000 0 79px,#7aacc629 79px 80px),repeating-linear-gradient(0deg,#0000 0 79px,#7aacc61f 79px 80px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.projects-heading{z-index:2;justify-content:space-between;align-items:end;max-width:1320px;margin:0 auto clamp(30px,5vw,64px);padding:0 2px;display:flex;position:relative}.projects-kicker{color:#7c9caf;letter-spacing:.25em;margin-bottom:12px;font-size:10px;display:block}.projects-heading h1{color:#f2f2ed;letter-spacing:-.06em;margin:0;font-size:clamp(32px,4.6vw,70px);font-weight:500}.projects-heading p{color:#a2b4bd;letter-spacing:.12em;text-align:right;margin:0 0 4px;font-size:12px;line-height:1.8}.project-map{z-index:2;grid-template-rows:repeat(3,minmax(174px,1fr));grid-template-columns:minmax(250px,1fr) minmax(240px,.86fr) minmax(250px,1fr);gap:clamp(26px,3.7vw,56px) clamp(36px,7vw,112px);max-width:1320px;min-height:650px;margin:0 auto;display:grid;position:relative}.project-map:before{content:"";z-index:-1;opacity:.38;pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#3da9e299 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#3da9e299 50%,#0000 50.2%),radial-gradient(circle,#35b9ef6b 0 2px,#0000 3px);position:absolute;inset:5% 19%;-webkit-mask-image:radial-gradient(#000 24%,#0000 72%);mask-image:radial-gradient(#000 24%,#0000 72%)}.project-card{isolation:isolate;color:#eef6fb;clip-path:polygon(0 18px,18px 0,calc(100% - 42px) 0,calc(100% - 26px) 12px,100% 12px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(120deg,#0b1b2bf5,#030a12e6);border:1px solid #85b6d185;min-height:174px;padding:25px 28px 22px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #2a9ad51f,0 20px 45px #0000003d}.project-card:before{content:"";z-index:-1;opacity:.72;background:radial-gradient(circle at 82% 35%,#40bcff4d,#0000 34%),linear-gradient(130deg,#0000 22%,#ffffff09 22.5% 23%,#0000 23.5%);position:absolute;inset:0}.project-card:after{content:"";z-index:3;filter:drop-shadow(0 0 5px #47d3ff99);pointer-events:none;background:linear-gradient(125deg,#0000 12%,#82e9ff14 34%,#d7fafff2 48%,#35bbff26 60%,#0000 82%) 0 0/240% 100%;padding:1px;animation:projectFrameFlow 4.5s linear infinite;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:focus-visible,.project-card:hover{border-color:#d5fafff5;outline:none;transform:translateY(-5px);box-shadow:inset 0 0 32px #35c0f433,0 18px 52px #008eeb3d}.project-card:first-child{grid-area:1/1}.project-card:nth-child(2){grid-area:1/3}.project-card:nth-child(3){grid-area:2/1}.project-card:nth-child(4){grid-area:2/3}.project-card:nth-child(5){grid-area:3/1}.project-card:nth-child(6){grid-area:3/3}.project-card-orange{background:linear-gradient(120deg,#2e1914f2,#090e16eb);border-color:#ff7e2bc2}.project-card-orange:before{background:radial-gradient(circle at 78% 35%,#ff631873,#0000 36%),linear-gradient(130deg,#0000 22%,#ffffff09 22.5% 23%,#0000 23.5%)}.project-card-amber{background:linear-gradient(120deg,#261e17f5,#080d14eb);border-color:#ff973ab3}.project-card-cyan{border-color:#3bcdf2b8}.project-card-violet{border-color:#9a78ffb8}.project-card-steel{border-color:#aac1d0a6}.project-card-number{color:#bfd9e794;letter-spacing:.04em;font-size:22px;position:absolute;top:20px;left:28px}.project-card-copy{z-index:2;gap:7px;display:grid;position:absolute;bottom:43px;left:28px}.project-card-copy strong{color:#edf5f8;letter-spacing:-.04em;font-size:clamp(18px,1.6vw,27px);font-weight:500}.project-card-copy small{color:#b8ccd5;letter-spacing:.07em;font-size:11px}.project-card-enter{z-index:2;color:#a8bfca;letter-spacing:.14em;font-size:9px;position:absolute;bottom:18px;left:28px}.project-card-enter i{color:#dff7ff;vertical-align:middle;border:1px solid;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:9px;font-size:17px;font-style:normal;line-height:1;transition:transform .2s;display:inline-grid}.project-card:hover .project-card-enter i{transform:translate(3px)}.project-card-visual{z-index:1;opacity:.55;width:35%;height:68%;position:absolute;top:34px;right:28px;transform:rotate(-12deg)}.project-card-visual:after,.project-card-visual:before{content:"";border:1px solid;position:absolute}.project-card-visual:before{border-radius:50%;inset:8% 16%;box-shadow:0 0 0 10px #53c1f20d,0 0 0 20px #53c1f20a}.project-card-visual:after{opacity:.7;border-width:1px 0;inset:28% 0}.project-card-visual i{aspect-ratio:1;border:1px solid;border-radius:50%;width:43%;position:absolute;top:17%;right:22%;box-shadow:0 0 18px}.project-card-visual b{background:currentColor;width:90%;height:1px;position:absolute;top:49%;left:4%;box-shadow:0 0 8px}.project-card-orange .project-card-visual{color:#ff9d55}.project-card-amber .project-card-visual{color:#ffc277}.project-card-blue .project-card-visual,.project-card-cyan .project-card-visual{color:#5ed6ff}.project-card-steel .project-card-visual{color:#d4e8f2}.project-hub{background:radial-gradient(circle,#113043ad,#030a12f5 67%);border:1px solid #97bccf94;border-radius:50%;grid-area:2/2;align-content:center;place-items:center;min-height:210px;display:grid;position:relative;box-shadow:0 0 0 12px #0f3a5233,0 0 0 20px #07203429,inset 0 0 38px #52bfe81f,0 0 40px #339ad21f}.project-hub-ring{border:1px solid #56d0fab8;border-radius:50%;position:absolute}.project-hub-ring-a{border-style:dashed;animation:hubSpin 18s linear infinite;inset:12px}.project-hub-ring-b{border-color:#0000 #ff78237a;animation:hubSpin 12s linear infinite reverse;inset:-9px}.project-hub b{color:#f0f5f7;letter-spacing:-.06em;font-size:clamp(20px,2vw,31px);font-weight:500}.project-hub small{color:#88a7b8;letter-spacing:.24em;margin-top:9px;font-size:9px}.project-hub i{background:linear-gradient(90deg,#0000,#f1f9ff,#0000);width:44px;height:1px;margin-top:15px;box-shadow:0 0 10px #81dfff}@keyframes projectFrameFlow{0%{background-position:130% 0}to{background-position:-130% 0}}@keyframes hubSpin{to{transform:rotate(1turn)}}.project-detail-page{color:#eff8fc;background:radial-gradient(circle at 78% 27%,#0c66a938,#0000 34%),radial-gradient(circle at 12% 55%,#ff57181a,#0000 28%),#02070e;min-height:100vh;padding:clamp(20px,3vw,48px) clamp(22px,7vw,120px) 90px;position:relative;overflow:hidden}.project-detail-grid{opacity:.22;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 79px,#6aabc624 79px 80px),repeating-linear-gradient(0deg,#0000 0 79px,#6aabc624 79px 80px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.project-detail-topbar{z-index:2;color:#8ea7b6;letter-spacing:.16em;border-bottom:1px solid #86abbd4d;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;font-size:10px;display:flex;position:relative}.project-back{color:#d6ecf5;text-decoration:none}.project-back:hover{color:#fff}.project-detail-hero{z-index:2;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);align-items:center;gap:clamp(34px,7vw,120px);max-width:1360px;min-height:62vh;margin:0 auto;display:grid;position:relative}.project-detail-number{color:#ff7a22;letter-spacing:-.09em;font-size:clamp(55px,8vw,132px);font-weight:300;line-height:.8}.project-detail-kicker{color:#88a6b6;letter-spacing:.2em;margin:38px 0 12px;font-size:10px}.project-detail-hero h1{color:#f4f5f0;letter-spacing:-.07em;margin:0;font-size:clamp(40px,6vw,92px);font-weight:500}.project-detail-subtitle{color:#a9bdc7;letter-spacing:.12em;margin:12px 0 0;font-size:15px}.project-detail-summary{color:#b1c0c6;max-width:520px;margin:30px 0 0;font-size:15px;line-height:2}.project-detail-return{color:#d5f6ff;letter-spacing:.16em;border-bottom:1px solid #24c7e5;align-items:center;gap:13px;margin-top:42px;padding-bottom:9px;font-size:10px;text-decoration:none;display:inline-flex}.project-detail-return i{font-size:17px;font-style:normal}.project-detail-art{clip-path:polygon(0 26px,26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px));background:radial-gradient(circle,#1973a84d,#0000 36%),linear-gradient(145deg,#0d2334d9,#020910f7);border:1px solid #89b8cfa1;min-height:min(56vh,570px);position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0000008c,0 20px 70px #00000057}.project-detail-art:before{content:"";clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px));border:1px solid #5ad0f17a;position:absolute;inset:22px}.project-art-grid{opacity:.45;transform-origin:bottom;background-color:#0000;background-image:linear-gradient(#3ec0ed40 1px,#0000 0),linear-gradient(90deg,#3ec0ed40 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:18%;transform:perspective(500px)rotateX(58deg)rotate(-8deg)}.project-art-orbit{border:1px solid #6ee0ffb3;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.project-art-orbit-a{width:60%;height:36%}.project-art-orbit-b{border-color:#ff842d99;width:42%;height:68%;transform:translate(-50%,-50%)rotate(58deg)}.project-art-core{border:1px solid #cff3ffd9;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 15px #38a8db1a,0 0 30px #28bef44d,inset 0 0 25px #4ec5ee3d}.project-art-core b{color:#f1fbff;font-size:31px;font-weight:400}.project-art-core i{background:#ff8130;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 12px #ff8130}.project-art-label{color:#a5cfdf;letter-spacing:.32em;white-space:nowrap;font-size:10px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.project-detail-content{z-index:2;grid-template-columns:1fr 1fr;gap:20px;max-width:1360px;margin:10px auto 0;display:grid;position:relative}.project-detail-panel{background:#04101bad;border:1px solid #77a7bc4d;padding:26px 28px 30px}.project-panel-index{color:#6f95a6;letter-spacing:.2em;font-size:9px}.project-detail-panel h2{color:#f0f5f5;margin:12px 0 20px;font-size:20px;font-weight:500}.project-detail-panel ul{flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;display:flex}.project-detail-panel ul li{color:#bce5f0;border:1px solid #60cce766;padding:8px 11px;font-size:11px}.project-detail-panel ol{gap:13px;margin:0;padding:0;list-style:none;display:grid}.project-detail-panel ol li{color:#b7c8ce;grid-template-columns:30px 1fr;gap:10px;font-size:12px;line-height:1.5;display:grid}.project-detail-panel ol b{color:#ff8a38;font-weight:400}.project-detail-blue .project-detail-number,.project-detail-cyan .project-detail-number{color:#4fcfff}.project-detail-amber .project-detail-number{color:#ffad4c}.project-detail-steel .project-detail-number{color:#b4d7e9}@media (max-width:900px){.projects-heading{flex-direction:column;align-items:start;gap:16px}.projects-heading p{text-align:left}.project-map{grid-template-rows:auto;grid-template-columns:1fr 1fr;min-height:0}.project-map:before{display:none}.project-card:nth-child(n){grid-area:auto}.project-hub{grid-area:1/1/auto/-1;min-height:190px;margin:0 15%}.project-detail-hero{grid-template-columns:1fr;min-height:auto;padding:58px 0 50px}.project-detail-art{min-height:430px}.project-detail-content{grid-template-columns:1fr}}@media (max-width:600px){.projects-section{padding-inline:16px}.projects-section:before{inset:12px}.project-map{grid-template-columns:1fr;gap:16px}.project-hub{grid-column:1;min-height:180px;margin:0 8%}.project-card{min-height:160px;padding-left:20px}.project-card-copy,.project-card-enter,.project-card-number{left:20px}.project-detail-page{padding-inline:16px}.project-detail-topbar{font-size:8px}.project-detail-topbar>span:last-child{display:none}.project-detail-art{min-height:330px}.project-art-core{width:84px;height:84px}.project-art-core b{font-size:24px}.project-detail-summary{font-size:13px}.project-detail-panel{padding:22px 18px}}.project-detail-amber .project-detail-hero{grid-template-columns:minmax(280px,.62fr) minmax(560px,1.38fr);gap:clamp(28px,5vw,78px)}.project-detail-amber .project-detail-art{min-height:min(67vh,700px)}.project-rail-gallery{isolation:isolate;background:radial-gradient(at 50% 62%,#0c538f3d,#0000 58%),linear-gradient(145deg,#061727eb,#01070efa);grid-template-rows:auto minmax(0,1fr) auto;padding:24px 26px 20px;display:grid;position:absolute;inset:0;overflow:hidden}.project-rail-gallery:before{display:none}.project-rail-head{z-index:20;color:#86c8e9;letter-spacing:.2em;justify-content:space-between;align-items:center;font:500 9px/1 Arial,sans-serif;display:flex;position:relative}.project-rail-head b{color:#eaf7ff;letter-spacing:.08em;font-weight:500}.project-rail-head-actions{align-items:center;gap:14px;display:flex}.project-rail-upload{color:#dff6ff;letter-spacing:.08em;cursor:pointer;background:#041828c2;border:1px solid #5db8ed94;border-radius:3px;align-items:center;min-height:28px;padding:7px 10px;font:500 9px/1 Arial,sans-serif;transition:border-color .25s,background-color .25s,box-shadow .25s;display:inline-flex;position:relative}.project-rail-upload:focus-within,.project-rail-upload:hover{background:#08263deb;border-color:#b6edff;box-shadow:0 0 12px #39a4f573}.project-rail-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.project-rail-stage{z-index:5;perspective:1100px;transform-style:flat;isolation:isolate;cursor:grab;touch-action:pan-y;min-height:0;margin:14px -26px 12px;position:relative;overflow:hidden}.project-rail-stage.is-dragging{cursor:grabbing}.project-rail-stage.is-auto .project-rail-card{transition:transform .12s linear,opacity .12s linear,filter .12s linear,box-shadow .42s}.project-rail-floor{filter:blur(16px);pointer-events:none;background:radial-gradient(#1b8edc3d,#0000 68%);border-radius:50%;height:20%;position:absolute;bottom:10%;left:13%;right:13%;transform:rotateX(68deg)}.project-rail-line{pointer-events:none;background:linear-gradient(90deg,#0000,#3298e7a6 20%,#e8faffcc 50%,#3298e7a6 80%,#0000);height:1px;position:absolute;top:50%;left:9%;right:9%;transform:translateY(-50%);box-shadow:0 0 10px #218ee6cc}.project-rail-line-b{opacity:.25;top:54%;transform:translateY(-50%)scaleX(.82)}.project-rail-card{aspect-ratio:3/4;opacity:1;width:clamp(172px,24vw,330px);transform:translate3d(calc(-50% + var(--rail-distance) * var(--rail-step,18vw)),-50%,calc(var(--rail-depth) * -1px)) rotateY(var(--rail-rotate)) scale(var(--rail-scale));transform-style:flat;filter:brightness(calc(.58 + (1 - var(--rail-depth) / 360) * .42)) saturate(calc(.72 + (1 - var(--rail-depth) / 360) * .28));cursor:pointer;background:#071522;border:1px solid #66c5f88f;border-radius:10px;padding:0;transition:transform .52s cubic-bezier(.2,.75,.2,1),opacity .42s,filter .42s,box-shadow .42s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 18px 42px #00000073,0 0 18px #1f84d82e}.project-rail-card:not(.is-current):after{background:linear-gradient(#01081024 45%,#01070ddb),#01070d2e}.project-rail-card:focus-within,.project-rail-card:hover{outline:none;box-shadow:0 22px 52px #00000085,0 0 24px #3ba9f873}.project-rail-card.is-current{border-color:#aee6fffa;animation-play-state:paused;box-shadow:0 26px 64px #0009,0 0 0 1px #5dc0fb75,0 0 32px #1a87e480}.project-rail-card-select{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.project-rail-card-select:focus-visible{outline-offset:-3px;outline:1px solid #beedfff2}.project-rail-card img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.project-rail-card:after{content:"";pointer-events:none;background:linear-gradient(#0108100d 45%,#01070ddb);position:absolute;inset:0}.project-rail-card.is-current{filter:none;z-index:100!important}.project-rail-card.is-current .project-rail-card-sheen,.project-rail-card.is-current:after{display:none}.project-rail-card-sheen{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 35%,#ccf2ff61 48%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.project-rail-card.is-current .project-rail-card-sheen{opacity:.65;animation:railSheen 4.8s ease-in-out infinite}.project-rail-card-meta{z-index:4;color:#dff5ff;letter-spacing:.11em;text-align:left;align-items:center;gap:9px;font:500 9px/1 Arial,sans-serif;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.project-rail-card-meta i{color:#60c2fa;font-style:normal}.project-rail-delete{z-index:8;color:#effaff;letter-spacing:.08em;cursor:pointer;background:#010c16d1;border:1px solid #b1e0f6b8;border-radius:3px;padding:6px 8px;font:500 9px/1 Arial,sans-serif;transition:border-color .2s,color .2s,background-color .2s,box-shadow .2s;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px #00000052}.project-rail-delete:focus-visible,.project-rail-delete:hover{color:#fff;background:#53180deb;border-color:#ff9b72;outline:none;box-shadow:0 0 14px #ff693c61}.project-rail-empty{z-index:6;color:#9bcce2;letter-spacing:.08em;background:#03121eb8;border:1px solid #5db8ed6b;padding:16px 20px;font-size:13px}.project-rail-crosshair,.project-rail-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-rail-crosshair{z-index:2;pointer-events:none;border:1px solid #ade5ffb3;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 9px #349ee814,0 0 12px #3baeffcc}.project-rail-controls{z-index:20;color:#78b9d8;letter-spacing:.18em;justify-content:center;align-items:center;gap:14px;font:500 8px/1 Arial,sans-serif;display:flex;position:relative}.project-rail-controls>button{color:#dff6ff;cursor:pointer;background:#041828c2;border:1px solid #5db8ed9e;border-radius:50%;width:28px;height:28px;transition:all .25s}.project-rail-controls>button:focus-visible,.project-rail-controls>button:hover{color:#fff;border-color:#b6edff;outline:none;box-shadow:0 0 12px #39a4f58c}.project-rail-controls>button:disabled{opacity:.3;cursor:default;box-shadow:none}.project-rail-dots{align-items:center;gap:6px;display:flex}.project-rail-dots button{opacity:.45;cursor:pointer;background:#6ba6c4;border:0;border-radius:50%;width:5px;height:5px;padding:0;transition:all .25s}.project-rail-dots button.is-active{opacity:1;background:#a8e6ff;border-radius:4px;width:18px;box-shadow:0 0 8px #4fbbffcc}@keyframes railSheen{0%,65%{transform:translate(-120%)}86%,to{transform:translate(120%)}}.project-rail-page{isolation:isolate;color:#eff8fc;background:radial-gradient(at 50% 72%,#0c569233,#0000 54%),#02070e;min-height:100svh;position:relative;overflow:hidden}.project-rail-page:before{content:"";z-index:0;pointer-events:none;opacity:.28;background:linear-gradient(#4fb1e524 1px,#0000 0) 0 0/34px 34px,linear-gradient(90deg,#4fb1e524 1px,#0000 0) 0 0/34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.project-rail-page .project-rail-gallery{z-index:1;background:radial-gradient(at 50% 60%,#0d4e8447,#0000 58%),linear-gradient(150deg,#071725eb,#020910f0 68%,#01050af5);height:100svh;min-height:100svh;padding:clamp(22px,3.2vw,48px) clamp(24px,5vw,84px) clamp(18px,2.4vw,34px);position:relative}.project-rail-page .project-rail-gallery:after{content:"";pointer-events:none;clip-path:polygon(0 22px,22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px));border:1px solid #63c2f438;position:absolute;inset:0}.project-rail-page .project-rail-stage{margin-inline:-84px}.project-rail-page .project-rail-card{width:clamp(210px,22vw,365px)}.project-rail-back{color:#8bcbed;text-decoration:none;transition:color .2s,text-shadow .2s}.project-rail-back:focus-visible,.project-rail-back:hover{color:#eafaff;text-shadow:0 0 12px #47b4ffcc;outline:none}@media (max-width:900px){.project-detail-amber .project-detail-hero{grid-template-columns:1fr}.project-detail-amber .project-detail-art{min-height:min(70vh,620px)}.project-rail-card{width:clamp(150px,31vw,260px)}.project-rail-stage{--rail-step:25vw}.project-rail-page .project-rail-stage{margin-inline:-48px}}@media (max-width:600px){.project-rail-gallery{padding:18px 16px 14px}.project-rail-stage{--rail-step:34vw;margin-inline:-16px}.project-rail-head{font-size:8px}.project-rail-head-actions{gap:7px}.project-rail-head-actions b{display:none}.project-rail-upload{min-height:26px;padding:6px 7px;font-size:8px}.project-rail-card{width:46vw}.project-rail-controls{gap:8px}.project-rail-controls>span{display:none}.project-rail-page .project-rail-gallery{padding-inline:16px}.project-rail-page .project-rail-stage{margin-inline:-16px}}.projects-reference-section{background:linear-gradient(#01050a 0 68%,#02080f 100%);place-items:center;min-height:100svh;padding:clamp(24px,4vw,64px) clamp(12px,3vw,48px);display:grid;position:relative}.projects-reference-controls{z-index:30;position:absolute;top:clamp(18px,3vw,34px);right:clamp(18px,3vw,42px)}.project-cover-editor{z-index:12;color:#ddf8ff;letter-spacing:.08em;cursor:pointer;background:#031220e0;border:1px solid #57d0ffb8;border-radius:4px;align-items:center;padding:6px 9px;font:500 9px/1 Arial,sans-serif;display:inline-flex;position:absolute;bottom:8%;right:7%;box-shadow:0 0 12px #27b2ff47}.project-cover-editor:hover{background:#0a2c41f2;border-color:#b8f3ff}.projects-reference-section:after,.projects-reference-section:before{display:none}.projects-reference-stage{z-index:2;width:min(1672px,100%);margin:0 auto;position:relative}.projects-reference-canvas{aspect-ratio:1672/941;background:url(/portfolio-map-base-psd.webp) 50%/cover no-repeat;width:100%;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000073}.projects-reference-canvas:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(#0000 48%,#0003083d 100%),linear-gradient(#0000001a,#0000 20% 82%,#00000057);position:absolute;inset:0}.project-reference-hotspot{z-index:3;border:1px solid #0000;border-radius:12px;text-decoration:none;transition:background-color .22s,box-shadow .22s;display:block;position:absolute}.project-reference-hotspot:focus-visible,.project-reference-hotspot:hover{background:#65d6ff0f;outline:none;box-shadow:inset 0 0 22px #96e7ff14,0 0 18px #59cbff33}.project-reference-hotspot>span{clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));border:1px solid #e0faff00;transition:border-color .22s;position:absolute;inset:6%}.project-reference-hotspot:focus-visible>span,.project-reference-hotspot:hover>span{border-color:#dcfcffb3}.project-reference-hotspot-01{width:25.7%;height:26%;top:8.7%;left:18.9%}.project-reference-hotspot-02{width:25.7%;height:26%;top:8.7%;left:55.6%}.project-reference-hotspot-03{width:23.4%;height:26%;top:37.2%;left:11.1%}.project-reference-hotspot-04{width:23.4%;height:26%;top:37.2%;left:65.6%}.project-reference-hotspot-05{width:26%;height:27.1%;top:65%;left:18.4%}.project-reference-hotspot-06{width:26.2%;height:27.1%;top:65%;left:55.6%}.project-side-mask{z-index:2;pointer-events:none;filter:blur(2px);background:radial-gradient(#01060c 0 64%,#01060cfa 82%,#01060c00 100%);position:absolute}.project-side-mask-left-top{width:15.5%;height:20%;top:17%;left:3%}.project-side-mask-right{width:13%;height:24%;top:40%;right:0}.project-side-mask-left-bottom{width:16%;height:24%;top:66%;left:2%}@media (max-width:700px){.projects-reference-section{min-height:auto;padding:22px 0}.projects-reference-stage{width:100%}.projects-reference-canvas{width:100vw}}.star-field{z-index:2;transform:translate3d(calc(var(--mx) * -5px),calc(var(--my) * -4px),0);background:0 0;animation:none;inset:0}.star-field i{opacity:.12;width:2px;height:2px;animation:starFlicker 3.6s var(--star-delay) ease-in-out infinite;background:#dff8ff;border-radius:50%;position:absolute;box-shadow:0 0 5px 1px #78dcffe6}.star-field i:nth-child(3n){background:#fff4df;width:3px;height:3px;box-shadow:0 0 7px 1px #ff9d4cf2}.star-field i:nth-child(4n){animation-duration:5.2s}.star-field i:nth-child(5n){animation-duration:2.7s}.orbit-track{z-index:3;aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;top:54.5%;left:50%;transform:translate(-50%,-50%)scaleY(.55)}.orbit-track>i{animation:orbitRunner 8s linear infinite;display:block;position:absolute;inset:0}.orbit-track>i:before{content:"";background:#ecfbff;border-radius:50%;width:3px;height:3px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 5px 2px #9be2fff2}.orbit-track>i:nth-child(2){animation-delay:-3.1s}.orbit-track>i:nth-child(2):before{background:#ffc27e;width:2px;height:2px;box-shadow:0 0 5px 2px #ff8432e6}.orbit-track-outer{width:88%}.orbit-track-middle{width:70%;animation-duration:6.8s}.orbit-track-middle>i{animation-duration:6.8s;animation-direction:reverse}.orbit-track-inner{width:51%;top:52.7%}.orbit-track-inner>i{animation-duration:5.3s}.cosmic-core{z-index:4;aspect-ratio:1;pointer-events:none;width:25%;position:absolute;top:52.5%;left:50%;transform:translate(-50%,-50%)}.cosmic-core-bloom{filter:blur(5px);background:radial-gradient(circle,#d3f7ff7a 0 10%,#57b8ff40 29%,#207dff14 52%,#0000 72%);border-radius:50%;animation:coreBloom 3s ease-in-out infinite;position:absolute;inset:7%}.cosmic-core-ring{border:2px solid #a4e9ffdb;border-radius:50%;animation:coreRing 3s ease-in-out infinite;position:absolute;inset:20%;box-shadow:0 0 12px #2daafff2,inset 0 0 12px #b2eeffcc}.cosmic-core-spark{background:#fff;border-radius:50%;width:8px;height:8px;animation:coreSpark 3s ease-in-out infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px 3px #92ddff,0 0 28px 8px #2c96ffe6}.hotspot:after{display:none}.skill-ignite{z-index:1;background:radial-gradient(circle,#e0f9ff38 0 36%,#48afff38 53%,#0000 72%);box-shadow:0 0 1.35vw #60cdffb3,inset 0 0 .75vw #ffffff38}.energy-ripple{z-index:1;opacity:0;width:122%;height:28%;animation:pedestalRipple 2.7s calc(var(--delay) + .35s) ease-out infinite;pointer-events:none;border:1px solid #74d5ffbd;border-radius:50%;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%)scale(.55);box-shadow:0 0 .55vw #4ab3ff9e,inset 0 0 .35vw #ff9f5242}.energy-ripple-b{width:98%;height:20%;animation-delay:calc(var(--delay) + 1.15s);border-color:#ffa66873;top:82%}.hotspot.is-active:before,.hotspot:focus-visible:before,.hotspot:hover:before{border-color:#fffffffa;transform:scale(1.015);box-shadow:0 0 .9vw #ffffffeb,inset 0 0 .45vw #ffffff3d}@keyframes starFlicker{0%,to{opacity:.08;transform:scale(.7)}14%{opacity:.92;transform:scale(1.2)}26%{opacity:.16;transform:scale(.82)}62%{opacity:.42;transform:scale(1)}}@keyframes orbitRunner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes coreBloom{0%,to{opacity:.5;filter:blur(6px)brightness(.85);transform:scale(.86)}50%{opacity:1;filter:blur(2px)brightness(1.55);transform:scale(1.14)}}@keyframes coreRing{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.1)}}@keyframes coreSpark{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.45)}}@keyframes pedestalRipple{0%{opacity:0;transform:translate(-50%,-50%)scale(.58)}18%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%)scale(1.34)}}.portrait-frame-reference{z-index:7;pointer-events:none;filter:drop-shadow(0 0 5px #4bc3ee33);background:url(/portrait-frame-reference.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.profile-portrait:after{border-color:#609fbc3d}.portrait-placeholder:before{content:"FOCUS\a ON VISUAL SOLUTION\a AND CREATIVE IMPACT";z-index:2;color:#98c1d6b8;letter-spacing:.12em;white-space:pre;pointer-events:none;font:8px/1.5 Arial,Microsoft YaHei,sans-serif;position:absolute;top:7%;left:8%}.portrait-placeholder:after{content:"";z-index:2;pointer-events:none;border:1px dashed #51b2e352;border-radius:50%;position:absolute;inset:17% 8% 13%;transform:rotate(-18deg);box-shadow:0 0 0 12px #f7842609,0 0 0 26px #3aaae707}.portrait-orbit{z-index:2;border-style:dotted}.portrait-orbit-a{border-color:#52b8ea7a}.portrait-orbit-b{border-color:#ff7e2261}.project-side-mask{display:none}.project-reference-card-image{background-repeat:no-repeat;background-size:100% 100%;clip-path:none!important;border:0!important;inset:0!important}.project-reference-card-mask{z-index:3;background:linear-gradient(90deg,#030910fa,#030910f2 76%,#03091000);width:61%!important;inset:7% auto 7% 5%!important}.project-reference-card-copy,.project-reference-card-mask{pointer-events:none;clip-path:none!important;border:0!important;height:auto!important}.project-reference-card-copy{color:#eef5fa;grid-template-rows:auto auto auto 1fr;align-content:start;justify-items:start;gap:5px;padding:12% 0 12% 15%;display:grid;z-index:7!important;width:50%!important;inset:0!important}.project-reference-card-copy i{color:#bddcecad;letter-spacing:.16em;font:500 clamp(7px,.55vw,10px)/1 Arial,sans-serif}.project-reference-card-copy b{color:#f1f4f7;letter-spacing:-.03em;white-space:nowrap;text-shadow:0 2px 10px #000000a6;margin-top:11%;font:500 clamp(12px,1.35vw,24px)/1.2 Microsoft YaHei,Arial,sans-serif}.project-reference-card-copy small{color:#b9cbd4;letter-spacing:.07em;font:500 clamp(8px,.62vw,11px)/1.2 Arial,sans-serif}.project-reference-card-copy em{color:#a8bac3;letter-spacing:.13em;align-self:end;font:500 clamp(7px,.55vw,10px)/1 Arial,sans-serif}.project-reference-card-copy em strong{color:#e8f8ff;border:1px solid;border-radius:50%;place-items:center;width:clamp(14px,1.3vw,22px);height:clamp(14px,1.3vw,22px);margin-left:7px;font-size:1.25em;font-weight:400;line-height:1;display:inline-grid}.project-reference-card-focus{z-index:2}.project-reference-hub-copy{z-index:3;pointer-events:none;text-align:center;text-shadow:0 2px 12px #000c;justify-items:center;width:34%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-reference-hub-copy strong{color:#f4f7fa;letter-spacing:.02em;white-space:nowrap;font-size:clamp(25px,3vw,52px);font-weight:600;line-height:1.08}.project-reference-hub-copy span{color:#f0f3f6;letter-spacing:.02em;margin-top:6px;font-size:clamp(13px,1.25vw,22px);line-height:1.2}.project-reference-hub-copy small{color:#e6eaf0;letter-spacing:.04em;white-space:nowrap;margin-top:18px;font-size:clamp(8px,.68vw,12px)}@media (max-width:700px){.project-reference-hub-copy{width:42%}.project-reference-hub-copy strong{font-size:5.2vw}.project-reference-hub-copy span{font-size:2.7vw}.project-reference-hub-copy small{margin-top:8px;font-size:1.45vw}}.scene-image{object-fit:fill}.hotspot{will-change:transform}.hotspot:focus-visible{outline-offset:0;outline:0}.hotspot:nth-child(9){--x:25.18%;--y:77.47%;--live-y:77.47%;--size:6.28%}.hotspot:nth-child(10){--x:75.78%;--y:77.47%;--live-y:77.47%;--size:6.28%}.nebula-band{z-index:1;background:conic-gradient(from -22deg,transparent 0 8%,#e3f8ff1a 10%,#76d5fff2 13% 18%,#ffaf70eb 19% 22%,transparent 25% 100%);filter:drop-shadow(0 0 4px #60cbffd9);opacity:.9;pointer-events:none;mix-blend-mode:screen;width:136%;height:34%;animation:nebulaOrbit 5s linear infinite;top:78%;transform:translate(-50%,-50%)rotate(0);-webkit-mask:radial-gradient(#0000 51%,#000 55% 68%,#0000 72%);mask:radial-gradient(#0000 51%,#000 55% 68%,#0000 72%)}.nebula-band,.nebula-band:after{border-radius:50%;position:absolute;left:50%}.nebula-band:after{content:"";background:#effdff;width:4px;height:4px;top:5%;transform:translate(-50%);box-shadow:0 0 6px 2px #b6effff2}.nebula-band-b{opacity:.62;filter:drop-shadow(0 0 3px #ff974ec7);width:116%;height:28%;animation-direction:reverse;animation-delay:-2.5s}.nebula-band-b:after{background:#ffd1a1;width:3px;height:3px;box-shadow:0 0 6px 2px #ff944ee6}.cosmic-core-bloom{display:none}.cosmic-core-ring{border-width:1px;inset:24%;box-shadow:0 0 10px #2daaffbf,inset 0 0 9px #b2eeff8c}@keyframes nebulaOrbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(1turn)}}.scene-image{display:none}.scene-video{z-index:0;object-fit:fill;width:100%;height:100%;opacity:calc(1 - var(--transition) * .48);filter:brightness(calc(.92 + var(--scroll) * -.1)) contrast(1.05) saturate(1.08);display:block;inset:0}.hero-title-mask,.scene-video{pointer-events:none;position:absolute}.hero-title-mask{z-index:5;background:linear-gradient(#01050dfe,#01050dfa 62%,#01050db8 84%,#01050d00);height:18%;top:0;left:0;right:0}.freeze-spheres{z-index:3;object-fit:fill;filter:brightness()saturate(1.04);width:100%;height:100%;animation:frozenSphereBreath 3.8s ease-in-out infinite;display:block}.freeze-spheres,.planet-blockers{pointer-events:none;position:absolute;inset:0}.planet-blockers{z-index:2}.planet-blockers i{left:var(--x);top:var(--y);width:calc(var(--size) * 1.18);aspect-ratio:1;filter:blur(1.5px);background:radial-gradient(circle,#01050bfc 0 58%,#01050beb 70%,#01050b00 88%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.planet-blockers i:nth-child(9){--x:25.18%;--y:77.47%;--size:6.28%}.planet-blockers i:nth-child(10){--x:75.78%;--y:77.47%;--size:6.28%}.arrival-ripple,.cosmic-core,.energy-ripple,.nebula-band,.orbit-track,.skill-ignite,.star-field{display:none}.hotspot:before{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0}.hotspot.is-active:before,.hotspot:focus-visible:before,.hotspot:hover:before{-webkit-backdrop-filter:brightness(1.28)saturate(1.16);background:radial-gradient(circle,#ffffff2e,#0000 69%);border:0;box-shadow:0 0 1.1vw #b2edffb8,inset 0 0 .55vw #ffffff2e}@keyframes frozenSphereBreath{0%,to{opacity:.93;filter:brightness(.96)saturate(1.02)}50%{opacity:1;filter:brightness(1.17)saturate(1.1)}}.hotspot.is-active:before,.hotspot:focus-visible:before,.hotspot:hover:before{display:none!important}.hotspot.is-active .mini-progress{opacity:0;visibility:hidden;filter:none;transform:translateY(-50%)scale(.86)}.mini-progress{background:#020e1ebd;border-color:#84d2fff2;box-shadow:0 0 .55vw #39a0ff85,inset 0 0 .35vw #000000d1}.mini-progress i{background:repeating-linear-gradient(118deg,#e9faff 0 1px,#72c9ff 1px 2px,#238dff 2px 4px);box-shadow:0 0 .38vw #4aaffff2,inset 0 0 1px #fffffff2}.projects-reference-section{padding-inline:0}.projects-reference-canvas,.projects-reference-stage{width:100%;max-width:none}.portrait-clear-lens{border-color:#318bf4fa;box-shadow:0 0 0 1px #03193ed1,0 0 10px #166fec9e,inset 0 0 0 1px #68c3ffdb}.lens-frame-inner{border-color:#1d7eeff5;box-shadow:inset 0 0 10px #1e78eb38}.lens-frame-accents{background:repeating-linear-gradient(125deg,#4bb5fffa 0 2px,#0000 2px 5px) 14px 3px/46px 7px no-repeat,linear-gradient(#5cc7ff,#1256c2fa) 3px 14px/4px calc(100% - 28px) no-repeat,linear-gradient(#5cc7ff,#1256c2fa) right 3px top 14px/4px calc(100% - 28px) no-repeat,linear-gradient(90deg,#0000 0 7%,#0f50bbfa 7% 44%,#0000 44% 56%,#37a3ff 56% 93%,#0000 93%) 0 100%/100% 4px no-repeat}.lens-frame-flow{background:conic-gradient(from var(--flow-angle),transparent 0deg 320deg,#186fe838 330deg,#36a4ff 342deg,#ddf6ff 350deg,#1a7df44d 358deg,transparent 1turn);filter:drop-shadow(0 0 8px #258fffe6)drop-shadow(0 0 15px #0c5bd394)}.project-reference-card-image{z-index:1;background-position:50%;background-size:cover;inset:4.4%!important}.project-reference-hotspot-04 .project-reference-card-image{inset:4.4%!important}.project-reference-card-frame{background:url(/frame-orange.webp) 50%/100% 100% no-repeat;transition:filter .22s;z-index:6!important;clip-path:none!important;box-shadow:none!important;pointer-events:none!important;border:0!important;inset:4.4%!important}.project-reference-card-frame:after,.project-reference-card-frame:before{display:none}.project-reference-hotspot-02 .project-reference-card-frame,.project-reference-hotspot-03 .project-reference-card-frame,.project-reference-hotspot-05 .project-reference-card-frame,.project-reference-hotspot-06 .project-reference-card-frame{background-image:url(/frame-blue.webp)}.project-reference-card-focus,.project-reference-card-mask{display:none!important}.project-reference-hotspot:focus-visible,.project-reference-hotspot:hover{box-shadow:none;background:0 0}.project-reference-hotspot:focus-visible .project-reference-card-frame,.project-reference-hotspot:hover .project-reference-card-frame{filter:brightness(1.18)drop-shadow(0 0 5px #4bbeffb8)}.project-reference-card-image,.project-reference-hotspot-04 .project-reference-card-image{background-color:#0000!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;inset:4.4%!important}.profile-info:before,.profile-intro:before{content:none!important;display:none!important}.profile-section>.profile-portrait{grid-row:2/span 2;place-self:stretch end;width:90%;height:auto;margin:clamp(42px,6vh,80px) 0 0}.profile-section>.profile-portrait .portrait-photo{opacity:1;filter:none;transition:filter .24s}.profile-section>.profile-portrait .portrait-placeholder{inset:3%}.profile-section>.profile-portrait:hover .portrait-photo{filter:brightness(1.08)saturate(1.04)}.portrait-frost,.profile-section>.profile-portrait .portrait-orbit,.profile-section>.profile-portrait .portrait-placeholder:after{display:none!important}.profile-resume-trigger{color:#d9f4ff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(110deg,#051d2de6,#08314494);border:1px solid #5dcdf69e;border-radius:2px;justify-content:center;align-items:center;width:fit-content;min-height:38px;margin-top:24px;padding:9px 17px;font:600 12px/1.2 Arial,Microsoft YaHei,sans-serif;transition:border-color .2s,color .2s,box-shadow .2s,transform .2s;display:none;box-shadow:inset 0 0 18px #29b8eb0f,0 0 18px #21baec12}.profile-resume-trigger:focus-visible,.profile-resume-trigger:hover{color:#fff;border-color:#69defb;outline:none;transform:translateY(-1px);box-shadow:inset 0 0 22px #2fcdf41a,0 0 24px #21caf129}.profile-resume-dialog{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#01070de6;border:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:clamp(12px,2.2vw,34px);position:fixed;inset:0}.profile-resume-sheet{background:#030b12;border:1px solid #68c4e775;grid-template-rows:auto minmax(0,1fr);width:min(980px,100%);height:100%;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 28px 90px #0009,inset 0 0 42px #1b94c20a}.profile-resume-head{z-index:2;background:#030d16f5;border-bottom:1px solid #64aec952;justify-content:space-between;align-items:center;gap:22px;padding:15px 18px;display:flex;position:relative}.profile-resume-head span{color:#6da4bb;letter-spacing:.2em;font-size:10px}.profile-resume-head h2{color:#edf8fc;letter-spacing:.04em;margin:5px 0 0;font-size:20px;font-weight:500}.profile-resume-actions{align-items:center;gap:8px;display:flex}.profile-resume-actions a,.profile-resume-actions button{color:#c9e8f3;letter-spacing:.05em;cursor:pointer;background:#091d2abd;border:1px solid #6fbddb66;border-radius:2px;justify-content:center;align-items:center;min-height:34px;padding:7px 11px;font:500 11px/1 Arial,Microsoft YaHei,sans-serif;text-decoration:none;display:inline-flex}.profile-resume-actions a:focus-visible,.profile-resume-actions a:hover,.profile-resume-actions button:focus-visible,.profile-resume-actions button:hover{color:#fff;border-color:#62d5f1;outline:none}.profile-resume-actions .profile-resume-close{color:#eafaff;width:34px;padding:0;font-size:23px;font-weight:300}.profile-resume-scroll{scrollbar-color:#48b9da #07131c;padding:clamp(10px,1.8vw,24px);overflow:hidden auto}.profile-resume-scroll img{background:#fff;width:min(100%,860px);height:auto;margin:0 auto;display:block}.profile-resume-pdf{background:#fff;border:0;width:min(100%,980px);height:100%;min-height:70vh;margin:0 auto;display:block}.profile-resume-file{color:#d9f2f9;text-align:center;place-content:center;justify-items:center;gap:12px;min-height:60vh;display:grid}.profile-resume-file strong{font-size:18px;font-weight:500}.profile-resume-file span{color:#7996a2;font-size:13px}.project-reference-link{border-radius:inherit;color:inherit;text-decoration:none;display:block;position:absolute;inset:0}.project-reference-link>span{clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));border:1px solid #e0faff00;transition:border-color .22s;position:absolute;inset:6%}.project-reference-link:focus-visible>span,.project-reference-link:hover>span{border-color:#dcfcffb3}.project-reference-link:focus-visible{outline:none}.project-reference-hotspot>.project-cover-editor{pointer-events:auto;clip-path:none!important;width:auto!important;height:auto!important;inset:auto 7% 8% auto!important}@media (max-width:980px){.profile-section>.profile-portrait{grid-row:3;justify-self:stretch;width:100%;height:auto;min-height:520px;margin:0}}@media (max-width:640px){.profile-resume-head{align-items:flex-start;padding:12px}.profile-resume-head h2{font-size:17px}.profile-resume-head span{font-size:8px}.profile-resume-actions{gap:5px}.profile-resume-actions a,.profile-resume-actions button{min-height:32px;padding:6px 8px;font-size:9px}.profile-resume-actions .profile-resume-close{width:32px}.profile-resume-dialog{padding:7px}}.projects-reference-canvas .project-reference-hotspot{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.projects-reference-canvas .project-reference-hotspot-01{width:23.3541%!important;height:23.0616%!important;top:11.5834%!important;left:20.3947%!important}.projects-reference-canvas .project-reference-hotspot-02{width:23.384%!important;height:23.3273%!important;top:11.5834%!important;left:59.3301%!important}.projects-reference-canvas .project-reference-hotspot-03{width:23.384%!important;height:23.3273%!important;top:37.8321%!important;left:10.0478%!important}.projects-reference-canvas .project-reference-hotspot-04{width:23.3541%!important;height:23.0616%!important;top:38.151%!important;left:66.3278%!important}.projects-reference-canvas .project-reference-hotspot-05{width:23.384%!important;height:23.3273%!important;top:64.081%!important;left:20.3349%!important}.projects-reference-canvas .project-reference-hotspot-06{width:23.384%!important;height:23.3273%!important;top:64.081%!important;left:59.3301%!important}.projects-reference-canvas .project-reference-card-image{inset:auto!important;left:var(--psd-image-left)!important;top:var(--psd-image-top)!important;width:var(--psd-image-width)!important;height:var(--psd-image-height)!important;z-index:1!important}.projects-reference-canvas .project-reference-card-frame,.projects-reference-canvas .project-reference-card-image{clip-path:none!important;background-position:0 0!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important}.projects-reference-canvas .project-reference-card-frame{will-change:filter;animation:psdFramePulseBlue 3.6s ease-in-out infinite;z-index:6!important;box-shadow:none!important;pointer-events:none!important;inset:0!important}.projects-reference-canvas .project-reference-hotspot-01 .project-reference-card-image{--psd-image-left:4.097%;--psd-image-top:8.756%;--psd-image-width:92.958%;--psd-image-height:82.949%}.projects-reference-canvas .project-reference-hotspot-02 .project-reference-card-image{--psd-image-left:3.58%;--psd-image-top:9.112%;--psd-image-width:92.839%;--psd-image-height:82.005%}.projects-reference-canvas .project-reference-hotspot-03 .project-reference-card-image{--psd-image-left:4.22%;--psd-image-top:9.567%;--psd-image-width:91.304%;--psd-image-height:80.865%}.projects-reference-canvas .project-reference-hotspot-04 .project-reference-card-image{--psd-image-left:4.738%;--psd-image-top:7.834%;--psd-image-width:92.574%;--psd-image-height:82.719%}.projects-reference-canvas .project-reference-hotspot-05 .project-reference-card-image{--psd-image-left:4.476%;--psd-image-top:9.795%;--psd-image-width:91.304%;--psd-image-height:81.093%}.projects-reference-canvas .project-reference-hotspot-06 .project-reference-card-image{--psd-image-left:3.708%;--psd-image-top:9.339%;--psd-image-width:92.199%;--psd-image-height:81.549%}.projects-reference-canvas .project-reference-hotspot-01 .project-reference-card-frame{animation-name:psdFramePulseOrange;background-image:url(/psd-frame-01.webp)!important}.projects-reference-canvas .project-reference-hotspot-02 .project-reference-card-frame{background-image:url(/psd-frame-02.webp)!important}.projects-reference-canvas .project-reference-hotspot-03 .project-reference-card-frame{background-image:url(/psd-frame-03.webp)!important}.projects-reference-canvas .project-reference-hotspot-04 .project-reference-card-frame{animation-name:psdFramePulseOrange;background-image:url(/psd-frame-04.webp)!important}.projects-reference-canvas .project-reference-hotspot-05 .project-reference-card-frame{background-image:url(/psd-frame-05.webp)!important}.projects-reference-canvas .project-reference-hotspot-06 .project-reference-card-frame{background-image:url(/psd-frame-06.webp)!important}.projects-reference-canvas .project-reference-card-frame:after,.projects-reference-canvas .project-reference-card-frame:before{display:none!important}.projects-reference-canvas .project-reference-hotspot:focus-visible .project-reference-card-frame,.projects-reference-canvas .project-reference-hotspot:hover .project-reference-card-frame{animation-duration:1.35s}@keyframes psdFramePulseBlue{0%,to{filter:brightness(.95)drop-shadow(0 0 1px #36b4ff26)}50%{filter:brightness(1.18)drop-shadow(0 0 7px #32b2ffb8)}}@keyframes psdFramePulseOrange{0%,to{filter:brightness(.95)drop-shadow(0 0 1px #ff8b3129)}50%{filter:brightness(1.18)drop-shadow(0 0 7px #ff8b31bd)}}.motion-tvc-page{--motion-accent:#35b6ff;--motion-glow:#35b6ff52;color:#f2f7fa;isolation:isolate;background:#020a12;min-height:100vh;position:relative;overflow:hidden}.motion-tvc-page.motion-tvc-orange{--motion-accent:#ff923b;--motion-glow:#ff923b4d}.motion-tvc-page:before{content:"";z-index:-2;background:linear-gradient(#4ba1c412 1px,transparent 1px),linear-gradient(90deg,#4ba1c412 1px,transparent 1px),radial-gradient(circle at 72% 12%,var(--motion-glow),transparent 30%),#020a12;background-size:42px 42px,42px 42px,auto}.motion-tvc-noise,.motion-tvc-page:before{pointer-events:none;position:fixed;inset:0}.motion-tvc-noise{z-index:-1;opacity:.22;mix-blend-mode:screen;background-image:radial-gradient(#ffffff24 .5px,#0000 0);background-size:5px 5px}.motion-tvc-topbar{background:0 0;border-bottom-color:#83b3ca40;max-width:1380px;margin:0 auto;padding:25px 48px 18px}.motion-tvc-back{color:#d7edf7;letter-spacing:.03em;text-decoration:none}.motion-tvc-footer,.motion-tvc-hero,.motion-tvc-scenes,.motion-tvc-workflow{width:min(1380px,100% - 96px);margin-inline:auto}.motion-tvc-hero{min-height:calc(100vh - 78px);padding:42px 0 96px;display:block}.motion-tvc-hero-copy{max-width:520px;position:relative}.motion-tvc-eyebrow,.motion-tvc-rail-label,.motion-tvc-section-head>span,.motion-tvc-video-tag{color:var(--motion-accent);letter-spacing:.22em;text-transform:uppercase;font-size:11px;display:block}.motion-tvc-number{color:#e5f1f657;letter-spacing:-.07em;margin:26px 0 8px;font-size:clamp(46px,7vw,100px);font-weight:300;line-height:.85;display:block}.motion-tvc-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(40px,5.8vw,86px);font-weight:700;line-height:.98}.motion-tvc-english{color:#a9c0ca;letter-spacing:.15em;margin:17px 0 0;font-size:18px}.motion-tvc-lead{color:#9db1bc;max-width:420px;margin:32px 0 38px;font-size:16px;line-height:1.9}.motion-tvc-play{color:#e8f5fa;letter-spacing:.16em;align-items:center;gap:12px;font-size:11px;text-decoration:none;display:inline-flex}.motion-tvc-play span{border:1px solid var(--motion-accent);width:34px;height:34px;color:var(--motion-accent);border-radius:50%;place-items:center;display:grid}.motion-tvc-video-shell{aspect-ratio:16/9;width:100%;box-shadow:0 0 0 8px #152e3c52,0 24px 80px var(--motion-glow);background:#07131d;border:1px solid #b2dded8c;position:relative;overflow:hidden}.motion-tvc-video-shell video{object-fit:cover;background:#01060b;width:100%;height:100%;display:block}.motion-tvc-media-placeholder{color:#d7eff7b8;text-align:center;background:repeating-linear-gradient(135deg,#76b5cb14 0 1px,#0000 1px 14px),#0a1824;border:1px dashed #a9dae96b;place-content:center;justify-items:center;gap:8px;display:grid}.motion-tvc-media-placeholder strong{color:#d8f3fa;letter-spacing:.12em;font-size:13px;font-weight:500}.motion-tvc-media-placeholder span{color:#a3cddab3;letter-spacing:.18em;font-size:9px}.motion-tvc-hero-placeholder{position:absolute;inset:0}.motion-tvc-upload-button{z-index:4;color:#e7f7fb;cursor:pointer;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a12b8;border:1px solid #c5e8f380;align-items:center;min-height:28px;padding:5px 10px;font-size:10px;display:inline-flex;position:absolute;top:24px;right:28px}.motion-tvc-upload-button:hover{border-color:var(--motion-accent);color:var(--motion-accent)}.motion-tvc-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.motion-tvc-video-frame{pointer-events:none;border:1px solid var(--motion-accent);opacity:.52;box-shadow:inset 0 0 22px var(--motion-glow);position:absolute;inset:14px}.motion-tvc-video-tag{top:25px;left:28px}.motion-tvc-video-caption,.motion-tvc-video-tag{z-index:2;text-shadow:0 1px 8px #000;position:absolute}.motion-tvc-video-caption{text-align:right;gap:5px;display:grid;bottom:24px;right:28px}.motion-tvc-video-caption strong{letter-spacing:.13em;font-size:14px}.motion-tvc-video-caption span{color:#c1d5de;letter-spacing:.14em;font-size:10px}.motion-tvc-video-toggle{z-index:3;color:#eaf7fb;border:1px solid var(--motion-accent);cursor:pointer;font:inherit;letter-spacing:.14em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a12b8;align-items:center;gap:10px;padding:9px 13px;display:inline-flex;position:absolute;bottom:24px;left:28px}.motion-tvc-video-toggle span{width:20px;height:20px;color:var(--motion-accent);place-items:center;font-size:11px;display:grid}.motion-tvc-video-toggle b{font-size:10px;font-weight:500}.motion-tvc-video-toggle:hover{background:var(--motion-accent);color:#041019}.motion-tvc-video-toggle:hover span{color:currentColor}.motion-tvc-rail{z-index:10;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.motion-tvc-rail-label{writing-mode:vertical-rl;font-size:9px}.motion-tvc-rail-line{background:#b2dded59;width:1px;height:30px}.motion-tvc-rail-button{color:#68818d;cursor:pointer;font:inherit;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:9px;padding:4px 0 4px 8px;font-size:11px;display:flex}.motion-tvc-rail-button i{border:1px solid;border-radius:50%;width:5px;height:5px;display:block}.motion-tvc-rail-button.is-active,.motion-tvc-rail-button:hover{color:var(--motion-accent)}.motion-tvc-rail-button.is-active i{background:var(--motion-accent);box-shadow:0 0 10px var(--motion-accent)}.motion-tvc-scenes,.motion-tvc-workflow{border-top:1px solid #82acbf33;padding:90px 0 110px}.motion-tvc-section-head{max-width:780px;margin-bottom:36px}.motion-tvc-section-head h2{letter-spacing:-.045em;margin:17px 0 12px;font-size:clamp(30px,4vw,58px);line-height:1.1}.motion-tvc-section-head p{color:#8da5b1;margin:0;font-size:15px;line-height:1.8}.motion-tvc-scene-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.motion-tvc-scene-card{aspect-ratio:16/9;background:#07131c;border:1px solid #8ec2d852;min-height:0;position:relative;overflow:hidden}.motion-tvc-scene-image,.motion-tvc-workflow-image{background-color:#0a1824;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:filter .3s;position:absolute;inset:0}.motion-tvc-scene-video{object-fit:contain;background:#0a1824;width:100%;height:100%}.motion-tvc-scene-upload{top:14px;right:14px}.motion-tvc-scene-image-upload{top:14px;left:14px;right:auto}.motion-tvc-scene-card:hover .motion-tvc-scene-image{filter:brightness(1.08)saturate(1.08)}.motion-tvc-scene-shade{background:linear-gradient(#01070b0a 18%,#01070be0);position:absolute;inset:0}.motion-tvc-scene-copy{z-index:1;position:absolute;inset:auto 24px 24px}.motion-tvc-scene-copy>span,.motion-tvc-step-number{color:var(--motion-accent);letter-spacing:.16em;font-size:11px}.motion-tvc-scene-copy h3{margin:9px 0 3px;font-size:26px}.motion-tvc-scene-copy b,.motion-tvc-workflow-copy b{color:var(--motion-accent);letter-spacing:.14em;font-size:10px}.motion-tvc-scene-copy p{color:#c0d0d6;margin:14px 0 0;font-size:13px;line-height:1.6}.motion-tvc-scene-editor{z-index:5;background:#020a12f0;border:1px solid #c5e8f38c;gap:7px;padding:12px;display:grid;position:absolute;inset:58px 14px auto;box-shadow:0 12px 30px #00000059}.motion-tvc-scene-editor input,.motion-tvc-scene-editor textarea{box-sizing:border-box;color:#f4fbff;width:100%;font:inherit;background:#00000059;border:1px solid #c5e8f359;padding:7px 8px;font-size:12px}.motion-tvc-scene-editor textarea{resize:vertical;line-height:1.45}.motion-tvc-scene-editor input:focus,.motion-tvc-scene-editor textarea:focus{outline:1px solid var(--motion-accent);border-color:var(--motion-accent)}.motion-tvc-scene-editor div{gap:7px;display:flex}.motion-tvc-scene-editor button{color:#e7f7fb;cursor:pointer;background:#0b2531e6;border:1px solid #c5e8f380;padding:6px 10px;font-size:11px}.motion-tvc-scene-editor button:hover{border-color:var(--motion-accent);color:var(--motion-accent)}.ecommerce-detail-page{color:#edf7fb;background:radial-gradient(circle at 80% 18%,#0770911f,#0000 31%),radial-gradient(circle at 14% 82%,#ff701c14,#0000 28%),#05080d;min-height:100svh;position:relative;overflow:hidden}.ecommerce-detail-grid{pointer-events:none;opacity:.24;background-image:linear-gradient(#7daec221 1px,#0000 0),linear-gradient(90deg,#7daec221 1px,#0000 0);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}.ecommerce-detail-topbar{z-index:2;width:calc(100% - clamp(36px,7vw,130px));margin-inline:auto;position:relative}.ecommerce-gallery-head{z-index:2;justify-content:space-between;align-items:end;gap:30px;padding:clamp(34px,6vh,70px) clamp(28px,5vw,90px) clamp(26px,4vh,46px);display:flex;position:relative}.ecommerce-gallery-head span{color:#6fa7bb;letter-spacing:.2em;font-size:11px}.ecommerce-gallery-head h1{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(34px,4vw,68px);line-height:1}.ecommerce-gallery-head p{color:#8ca8b4;letter-spacing:.04em;margin:0 0 7px;font-size:14px}.ecommerce-card-row{z-index:2;grid-template-columns:repeat(6,minmax(138px,1fr));gap:clamp(10px,1.25vw,23px);width:calc(100% - clamp(36px,7vw,130px));margin:0 auto;padding-bottom:clamp(40px,7vh,84px);display:grid;position:relative}.ecommerce-card{min-width:0;position:relative}.ecommerce-card-preview{aspect-ratio:3/4.35;color:#e8f9ff;cursor:zoom-in;background:linear-gradient(155deg,#0e222ef2,#04090efa);border:1px solid #8dbbcb57;border-radius:18px;width:100%;padding:0;transition:transform .24s,border-color .24s,filter .24s,box-shadow .24s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 38px #00000047}.ecommerce-card-preview:disabled{cursor:default}.ecommerce-card.has-image .ecommerce-card-preview:focus-visible,.ecommerce-card.has-image:hover .ecommerce-card-preview{z-index:2;border-color:#7ce7ffd1;outline:none;transform:translateY(-8px)scale(1.025);box-shadow:0 24px 48px #00000075,0 0 25px #31bce424}.ecommerce-card-row:has(.ecommerce-card.has-image:hover) .ecommerce-card.has-image:not(:hover) .ecommerce-card-preview{filter:brightness(.68)saturate(.72)}.ecommerce-card-preview img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .45s;display:block}.ecommerce-card.has-image:hover img{transform:scale(1.018)}.ecommerce-card-placeholder{background:linear-gradient(145deg,#112d3c80,#03080deb);place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.ecommerce-card-placeholder:before{content:"";border:1px dashed #6faec647;border-radius:11px;position:absolute;inset:12px}.ecommerce-card-placeholder b{color:#cdf0fabd;letter-spacing:-.05em;font-size:clamp(30px,3vw,54px);font-weight:350}.ecommerce-card-placeholder i{color:#5d8797;letter-spacing:.18em;font-size:10px;font-style:normal}.ecommerce-card-index{z-index:2;color:#dff8ff;letter-spacing:.12em;text-shadow:0 1px 8px #000;font-size:11px;position:absolute;top:14px;left:14px}.ecommerce-card-zoom{z-index:2;background:#02090ea8;border:1px solid #e0f8ffb8;border-radius:50%;place-items:center;width:27px;height:27px;font-size:18px;font-weight:300;display:grid;position:absolute;top:11px;right:11px}.ecommerce-card-upload{color:#93b7c5;cursor:pointer;letter-spacing:.08em;background:#07121bc7;border:1px solid #74a9be5c;border-radius:999px;justify-content:center;align-items:center;min-height:34px;margin:10px auto 0;font-size:11px;transition:all .2s;display:flex;position:relative}.ecommerce-card-upload:hover{color:#eafcff;border-color:#62d8f1;box-shadow:0 0 18px #3dcceb21}.ecommerce-card-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ecommerce-viewer{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000408e6;border:0;grid-template-rows:auto minmax(0,1fr);width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:18px;animation:ecommerceViewerIn .2s both;display:grid;position:fixed;inset:0}.ecommerce-viewer-toolbar{color:#b9d6e0;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;width:min(627.2px,64vw - 23.04px);min-height:44px;margin:0 auto;font-size:11px;display:grid}.ecommerce-viewer-toolbar b{font-weight:400}.ecommerce-viewer-toolbar button{color:#f4fbff;cursor:pointer;background:#06141dcc;border:1px solid #c5e8f38c;border-radius:50%;justify-self:end;width:34px;height:34px;font-size:24px;line-height:1}.ecommerce-viewer-toolbar button:hover{color:#73e6fa;border-color:#73e6fa}.ecommerce-viewer-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4e9db8 #07121a;background:#060a0e;border:1px solid #84b9cb45;width:min(627.2px,64vw - 23.04px);min-height:0;margin:0 auto;overflow-y:auto;box-shadow:0 22px 60px #0000008f}.ecommerce-viewer-scroll img{width:100%;height:auto;display:block}@keyframes ecommerceViewerIn{0%{opacity:0}to{opacity:1}}@media (max-width:1040px){.ecommerce-detail-page{overflow-x:hidden}.ecommerce-detail-topbar{width:auto;margin-inline:24px}.ecommerce-card-row{scroll-snap-type:x proximity;width:auto;margin:0;padding:0 24px 60px;display:flex;overflow-x:auto}.ecommerce-card{scroll-snap-align:start;flex:0 0 clamp(150px,25vw,220px)}}@media (max-width:620px){.ecommerce-detail-topbar{margin-inline:18px}.ecommerce-gallery-head{flex-direction:column;align-items:start;padding-inline:18px}.ecommerce-card-row{padding-inline:18px}.ecommerce-card{flex-basis:min(58vw,220px)}.ecommerce-viewer{padding:9px}.ecommerce-viewer-scroll,.ecommerce-viewer-toolbar{width:calc(64vw - 11.52px)}.ecommerce-viewer-toolbar{grid-template-columns:1fr 1fr}.ecommerce-viewer-toolbar b{display:none}}.brand-detail-page{color:#edf5f0;background:radial-gradient(circle at 70% 12%,#697d5c24,#0000 28%),#10130f;min-height:100svh;position:relative;overflow-x:hidden}.brand-detail-grid{pointer-events:none;opacity:.22;background-image:linear-gradient(#a6b89021 1px,#0000 0),linear-gradient(90deg,#a6b89021 1px,#0000 0);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.brand-detail-topbar{z-index:40;width:calc(100% - clamp(36px,7vw,118px));margin-inline:auto;position:relative}.brand-visual-screen{z-index:2;grid-template-rows:auto 1fr;align-content:start;min-height:calc(100svh - 58px);display:grid;position:relative}.brand-visual-screen+.brand-visual-screen{background:linear-gradient(#19261d1f,#080e0a52);border-top:1px solid #b5caaa1f;min-height:100svh}.brand-showcase-head{z-index:30;justify-content:space-between;align-items:end;gap:30px;padding:clamp(32px,5vh,58px) clamp(24px,4vw,72px) 28px;display:flex;position:relative}.brand-showcase-head span{color:#9ba996;letter-spacing:.2em;font-size:10px}.brand-showcase-head h1{color:#f1f3e9;letter-spacing:-.06em;margin:12px 0 0;font-size:clamp(36px,4.4vw,72px);font-weight:500;line-height:1}.brand-showcase-head p{color:#c1cdbb;text-align:right;gap:7px;margin:0 0 8px;font-size:14px;display:grid}.brand-showcase-head p small{color:#81917e;letter-spacing:.04em;font-size:11px}.brand-group-showcase{--brand-group-gap:clamp(10px,1vw,18px);z-index:2;gap:var(--brand-group-gap);grid-template-columns:repeat(6,minmax(0,1fr));width:calc(100% - clamp(36px,7vw,118px));margin:0 auto;padding:0 0 clamp(42px,6vh,68px);display:grid;position:relative}.brand-group-showcase.is-scrollable{scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow:auto visible}.brand-group-showcase.is-scrollable .brand-group-card-shell{flex:0 0 calc((100% - (5 * var(--brand-group-gap))) / 6);scroll-snap-align:start}.brand-group-showcase.is-scrollable::-webkit-scrollbar{display:none}.brand-group-card-shell{z-index:1;min-width:0;height:clamp(300px,38vh,345px);transition:z-index 0s linear .45s;position:relative}.brand-group-card-shell.is-active{z-index:20;transition-delay:0s}.brand-group-card{color:#edf5f0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(#32443414,#1e2b2061 42%,#0a120cc2);border:1px solid #b5caaa38;border-radius:14px;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;position:relative;overflow:visible;box-shadow:0 12px 28px #0000001f}.brand-group-card-shell.is-active .brand-group-card,.brand-group-card-shell:hover .brand-group-card{border-color:#dbf4bf94;transform:translateY(-4px);box-shadow:0 20px 42px #00000042,0 0 20px #bfe98312}.brand-group-index{color:#e9f7df;letter-spacing:.16em;font-size:11px;top:15px}.brand-group-copy,.brand-group-index{z-index:30;position:absolute;left:16px}.brand-group-copy{pointer-events:none;gap:7px;display:grid;top:62px;right:16px}.brand-group-copy b{letter-spacing:-.04em;font-size:clamp(19px,1.55vw,27px);font-weight:500}.brand-group-copy small{color:#b3c4ac;letter-spacing:.12em;font-size:9px}.brand-group-open{z-index:30;color:#cfeabf;letter-spacing:.08em;opacity:.8;font-size:9px;position:absolute;top:15px;right:14px}.brand-group-stack{z-index:5;cursor:pointer;border:0;outline:none;height:62%;position:absolute;bottom:12px;left:8px;right:8px;overflow:visible}.brand-group-stack:focus-visible:after{content:"";border:1px solid #ddffbf;border-radius:10px;position:absolute;inset:-5px}.brand-group-photo{--closed-x:0px;--closed-y:0px;--closed-r:0deg;--open-x:0px;--open-y:0px;--open-r:0deg;aspect-ratio:16/9;opacity:1;width:min(92%,242px);transform:translateX(-50%) translate(var(--closed-x),var(--closed-y)) rotate(var(--closed-r)) scale(.95);transform-origin:50% 115%;background:#172018;border:2px solid #ebf5e3e6;border-radius:8px;margin:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s;position:absolute;bottom:20px;left:50%;overflow:hidden;box-shadow:0 12px 22px #00000052}.brand-group-photo:first-child{--closed-x:-11px;--closed-y:7px;--closed-r:-4deg;--open-x:-92px;--open-y:10px;--open-r:-10deg}.brand-group-photo:nth-child(2){--closed-x:-7px;--closed-y:3px;--closed-r:-2.5deg;--open-x:-55px;--open-y:-2px;--open-r:-6deg}.brand-group-photo:nth-child(3){--closed-x:-2px;--closed-y:0px;--closed-r:-1deg;--open-x:-19px;--open-y:-8px;--open-r:-2deg}.brand-group-photo:nth-child(4){--closed-x:2px;--closed-y:1px;--closed-r:1deg;--open-x:19px;--open-y:-8px;--open-r:2deg}.brand-group-photo:nth-child(5){--closed-x:7px;--closed-y:4px;--closed-r:2.5deg;--open-x:55px;--open-y:-2px;--open-r:6deg}.brand-group-photo:nth-child(6){--closed-x:11px;--closed-y:8px;--closed-r:4deg;--open-x:92px;--open-y:10px;--open-r:10deg}.brand-group-photo.is-sixteen-nine{aspect-ratio:16/9}.brand-group-photo.is-four-three{aspect-ratio:4/3}.brand-group-photo.is-four-two-three{aspect-ratio:4.2/3}.brand-group-photo.is-fourteen-nine{aspect-ratio:71/45}.brand-group-stack:focus-visible .brand-group-photo,.brand-group-stack:focus-within .brand-group-photo,.brand-group-stack:hover .brand-group-photo{transform:translateX(-50%) translate(var(--open-x),var(--open-y)) rotate(var(--open-r)) scale(1.02);box-shadow:0 20px 34px #00000075}.brand-group-photo img,.brand-group-photo>span{opacity:1;width:100%;height:100%;display:block;position:absolute;inset:0}.brand-group-photo img{object-fit:cover;object-position:center}.brand-group-photo>span{color:#e8f3e2;background:linear-gradient(145deg,#53674f,#111812);place-content:center;justify-items:center;gap:5px;display:grid}.brand-group-photo>span b{font-size:18px;font-weight:400}.brand-group-photo>span i{color:#bdccb8;letter-spacing:.15em;font-size:7px;font-style:normal}.brand-group-photo-upload{z-index:5;color:#effbe8;cursor:pointer;opacity:0;pointer-events:none;background:#050b07d1;border:1px solid #e7f7dda8;padding:4px 6px;font-size:8px;line-height:1;transition:opacity .25s,border-color .2s;display:block;position:absolute;top:5px;right:5px}.brand-group-card-shell.is-active .brand-group-photo-upload{opacity:1;pointer-events:auto}.brand-group-photo-upload:focus-within,.brand-group-photo-upload:hover{border-color:#ddffbf}.brand-group-photo-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.brand-group-edit{z-index:35;color:#dcebd5;cursor:pointer;background:#060c089e;border:1px solid #d9f2ca66;padding:4px 7px;font-size:9px;position:absolute;top:39px;right:13px}.brand-group-edit:focus-visible,.brand-group-edit:hover{color:#f2ffe9;border-color:#ddffbf;outline:none}.brand-group-name-editor{z-index:50;background:#060c08f5;border:1px solid #d9f2ca80;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:7px;display:grid;position:absolute;top:69px;left:10px;right:10px;box-shadow:0 12px 26px #0006}.brand-group-name-editor input{color:#f1f8ed;min-width:0;font:inherit;background:#131e14e6;border:1px solid #d9f2ca6b;padding:6px;font-size:11px}.brand-group-name-editor button{color:#e1f5d8;cursor:pointer;background:0 0;border:1px solid #d9f2ca75;padding:6px 7px;font-size:10px}.brand-group-name-editor button:focus-visible,.brand-group-name-editor button:hover{color:#f2ffe9;border-color:#ddffbf;outline:none}.brand-group-scroll-controls{z-index:35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0d1910b3,#050c08e6);border:1px solid #c9e8b54d;border-radius:999px;align-items:center;gap:9px;min-height:34px;padding:5px 10px 5px 12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003,0 0 16px #ade8840d}.brand-group-scroll-label{color:#a8c09f;letter-spacing:.2em;font-size:8px;line-height:1}.brand-group-scroll-line{background:linear-gradient(90deg,#b4e2a32e,#dcffcbb3);width:22px;height:1px}.brand-group-scroll-controls button{color:#dcebd8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;font-size:16px;line-height:1;transition:color .2s,background-color .2s,transform .2s;display:grid}.brand-group-scroll-controls button:focus-visible,.brand-group-scroll-controls button:hover{color:#f0ffea;background:#c4f4ab24;outline:none}.brand-group-scroll-controls button:active{transform:scale(.9)}.brand-group-scroll-count{color:#edf8e8;letter-spacing:.12em;justify-content:center;align-items:baseline;min-width:50px;font-size:11px;display:inline-flex}.brand-group-scroll-count i{color:#8da18b;font-size:9px;font-style:normal}.brand-section-back{z-index:35;color:#cfeabf;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08100a94;border:1px solid #c9e8b55c;align-items:center;gap:9px;padding:8px 12px;font-size:10px;text-decoration:none;transition:color .22s,border-color .22s,background-color .22s,box-shadow .22s;display:inline-flex;position:absolute;bottom:26px;right:clamp(24px,4vw,72px)}.brand-section-back span{color:#a9d486;font-size:14px;line-height:.8}.brand-section-back:focus-visible,.brand-section-back:hover{color:#f0ffe9;background:#111f13d6;border-color:#ddffbf;outline:none;box-shadow:0 0 16px #bfe9831f}.brand-accordion-dialog{z-index:1000;color:#eef6ea;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a07e6;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:clamp(14px,2vw,30px);display:block;position:fixed;inset:0}.brand-accordion-shell{grid-template-rows:auto minmax(0,1fr) auto;width:min(1540px,100%);height:100%;margin:0 auto;display:grid;position:relative}.brand-accordion-head{grid-template-columns:1fr auto auto;align-items:end;gap:28px;min-height:118px;padding:14px 0 22px;display:grid}.brand-accordion-footer,.brand-accordion-head p,.brand-accordion-head span{color:#9fb09b;letter-spacing:.14em;font-size:10px}.brand-accordion-head h2{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(34px,4vw,66px);font-weight:500;line-height:.95}.brand-accordion-head p{margin:0 0 4px}.brand-accordion-head>button{color:#edf8e8;cursor:pointer;background:#0c140eb8;border:1px solid #d7eeca7a;border-radius:50%;width:38px;height:38px;font-size:24px;line-height:1}.brand-accordion-head>button:focus-visible,.brand-accordion-head>button:hover{border-color:#e5ffcf;outline:none}.brand-accordion-wall{align-self:center;gap:5px;width:100%;height:min(65vh,680px);min-height:0;max-height:calc(100svh - 210px);display:flex}.brand-accordion-panel{background:#182019;flex:1 1 0;min-width:0;transition:flex .8s cubic-bezier(.2,.8,.2,1),filter .45s;position:relative;overflow:hidden}.brand-accordion-panel.is-active{aspect-ratio:16/9;flex:none;height:100%}.brand-accordion-panel.is-sixteen-nine.is-active{aspect-ratio:16/9}.brand-accordion-panel.is-active.is-four-three{aspect-ratio:4/3}.brand-accordion-panel.is-active.is-four-two-three{aspect-ratio:4.2/3}.brand-accordion-panel.is-active.is-fourteen-nine{aspect-ratio:71/45}.brand-accordion-panel:not(.is-active){filter:grayscale(.35)brightness(.62)}.brand-accordion-preview{color:#fff;cursor:pointer;text-align:left;background:#182019;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.brand-accordion-preview:after{display:none}.brand-accordion-panel:not(.is-active) .brand-accordion-preview:after{content:"";pointer-events:none;background:linear-gradient(#00000029,#0000 38%,#00000057);display:block;position:absolute;inset:0}.brand-accordion-preview>img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.8,.2,1);display:block}.brand-accordion-panel.is-active .brand-accordion-preview>img{transform:scale(1.015)}.brand-accordion-preview>span:not(.brand-accordion-caption){color:#e9f4e4;background:linear-gradient(145deg,#465a45,#111812);place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.brand-accordion-preview>span:not(.brand-accordion-caption) b{font-size:clamp(25px,3vw,48px);font-weight:400}.brand-accordion-preview>span:not(.brand-accordion-caption) i{color:#b8c9b3;letter-spacing:.16em;font-size:8px;font-style:normal}.brand-accordion-preview>em{z-index:3;letter-spacing:.14em;font-size:9px;font-style:normal;position:absolute;top:11px;left:11px}.brand-accordion-caption{z-index:3;white-space:nowrap;opacity:0;gap:5px;transition:opacity .35s .22s,transform .4s .22s;display:grid;position:absolute;bottom:16px;left:16px;transform:translateY(10px)}.brand-accordion-panel.is-active .brand-accordion-caption{opacity:1;transform:none}.brand-accordion-caption b{letter-spacing:-.045em;font-size:clamp(22px,2.5vw,42px);font-weight:500}.brand-accordion-caption small{color:#d2dfce;letter-spacing:.14em;font-size:8px}.brand-accordion-upload{z-index:5;color:#effae9;cursor:pointer;opacity:0;background:#070d09c7;border:1px solid #e2f4d885;padding:6px 9px;font-size:9px;transition:opacity .25s,border-color .2s;position:absolute;top:10px;right:10px}.brand-accordion-panel.is-active .brand-accordion-upload,.brand-accordion-panel:hover .brand-accordion-upload,.brand-accordion-upload:focus-within{opacity:1}.brand-accordion-upload:hover{border-color:#e5ffcf}.brand-accordion-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.brand-accordion-controls{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0d1910b3,#050c08e6);border:1px solid #d7eeca4d;border-radius:999px;align-items:center;gap:9px;min-height:34px;padding:5px 10px 5px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000003d,0 0 16px #ade8840f}.brand-accordion-controls-label{color:#a8c09f;letter-spacing:.2em;font-size:8px;line-height:1}.brand-accordion-controls-line{background:linear-gradient(90deg,#b4e2a32e,#dcffcbb3);width:22px;height:1px}.brand-accordion-controls button{color:#dcebd8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;font-size:16px;line-height:1;transition:color .2s,background-color .2s,transform .2s;display:grid}.brand-accordion-controls button:focus-visible,.brand-accordion-controls button:hover{color:#f0ffea;background:#c4f4ab24;outline:none}.brand-accordion-controls button:active{transform:scale(.9)}.brand-accordion-controls-count{color:#edf8e8;letter-spacing:.12em;justify-content:center;align-items:baseline;min-width:50px;font-size:11px;display:inline-flex}.brand-accordion-controls-count i{color:#8da18b;font-size:9px;font-style:normal}.brand-accordion-footer{justify-content:space-between;align-items:center;min-height:62px;display:flex}@media (max-width:1180px){.brand-detail-page{overflow-x:hidden}.brand-detail-topbar{width:auto;margin-inline:38px}.brand-group-showcase{scroll-snap-type:x proximity;width:auto;margin:0;padding:8px 38px 70px;display:flex;overflow:auto visible}.brand-group-card-shell{scroll-snap-align:center;flex:0 0 250px;height:325px}}@media (max-width:760px){.brand-detail-topbar{margin-inline:58px}.brand-showcase-head{flex-direction:column;align-items:start;padding-inline:16px}.brand-showcase-head p{font-size:12px}.brand-group-showcase{padding-inline:58px}.brand-group-card-shell{flex-basis:242px;height:315px}.brand-group-photo{width:min(92%,224px)}.brand-group-photo:first-child{--open-x:-83px}.brand-group-photo:nth-child(2){--open-x:-50px}.brand-group-photo:nth-child(3){--open-x:-17px}.brand-group-photo:nth-child(4){--open-x:17px}.brand-group-photo:nth-child(5){--open-x:50px}.brand-group-photo:nth-child(6){--open-x:83px}.brand-accordion-dialog{padding:9px}.brand-accordion-head{grid-template-columns:1fr auto;min-height:104px;padding:10px 5px 16px}.brand-accordion-head p{display:none}.brand-accordion-wall{aspect-ratio:auto;flex-direction:column;align-self:stretch;gap:3px;height:100%}.brand-accordion-panel.is-active{aspect-ratio:16/9;flex:none;width:100%}.brand-accordion-caption{bottom:10px;left:10px}.brand-accordion-caption b{font-size:26px}.brand-accordion-upload{opacity:1}.brand-section-back{bottom:18px;right:18px}}.motion-tvc-workflow-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.motion-tvc-workflow-card{background:#07131cd1;border:1px solid #8ec2d842;min-width:0}.motion-tvc-step-number{padding:14px 14px 0;display:block}.motion-tvc-workflow-image{aspect-ratio:16/9;border:1px solid #8ec2d83d;height:auto;margin:10px 10px 0;position:relative}.motion-tvc-workflow-upload{top:8px;right:8px}.motion-tvc-workflow-copy{padding:15px}.motion-tvc-workflow-copy h3{margin:0 0 5px;font-size:17px}.motion-tvc-workflow-copy p{color:#9cafb7;margin:12px 0 0;font-size:12px;line-height:1.65}.motion-tvc-footer{color:#708a95;letter-spacing:.14em;border-top:1px solid #82acbf33;justify-content:space-between;gap:20px;padding:24px 0 38px;font-size:10px;display:flex}.motion-tvc-footer a{color:#d9edf4;text-decoration:none}@media (max-width:1050px){.motion-tvc-rail{right:10px}.motion-tvc-footer,.motion-tvc-hero,.motion-tvc-scenes,.motion-tvc-workflow{width:min(100% - 64px,900px)}.motion-tvc-workflow-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.motion-tvc-topbar{padding-inline:22px}.motion-tvc-footer,.motion-tvc-hero,.motion-tvc-scenes,.motion-tvc-workflow{width:calc(100% - 44px)}.motion-tvc-hero{grid-template-columns:1fr;padding-top:46px}.motion-tvc-rail{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020a12e0;flex-direction:row;justify-content:center;width:100%;padding:10px 0;position:sticky;top:10px;right:auto;transform:none}.motion-tvc-rail-label,.motion-tvc-rail-line{display:none}.motion-tvc-scene-grid{grid-template-columns:1fr}.motion-tvc-workflow-grid{grid-template-columns:1fr 1fr}}@media (max-width:460px){.motion-tvc-rail-button{padding-inline:3px;font-size:10px}.motion-tvc-rail-button i{display:none}.motion-tvc-workflow-grid{grid-template-columns:1fr}.motion-tvc-footer{flex-direction:column}}.ai-lab-page{--ai-accent:#29c9ff;color:#eef8fc;background:radial-gradient(circle at 72% 24%,#168bd233,#0000 30%),radial-gradient(circle at 18% 84%,#ff741e14,#0000 28%),#020a12;min-height:100vh;position:relative;overflow:hidden}.ai-lab-grid{pointer-events:none;opacity:.48;background-color:#0000;background-image:linear-gradient(#4ca8cd0f 1px,#0000 0),linear-gradient(90deg,#4ca8cd0f 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.ai-lab-topbar{z-index:3;max-width:1480px;margin:0 auto;padding:25px 56px 18px;position:relative}.ai-lab-back{color:#d9edf5;text-decoration:none}.ai-lab-rail{z-index:12;flex-direction:column;align-items:center;gap:11px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.ai-lab-rail>span{color:var(--ai-accent);letter-spacing:.2em;writing-mode:vertical-rl;font-size:9px}.ai-lab-rail>i{background:#89c0d659;width:1px;height:28px}.ai-lab-rail button{color:#647e8a;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0 4px 8px;display:flex}.ai-lab-rail button b{letter-spacing:.12em;font-size:11px;font-weight:500}.ai-lab-rail button em{border:1px solid;border-radius:50%;width:5px;height:5px}.ai-lab-rail button.is-active,.ai-lab-rail button:hover{color:var(--ai-accent)}.ai-lab-rail button.is-active em{background:var(--ai-accent);box-shadow:0 0 10px var(--ai-accent)}.ai-lab-case{z-index:2;grid-template-columns:minmax(360px,.78fr) minmax(580px,1.22fr);align-items:center;gap:clamp(44px,6vw,100px);width:min(1420px,100% - 128px);min-height:calc(100vh - 76px);margin:0 auto;padding:48px 0 72px;display:grid;position:relative}.ai-lab-copy{min-width:0}.ai-lab-eyebrow{color:var(--ai-accent);letter-spacing:.22em;margin:0 0 18px;font-size:11px}.ai-lab-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,76px);line-height:.98}.ai-lab-english{color:#93afbb;letter-spacing:.14em;margin:17px 0 0;font-size:15px}.ai-lab-summary{color:#a9bdc6;max-width:590px;margin:28px 0 34px;font-size:16px;line-height:1.8}.ai-lab-steps{gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.ai-lab-steps:before{content:"";background:linear-gradient(var(--ai-accent),#29c9ff1a);width:1px;position:absolute;top:23px;bottom:23px;left:14px}.ai-lab-steps li{grid-template-columns:30px 1fr;gap:18px;padding:12px 0;display:grid;position:relative}.ai-lab-steps li>span{z-index:1;width:29px;height:29px;color:var(--ai-accent);background:#03101a;border:1px solid #29c9ffa6;border-radius:50%;place-items:center;font-size:9px;display:grid}.ai-lab-steps h2{margin:1px 0 5px;font-size:17px;font-weight:500}.ai-lab-steps p{color:#8fa7b2;margin:0;font-size:14px;line-height:1.55}.ai-lab-video-column{min-width:0}.ai-lab-video-head{color:#8da9b5;letter-spacing:.16em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;display:flex}.ai-lab-video-head b{color:var(--ai-accent);font-weight:500}.ai-lab-video-shell{aspect-ratio:16/9;background:#06131d;border:1px solid #9bd7eb80;position:relative;overflow:hidden;box-shadow:0 0 0 8px #112d3c4d,0 28px 90px #199cdc33}.ai-lab-video-shell video{object-fit:contain;background:#01070c;width:100%;height:100%;display:block}.ai-lab-video-placeholder{text-align:center;background:repeating-linear-gradient(135deg,#5db2d212 0 1px,#0000 1px 15px),#071620;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.ai-lab-video-placeholder strong{color:#d9f2f9;letter-spacing:.08em;font-size:15px;font-weight:500}.ai-lab-video-placeholder span{color:#668a99;letter-spacing:.18em;font-size:10px}.ai-lab-video-frame{pointer-events:none;border:1px solid #29c9ff80;position:absolute;inset:14px;box-shadow:inset 0 0 24px #29c9ff17}.ai-lab-upload{z-index:3;color:#e6f7fb;cursor:pointer;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a12c2;border:1px solid #bce4f185;padding:7px 11px;font-size:11px;position:absolute;top:26px;right:26px}.ai-lab-upload:hover{color:var(--ai-accent);border-color:var(--ai-accent)}.ai-lab-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ai-lab-play{z-index:3;border:1px solid var(--ai-accent);color:#e9f8fb;cursor:pointer;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a12c2;align-items:center;gap:10px;padding:9px 13px;font-size:11px;display:inline-flex;position:absolute;bottom:25px;left:26px}.ai-lab-play span{color:var(--ai-accent)}.ai-lab-video-note{color:#76919d;letter-spacing:.17em;justify-content:center;align-items:center;gap:12px;margin-top:22px;font-size:9px;display:flex}.ai-lab-video-note i{background:linear-gradient(90deg,#29c9ff33,var(--ai-accent));width:36px;height:1px}.ai-lab-footer{z-index:2;color:#718b96;letter-spacing:.14em;border-top:1px solid #82acbf33;justify-content:space-between;width:min(1420px,100% - 128px);margin:0 auto;padding:22px 0 34px;font-size:10px;display:flex;position:relative}.ai-lab-footer a{color:#d9edf4;text-decoration:none}@media (max-width:1050px){.ai-lab-case{grid-template-columns:1fr;width:min(900px,100% - 72px);padding-top:60px}.ai-lab-footer{width:calc(100% - 72px)}.ai-lab-copy{max-width:760px}.ai-lab-rail{right:10px}}@media (max-width:680px){.ai-lab-topbar{padding-inline:22px}.ai-lab-case{width:calc(100% - 44px);padding-top:42px}.ai-lab-copy h1{font-size:clamp(38px,11vw,58px)}.ai-lab-summary{font-size:15px}.ai-lab-rail{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020a12e6;flex-direction:row;justify-content:center;width:100%;padding:10px 0;position:sticky;top:0;right:auto;transform:none}.ai-lab-rail button em,.ai-lab-rail>i,.ai-lab-rail>span{display:none}.ai-lab-rail button{padding:5px}.ai-lab-footer{flex-direction:column;gap:12px;width:calc(100% - 44px)}.ai-lab-video-note{gap:7px}.ai-lab-video-note i{width:18px}}.site-contact-footer{z-index:5;color:#edf7fb;background:radial-gradient(circle at 50% 28%,#1e9ddb29,#0000 32%),radial-gradient(circle at 12% 74%,#ff701a14,#0000 26%),linear-gradient(#02080f 0 100%);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.site-contact-footer:before{content:"";pointer-events:none;opacity:.28;background-color:#0000;background-image:linear-gradient(#4ea1c314 1px,#0000 0),linear-gradient(90deg,#4ea1c314 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;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(#0000,#000 12%,#0000 82%);mask-image:linear-gradient(#0000,#000 12%,#0000 82%)}.site-contact-hero{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;min-height:66svh;padding:clamp(74px,9vw,140px) clamp(24px,6vw,100px) clamp(58px,7vw,96px);display:flex;position:relative}.site-contact-overline{color:#7898a7;letter-spacing:.2em;align-items:center;gap:10px;font-size:10px;display:inline-flex}.site-contact-overline i{background:#32cfff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #32cfff1f,0 0 16px #32cfffcc}.site-contact-hero h2{letter-spacing:-.075em;max-width:1000px;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:clamp(58px,8.6vw,142px);font-weight:500;line-height:.82}.site-contact-hero h2 em{color:#0000;-webkit-text-stroke:1.5px #c9ebf7ad;font-style:normal}.site-contact-hero>p{color:#9cb1bb;letter-spacing:.04em;max-width:640px;margin:clamp(28px,4vw,48px) auto 0;font-size:16px;line-height:1.9}.site-contact-action{color:#e5f4f8;letter-spacing:.14em;background:#04121cb3;border:1px solid #9ecbdd7a;border-radius:999px;align-items:center;gap:30px;margin-top:0;padding:10px 11px 10px 24px;font-size:11px;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;display:inline-flex}.site-contact-action i{color:#001018;background:#32cfff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;font-style:normal;transition:transform .25s;display:grid}.site-contact-action:hover{background:#0d2d3ddb;border-color:#32cfff;transform:translateY(-2px)}.site-contact-action:hover i{transform:rotate(-35deg)}.site-footer-scroll-cue{color:#516f7d;letter-spacing:.18em;align-items:center;gap:9px;margin-top:8px;font-size:9px;display:inline-flex}.site-minimal-footer{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(52% 140% at 20% 0,#34a1cb14,#0000 70%),#030d15c2;border:1px solid #7ba6b942;width:min(1180px,100% - 48px);margin:0 auto 24px;position:relative}.site-minimal-footer:before{content:"";background:#ff7b18;width:64px;height:1px;position:absolute;top:-1px;left:24px;box-shadow:0 0 12px #ff7b1873}.site-footer-bottom:before,.site-minimal-footer:after{content:"";pointer-events:none;background:#7ba6b933;width:100vw;height:1px;position:absolute;left:50%;transform:translate(-50%)}.site-minimal-footer:after{z-index:-1;top:-1px}.site-footer-grid{grid-template-columns:minmax(0,1fr) 230px;gap:clamp(36px,7vw,110px);padding:clamp(28px,4vw,54px);display:grid}.site-footer-brand{grid-template-columns:38px 1fr;align-content:start;gap:6px 18px;display:grid}.site-footer-symbol{opacity:.72;grid-row:span 2;grid-template-columns:repeat(2,13px);gap:4px;width:30px;height:30px;display:grid}.site-footer-symbol i{border:1px solid #6fb9d8}.site-footer-symbol i:last-child{border-color:#ff7b18}.site-footer-brand strong{color:#eef7fa;letter-spacing:.08em;font-size:18px;font-weight:500}.site-footer-brand p{color:#748e9a;letter-spacing:.025em;max-width:560px;margin:5px 0 0;font-size:13px;line-height:1.7}.site-footer-nav>span{color:#527585;letter-spacing:.18em;margin-bottom:12px;font-size:9px;display:block}.site-footer-nav nav{gap:4px;display:grid}.site-footer-nav a{color:#afc4cc;width:max-content;padding:4px 0;font-size:12px;text-decoration:none;position:relative}.site-footer-nav a:after{content:"";transform-origin:100%;background:#32cfff;height:1px;transition:transform .25s;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0)}.site-footer-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.site-footer-bottom{color:#54707d;letter-spacing:.16em;justify-content:space-between;gap:20px;padding:15px clamp(28px,4vw,54px) 18px;font-size:9px;display:flex;position:relative}.site-footer-bottom:before{top:0}.site-footer-bottom p{margin:0}@media (max-width:720px){.site-contact-hero{min-height:72svh;padding-inline:18px}.site-contact-hero h2{font-size:clamp(48px,15vw,82px)}.site-contact-hero>p{font-size:14px}.site-minimal-footer{width:calc(100% - 24px)}.site-footer-grid{grid-template-columns:1fr;gap:32px;padding:28px 22px}.site-footer-bottom{flex-direction:column;gap:7px;padding-inline:22px}.site-footer-brand{grid-template-columns:34px 1fr}.site-footer-brand p{font-size:12px}}@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}