@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap";.hero .eye-hotspot:after{content:none!important}.character-state.is-winking-left .face-wink-left,.character-state.is-winking-right .face-wink-right{clip-path:ellipse(14% 17% at 50% 81%)}.hero:after,.hero .grain,.hero .orb{pointer-events:none}.hero .character-state{z-index:3;pointer-events:auto}.hero .eye-hotspot{z-index:80;pointer-events:auto}.hero .eye-hotspot:after{content:"";border:1px solid #c8ff2e00;border-radius:50%;transition:border-color .2s,box-shadow .2s,transform .2s;position:absolute;inset:20%;box-shadow:0 0 #c8ff2e00}.hero .eye-hotspot:hover:after,.hero .eye-hotspot:focus-visible:after{border-color:#c8ff2ed9;transform:scale(1.12);box-shadow:0 0 18px #c8ff2eb3,inset 0 0 12px #ffffff8c}.hero .character-state.is-blinking .face-open{opacity:1}.face-wink-left,.face-wink-right{opacity:0}.character-state.is-winking-left .face-wink-left,.character-state.is-winking-right .face-wink-right{opacity:1}.character-state.is-winking-left .face-wink-left{clip-path:polygon(50% 69%,61% 69%,61% 82%,50% 82%)}.character-state.is-winking-right .face-wink-right{clip-path:polygon(39% 69%,50% 69%,50% 82%,39% 82%)}.character-state.is-winking-left .eye-sparkles,.character-state.is-winking-right .eye-sparkles{opacity:0}.hero .eye-hotspot{width:11%;height:15%;top:70%}.hero .eye-hotspot.eye-left{left:50%}.hero .eye-hotspot.eye-right{left:39%}@media (width<=720px){.hero .eye-hotspot{width:15%}.hero .eye-hotspot.eye-left{left:50%}.hero .eye-hotspot.eye-right{left:35%}}.hero-media.character-state .face-frame{object-fit:cover;width:100%;height:100%;transition:opacity 70ms;position:absolute;inset:0}.face-blink,.face-wink,.character-state.is-blinking .face-open,.character-state.is-winking .face-open{opacity:0}.character-state.is-blinking .face-blink,.character-state.is-winking .face-wink{opacity:1}.eye-hotspot{z-index:12;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='10' fill='%23c8ff2e'/%3E%3Cpath d='M10 16q6 6 12 0' fill='none' stroke='%2307152c' stroke-width='2'/%3E%3C/svg%3E") 16 16,auto;background:0 0;border:0;border-radius:50%;width:27%;height:20%;position:absolute;top:68%;left:36.5%}.eye-hotspot:focus-visible{outline-offset:5px;outline:2px solid #c8ff2e}.eye-sparkles{z-index:11;pointer-events:none;position:absolute;inset:0}.eye-sparkles i{filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 11px #8dffff);background:#fff;width:9px;height:9px;animation:2.6s ease-in-out infinite eye-glint;position:absolute;top:77.2%;transform:translate(-50%,-50%)rotate(45deg)}.eye-sparkles i:first-child{left:45.5%}.eye-sparkles i:last-child{animation-delay:-1.3s;left:54.8%}.eye-sparkles i:before,.eye-sparkles i:after{content:"";background:#fff;border-radius:99px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eye-sparkles i:before{width:2px;height:21px}.eye-sparkles i:after{width:21px;height:2px}.is-blinking .eye-sparkles,.is-winking .eye-sparkles{opacity:0}@keyframes eye-glint{0%,70%,to{opacity:0;scale:.2}76%{opacity:1;scale:1.25}84%{opacity:.4;scale:.7}}@media (width<=720px){.eye-hotspot{width:38%;left:31%}.eye-sparkles{display:none}}.hero .film-cover{pointer-events:none;height:100%;padding-top:0}.hero .film-cover>*{pointer-events:auto}.user-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:1.4px;background:#07285f38;border:1px solid #ffffffa6;border-radius:99px;align-items:center;gap:7px;padding:9px 14px;font-size:9px;display:flex;position:absolute;top:124px;left:0}.user-chip small{opacity:.72;border-left:1px solid #ffffff80;margin-left:10px;padding-left:12px;font-size:8px}.cover-title{z-index:8;text-align:center;text-shadow:0 4px 28px #0031693b;width:min(860px,70vw);position:absolute;top:123px;left:50%;transform:translate(-50%)}.cover-title>p{letter-spacing:4px;margin:0 0 14px;font-size:10px}.hero .cover-title h1{white-space:nowrap;margin:0;font-size:clamp(68px,6.3vw,112px);line-height:.76}.cover-line{letter-spacing:1.25px;justify-content:center;gap:18px;margin-top:24px;font-size:7px;display:flex}.cover-line span{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0f6baf26;border:1px solid #ffffff75;border-radius:99px;padding:6px 10px}.process-labels .step{z-index:7;color:#072e68;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);letter-spacing:1px;background:#def9ffa3;border:1px solid #ffffffb3;border-radius:7px;padding:7px 11px 7px 7px;font-size:8px;transition:transform .25s,background .25s;position:absolute;box-shadow:inset 0 1px #fff,0 6px 20px #00468c2e}.process-labels .step:hover{background:#ffffffe6;transform:translateY(-4px)rotate(-1deg)}.process-labels b{color:#fff;background:#0d5bff;border-radius:5px;place-items:center;width:22px;height:22px;margin-right:7px;font-size:7px;display:inline-grid}.process-labels .s1{top:28%;left:10%}.process-labels .s2{top:27%;right:12%}.process-labels .s3{top:52%;left:5%}.process-labels .s4{top:48%;right:7%}.process-labels .s5{bottom:16%;right:3%}.cover-enter{z-index:9;position:absolute;bottom:72px;left:0}.hero .film-cover+.status{display:none}@media (width<=1100px){.cover-title{top:135px}.process-labels .s3{left:2%}.process-labels .s4{right:2%}}@media (width<=720px){.user-chip{top:90px}.user-chip small,.cover-line,.process-labels{display:none}.cover-title{width:95vw;top:160px}.hero .cover-title h1{font-size:15vw}}.hero .nav-shell{width:min(1120px,100% - 88px);height:82px;padding-left:22px}.hero .nav-shell.is-scrolled{width:min(780px,100% - 48px);height:64px}.hero .nav-shell nav{gap:34px}.hero .nav-shell .contact-pill{gap:14px}@media (width<=1100px){.hero .nav-shell,.hero .nav-shell.is-scrolled{width:calc(100% - 48px)}}@media (width<=720px){.hero .nav-shell,.hero .nav-shell.is-scrolled{width:calc(100% - 28px);height:64px}}.nav-shell{z-index:100;-webkit-backdrop-filter:blur(5px)saturate(1.15);background:linear-gradient(110deg,#ffffff21,#ffffff09);border:1px solid #ffffff52;border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1700px,100% - 88px);height:88px;margin:0;padding:0 18px 0 25px;transition:height .45s cubic-bezier(.2,.8,.2,1),top .45s,width .45s,background .4s,box-shadow .4s,border-radius .4s,color .3s;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff75,0 10px 40px #00468c14}.nav-shell:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);height:1px;position:absolute;bottom:-1px;left:24px;right:24px}.nav-shell.is-scrolled{color:#07152c;-webkit-backdrop-filter:blur(24px)saturate(1.35);background:linear-gradient(120deg,#ffffffe0,#dcf9ffb3);border-color:#ffffffd9;border-radius:99px;width:min(980px,100% - 48px);height:68px;padding-left:22px;top:12px;box-shadow:inset 0 1px #fff,0 14px 45px #0e3c6429,0 2px 8px #0e3c6414}.nav-glow{filter:blur(28px);opacity:.25;pointer-events:none;background:#d9ffff;border-radius:50%;width:130px;height:36px;transition:all .4s;position:absolute;top:-15px;left:8%}.nav-shell.is-scrolled .nav-glow{opacity:.72}.nav-shell .logo,.nav-shell nav,.nav-shell .contact-pill{z-index:1;position:relative}.nav-shell nav a{opacity:.7;padding:25px 2px;transition:opacity .25s,color .25s;position:relative}.nav-shell nav a:after{content:"";background:#c8ff2e;border-radius:9px;width:0;height:2px;transition:width .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #c8ff2e}.nav-shell nav a:hover,.nav-shell nav a.active{opacity:1}.nav-shell nav a:hover:after,.nav-shell nav a.active:after{width:100%}.nav-shell.is-scrolled nav a:after{background:#0d5bff;box-shadow:0 0 10px #65c9ff}.nav-shell .contact-pill{padding:8px 9px 8px 18px;transition:transform .25s,background .25s,color .25s,box-shadow .25s;overflow:hidden}.nav-shell .contact-pill span{z-index:1;position:relative}.nav-shell .contact-pill svg{width:30px;height:30px;padding:8px;transition:transform .3s}.nav-shell .contact-pill:hover{color:#07152c;background:#c8ff2e;border-color:#c8ff2e;transform:translateY(-2px);box-shadow:0 8px 24px #6b8f002e}.nav-shell .contact-pill:hover svg{transform:rotate(45deg)}.nav-shell.is-scrolled .contact-pill{color:#fff;background:#07152c;border-color:#07152c}.nav-shell.is-scrolled .contact-pill:hover,.nav-shell.is-scrolled .contact-pill.active{background:#0d5bff;border-color:#0d5bff}@media (width<=1100px){.nav-shell,.nav-shell.is-scrolled{width:calc(100% - 48px)}}@media (width<=720px){.nav-shell,.nav-shell.is-scrolled{width:calc(100% - 28px);height:64px;padding-left:18px;top:8px}.nav-shell .logo{font-size:21px}}:root{--ink:#07152c;--blue:#0d5bff;--acid:#c8ff2e;--sky:#8ce3ff;--cream:#f4f5ed;--mx:0px;--my:0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1700px,100% - 88px);margin:auto}.hero{color:#fff;background:#5ac9f8;height:100vh;min-height:760px;position:relative;overflow:hidden}.hero-media{transform:translate(var(--mx),var(--my)) scale(1.035);transition:transform .25s ease-out;position:absolute;inset:-22px}.hero-media video{object-fit:cover;width:100%;height:100%}.hero:after{content:"";background:linear-gradient(90deg,#003f7c33,#0000 55%),linear-gradient(#0000 55%,#001d4233);position:absolute;inset:0}.grain{z-index:2;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.orb{z-index:3;border:1px solid #ffffffa6;border-radius:50%;animation:7s ease-in-out infinite float;position:absolute;box-shadow:inset -10px -12px 20px #37beff1f,inset 5px 7px 12px #fff}.orb-a{width:92px;height:92px;top:20%;left:43%}.orb-b{width:40px;height:40px;animation-delay:-2s;top:63%;left:37%}@keyframes float{50%{transform:translateY(-20px)scale(1.05)}}header{z-index:5;border-bottom:1px solid #ffffff73;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1700px,100% - 88px);height:106px;margin:auto;display:grid;position:relative}.logo{letter-spacing:-1.5px;font-family:Manrope;font-size:26px;font-weight:800}.logo span{vertical-align:top;margin-left:3px;font-size:9px}nav{letter-spacing:1.3px;gap:48px;font-size:12px;font-weight:600;display:flex}nav a{opacity:.78;transition:all .2s}nav a:hover{opacity:1}.contact-pill{letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffffb3;border-radius:99px;justify-self:end;align-items:center;gap:20px;padding:11px 12px 11px 20px;font-size:11px;display:flex}.contact-pill svg{width:28px;height:28px;color:var(--ink);background:#fff;border-radius:50%;padding:7px}.hero-copy{z-index:4;width:min(1700px,100% - 88px);height:calc(100% - 106px);margin:auto;padding-top:10vh;position:relative}.eyebrow{letter-spacing:2.2px;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.eyebrow svg{width:16px}.hero h1,.work-head h2,.skills-head h2,footer h2{letter-spacing:-.075em;margin:36px 0;font-family:Manrope,sans-serif;font-size:clamp(72px,8.8vw,154px);font-weight:800;line-height:.78}.hero h1 i,.work-head i,.skills-head i,footer h2 i{font-family:Georgia,serif;font-weight:400}.hero-bottom{align-items:flex-end;gap:45px;margin-left:9px;display:flex}.hero-bottom p{font-size:14px;line-height:1.75}.round-link{background:var(--acid);width:66px;height:66px;color:var(--ink);border-radius:50%;place-items:center;transition:all .3s;display:grid}.round-link:hover{transform:rotate(-35deg)scale(1.08)}.status,.scroll{z-index:5;letter-spacing:1.5px;font-size:9px;position:absolute;bottom:34px}.status{left:44px}.scroll{right:44px}.scroll span{margin-left:8px;font-size:17px}.dot{background:var(--acid);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #c8ff2e29}.section-kicker{letter-spacing:1.8px;border-bottom:1px solid #aeb5ae;grid-template-columns:70px 1fr auto;align-items:center;padding:36px 0;font-size:11px;display:grid}.section-kicker span{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.section-kicker p{margin:0}.about{padding-bottom:120px}.about-grid{grid-template-columns:.75fr 1.25fr;gap:8vw;padding:100px 4vw;display:grid}.portrait{position:relative}.portrait-art{background:linear-gradient(145deg,#71dbfc,#bdf9f1 42%,#caff30);border-radius:300px 300px 30px 30px;height:620px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #fffc,0 20px 60px #10437129}.portrait-art:before,.portrait-art:after{content:"";border:1px solid #fff;border-radius:50%;position:absolute;box-shadow:inset 0 0 40px #fff}.portrait-art:before{width:310px;height:310px;top:45%;left:50%;transform:translate(-50%,-50%)}.portrait-art:after{width:500px;height:500px;top:-20%;left:-30%}.avatar-letter{color:#004c9ac7;text-shadow:0 14px #fff6;z-index:1;place-items:center;font:300px/.8 Georgia;display:grid;position:absolute;inset:0}.portrait-art span{text-align:center;letter-spacing:2px;width:100%;font-size:10px;position:absolute;bottom:26px}.badge{text-align:center;letter-spacing:1px;background:#fff;border-radius:50%;place-items:center;width:120px;height:120px;font-size:8px;display:grid;position:absolute;bottom:36px;right:-26px;box-shadow:0 12px 30px #87a6a855}.badge svg{width:32px}.bio{padding-top:60px}.bio h2{letter-spacing:-.055em;margin:0;font:500 clamp(38px,4vw,72px)/1.13 Manrope}.bio h2 em{color:var(--blue);font-family:Georgia;font-weight:400}.bio>p{color:#495466;max-width:750px;margin:55px 0;font-size:16px;line-height:1.9}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{letter-spacing:1.4px;border:1px solid #9aa3a7;border-radius:99px;padding:10px 16px;font-size:9px}.metrics{border-top:1px solid #aeb5ae;border-bottom:1px solid #aeb5ae;grid-template-columns:repeat(4,1fr);display:grid}.metrics>div{border-right:1px solid #aeb5ae;padding:42px 30px}.metrics>div:last-child{border:0}.metrics b{letter-spacing:-4px;font:600 65px Manrope}.metrics b span{color:var(--blue);letter-spacing:-1px;font-size:24px}.metrics p{letter-spacing:1.5px;color:#687277;font-size:9px;line-height:1.6}.timeline{max-width:1050px;margin:100px 0 0 auto}.timeline h3{letter-spacing:1.5px;margin-bottom:30px;font-size:12px}.exp{border-top:1px solid #aeb5ae;grid-template-columns:150px 1fr 1fr 30px;align-items:center;gap:30px;padding:21px 0;display:grid}.exp span,.exp p{color:#637079;font-size:12px}.exp b{font-size:15px}.exp p{margin:0}.exp svg{width:17px}.work{color:#fff;background:#062c94;border-radius:36px 36px 0 0;padding:0 0 130px}.section-kicker.light{border-color:#fff5}.work-head{justify-content:space-between;align-items:flex-end;padding:90px 0 70px;display:flex}.work-head h2,.skills-head h2{margin:0;font-size:clamp(60px,7.3vw,126px)}.work-head p,.skills-head>p{color:#c5d6ff;font-size:14px;line-height:1.8}.projects{grid-template-columns:1fr 1fr;gap:80px 24px;display:grid}.project:nth-child(2n){margin-top:150px}.project-visual{aspect-ratio:1.25;border-radius:9px;position:relative;overflow:hidden}.p1 .project-visual{background:radial-gradient(circle at 68% 45%,#dbff65 0 15%,#0000 15.5%),linear-gradient(135deg,#66deff,#0461e8 63%,#c2ff45)}.p2 .project-visual{background:radial-gradient(circle at 36% 40%,#fff 0 6%,#0000 6.5%),linear-gradient(150deg,#b7f7ff,#53d1ef 45%,#62ca52)}.p3 .project-visual{background:radial-gradient(circle at 50% 48%,#ffc4bd 0 16%,#f05e5d 17% 29%,#0000 30%),linear-gradient(145deg,#ffdb92,#ff765b 65%,#a52f62)}.p4 .project-visual{background:radial-gradient(circle at 40% 40%,#f1c8ff 0 12%,#0000 12.5%),linear-gradient(145deg,#111649,#5f43d8 52%,#4de9ff)}.project-visual:before{content:"";border:1px solid #fff6;border-radius:50%;position:absolute;inset:8%;transform:rotate(-12deg)}.bubble{background:radial-gradient(circle at 30% 25%,#fff,#0000 16%),#ffffff1f;border:1px solid #fffa;border-radius:50%;position:absolute;box-shadow:inset -20px -20px 35px #07f4}.b1{aspect-ratio:1;width:42%;top:18%;right:15%}.b2{aspect-ratio:1;width:17%;bottom:16%;left:18%}.fake-ui{z-index:3;letter-spacing:2px;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:28px 28px auto}.fake-ui svg{color:var(--ink);background:#fff;border-radius:50%;width:44px;height:44px;padding:13px}.project-num{color:#fffc;letter-spacing:-7px;font:80px/.8 Manrope;position:absolute;bottom:24px;left:28px}.project-info{border-bottom:1px solid #fff5;grid-template-columns:1fr 1fr 50px;align-items:end;gap:20px;padding:22px 5px;display:grid}.project-info p{color:#afc8ff;margin:0;font-size:10px;line-height:1.7}.project-info h3{margin:8px 0 0;font:500 31px Manrope}.project-info button{color:#fff;background:0 0;border:1px solid #fff;border-radius:50%;width:45px;height:45px}.project-info button svg{width:18px}.concept-note{text-align:right;letter-spacing:1px;color:#a7c3ff;margin-top:48px;font-size:9px}.skills{padding-bottom:140px}.skills-head{justify-content:space-between;align-items:flex-end;padding:100px 0 75px;display:flex}.skills-head>p{color:#56636d;max-width:420px}.skill-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.skill-grid article{border:1px solid #aeb5ae;border-radius:7px;flex-direction:column;justify-content:space-between;min-height:420px;padding:26px;transition:all .3s;display:flex}.skill-grid article:hover,.skill-grid article.active{background:var(--acid);border-color:var(--acid);transform:translateY(-8px)}.skill-top{justify-content:space-between;font-size:10px;display:flex}.skill-top svg{width:30px;height:30px}.skill-grid h3{margin:8px 0 24px;font:600 27px Manrope}.skill-grid article p{letter-spacing:1.5px;font-size:9px}.skill-grid .skill-text{letter-spacing:0;color:#55605f;font-size:12px;line-height:1.8}.toolbelt{border-top:1px solid #aeb5ae;justify-content:space-between;align-items:center;margin-top:90px;padding-top:30px;display:flex}.toolbelt>span{letter-spacing:1.7px;font-size:9px}.toolbelt div{background:#fff;border:1px solid #ccd1cc;border-radius:50%;place-items:center;width:74px;height:74px;font:600 13px Manrope;display:grid}.toolbelt div:nth-child(2n){background:#bfeaff}.toolbelt div:nth-child(3n){background:#d7ff60}footer{color:#fff;background:#55c8f6;height:100vh;min-height:800px;position:relative;overflow:hidden}.footer-bg{filter:saturate(1.15);background:url(/assets/aero-hero.png) 50%/cover;position:absolute;inset:0}footer:after{content:"";background:linear-gradient(90deg,#0545acd9,#078cd27d 55%,#0000);position:absolute;inset:0}.footer-inner{z-index:2;flex-direction:column;width:min(1700px,100% - 88px);height:100%;margin:auto;padding-top:75px;display:flex;position:relative}footer h2{max-width:1100px;margin:40px 0;font-size:clamp(66px,8vw,136px)}.footer-actions{gap:12px;display:flex}.footer-actions a{letter-spacing:1.4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;border-radius:99px;align-items:center;gap:20px;height:58px;padding:0 22px;font-size:11px;display:flex}.footer-actions a:first-child{background:var(--acid);color:var(--ink);border-color:var(--acid)}.footer-actions svg{width:17px}.footer-bottom{border-top:1px solid #fff6;grid-template-columns:1fr 1fr 1fr auto;align-items:end;margin-top:auto;padding:28px 0;display:grid}.footer-bottom p,.footer-bottom>a{letter-spacing:1.2px;font-size:9px;line-height:1.7}.footer-bottom>a{text-decoration:underline}@media (width<=1100px){.wrap,header,.hero-copy,.footer-inner{width:calc(100% - 48px)}nav{display:none}.hero h1{font-size:12vw}.about-grid{grid-template-columns:1fr 1fr;padding-left:0;padding-right:0}.portrait-art{height:500px}.projects{gap:40px 18px}.skill-grid{grid-template-columns:1fr 1fr}.toolbelt{flex-wrap:wrap;gap:16px}.status{left:24px}.scroll{right:24px}}@media (width<=720px){.wrap,header,.hero-copy,.footer-inner{width:calc(100% - 28px)}.hero{min-height:700px}.hero h1{margin-top:60px;font-size:17vw}.contact-pill{padding-left:14px}.about-grid,.projects{grid-template-columns:1fr}.portrait-art{height:470px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:nth-child(2){border-right:0}.exp{grid-template-columns:90px 1fr 20px}.exp p{display:none}.work-head,.skills-head{display:block}.work-head p,.skills-head>p{margin-top:30px}.project:nth-child(2n){margin-top:0}.project-info{grid-template-columns:1fr 45px}.project-info>p{display:none}.skill-grid{grid-template-columns:1fr}.footer-bottom{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom p:nth-of-type(2){display:none}}.hero>.eye-controls{z-index:500;pointer-events:none;position:absolute;inset:0}.hero>.eye-controls .eye-control{appearance:none;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:50%;outline:none;width:11%;height:15%;padding:0;position:absolute;top:70%}.hero>.eye-controls .eye-left{left:39%}.hero>.eye-controls .eye-right{left:50%}.hero>.eye-controls .eye-control:before,.hero>.eye-controls .eye-control:after{content:none!important}.hero .character-state.is-blinking .face-open,.hero .character-state.is-winking-left .face-open,.hero .character-state.is-winking-right .face-open{opacity:1!important}.hero .character-state .face-blink{clip-path:polygon(39% 69%,61% 69%,61% 82%,39% 82%)!important}.hero .character-state .face-wink-left,.hero .character-state .face-wink-right{opacity:0;clip-path:ellipse(14% 18% at 50% 81%)!important}.hero .character-state.is-winking-left .face-wink-left,.hero .character-state.is-winking-right .face-wink-right{opacity:1!important}@media (width<=900px){.hero>.eye-controls .eye-control{width:14%}.hero>.eye-controls .eye-left{left:36%}.hero>.eye-controls .eye-right{left:50%}}.project-visual.has-image{cursor:zoom-in;isolation:isolate;background:#151b10;overflow:hidden}.project-visual.has-image:after{content:none}.project-visual.has-image>img{z-index:1;object-fit:cover;object-position:top center;filter:saturate(.96)contrast(1.02);width:100%;height:auto;min-height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s;position:absolute;inset:0}.project-visual.has-image:hover>img{filter:saturate(1.05)contrast(1.03);transform:scale(1.025)}.project-visual.has-image.is-scrollable{overscroll-behavior:contain;cursor:ns-resize;scrollbar-width:thin;scrollbar-color:#c8ff2e #ffffff24;overflow-y:auto}.project-visual.has-image.is-scrollable>img{width:100%;height:auto;min-height:0;display:block;position:relative;inset:auto;transform:none}.project-visual.has-image.is-scrollable .fake-ui,.project-visual.has-image.is-scrollable .project-num{opacity:0;pointer-events:none}.scroll-cue{z-index:6;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:1.2px;text-shadow:0 1px 8px #00000080;background:#04162375;border:1px solid #fff9;border-radius:99px;width:max-content;margin:0 auto;padding:9px 14px;font-size:8px;transition:opacity .25s;position:sticky;bottom:18px;left:50%;transform:translate(0)}.project-visual.has-image.is-scrollable .scroll-cue{opacity:.75}.project-visual.has-image::-webkit-scrollbar{width:5px}.project-visual.has-image::-webkit-scrollbar-track{background:#ffffff1f}.project-visual.has-image::-webkit-scrollbar-thumb{background:#c8ff2e;border-radius:10px}.visual-marquee{z-index:6;background:#79d7f5 url(/assets/visual-archive-aero-bg.png) 50%/cover no-repeat;margin-top:0;padding:56px 0 66px;position:relative;overflow:hidden}.archive-heading{z-index:3;color:#07366c;opacity:0;flex-direction:column;align-items:flex-start;gap:5px;width:min(1700px,100% - 88px);margin:0 auto 30px;transition:opacity .55s ease-out .18s,transform .65s cubic-bezier(.22,.75,.25,1) .18s;display:flex;position:relative;transform:translateY(20px)}.archive-heading span{letter-spacing:1.7px;font-size:8px}.archive-heading b{letter-spacing:-.045em;font:700 clamp(26px,3vw,46px)/1 Manrope}.visual-marquee.archive-visible .archive-heading{opacity:1;transform:translateY(0)}.visual-marquee .marquee-row figure{opacity:0;transition:opacity .58s ease-out,transform .72s cubic-bezier(.22,.75,.25,1);transition-delay:calc(.24s + var(--archive-index) * 70ms);transform:translateY(40px)}.visual-marquee.archive-visible .marquee-row figure{opacity:1;transform:translateY(0)}.visual-marquee:before{content:"";z-index:2;transform-origin:0;opacity:.55;pointer-events:none;background:repeating-linear-gradient(96deg,#0000 0 28px,#e1faff0b 29px 30px,#0000 31px 58px),linear-gradient(#d2f4ff24,#b0e6ff12 48%,#0000);height:28px;transition:transform .9s cubic-bezier(.22,.75,.25,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.visual-marquee.archive-visible:before{transform:scaleX(1)}.visual-marquee:after{content:none}.marquee-row{z-index:2;will-change:transform;gap:12px;width:max-content;margin-bottom:12px;display:flex;position:relative}.marquee-row.row-a{animation:34s linear infinite archive-left}.marquee-row.row-b{animation:39s linear infinite archive-right}.marquee-row.row-single{margin-bottom:0;animation:28s ease-in-out infinite alternate archive-pan}.visual-marquee:hover .marquee-row{animation-play-state:paused}.marquee-row figure{aspect-ratio:2/3;background:#ffffff61;border:1px solid #fffc;border-radius:22px;width:clamp(190px,16vw,270px);margin:0;position:relative;overflow:hidden;box-shadow:0 22px 55px #004e9647,inset 0 1px #ffffffe6}.marquee-row img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .5s}.marquee-row.row-b figure{width:clamp(170px,14.5vw,245px)}.marquee-row figure:hover img{transform:scale(1.05)}.marquee-row figcaption{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1.3px;background:#04142d7a;border-radius:99px;padding:6px 9px;font-size:7px;position:absolute;bottom:13px;left:16px}@keyframes archive-left{to{transform:translate(calc(-50% - 6px))}}@keyframes archive-right{0%{transform:translate(calc(-50% - 6px))}to{transform:translate(0)}}@keyframes archive-pan{0%{transform:translate(3vw)}to{transform:translate(calc(97vw - 100%))}}.drama-carousel{color:#07366c;background:linear-gradient(#f4f5ed 0%,#eaf9ff 42%,#dcf6fa 100%);padding:72px 0 66px;position:relative;overflow:hidden}.drama-carousel-head{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.drama-carousel-head span,.drama-carousel-head>p{letter-spacing:1.7px;margin:0;font-size:9px;font-weight:700}.drama-carousel-head h2{letter-spacing:-.06em;margin:8px 0 0;font:750 clamp(38px,5vw,74px)/.95 Manrope}.drama-carousel-head>p{color:#07366c94;padding-bottom:7px}.drama-carousel-shell{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin:auto;position:relative;overflow:hidden}.drama-carousel-shell:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(#74d6f12e,#0000 68%);position:absolute;inset:15% 18% 8%}.drama-carousel-stage{z-index:1;perspective:1500px;perspective-origin:50% calc(50% - 85px);height:clamp(600px,52vw,690px);transform-style:preserve-3d;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.drama-carousel-stage:active{cursor:grabbing}.drama-slide{aspect-ratio:3/4;opacity:0;pointer-events:none;transform-origin:50%;width:clamp(300px,28vw,420px);height:auto;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;background:#dceff5;border:0;border-radius:10px;margin:0;transition:transform .64s cubic-bezier(.22,.72,.2,1),opacity .56s,filter .56s;position:absolute;top:calc(50% - 85px);left:50%;overflow:hidden;box-shadow:0 18px 30px #19587c24}.drama-slide img{border-radius:inherit;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block}.drama-slide.is-active{z-index:6;opacity:1;pointer-events:auto;transform:translate3d(-50%,-50%,70px)rotateY(0)scale(.95)}.drama-slide.is-prev{z-index:5;opacity:.84;filter:brightness(.97);pointer-events:auto;transform:translate(calc(-50% - clamp(300px,25vw,380px)),-50%)rotateY(-38deg)scale(.7)}.drama-slide.is-next{z-index:5;opacity:.84;filter:brightness(.97);pointer-events:auto;transform:translate(calc(-50% + clamp(300px,25vw,380px)),-50%)rotateY(38deg)scale(.7)}.drama-slide.is-far-prev{z-index:4;opacity:.58;filter:brightness(.93);pointer-events:auto;transform:translate3d(calc(-50% - clamp(470px,40vw,600px)),-50%,-70px)rotateY(-54deg)scale(.48)}.drama-slide.is-far-next{z-index:4;opacity:.58;filter:brightness(.93);pointer-events:auto;transform:translate3d(calc(-50% + clamp(470px,40vw,600px)),-50%,-70px)rotateY(54deg)scale(.48)}.drama-slide.is-hidden{visibility:hidden}.drama-arrow{z-index:8;color:#07366cb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;opacity:.68;background:#ffffff47;border:1px solid #ffffffad;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .25s,background .25s,opacity .25s;display:grid;position:absolute;top:calc(50% - 85px);transform:translateY(-50%);box-shadow:0 7px 18px #125d8b14}.drama-arrow:hover{opacity:1;background:#ffffffb3;transform:translateY(-50%)scale(1.07)}.drama-arrow svg{width:17px}.drama-prev{left:18px}.drama-next{right:18px}.drama-pagination{z-index:8;color:#07366cad;align-items:center;gap:8px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.drama-pagination b{font:700 10px Manrope}.drama-pagination span{background:#07366c40;width:52px;height:1px}.drama-pagination small{font-size:8px}@media (width<=720px){.drama-carousel{padding:52px 0 44px}.drama-carousel-head{align-items:flex-start;margin-bottom:20px}.drama-carousel-head>p{display:none}.drama-carousel-shell{width:100%}.drama-carousel-stage{height:min(150vw,650px)}.drama-slide{aspect-ratio:3/4;width:min(76vw,390px);height:auto}.drama-slide img{border-radius:12px}.drama-slide.is-active{transform:translate3d(-50%,-50%,80px)scale(1)}.drama-slide.is-prev{opacity:.72;transform:translate3d(calc(-50% - 61vw),-50%,-20px)rotateY(-38deg)scale(.82)}.drama-slide.is-next{opacity:.72;transform:translate3d(calc(61vw - 50%),-50%,-20px)rotateY(38deg)scale(.82)}.drama-slide.is-far-prev,.drama-slide.is-far-next{opacity:0}.drama-arrow{width:44px;height:44px;top:auto;bottom:10px;transform:none}.drama-arrow:hover{transform:scale(1.05)}.drama-prev{left:18px}.drama-next{right:18px}}@media (prefers-reduced-motion:reduce){.drama-slide{transition-duration:.15s}}.experience-motion .exp{cursor:default;position:relative}.experience-motion .exp:after{content:"";width:calc(var(--exp-effect,0) * 42px);background:color-mix(in srgb,#0d5bff calc(var(--exp-effect,0) * 100%),#aeb5ae);height:1px;opacity:var(--exp-effect,0);transform-origin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.experience-motion .exp>*{transform:translateX(calc(var(--exp-effect,0) * 20px));will-change:transform;position:relative}.experience-motion .exp b{color:color-mix(in srgb,#0d5bff calc(var(--exp-effect,0) * 100%),#07152c)}.experience-motion .exp svg{transform:translateX(calc(var(--exp-effect,0) * 5px)) rotate(calc(var(--exp-effect,0) * 45deg))}.experience-motion .exp:after,.experience-motion .exp>*{transition:none}@media (width>=721px){.experience-motion h3{font-size:14px}.experience-motion .exp{height:67px}.experience-motion .exp span{font-size:14px}.experience-motion .exp b{font-size:18.5px}.experience-motion .exp p{font-size:14px}.experience-motion .exp svg{width:19px;height:19px}}@media (prefers-reduced-motion:reduce){.experience-motion .exp:after{display:none}.experience-motion .exp>*{transform:none}}.about .about-grid{grid-template-columns:.78fr 1.22fr;gap:7vw;position:relative}.about .portrait{width:92%;margin-top:88px}.about .bio{padding-top:0}.about .bio .about-intro{color:#0d5bff;letter-spacing:-.02em;margin:0;font:600 clamp(34px,3.1vw,48px)/1.2 Manrope,sans-serif;position:absolute;top:38px;left:4vw}.about .bio h2{max-width:780px}.about .bio .about-sop{color:#495466;max-width:680px;margin:52px 0 34px;font-size:17px;line-height:1.95}.about .about-capabilities{gap:10px}.about .about-capabilities span{color:#19365d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;background:#ffffff57;border-color:#49546661;align-items:baseline;gap:7px;padding:9px 14px;font-size:11px;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.about .about-capabilities small{color:#66768a;letter-spacing:.14em;font-size:8px}@media (width<=720px){.about .about-grid{grid-template-columns:1fr}.about .portrait{width:100%;margin-top:48px}.about .bio{padding-top:34px}.about .bio .about-intro{letter-spacing:.08em;margin-bottom:18px;font-size:14px;position:static}.about .bio .about-sop{margin:30px 0 24px;font-size:15px;line-height:1.85}.about .bio .about-sop br{display:none}}.skills .skill-grid{border-top:1px solid #aeb5ae;grid-template-columns:1fr;gap:0}.skills .skill-grid article,.skills .skill-grid article.active{background:0 0;border:0;border-bottom:1px solid #aeb5ae;border-radius:0;grid-template-columns:minmax(170px,.42fr) 1fr;align-items:center;min-height:210px;padding:30px 22px;display:grid;transform:none}.skills .skill-grid article:hover{background:#c8ff2e;padding-left:34px;transform:none}.skills .skill-top{justify-content:flex-start;align-items:center;gap:35px}.skills .skill-top span{letter-spacing:-.08em;font:700 clamp(64px,8vw,118px)/.8 Manrope}.skills .skill-top svg{width:42px;height:42px}.skills .skill-grid article>div:last-child{grid-template-columns:.7fr .7fr 1.2fr;align-items:center;gap:28px;display:grid}.skills .skill-grid h3{margin:0;font-size:clamp(24px,3vw,44px)}.skills .skill-grid .skill-text{max-width:520px}.work .projects{display:block}.project-analysis-band{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(115deg,#ffffff21,#78e0ff0f);border:1px solid #ffffff7a;border-radius:20px;align-items:center;gap:18px;margin:0 0 28px;padding:20px 24px;display:flex;box-shadow:inset 0 1px #ffffff59}.project-analysis-band>span{border:1px solid #ffffffd1;border-radius:50%;place-items:center;width:38px;height:38px;font-size:9px;display:grid}.project-analysis-band p{letter-spacing:1.7px;color:#b9d4ff;margin:0 0 4px;font-size:8px}.project-analysis-band h3{letter-spacing:-.03em;margin:0;font:600 28px Manrope}.work .project{background:linear-gradient(145deg,#0739a7,#052980);border:1px solid #ffffff8c;border-radius:30px;margin:0 0 20vh;padding:18px;position:sticky;top:96px;box-shadow:0 -12px 45px #000c3c40}.work .project:first-child{z-index:1}.work .project:nth-child(2){z-index:2;top:116px}.work .project:nth-child(3){z-index:3;top:136px}.work .project:nth-child(4){z-index:4;margin-bottom:0;top:156px}.work .project:nth-child(2n){margin-top:0}.work .project-visual{aspect-ratio:2;border-radius:20px}.work .project-info{padding:25px 8px 8px}@media (width<=900px){.visual-marquee{padding:70px 0 55px}.skills .skill-grid article,.skills .skill-grid article.active{grid-template-columns:1fr;gap:35px}.skills .skill-grid article>div:last-child{grid-template-columns:1fr}.work .project{border-radius:20px;padding:10px;top:82px}.work .project:nth-child(2),.work .project:nth-child(3),.work .project:nth-child(4){top:92px}.work .project-visual{aspect-ratio:1.15}}.work .projects{isolation:isolate;position:relative}.work .projects:before{content:"";z-index:-1;pointer-events:none;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 900' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23baffff'/%3E%3Cstop offset='.48' stop-color='%23c8ff2e'/%3E%3Cstop offset='1' stop-color='%235ddcff'/%3E%3C/linearGradient%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M145 220 C370 40 690 70 920 245 S1060 485 770 535 S315 480 245 690 S665 870 1040 715' fill='none' stroke='%235ddcff' stroke-opacity='.42' stroke-width='22' filter='url(%23b)'/%3E%3Cpath d='M145 220 C370 40 690 70 920 245 S1060 485 770 535 S315 480 245 690 S665 870 1040 715' fill='none' stroke='url(%23g)' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M145 217 C370 37 690 67 920 242 S1060 482 770 532 S315 477 245 687 S665 867 1040 712' fill='none' stroke='white' stroke-opacity='.72' stroke-width='2' stroke-linecap='round' stroke-dasharray='4 18'/%3E%3Cg fill='%23eaffff' stroke='%23c8ff2e' stroke-width='3'%3E%3Ccircle cx='145' cy='220' r='13'/%3E%3Ccircle cx='920' cy='245' r='12'/%3E%3Ccircle cx='245' cy='690' r='12'/%3E%3Ccircle cx='1040' cy='715' r='14'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat;animation:3.8s ease-in-out infinite aero-flow-pulse;position:absolute;inset:4% -2% 2%}.work .project{z-index:1}@keyframes aero-flow-pulse{0%,to{filter:brightness(.92);opacity:.72}50%{filter:brightness(1.28);opacity:1}}@media (width<=900px){.work .projects:before{display:none}}@media (prefers-reduced-motion:reduce){.work .projects:before{animation:none}}main{flex-direction:column;display:flex}.showcase{color:#fff;background:#07152c;order:20;padding-bottom:130px;position:relative;overflow:hidden}.work>.wrap>.showcase{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}footer{order:21}.showcase-wrap{width:min(1700px,100% - 88px);margin:auto}.showcase .section-kicker{border-color:#ffffff59}.showcase-head{justify-content:space-between;align-items:flex-end;padding:90px 0 70px;display:flex}.showcase-head h2{letter-spacing:-.075em;margin:0;font:800 clamp(62px,8vw,136px)/.78 Manrope}.showcase-head h2 i{font-family:Georgia,serif;font-weight:400}.showcase-head>p{color:#aac5de;max-width:420px;font-size:14px;line-height:1.8}.showcase-list{gap:34px;display:grid}.product-film-list{gap:88px}.product-film-entry{min-width:0}.product-film-meta{color:#ffffffeb;grid-template-columns:minmax(230px,1fr) minmax(180px,.65fr) auto;align-items:end;gap:30px;padding:0 4px 20px;display:grid}.product-film-meta b{letter-spacing:-.025em;font:600 clamp(18px,1.8vw,27px)/1.1 Manrope,sans-serif}.product-film-meta span{color:#cadef4c2;letter-spacing:1.5px;font-size:9px;font-weight:600}.product-film-meta small{color:#aac5de94;letter-spacing:1.5px;text-align:right;font-size:8px}.showcase-panel{background:linear-gradient(145deg,#0d4fd0,#53caf3);border:1px solid #ffffff6b;border-radius:34px;min-height:720px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c,0 25px 70px #0003}.showcase-index{z-index:6;align-items:center;gap:18px;display:flex;position:absolute;top:28px;left:30px}.showcase-index span{border:1px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;display:grid}.showcase-index p,.showcase-copy>p:first-child{letter-spacing:1.7px;font-size:9px}.showcase-copy{z-index:5;position:absolute}.showcase-copy h3{letter-spacing:-.055em;margin:16px 0 24px;font:600 clamp(38px,4.4vw,76px)/1.03 Manrope}.showcase-copy>p:last-child{color:#ffffffc2;max-width:490px;font-size:13px;line-height:1.8}.showcase-media img{object-fit:cover;width:100%;height:100%}.show-ai .showcase-copy{width:38%;top:24%;left:5%}.showcase-video{background:#041224;border:1px solid #ffffffd1;border-radius:24px;width:51%;height:71%;position:absolute;top:13%;right:4%;overflow:hidden;box-shadow:0 24px 65px #00144657,inset 0 1px #ffffff80}.showcase-video video{object-fit:contain;background:#020914;width:100%;height:100%;display:block}.video-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:1.3px;pointer-events:none;background:#020e237a;border:1px solid #fff9;border-radius:99px;padding:9px 13px;font-size:8px;position:absolute;top:18px;left:18px}.ai-film-background{background:#020914}.ai-bg-video{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ai-film-background .showcase-index,.ai-film-background .showcase-copy,.ai-film-background .showcase-tags{z-index:3}.ai-video-toggle{z-index:5;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#020d2580;border:1px solid #fffc;border-radius:99px;align-items:center;padding:12px;transition:transform .3s,background .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 35px #00000047}.ai-video-toggle:hover{color:#07152c;background:#c8ff2eeb;transform:translate(-50%,-50%)scale(1.06)}.ai-video-toggle svg{color:#07152c;background:#fff;border-radius:50%;width:32px;height:32px;padding:8px}.ai-video-toggle span{letter-spacing:1.4px;font-size:8px}.show-additional-video{background:#020914;min-height:720px}.show-additional-video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.additional-video-toggle{z-index:3;color:#fff;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);cursor:pointer;background:linear-gradient(135deg,#ffffff45,#d2f0ff1a);border:1px solid #ffffffa6;border-radius:99px;align-items:center;gap:14px;padding:14px 24px 14px 14px;transition:transform .3s,background .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffb3,0 18px 50px #00001e4d}.additional-video-toggle:hover{background:linear-gradient(135deg,#fff6,#c8ff2e24);transform:translate(-50%,-50%)scale(1.06)}.additional-video-toggle svg{color:#07152c;background:#c8ff2e;border-radius:50%;width:48px;height:48px;padding:13px}.additional-video-toggle span{letter-spacing:1.5px;font-size:10px;font-weight:700}.show-additional-video.is-playing .additional-video-toggle{opacity:0}.show-additional-video.is-playing:hover .additional-video-toggle{opacity:1}.show-storyboard{color:#fff;background:radial-gradient(circle at 72% 22%,#7de4ff6b,#0000 25%),radial-gradient(circle at 16% 82%,#c8ff2e3d,#0000 26%),linear-gradient(145deg,#071b58,#0c58c7 58%,#2dc6d4);min-height:860px}.show-storyboard:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;filter:drop-shadow(0 0 14px #69ddff8c);background:linear-gradient(115deg,#0000 2%,#7ee6ff61 20%,#d9fbff 38%,#c8ff2e 50%,#77e8ff 62%,#7ee6ff52 80%,#0000 98%) 0 0/220% 220%;padding:3px;animation:5.5s linear infinite storyboard-frame-flow;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}@keyframes storyboard-frame-flow{0%{background-position:100% 100%}to{background-position:-100% -100%}}.work .show-storyboard{margin-bottom:34px}.work .show-storyboard .showcase-index p{letter-spacing:-.045em;font:650 clamp(28px,3vw,42px)/1 Manrope}.storyboard-grid-bg{opacity:.28;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 38%,#000);mask-image:linear-gradient(90deg,#0000,#000 38%,#000)}.storyboard-lead{z-index:3;width:34%;position:absolute;top:24%;left:5%}.storyboard-lead>p:first-child{letter-spacing:1.7px;font-size:9px}.storyboard-lead h3{letter-spacing:-.055em;margin:18px 0 26px;font:650 clamp(38px,4.4vw,72px)/1.03 Manrope}.storyboard-lead>p:last-child{color:#ffffffc2;max-width:440px;font-size:13px;line-height:1.8}.storyboard-detail-grid{z-index:3;grid-template-rows:.72fr 1.45fr;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;height:74%;display:grid;position:absolute;top:18%;left:4%;right:4%}.storyboard-detail-grid section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#beecff24;border:1px solid #ffffff8f;border-radius:20px;min-width:0;padding:24px 26px;box-shadow:inset 0 1px #ffffff80,0 16px 40px #001f681f}.storyboard-detail-grid section:first-child{grid-column:1/5}.storyboard-detail-grid section:nth-child(2){grid-column:5/9}.storyboard-detail-grid section:nth-child(3){grid-column:9/13}.storyboard-detail-grid section>span{color:#c8ff2e;letter-spacing:1.5px;font-size:9px;font-weight:700}.storyboard-detail-grid h4{margin:12px 0 10px;font:650 25px Manrope}.storyboard-detail-grid p{color:#ffffffdb;margin:0;font-size:14px;line-height:1.65}.storyboard-detail-grid .storyboard-solution{background:linear-gradient(135deg,#071b589e,#3597e147);grid-column:1/8;padding:30px 32px}.storyboard-detail-grid .storyboard-result{color:#071b58;background:linear-gradient(145deg,#d9ff75,#7ee6f2);border-color:#ffffffe0;grid-column:8/13;padding:30px 32px}.storyboard-detail-grid .storyboard-solution h4,.storyboard-detail-grid .storyboard-result h4{margin-top:14px;font-size:34px}.storyboard-detail-grid .storyboard-solution{flex-direction:column;display:flex}.storyboard-solution>p{gap:12px;margin-top:18px;display:grid}.storyboard-solution>p strong{color:#fff;letter-spacing:-.04em;max-width:680px;font:700 clamp(25px,2.25vw,34px)/1.28 Manrope}.storyboard-solution>p span{color:#ffffffd1;max-width:640px;font-size:16px;line-height:1.7}.storyboard-detail-grid .storyboard-result>span{color:#0b57b7}.storyboard-flow{flex-wrap:wrap;align-items:center;gap:10px;margin:auto 0 0;padding-top:22px;display:flex}.storyboard-flow b{color:#07152c;white-space:nowrap;background:#c8ff2e;border-radius:99px;padding:10px 15px;font-size:11px}.storyboard-flow i{color:#8cecff;font-style:normal}.storyboard-result>div{grid-template-columns:auto 1fr;align-items:baseline;gap:10px 14px;margin-top:20px;display:grid}.storyboard-result b{letter-spacing:-2px;font:750 46px Manrope}.storyboard-result small{color:#174f85;font-size:11px;font-weight:700}.storyboard-detail-grid section{transform-style:preserve-3d;will-change:transform;transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s,border-color .38s;position:relative;overflow:hidden}.storyboard-detail-grid section:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(440px circle at var(--card-x,50%) var(--card-y,50%),#ceff2e,#87e7ffdb 38%,#66c2ff73 62%,transparent 82%);-webkit-mask-composite:xor;filter:drop-shadow(0 0 7px #7ee7ff85);padding:2px;transition:opacity .25s;position:absolute;inset:0;-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}.storyboard-detail-grid section.is-bento-hovered{transform:perspective(950px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-3px);border-color:#dffcffe6;box-shadow:inset 0 1px #ffffffa6,0 20px 46px #00195b3d,0 0 24px #78e5ff21}.storyboard-detail-grid section.is-bento-hovered:after{opacity:1}.storyboard-bento-ready .storyboard-detail-grid section{animation:.72s cubic-bezier(.2,.75,.25,1) both storyboard-card-in}.storyboard-bento-ready .storyboard-detail-grid section:nth-child(2){animation-delay:80ms}.storyboard-bento-ready .storyboard-detail-grid section:nth-child(3){animation-delay:.16s}.storyboard-bento-ready .storyboard-detail-grid section:nth-child(4){animation-delay:.24s}.storyboard-bento-ready .storyboard-detail-grid section:nth-child(5){animation-delay:.32s}@keyframes storyboard-card-in{0%{opacity:0;filter:blur(5px);transform:translateY(22px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.storyboard-bento-ready .storyboard-detail-grid section{animation:none}.storyboard-detail-grid section{transition:none}.show-storyboard:after{animation:none}}.collage-ai img{border:1px solid #fffc;border-radius:18px;width:25%;height:61%;position:absolute;top:16%;box-shadow:0 18px 45px #0014464d}.collage-ai img:first-child{right:30%;transform:rotate(-6deg)}.collage-ai img:nth-child(2){top:23%;right:15%;transform:rotate(5deg)}.collage-ai img:nth-child(3){top:12%;right:3%;transform:rotate(10deg)}.showcase-tags{gap:8px;display:flex;position:absolute;bottom:45px;left:5%}.showcase-tags span{letter-spacing:1.2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff9;border-radius:99px;padding:9px 14px;font-size:8px}.show-brand{color:#07152c;background:linear-gradient(110deg,#c4efff33,#e2faff61),url(/assets/ip-visual-aero-background.png) 50%/cover no-repeat}.show-brand:before{content:"";pointer-events:none;background-image:linear-gradient(#23658b13 1px,#0000 1px),linear-gradient(90deg,#23658b13 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.show-brand:after{content:"";z-index:1;pointer-events:none;background:#faf7e53d;border:1px solid #ffffff8f;border-radius:28px;width:40%;height:66%;position:absolute;top:17%;right:2.5%;box-shadow:inset 0 1px #ffffffb3}.show-brand .showcase-index{color:#07152c;display:flex}.brand-frame{border-radius:50% 50% 24px 24px;width:39%;height:73%;position:absolute;top:14%;left:7%;overflow:hidden;box-shadow:0 22px 55px #0041733d}.ip-series-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.65fr .7fr .7fr;gap:10px;width:53%;height:76%;display:grid;position:absolute;top:13%;left:3.5%}.ip-series-grid figure{background:#fff;border:1px solid #fffc;border-radius:16px;min-width:0;min-height:0;margin:0;transition:transform .35s,filter .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 15px 35px #0041732b}.ip-series-grid .ip-main{grid-row:1/span 2}.ip-series-grid img{object-fit:cover;object-position:top center;width:100%;height:100%}.ip-series-grid .ip-main img{object-fit:contain;background:#78c9ef}.ip-series-grid figcaption{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;background:#04223a8a;border-radius:99px;padding:6px 8px;font-size:6px;position:absolute;bottom:9px;left:9px}.ip-series-grid:hover figure{filter:saturate(.72)brightness(.86)}.ip-series-grid figure:hover{z-index:3;filter:none;transform:translateY(-7px)scale(1.035);box-shadow:0 22px 50px #00417347}.show-brand .showcase-copy{width:38%;top:25%;right:4%}.show-brand .showcase-copy>p:last-child{color:#294d5e}.show-brand .showcase-index{color:#07152c}.show-brand .showcase-index span{border-color:#07152c}.showcase-orbit{border:1px solid #fffc;border-radius:50%;width:560px;height:270px;position:absolute;bottom:-9%;right:-9%;transform:rotate(-14deg);box-shadow:inset 0 0 45px #ffffff59}.show-brand .showcase-orbit{display:none}.show-social{background:linear-gradient(135deg,#1c238d,#6647e8 55%,#68d9fa)}.show-social .showcase-copy{width:42%;top:22%;left:6%}.social-frame{border-radius:22px;width:42%;height:80%;position:absolute;top:10%;right:5%;overflow:hidden;box-shadow:0 20px 60px #00003252}.social-frame img{object-position:top}.social-data{grid-template-columns:auto 1fr auto 1fr;align-items:end;gap:12px;margin-top:45px;display:grid}.social-data b{font:700 54px Manrope}.social-data b span{color:#c8ff2e;font-size:18px}.social-data p{letter-spacing:1.2px;margin-bottom:9px;font-size:7px}.aero-node{border:1px solid #fff;border-radius:50%;position:absolute;box-shadow:inset 0 0 15px #fff,0 0 25px #72e6ff}.aero-node.n1{width:80px;height:80px;bottom:8%;left:47%}.aero-node.n2{width:32px;height:32px;bottom:21%;left:52%}.social-data.is-numbers-only{grid-template-columns:auto auto;justify-content:start;gap:110px}@media (width<=900px){.showcase-wrap{width:calc(100% - 28px)}.showcase-head{display:block}.showcase-head>p{margin-top:30px}.product-film-list{gap:62px}.product-film-meta{grid-template-columns:1fr auto;gap:8px 16px;padding-bottom:16px}.product-film-meta b{grid-column:1/-1}.product-film-meta small{text-align:right}.showcase-panel{min-height:760px}.show-ai .showcase-copy,.show-brand .showcase-copy,.show-social .showcase-copy{width:calc(100% - 48px);top:90px;left:24px;right:auto}.collage-ai img{width:42%;height:44%;bottom:40px;top:auto!important}.collage-ai img:first-child{left:3%}.collage-ai img:nth-child(2){left:30%}.collage-ai img:nth-child(3){right:3%}.showcase-tags{display:none}.brand-frame,.social-frame{border-radius:20px;width:calc(100% - 48px);height:46%;inset:auto auto 28px 24px}.show-brand .showcase-copy,.show-social .showcase-copy{top:90px}.social-data{margin-top:20px}.show-storyboard{min-height:1320px}.storyboard-detail-grid{grid-template-rows:repeat(5,auto);grid-template-columns:1fr;height:auto;top:12%;bottom:28px}.storyboard-detail-grid section,.storyboard-detail-grid section:first-child,.storyboard-detail-grid section:nth-child(2),.storyboard-detail-grid section:nth-child(3),.storyboard-detail-grid .storyboard-solution,.storyboard-detail-grid .storyboard-result{grid-column:1}.storyboard-result>div{grid-template-columns:auto 1fr}.showcase-video{border-radius:18px;width:calc(100% - 48px);height:43%;inset:auto auto 28px 24px}.ip-series-grid{grid-template-columns:1.2fr 1fr 1fr;width:calc(100% - 48px);height:44%;top:auto;bottom:28px;left:24px}.show-brand .showcase-copy{width:calc(100% - 48px)}}.hero .film-cover .user-chip{top:36%;left:50%;transform:translate(-50%)}.hero .film-cover .cover-title h1{letter-spacing:-.07em;font-size:clamp(72px,8.2vw,148px)}#contact .contact-vision{color:#ffffffeb;letter-spacing:.08em;text-shadow:0 4px 20px #00348247;margin:-20px 0 28px;font-size:clamp(15px,1.25vw,20px);font-weight:600}#contact .contact-actions{grid-template-columns:1fr;gap:10px;width:min(430px,100%);display:grid}#contact .contact-actions a{background:#156fc92e;justify-content:flex-start;gap:13px;min-width:0;height:64px;padding:0 18px;transition:transform .25s,background .25s,box-shadow .25s;box-shadow:inset 0 1px #ffffff80,0 12px 32px #00418c1f}#contact .contact-actions a:hover{background:#ffffff38;transform:translateY(-3px);box-shadow:inset 0 1px #ffffffb3,0 18px 38px #00418c33}#contact .contact-actions .primary{color:#07152c;background:#c8ff2e;border-color:#c8ff2e;box-shadow:0 14px 34px #75b40038}#contact .contact-actions .primary:hover{background:#d8ff69}#contact .contact-actions a>svg:first-child{color:currentColor;background:0 0;border-radius:0;flex:none;width:18px;height:18px;padding:0}#contact .contact-actions a>svg:last-child{color:currentColor;background:0 0;border-radius:0;flex:none;width:17px;height:17px;margin-left:auto;padding:0}#contact .contact-actions a span{letter-spacing:.06em;white-space:nowrap;gap:4px;min-width:0;font-size:11px;font-weight:700;display:grid}#contact .contact-actions a small{letter-spacing:.18em;opacity:.68;font-size:7px;font-weight:700}#contact .contact-phone{grid-column:auto;width:100%;min-width:0!important}.portrait-photo .portrait-art{aspect-ratio:1;background:#c9edff;border:1px solid #0d5bff7a;border-radius:28px;height:auto;box-shadow:0 22px 58px #1043712e}.portrait-photo .portrait-art:before,.portrait-photo .portrait-art:after{content:none}.portrait-photo .portrait-art img{object-fit:cover;width:100%;height:100%;display:block}.about-lanyard-stage{perspective:900px;overflow:visible}.about-lanyard-cord{z-index:3;pointer-events:none;height:96px;position:absolute;top:-74px;left:0;right:0}.about-lanyard-cord i{transform-origin:top;background:linear-gradient(90deg,#fffffff2,#4fa4ffbd,#d3fff7e6);border-radius:99px;width:2px;height:91px;position:absolute;top:0;box-shadow:0 0 9px #2791ff59}.about-lanyard-cord i:first-child{left:calc(50% - 12px);transform:rotate(9deg)}.about-lanyard-cord i:nth-child(2){left:calc(50% + 10px);transform:rotate(-9deg)}.about-lanyard-cord span{background:linear-gradient(145deg,#ffffffe0,#97deff7a);border:1px solid #2a84e9b8;border-radius:9px 9px 6px 6px;width:35px;height:18px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 8px #ffffffe6,0 4px 12px #1869b12e}.about-lanyard-cord span:after{content:"";background:#ebfbffe6;border:1px solid #2a84e9b3;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.about-lanyard-card{--lanyard-x:0px;--lanyard-y:0px;--lanyard-r:0deg;transform:translate3d(var(--lanyard-x),var(--lanyard-y),0) rotate(var(--lanyard-r));transform-origin:50% 4%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;animation:5.8s ease-in-out infinite about-card-breathe}.about-lanyard-card:active{cursor:grabbing;animation:none}.about-lanyard-card img{pointer-events:none}@keyframes about-card-breathe{0%,to{transform:translate3d(var(--lanyard-x),var(--lanyard-y),0) rotate(calc(var(--lanyard-r) - .45deg))}50%{transform:translate3d(var(--lanyard-x),calc(var(--lanyard-y) - 5px),0) rotate(calc(var(--lanyard-r) + .45deg))}}@media (prefers-reduced-motion:reduce){.about-lanyard-card{animation:none}}.portrait-photo .badge{bottom:-26px;right:-22px}.about-headline-shift{white-space:nowrap;margin-left:clamp(42px,4vw,72px);display:inline-block}@media (width<=720px){.about-headline-shift{margin-left:22px}}#about{isolation:isolate;position:relative}#about>.about-ripple-layer{z-index:0;pointer-events:none;width:100%;position:absolute;top:0;left:0}#about>.section-kicker,#about>.about-grid,#about>.metrics,#about>.timeline{z-index:1;position:relative}@media (width<=720px){#contact .contact-vision{margin-top:-8px}.contact-actions{grid-template-columns:1fr!important}.contact-actions .contact-phone{grid-column:auto;width:100%}}.portfolio-proximity{white-space:nowrap;font:inherit;letter-spacing:inherit;display:inline-flex}.portfolio-proximity__letter{font-variation-settings:"wght" 780,"opsz" 48;transform:translateY(calc(var(--vp-effect,0) * -3px)) scaleX(calc(1 + var(--vp-effect,0) * .025));transform-origin:bottom;text-shadow:0 0 calc(var(--vp-effect,0) * 18px) #d6faffb8;will-change:transform,font-variation-settings;font-family:inherit;font-weight:780;transition:transform .11s ease-out,text-shadow .11s ease-out,font-weight .11s ease-out,font-variation-settings .11s ease-out;display:inline-block}@media (width<=720px){.hero .film-cover .user-chip{white-space:nowrap;max-width:90vw;top:39%}.hero .film-cover .cover-title h1{font-size:16vw}}@media (prefers-reduced-motion:reduce){.marquee-row{animation-play-state:paused!important}}@media (width<=720px){.visual-marquee{margin-top:0;padding:46px 0 52px}.archive-heading{gap:5px;width:calc(100% - 28px);margin-bottom:24px}}@media (prefers-reduced-motion:reduce){.visual-marquee .marquee-row figure,.archive-heading{transition-duration:.2s;transform:none}.visual-marquee .marquee-row figure{transition-delay:0s}}.project-visual.has-image .fake-ui,.project-visual.has-image .project-num{z-index:3;text-shadow:0 2px 12px #000000a6}.work .projects{grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:72px 22px;display:grid}.work .project,.work .project:first-child,.work .project:nth-child(2),.work .project:nth-child(3),.work .project:nth-child(4){box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:relative;inset:auto}.work .project.p1{grid-area:1/1/auto/span 7}.work .project.project-social-feature{grid-area:1/1/auto/span 8}.work .project.project-social-feature .showcase-panel{aspect-ratio:16/9;width:100%;height:auto;min-height:0;overflow:visible}.project-display-label{color:#fff;letter-spacing:-.045em;white-space:nowrap;font:650 clamp(28px,3vw,42px)/1 Manrope,Microsoft YaHei,sans-serif;position:absolute;top:42%;left:calc(100% + clamp(70px,7vw,120px));transform:translateY(-50%)}.project-social-feature .show-social .showcase-copy{top:22%}.project-social-feature .social-frame{width:44%;height:80%;top:10%;right:-51%}.social-bg-video{z-index:0;object-fit:cover;border-radius:34px;width:100%;height:100%;position:absolute;inset:0}.project-social-feature .show-social:before{display:none}.project-social-feature .show-social .showcase-index,.project-social-feature .show-social .showcase-copy,.project-social-feature .show-social .social-folder-drawer,.project-social-feature .show-social .social-video-toggle,.project-social-feature .show-social .aero-node{transition:opacity .4s,transform .4s}.project-social-feature .show-social.is-playing:before{opacity:0}.project-social-feature .show-social.is-playing .showcase-index,.project-social-feature .show-social.is-playing .showcase-copy,.project-social-feature .show-social.is-playing .social-folder-drawer,.project-social-feature .show-social.is-playing .social-video-toggle,.project-social-feature .show-social.is-playing .aero-node{opacity:0;pointer-events:none}.social-video-toggle{z-index:6;color:#fff;-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);cursor:pointer;background:linear-gradient(135deg,#ffffff47,#d2f0ff1a);border:1px solid #ffffffa3;border-radius:99px;align-items:center;gap:16px;padding:16px 28px 16px 16px;transition:transform .3s,background .3s,box-shadow .3s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffad,inset 0 -1px #ffffff1f,0 18px 50px #00143740,0 0 0 7px #ffffff14}.social-video-toggle:after{content:"";pointer-events:none;background:linear-gradient(#ffffff4d,#0000);border-radius:99px;height:38%;position:absolute;inset:1px 16% auto}.social-video-toggle:hover{background:linear-gradient(135deg,#ffffff61,#c8ff2e24);transform:translate(-50%,-50%)scale(1.06);box-shadow:inset 0 1px #ffffffd1,0 22px 60px #00143752,0 0 0 10px #ffffff1a}.social-video-toggle svg{color:#07152c;background:#c8ff2e;border-radius:50%;width:50px;height:50px;padding:13px}.social-video-toggle span{letter-spacing:1.6px;font-size:11px;font-weight:700}.social-folder-drawer{z-index:4;cursor:pointer;outline:none;transition:right .7s cubic-bezier(.2,.8,.2,1),transform .35s,box-shadow .35s;right:calc(-42% - 24px);overflow:visible}.social-folder-drawer.is-open{right:2%}.social-folder-drawer>img{border:1px solid #ffffffc7;border-radius:22px;display:block;overflow:hidden;box-shadow:0 20px 60px #00003252}.social-folder-drawer:not(.is-open)>img{opacity:0;visibility:hidden}.social-folder-drawer.is-open>img{opacity:1;visibility:visible;transition:opacity .35s .18s}.social-folder-drawer:hover,.social-folder-drawer:focus-visible{transform:translate(-8px)}.social-folder-handle{z-index:3;color:#07152c;background:linear-gradient(145deg,#d9ff75,#8cecff);border:1px solid #ffffffd1;border-radius:18px 0 0 18px;place-items:center;gap:2px;width:92px;height:78px;padding:11px;display:grid;position:absolute;top:34px;left:-78px;box-shadow:-12px 16px 35px #000a4638,inset 0 1px #fff}.social-folder-drawer:not(.is-open) .social-folder-handle{border-radius:18px;left:-24px}.social-folder-handle:before{content:"";background:#d9ff75;border:1px solid #ffffffd1;border-bottom:0;border-radius:9px 9px 0 0;width:42px;height:14px;position:absolute;top:-12px;left:12px}.social-folder-handle span{border:1px solid #07152c;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;display:grid}.social-folder-handle b{letter-spacing:1.2px;font-size:7px}.work .project.p2{grid-area:1/8/auto/span 5;margin-top:118px}.work .project.project-brand-feature{grid-area:2/1/auto/span 12;margin-top:0}.work .project-section-title{color:#fff;letter-spacing:-.045em;margin:0 0 28px;font:650 clamp(28px,3vw,42px)/1 Manrope}.work .project.project-brand-feature .showcase-panel{min-height:720px}.work .project.p3{grid-area:3/1/auto/span 12;margin-left:0}.work .project.p3:before{content:"视觉宣传";color:#fff;letter-spacing:-.045em;margin:0 0 28px;font:650 clamp(28px,3vw,42px)/1 Manrope;display:block}.work .project.p4{grid-area:4/7/auto/span 6;margin-top:24px}.work .project .project-visual{border-radius:18px;box-shadow:0 18px 50px #00134c40}.work .project.p1 .project-visual{aspect-ratio:1.45}.work .project.p2 .project-visual{aspect-ratio:.98}.work .project.p3 .project-visual{aspect-ratio:1.5;background:#a9d3f5}.work .project.p3 .project-visual.has-image>img{object-fit:contain}.work .project.p3 .fake-ui{justify-content:flex-end}.work .project.p4 .project-visual{aspect-ratio:1.52}.commissioned-showcase{border-top:1px solid #ffffff6b;margin-top:140px;padding-top:34px}.commissioned-head{justify-content:space-between;align-items:flex-end;margin-bottom:46px;display:flex}.commissioned-head span,.commissioned-head>p{color:#cde0ffc7;letter-spacing:1.7px;margin:0;font-size:9px;font-weight:700;line-height:1.7}.commissioned-head h3{letter-spacing:-.055em;margin:10px 0 0;font:650 clamp(40px,5vw,72px)/1 Manrope,sans-serif}.work .show-storyboard .showcase-index p,.work .project-display-label,.work .project-section-title,.work .commissioned-head h3{font-size:clamp(28px,3vw,42px);line-height:1}.commissioned-head>p{text-align:right}.commissioned-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:clamp(36px,7vw,110px);width:min(980px,100%);margin:0 auto;display:grid}.commissioned-film{aspect-ratio:9/16;background:#031b61;border:1px solid #ffffff7a;border-radius:24px;width:min(100%,390px);margin:0;position:relative;overflow:hidden;box-shadow:0 28px 70px #000c3e57,inset 0 1px #ffffff6b}.commissioned-film:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#020f365c,#0000 24% 66%,#020f36b3);transition:opacity .35s;position:absolute;inset:0}.commissioned-film video{object-fit:cover;width:100%;height:100%;display:block}.commissioned-film-top,.commissioned-film-foot{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;left:22px;right:22px}.commissioned-film-top{top:20px}.commissioned-film-top>span{border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;display:grid}.commissioned-film-top p,.commissioned-film-foot{letter-spacing:1.4px;margin:0;font-size:8px}.commissioned-film-foot{bottom:20px}.commissioned-film-foot b{font-size:9px}.commissioned-film>button{z-index:3;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#def6ff33;border:1px solid #ffffffad;border-radius:99px;align-items:center;gap:11px;padding:9px 16px 9px 9px;transition:transform .25s,opacity .25s,background .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.commissioned-film>button:hover{color:#07152c;background:#c8ff2ee6;transform:translate(-50%,-50%)scale(1.05)}.commissioned-film>button svg{color:#07152c;background:#c8ff2e;border-radius:50%;width:36px;height:36px;padding:9px}.commissioned-film>button span{letter-spacing:1.2px;white-space:nowrap;font-size:8px;font-weight:700}.commissioned-film.is-playing>button{opacity:0}.commissioned-film.is-playing:hover>button{opacity:1}@media (width<=720px){.commissioned-showcase{margin-top:90px;padding-top:26px}.commissioned-head{align-items:flex-start;margin-bottom:30px}.commissioned-head>p{display:none}.commissioned-grid{grid-template-columns:1fr;gap:34px}.commissioned-film{border-radius:20px;width:min(82vw,360px)}}.work .project-info{gap:16px;padding:18px 4px 14px}.work .project-info h3{font-size:clamp(23px,2.2vw,34px)}.work .project.p2 .project-info,.work .project.p3 .project-info{grid-template-columns:1fr 44px}.work .project.p2 .project-info>p,.work .project.p3 .project-info>p{display:none}.work .project.p2:before,.work .project.p4:before{content:"";z-index:-1;border:1px solid #c8ff2eb8;border-radius:50%;width:80px;height:80px;position:absolute;top:-42px;left:-42px}@media (width<=900px){.work .projects{grid-template-columns:1fr;row-gap:52px;display:grid}.work .project.p1,.work .project.p2,.work .project.p3,.work .project.p4{grid-area:auto/1;margin:0}.work .project.p1 .project-visual,.work .project.p2 .project-visual,.work .project.p3 .project-visual,.work .project.p4 .project-visual{aspect-ratio:1.12}}html,body{max-width:100%;overflow-x:hidden}.process-pixel-trail{z-index:40;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.process-labels .step{isolation:isolate;overflow:hidden}.process-labels .step:after{content:"";z-index:-1;opacity:0;background:radial-gradient(circle,#c9ff235c,#0000 54%);transition:opacity .3s,transform .45s cubic-bezier(.2,.75,.25,1);position:absolute;inset:-45%;transform:scale(.45)}.process-labels .step.trail-active:after{opacity:1;transform:scale(1)}.process-labels .step.trail-active b{box-shadow:0 0 0 3px #ffffff73,0 0 18px #0d5bff80}@media (prefers-reduced-motion:reduce){.process-pixel-trail{display:none}.process-labels .step:after{transition:none}}.hero-galaxy{z-index:6;pointer-events:none;opacity:.9;mix-blend-mode:screen;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 68%,#000000b8 78%,#0000 96%);mask-image:linear-gradient(#000 0 68%,#000000b8 78%,#0000 96%)}@media (width<=720px){.hero-galaxy{opacity:.55}}