@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card--light{border-color:#18181b1f;box-shadow:0 1px 2px #18181b0a,0 8px 24px #18181b0d}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}.depth-text{perspective:var(--depth-text-perspective);perspective-origin:50% 48%;isolation:isolate;display:inline-block}.depth-text__stage{transform-style:preserve-3d;transform-origin:50%;will-change:transform;place-items:center;display:inline-grid;position:relative;transform:rotateX(-2.4deg)rotateY(3.15deg)}.depth-text__layer,.depth-text__face{font-size:var(--depth-text-font-size);font-weight:var(--depth-text-font-weight);letter-spacing:-.065em;white-space:nowrap;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;backface-visibility:hidden;font-kerning:normal;text-rendering:geometricprecision;grid-area:1/1;line-height:.86;display:inline-block}.depth-text__layer{z-index:0;filter:saturate(.95)brightness(.92);pointer-events:none;position:absolute;inset:0}.depth-text__face{z-index:1;color:var(--depth-text-face-color);text-shadow:var(--depth-text-shadow);position:relative;transform:translateZ(.6px)}@media (hover:hover) and (pointer:fine){.depth-text{cursor:default}}@media (prefers-reduced-motion:reduce){.depth-text__stage{will-change:auto}}.tilted-card-figure{perspective:800px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tilted-card-mobile-alert{text-align:center;font-size:.875rem;display:none;position:absolute;top:1rem}@media (width<=640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{transform-style:preserve-3d;position:relative}.tilted-card-img{object-fit:cover;will-change:transform;border-radius:15px;position:absolute;top:0;left:0;transform:translateZ(0)}.tilted-card-overlay{z-index:2;will-change:transform;position:absolute;top:0;left:0;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;color:#2d2d2d;opacity:0;z-index:3;background-color:#fff;border-radius:4px;padding:4px 10px;font-size:10px;position:absolute;top:0;left:0}.accordion-gallery{--ag-accent:#fff;--ag-overlay:#060010;--ag-text:#fff;--ag-gap:10px;--ag-radius:16px;--ag-media-size:320px;gap:var(--ag-gap);perspective:1400px;perspective-origin:50%;flex-direction:row;width:100%;max-width:100%;display:flex}.accordion-gallery--vertical{flex-direction:column}.accordion-gallery:not(.accordion-gallery--vertical){width:min(100%, var(--ag-max-width,900px));isolation:isolate;gap:0;margin-inline:auto}.accordion-gallery:not(.accordion-gallery--vertical) .ag-panel+.ag-panel{margin-left:calc(-1 * var(--ag-overlap,0px))}.ag-panel{border-radius:var(--ag-radius);cursor:pointer;min-width:0;min-height:0;transform-style:preserve-3d;transform-origin:50%;will-change:flex-grow, transform;-webkit-tap-highlight-color:transparent;background:#0a0713;outline:none;flex:1 1 0;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px -18px #000c}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent), 0 10px 30px -18px #000c}.ag-panel__frame{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ag-panel__media{--ag-gray:0;--ag-dim:.35;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform, filter;position:absolute;top:50%;left:50%}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ag-panel__overlay{pointer-events:none;background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ag-overlay) 78%, transparent) 100%), color-mix(in srgb, var(--ag-overlay) calc(var(--ag-dim,.35) * 100%), transparent);position:absolute;inset:0}.ag-panel__label{pointer-events:none;z-index:2;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.ag-panel__bar{background:var(--ag-accent);opacity:0;width:3px;height:26px;box-shadow:0 0 12px color-mix(in srgb, var(--ag-accent) 60%, transparent);border-radius:3px;flex:none}.ag-panel__text{color:var(--ag-text);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px #0000008c;font-family:inherit;font-size:clamp(1rem,1.4vw,1.4rem);font-weight:600;overflow:hidden}@media (width<=520px){.accordion-gallery{perspective:none;flex-direction:column;height:auto!important}.ag-panel{min-height:84px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}:root{--ink:#111114;--paper:#f6f7f5;--lime:#d9ff37;--line:#11111429}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Microsoft YaHei,sans-serif}.shell{width:min(1700px,100% - 96px);margin:auto}.nav{z-index:8;color:#17253f;justify-content:space-between;align-items:center;height:88px;display:flex;position:absolute;left:0;right:0}.brand{letter-spacing:-1.5px;font-size:22px;font-weight:800}.brand span{color:#f45531}a{color:inherit;text-decoration:none}.navlinks{letter-spacing:.08em;gap:42px;font:11px DM Mono,monospace;display:flex}.navcontact{border-bottom:1px solid;padding-bottom:7px;font:11px DM Mono,monospace}.arrow{margin-left:8px;font-size:18px}.hero{color:#17253f;background:#82bfff;height:100vh;min-height:760px;position:relative;overflow:hidden}.hero-video{background:linear-gradient(160deg,#6caef6 0 42%,#d9f3ff 42% 64%,#e6f3fe 64%);position:absolute;inset:0;overflow:hidden}.sky{background:radial-gradient(circle at 73% 28%,#ffffffe6,#0000 9%),linear-gradient(148deg,#0000 0 29%,#fffffff0 29.2% 56%,#0000 56.3%);position:absolute;inset:0}.sun-disc{background:#ffffff2e;border:22px solid #e8fbff;border-radius:50%;width:50vw;height:50vw;position:absolute;top:-25vw;right:6vw;box-shadow:0 0 0 6px #3483e559}.city{opacity:.73;clip-path:polygon(0 25%,8% 25%,8% 0,17% 0,17% 40%,30% 40%,30% 15%,43% 15%,43% 32%,60% 32%,60% 5%,74% 5%,74% 28%,100% 28%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#608fbc 0 16px,#c3e2f4 17px 29px,#7ba7c6 30px 38px);width:48%;height:39%;position:absolute;bottom:0}.city-a{left:0}.city-b{filter:hue-rotate(15deg);right:0;transform:scaleX(-1)}.road-mark{opacity:.82;background:repeating-linear-gradient(90deg,#fff 0 80px,#0000 80px 118px);width:110%;height:31%;position:absolute;bottom:-11%;left:-5%;transform:rotate(-5deg)}.mesh{opacity:.55;background:repeating-linear-gradient(90deg,#0000 0 22%,#fff3 22.1% 22.3%);position:absolute;inset:0}.hero-sign{z-index:4;color:#fff;border-radius:5px;padding:10px 22px 11px;font-family:Microsoft YaHei,sans-serif;font-size:22px;font-weight:800;animation:5s ease-in-out infinite signFloat;position:absolute;transform:skewY(-7deg);box-shadow:5px 7px #15386c40}.hero-sign:after{content:"";z-index:-1;border:1px solid #ffffff6b;position:absolute;inset:4px -12px -4px 12px}.sign-ui{background:linear-gradient(135deg,#f8a830,#e66828);top:21%;left:21%}.sign-ai{background:#242e45;animation-delay:-1s;top:29%;left:31%}.sign-motion{background:#434fca;animation-delay:-2s;top:31%;left:12%}.sign-video{background:#e2b62c;animation-delay:-3s;top:39%;left:27%}.hero-content{z-index:3;height:100%;padding-top:24vh;position:relative}.eyebrow,.section-kicker{letter-spacing:.1em;font:11px DM Mono,monospace}.hero h1{letter-spacing:-.13em;text-align:right;color:#5599e8;text-shadow:4px 4px #ffffffb3;flex-direction:column;align-items:flex-end;width:80%;margin:32px 0 0;font-family:Microsoft YaHei,Manrope,sans-serif;font-size:clamp(90px,13.4vw,244px);font-weight:900;line-height:.78;display:flex;transform:rotate(-5deg)}.hero h1 span:first-child{margin-right:14%}.hero h1 i,h2 i{letter-spacing:-.08em;font-family:Playfair Display,serif;font-weight:500}.hero-bottom{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:55px;left:0;right:0}.hero-bottom p{font-size:15px;font-weight:600;line-height:1.6}.round-link{letter-spacing:.08em;border:1px solid #17253f7a;border-radius:50%;width:126px;height:126px;padding:27px 20px;font:10px/1.35 DM Mono;transition:all .3s}.round-link:hover{color:var(--ink);background:#f7df4b;border-color:#f7df4b}.round-link span{float:right;margin-top:9px;font-size:18px}.hero-index{writing-mode:vertical-rl;letter-spacing:.1em;z-index:2;font:10px DM Mono;position:absolute;bottom:58px;right:48px}.hero-index span{color:#f45531;margin:8px 0}.section{padding:180px 0}.about{position:relative}.section-kicker{color:#6a6a70}.about-grid{grid-template-columns:40% 1fr;gap:11%;margin-top:72px;display:grid}.portrait{background:#d8e4dd;height:520px;position:relative;overflow:hidden}.portrait:before{content:"";background:radial-gradient(at 52% 25%,#f7faef 0 5%,#0000 6%),radial-gradient(at 50% 42%,#5e675f 0 12%,#0000 12.5%),radial-gradient(at 50% 70%,#202b26 0 34%,#0000 34.5%),linear-gradient(130deg,#829b8b,#c5ddd1);width:100%;height:100%;position:absolute}.portrait-shape{letter-spacing:-.2em;color:#ebff4bbd;font-size:28vw;font-weight:800;line-height:1;position:absolute;bottom:-17%;right:6%}.portrait-label{color:#fff;letter-spacing:.08em;font:10px/1.5 DM Mono;position:absolute;bottom:22px;left:24px}.about-copy{max-width:780px;padding-top:15px}.lead{letter-spacing:-.065em;margin:0 0 52px;font-size:clamp(28px,3vw,51px);line-height:1.25}.lead em{font-family:Playfair Display,serif;font-weight:500}.bodycopy{color:#55565c;max-width:530px;font-size:16px;line-height:1.85}.info-line{border-top:1px solid var(--line);justify-content:space-between;margin-top:70px;padding-top:17px;font:11px DM Mono;display:flex}.info-line a{text-underline-offset:4px;text-decoration:underline}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:104px;padding-top:20px;display:grid}.stats b{letter-spacing:-.08em;font-size:53px}.stats b span{color:#8fba00}.stats p{color:#73737a;margin-top:8px;font:10px DM Mono}.works{color:#fff;background:#16171a}.work-heading{position:relative}.work-heading h2,.ability-head h2,.contact h2{letter-spacing:-.085em;margin:28px 0;font-size:clamp(54px,6vw,110px);line-height:.91}.work-heading>p{color:#b0b0b5;font-size:14px;position:absolute;bottom:4px;right:10%}.project-list{margin-top:120px}.project{margin-bottom:100px}.project-art{justify-content:center;align-items:center;height:620px;display:flex;position:relative;overflow:hidden}.project.blue .project-art{background:linear-gradient(130deg,#05254a,#075989 45%,#a6fcff)}.project.pearl .project-art{background:radial-gradient(circle at 55% 45%,#ffeef8,#b3a8e1 35%,#53406e 72%)}.project.violet .project-art{background:linear-gradient(135deg,#160d47,#5730bd,#ec8cc0)}.project-art:before{content:"";aspect-ratio:1;border:1px solid #ffffffa6;border-radius:50%;width:55%;animation:22s linear infinite spin;position:absolute;box-shadow:0 0 0 60px #ffffff0f,0 0 0 145px #ffffff0a}.art-mark{color:#fff;z-index:1;filter:drop-shadow(0 20px 22px #0003);font-size:clamp(100px,18vw,320px);line-height:1}.project-no{font:12px DM Mono;position:absolute;top:28px;left:30px}.play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:2;background:#ffffff24;border:1px solid #fff;border-radius:50%;width:65px;height:65px;position:absolute;bottom:28px;right:30px}.project-meta{border-bottom:1px solid #555;grid-template-columns:1.3fr 1fr 70px;gap:20px;padding:23px 0;display:grid}.project-meta p{letter-spacing:.08em;color:#aaa;margin:0 0 8px;font:10px DM Mono}.project-meta h3{letter-spacing:-.06em;margin:0;font-size:29px}.project-meta .project-copy{color:#d0d0d3;letter-spacing:0;margin:0;font:14px/1.6 Manrope}.project-meta>a{text-align:right;font-size:25px}.abilities{padding-bottom:200px}.ability-head{justify-content:space-between;align-items:flex-end;display:flex}.ability-head h2{margin-bottom:0}.ability-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:108px;display:grid}.ability-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px;padding:24px;transition:all .3s}.ability-grid article:hover{background:#e7ff81;transform:translateY(-8px)}.ability-grid span{font:11px DM Mono}.ability-grid h3{letter-spacing:-.05em;margin-top:90px;margin-bottom:12px;font-size:23px}.ability-grid p{color:#62636a;max-width:260px;font-size:13px;line-height:1.7}.contact{background:#d9ff37;flex-direction:column;justify-content:space-between;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.contact-light{opacity:.9;background:radial-gradient(circle,#fff 0,#ffffff80 14%,#0000 63%);border-radius:50%;width:65vw;height:65vw;position:absolute;top:-25vw;right:-18vw}.contact-inner{justify-content:space-between;padding-top:16vh;display:flex;position:relative}.contact h2{margin-top:33px;font-size:clamp(78px,10vw,185px)}.contact-side{align-self:flex-end;width:320px;padding-bottom:20px}.contact-side p{font-size:16px;line-height:1.7}.email{border-bottom:1px solid var(--ink);margin-top:40px;padding:15px 0 12px;font:14px DM Mono;display:block}.footer{letter-spacing:.07em;justify-content:space-between;padding-bottom:30px;font:10px DM Mono;display:flex;position:relative}@keyframes float{50%{transform:translate(-4%,5%)scale(1.06)}}@keyframes signFloat{50%{translate:0 -10px}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.shell{width:calc(100% - 40px)}.navlinks{display:none}.hero-index{right:16px}.hero-sign{padding:6px 10px;font-size:13px}.sign-ui{top:22%;left:13%}.sign-ai{top:26%;left:43%}.sign-motion{top:30%;left:5%}.sign-video{top:35%;left:32%}.hero h1{width:100%;margin-top:80px;font-size:22vw}.about-grid,.ability-head,.contact-inner{grid-template-columns:1fr;gap:35px;display:grid}.portrait{height:390px}.stats,.ability-grid{grid-template-columns:repeat(2,1fr)}.work-heading>p{position:static}.project-art{height:390px}.project-meta{grid-template-columns:1fr 35px}.project-copy{display:none}.section{padding:100px 0}.contact h2{font-size:16vw}.footer{flex-wrap:wrap;gap:15px}.contact-side{justify-self:start}}.hero,.hero-video{background:#202020}.hero-image{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.nav{color:#fff;text-shadow:0 1px 5px #00000061}.navcontact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1c347a;border:0;border-radius:99px;padding:10px 14px}.hero-overlay{pointer-events:none;padding-top:0}.hero-overlay .hero-bottom p{color:#17253f;letter-spacing:.08em;background:#ffffffe0;padding:12px 15px;font:10px/1.55 DM Mono;box-shadow:4px 4px #1f2b4338}.hero-overlay .round-link{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111d2fa8;border-color:#ffffffb8}.hero-overlay .round-link:hover{color:#17253f;background:#f7df4b}.hero-index{color:#fff;text-shadow:0 1px 4px #000}.hero-index span{color:#ffe14f}@media (width<=800px){.hero-image{object-position:center top}.hero-overlay .hero-bottom{bottom:25px}}.hero{isolation:isolate;background:#75b6f4}.hero-scene{background:linear-gradient(160deg,#3598ef 0,#91caff 49%,#eaf8ff 50%,#dcf3ff 100%)}.scene-sky{background:linear-gradient(165deg,#0000 0 22%,#fff 22.2% 46%,#0000 46.2%);position:absolute;inset:0}.scene-cloud{filter:blur(1px);opacity:.83;background:#fff;border-radius:50%;position:absolute}.cloud-a{width:270px;height:58px;top:21%;right:21%;box-shadow:62px 15px #fff}.cloud-b{width:190px;height:42px;top:49%;left:15%;box-shadow:-55px 17px #fff}.scene-city{opacity:.94;background:repeating-linear-gradient(90deg,#8fb8d4 0 15px,#d9f1ff 16px 28px,#6c98bd 29px 39px);width:49%;height:44%;position:absolute;bottom:10%;box-shadow:inset 0 24px #ffffff47}.city-left{clip-path:polygon(0 36%,8% 36%,8% 3%,18% 3%,18% 25%,30% 25%,30% 10%,44% 10%,44% 31%,60% 31%,60% 0,76% 0,76% 20%,100% 20%,100% 100%,0 100%);left:0}.city-right{filter:hue-rotate(330deg)saturate(.8);clip-path:polygon(0 25%,15% 25%,15% 5%,28% 5%,28% 30%,40% 30%,40% 0,62% 0,62% 18%,78% 18%,78% 8%,100% 8%,100% 100%,0 100%);right:0}.scene-road{background:linear-gradient(#f7fbff 0 49%,#0000 49%),repeating-linear-gradient(90deg,#0000 0 72px,#f9df4e 74px 104px,#0000 106px 180px);width:106%;height:26%;position:absolute;bottom:-9%;left:-3%;transform:rotate(-4deg)}.title-board{z-index:3;background:#fffffff5;width:75%;height:39%;padding:5% 7%;position:absolute;top:5.5%;left:31%;overflow:hidden;transform:rotate(-7deg)skew(-7deg)}.title-board:after{content:"";background:repeating-linear-gradient(90deg,#5d9fe5 0 4px,#0000 4px 8px,#a77151 8px 14px,#0000 14px 18px);height:7px;position:absolute;bottom:12%;left:0;right:0}.title-board span,.title-board strong{color:#5c9fe8;letter-spacing:-.16em;white-space:nowrap;font-family:Microsoft YaHei,sans-serif;font-size:clamp(72px,10vw,190px);font-weight:900;line-height:.78;display:block}.title-board span{margin-bottom:5px;margin-left:-6%}.title-board strong{margin-left:20%}.title-board small{letter-spacing:.12em;color:#487ebd;font:10px DM Mono;position:absolute;bottom:3%;right:11%}.signpost{z-index:5;width:260px;height:360px;transform:scale(clamp(.72,1vw,.95));transform-origin:0 0;animation:6s ease-in-out infinite postBob;position:absolute;top:3%;left:13%}.signpost:before{content:"";background:repeating-linear-gradient(#f2eee5 0 25px,#bbb7b0 26px 30px,#fff 31px 45px);border-radius:12px;width:18px;height:345px;position:absolute;top:0;left:107px;box-shadow:8px 0 #2c3c524d}.signpost i{z-index:1;background:#f4f0e7;border:3px solid #a99f98;border-radius:50%;width:95px;height:13px;position:absolute;left:70px}.signpost i:first-child{top:0}.signpost i:nth-child(2){top:58px}.signpost i:nth-child(3){top:123px}.signpost i:nth-child(4){top:190px}.sign{color:#fff;white-space:nowrap;border-radius:4px;padding:10px 24px 12px;font-size:19px;font-weight:900;line-height:1;position:absolute;transform:skewY(-7deg);box-shadow:5px 7px #15264459}.sign:after{content:"";filter:brightness(.85);border-top:20px solid #0000;border-bottom:20px solid #0000;border-left:22px solid;position:absolute;top:0;right:-21px}.s-ui{color:#ef9a2a;background:#ef9a2a;top:42px;left:39px}.s-ai{color:#222834;background:#222834;top:86px;left:130px}.s-motion{color:#374bbd;background:#374bbd;top:112px;left:0}.s-video{color:#e2be2b;background:#e2be2b;top:165px;left:116px}.sign{color:#fff}.sign:after{color:inherit}.hero-character{z-index:4;filter:drop-shadow(14px 20px 15px #1833524d);clip-path:polygon(28% 0,58% 0,75% 17%,83% 52%,100% 76%,82% 91%,52% 96%,27% 89%,0 70%,11% 33%);background-image:url(/hero-mobile.webp);background-position:42% 58%;background-repeat:no-repeat;background-size:760px;border-radius:47% 44% 35% 42%;width:350px;height:375px;animation:5s ease-in-out infinite characterFloat;position:absolute;bottom:17%;left:29%}.year-strip{z-index:6;color:#fff;letter-spacing:.05em;background:#f6dc4f;justify-content:center;align-items:center;gap:45px;width:106%;height:68px;padding:0 5%;font-family:DM Mono,monospace;font-weight:800;display:flex;position:absolute;bottom:10%;left:-3%;transform:rotate(-5deg);box-shadow:0 4px #2c48642e}.year-strip span{letter-spacing:-3px;font-size:25px}.year-strip em{background:#69b1ee;border-radius:30px;padding:8px 21px;font-size:18px;font-style:normal}.hero-overlay .hero-bottom p{background:#ffffffe8}@keyframes postBob{50%{transform:translateY(-9px)rotate(1deg)}}@keyframes characterFloat{50%{transform:translateY(-11px)rotate(1deg)}}@media (width<=900px){.title-board{width:92%;left:19%}.signpost{left:4%;transform:scale(.64)}.hero-character{width:290px;height:320px;left:27%}.year-strip{gap:14px;font-size:10px;bottom:12%}.year-strip em{font-size:12px}.hero-overlay .hero-bottom p{display:none}}@media (width>=901px){.signpost{transform:scale(.95)}}.hero,.hero-video{background:#64a8ed}.hero-video{inset:-2px;overflow:hidden}.hero-image{object-fit:cover;object-position:center center;transform-origin:50%;width:100%;height:100%;transform:scale(1.025)}.hero-overlay{z-index:6}.hero-overlay .hero-bottom{bottom:36px}.hero-index{z-index:6}@media (width<=900px){.hero-image{object-position:center center;transform:scale(1.02)}}.hero-image{object-fit:contain;object-position:center center;background:#5da3e8;transform:none}.hero-video{background:#2997e9;inset:0}.hero-video:before{content:"";filter:blur(26px)saturate(1.08);opacity:.82;background:url(/hero-master.webp) 50%/cover no-repeat;position:absolute;inset:-35px;transform:scale(1.06)}.hero-image{z-index:1;object-fit:contain;object-position:center center;background:0 0;width:100%;height:100%;display:block;position:relative;transform:none}.nav{transition:width .42s,top .42s,background-color .42s,color .42s,box-shadow .42s,border-color .42s}.nav.is-sticky{color:#17253f;width:min(1700px,100% - 96px);height:72px;text-shadow:none;-webkit-backdrop-filter:blur(22px)saturate(150%);background:#ffffff94;border:1px solid #ffffffc7;border-radius:12px;margin:0;padding:0 30px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 42px #1c406a29}.nav.is-sticky .brand span{color:#ef8150}.nav.is-sticky .navlinks{gap:46px}.nav.is-sticky .navlinks a{transition:color .2s}.nav.is-sticky .navlinks a:hover{color:#278ee1}.nav.is-sticky .navcontact{color:#17253f;text-shadow:none;background:0 0;border:0;border-bottom:1px solid #17253fa6;border-radius:0;padding:0 0 6px}@media (width<=800px){.nav.is-sticky{border-radius:14px;width:calc(100% - 24px);height:54px;padding:0 14px;top:10px}.nav.is-sticky .navcontact{color:#17253f;background:0 0;font-size:0}.nav.is-sticky .navcontact .arrow{margin:0;font-size:18px}.nav.is-sticky .brand{font-size:18px}}.profile-layout{grid-template-columns:minmax(330px,27%) minmax(0,1fr);align-items:start;gap:clamp(56px,8vw,155px);margin-top:68px;display:grid}.profile-sidebar{position:sticky;top:116px}.profile-photo{aspect-ratio:1/1.08;background:linear-gradient(145deg,#dceeff,#78b5ed);overflow:hidden;box-shadow:12px 12px #f4d957}.profile-photo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.profile-basics{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.profile-label{letter-spacing:.12em;color:#6d7078;margin:0 0 10px;font:10px DM Mono,monospace}.profile-basics h2,.profile-main h2{letter-spacing:-.075em;margin:0;font-size:clamp(27px,2vw,38px)}.profile-basics dl{margin:26px 0 0}.profile-basics dl div{border-bottom:1px solid #11111417;grid-template-columns:54px 1fr;gap:16px;padding:10px 0;font-size:13px;line-height:1.55;display:grid}.profile-basics dt{color:#737680}.profile-basics dd{margin:0;font-weight:600}.profile-basics a{text-underline-offset:3px;text-decoration:underline}.profile-intro>p:last-child{letter-spacing:-.045em;max-width:900px;margin:28px 0 0;font-size:clamp(18px,1.45vw,25px);line-height:1.72}.experience{border-top:1px solid var(--ink);margin-top:92px;padding-top:25px}.experience>h2{margin-bottom:46px}.job{border-top:1px solid var(--line);grid-template-columns:minmax(210px,28%) 1fr;gap:45px;padding:28px 0 32px;display:grid}.job-title p{color:#628ac1;letter-spacing:.08em;margin:0 0 8px;font:11px DM Mono,monospace}.job-title h3{letter-spacing:-.04em;margin:0;font-size:18px;line-height:1.45}.job ol{margin:0;padding-left:20px}.job li{color:#4f5158;margin:0 0 10px;padding-left:5px;font-size:14px;line-height:1.75}.job li::marker{color:#628ac1;font:10px DM Mono,monospace}@media (width<=900px){.profile-layout{grid-template-columns:1fr;gap:55px}.profile-sidebar{grid-template-columns:minmax(220px,330px) 1fr;align-items:end;gap:30px;display:grid;position:static}.profile-basics{margin:0}.job{grid-template-columns:1fr;gap:16px}.profile-intro>p:last-child{font-size:18px}}@media (width<=600px){.profile-sidebar{display:block}.profile-basics{margin-top:25px}.profile-photo{max-width:360px}.job li{font-size:13px}}.profile-layout{isolation:isolate;background:#ffffffdb;border:2px solid #dfeaff;border-radius:28px;padding:52px 58px 58px;position:relative;box-shadow:10px 12px #4488e9,18px 20px #79e1e9}.profile-layout:before{content:"";z-index:-1;background:linear-gradient(135deg,#4a68ef47,#39dde470);border-radius:30px;position:absolute;inset:18px -25px -26px 24px;transform:rotate(.65deg)}.profile-layout:after{content:"01  /  PROFILE";color:#8a6822;letter-spacing:.08em;writing-mode:vertical-rl;background:linear-gradient(#ffe868,#ffc934);border-radius:12px 0 0 12px;padding:13px 7px;font:700 10px DM Mono,monospace;position:absolute;top:58px;left:-20px;box-shadow:-4px 4px #de9d2352}.profile-sidebar{z-index:1}.profile-photo{border:7px solid #fff;border-radius:22px;box-shadow:8px 10px #74a9ed,14px 17px #ffdd56db}.profile-photo:after{content:"✦";color:#327ed8;background:#ffdf4f;border-radius:50%;place-items:center;width:42px;height:42px;font-size:25px;display:grid;position:absolute;top:-20px;right:-20px;box-shadow:3px 4px #2361a73d}.profile-photo{position:relative}.profile-basics{background:linear-gradient(135deg,#f3f9fff0,#fffffff5);border:1px solid #e0ebfb;border-radius:16px;padding:18px 20px 6px}.profile-main{position:relative}.profile-main:before{content:"";background:linear-gradient(#0000,#b5d6f6 8% 92%,#0000);width:1px;position:absolute;top:0;bottom:0;left:-40px}.profile-intro{padding:6px 0 38px}.experience{position:relative}.experience:after{content:"✦";color:#58a2ee;font-size:24px;position:absolute;top:-14px;right:0}.job{transition:background .25s,transform .25s}.job:hover{background:#f3f9ff;margin-left:-14px;padding-left:14px;padding-right:14px;transform:translate(5px)}@media (width<=900px){.profile-layout{padding:42px 35px}.profile-main:before{display:none}.profile-layout:after{writing-mode:horizontal-tb;border-radius:10px;padding:8px 12px;top:-18px;left:auto;right:22px}}@media (width<=600px){.profile-layout{border-radius:20px;padding:38px 22px 34px;box-shadow:6px 7px #4488e9,11px 12px #79e1e9}.profile-layout:before{inset:12px -12px -14px 10px}.profile-photo{border-width:5px}.profile-basics{padding:16px 14px}.job:hover{background:0 0;margin-left:0;padding-left:0;padding-right:0;transform:none}}.profile-layout{background:#fff;border:2px solid #e4edff;box-shadow:7px 8px #6c9ef0,12px 13px #b4edf1}.profile-layout:before{opacity:.9;background:linear-gradient(135deg,#788cf22e,#5ddfe547);inset:12px -14px -15px 14px}.profile-layout:after{background:linear-gradient(#fff1a0,#ffda55);box-shadow:-3px 3px #de9d2338}.profile-basics{background:#fff;border-color:#e8effa}.profile-photo{box-shadow:6px 7px #80a8e8,10px 12px #ffe783}.profile-main:before{background:linear-gradient(#0000,#e0edfc 8% 92%,#0000)}.job:hover{background:#f9fcff}.project .project-art.has-video{aspect-ratio:16/9;background:#090a0c;height:auto}.project-art.has-video:before{display:none}.project-video{object-fit:contain;width:100%;height:100%;display:block}.has-video .project-no{z-index:1;pointer-events:none;background:#00000080;border-radius:6px;padding:8px 10px}.career-intent{margin-top:38px}.career-intent h2,.experience>h2{letter-spacing:-.075em;font-size:clamp(27px,2vw,38px);font-weight:700;line-height:1.4}.career-intent h2{margin:0}.career-intent+.profile-basics{margin-top:30px}@media (width>=601px) and (width<=900px){.profile-sidebar .profile-photo{grid-row:1/3}.career-intent{align-self:end;margin-top:0}.career-intent+.profile-basics{grid-column:2;margin-top:0}}.profile-basics h2,.profile-main h2,.career-intent h2{letter-spacing:.025em}.job-title h3{letter-spacing:.02em}.profile-intro>p:last-child,.profile-basics dl,.job li{letter-spacing:.015em}:root{--paper:#fff}.about,.profile-layout{background:#fff}.profile-intro,.experience,.profile-basics{transition:background-color .28s,box-shadow .28s}.profile-intro,.experience{border-radius:12px}.profile-intro:hover,.experience:hover,.profile-basics:hover{background-color:#f0f7ff;box-shadow:0 0 0 14px #f0f7ff}.profile-basics:hover{box-shadow:0 0 0 4px #f0f7ff}.experience .job:hover{background:0 0;margin-left:0;padding-left:0;padding-right:0;transform:none}@media (prefers-reduced-motion:reduce){.profile-intro,.experience,.profile-basics{transition:none}}.experience .profile-label,.experience h2,.experience .job-title p,.experience .job-title h3,.experience .job li{transition:color .28s}.experience:hover .profile-label,.experience:hover h2,.experience:hover .job-title p,.experience:hover .job-title h3,.experience:hover .job li{color:#111114}.experience:hover .job li::marker{color:#111114}.experience-highlight{transition:color .28s}.experience:hover .experience-highlight{color:#ff342b}@media (prefers-reduced-motion:reduce){.experience-highlight,.experience .profile-label,.experience h2,.experience .job-title p,.experience .job-title h3,.experience .job li{transition:none}}#about,#about .profile-layout{background:#fff}#about .profile-layout{box-shadow:none}#about .profile-layout:before{display:none}.profile-photo{box-shadow:none;background:0 0;border:0;border-radius:0}.profile-photo:after{display:none}.work-heading .work-title{letter-spacing:.025em;font-size:clamp(48px,6vw,110px);line-height:1.15}.work-title .work-subtitle{letter-spacing:.06em;color:#b0b0b5;margin-top:18px;font-size:clamp(14px,1.4vw,22px);font-weight:400;line-height:1.5;display:block}#about .profile-layout{box-shadow:none;border:0;border-radius:0}.project-meta h3{letter-spacing:.025em}.project-meta .project-copy{align-self:end}.profile-glow{color:#f5f3f7;min-width:0}.basics-glow{margin-top:30px}.experience-glow{margin-top:54px}.profile-glow .profile-basics,.profile-glow .profile-intro,.profile-glow .experience{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:28px}.profile-glow .profile-intro:hover,.profile-glow .experience:hover,.profile-glow .profile-basics:hover{box-shadow:none;background:0 0}.profile-glow .profile-label,.profile-glow .profile-basics dt,.profile-glow .job-title p{color:#b8accb}.profile-glow .profile-intro>p:last-child,.profile-glow .job li{color:#e0dae7}.profile-glow .job,.profile-glow .profile-basics dl div{border-color:#ffffff26}.profile-glow .experience:after{display:none}.profile-glow .experience:hover h2,.profile-glow .experience:hover .job-title h3{color:#f5f3f7}.profile-glow .experience:hover .profile-label,.profile-glow .experience:hover .job-title p{color:#b8accb}.profile-glow .experience:hover .job li{color:#e0dae7}.profile-glow .job li::marker{color:#e0dae7}.profile-glow .experience:hover .experience-highlight{color:#ff554c}.profile-glow .profile-basics dd{overflow-wrap:anywhere}.profile-glow .experience>h2{margin-bottom:32px}.profile-glow .job{grid-template-columns:1fr;gap:16px}@media (width>=601px) and (width<=900px){.basics-glow{grid-column:2;margin-top:0}}@media (width<=600px){.profile-glow .profile-basics,.profile-glow .profile-intro,.profile-glow .experience{padding:22px}.experience-glow{margin-top:32px}}#about{color:#fff;clip-path:inset(0 -100vmax);background:#000;box-shadow:0 0 0 100vmax #000}#about .profile-layout{background:#000}#about .career-intent h2,#about .career-intent .profile-label{color:#fff}#about>.section-kicker{color:#b8accb}.work-title .depth-text__layer,.work-title .depth-text__face{letter-spacing:.025em;line-height:1.15}.work-heading .work-title{padding-top:18px}.work-title .work-subtitle{margin-top:30px}.career-depth-title{flex-direction:column;align-items:flex-start;gap:20px;padding:10px 0 16px;display:flex}.career-depth-title .depth-text__layer,.career-depth-title .depth-text__face{letter-spacing:.025em;line-height:1.4}.image-showcase{margin-top:20px}.gallery-heading{margin-bottom:36px}.gallery-heading h3{letter-spacing:.025em;margin:16px 0;font-size:clamp(28px,3vw,44px)}.gallery-heading .section-kicker{color:#b0b0b5}@media (width<=520px){.image-showcase .accordion-gallery{height:660px!important}.image-showcase .ag-panel--active{min-height:270px}}.image-showcase .accordion-gallery--vertical{height:560px!important}.image-showcase .accordion-gallery--vertical .ag-panel{min-height:0}.image-showcase .accordion-gallery--vertical .ag-panel__media{height:560px}@media (width<=520px){.image-showcase .accordion-gallery--vertical .ag-panel--active{min-height:0}.image-showcase .accordion-gallery:not(.accordion-gallery--vertical){flex-direction:row;height:clamp(240px,90vw,440px)!important}.image-showcase .accordion-gallery:not(.accordion-gallery--vertical) .ag-panel{min-height:0}.image-showcase .accordion-gallery:not(.accordion-gallery--vertical) .ag-panel__media{width:var(--ag-media-size);height:100%}}.image-showcase+.image-showcase{margin-top:90px}.video-accordion{flex-direction:column;gap:9px;margin-bottom:90px;display:flex}.video-accordion .project{background:#101115;border:1px solid #ffffff26;border-radius:15px;margin:0;overflow:hidden}.video-panel-heading{color:#fff;text-align:left;cursor:pointer;width:100%;min-height:84px;font:inherit;background:linear-gradient(110deg,#242033,#12151d);border:0;align-items:center;gap:24px;padding:22px 28px;display:flex}.video-panel-heading strong{letter-spacing:.025em;flex:1;font-size:clamp(18px,2vw,29px)}.video-panel-heading>span{font-family:monospace}.video-panel-heading:focus-visible{outline-offset:-4px;outline:2px solid #c084fc}.video-panel-body{visibility:hidden;max-height:0;transition:max-height .6s,visibility .6s;overflow:hidden}.is-expanded .video-panel-body{visibility:visible;max-height:1400px}.is-expanded .video-panel-heading{background:#30273f}.video-accordion .project-art.has-video{aspect-ratio:auto;height:clamp(240px,40vw,620px)}.video-accordion .project-meta{border-bottom:0;padding:24px 28px}.video-accordion .project-meta h3{font-size:22px}@media (width<=600px){.video-panel-heading{gap:14px;padding:20px 18px}.video-accordion .project-meta{padding:20px 18px}}@media (prefers-reduced-motion:reduce){.video-panel-body{transition:none}}.video-accordion .video-panel-body{visibility:visible;max-height:none;transition:none;overflow:hidden}.video-accordion .project-art.has-video{height:120px;transition:height .6s}.video-accordion .is-expanded .project-art.has-video{height:clamp(240px,40vw,620px)}.video-accordion .project:not(.is-expanded) .project-video{object-fit:cover;pointer-events:none;filter:none;opacity:.65}.video-accordion .project:not(.is-expanded) .project-no,.video-accordion .project:not(.is-expanded) .project-meta{display:none}.video-accordion .project{cursor:pointer}.video-accordion .project:focus-visible{outline-offset:3px;outline:2px solid #c084fc}@media (prefers-reduced-motion:reduce){.video-accordion .project-art.has-video{transition:none}}#about,#about .profile-layout,#work{background:#000}#about{padding-bottom:70px}@media (width<=800px){#about{padding-bottom:40px}#work{padding-top:40px}}.video-accordion .project:not(.is-expanded) .project-no{color:#fff;pointer-events:none;background:#000000a6;border-radius:5px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;line-height:1.5;display:flex;top:14px;left:16px}.collapsed-video-title{letter-spacing:.025em;font-family:Manrope,Microsoft YaHei,sans-serif;font-size:12px}@media (width<=800px){#about{padding-top:36px;padding-bottom:24px}#work{padding-top:24px}}.gallery-heading .gallery-depth-title{letter-spacing:.025em;margin:28px 0;padding-top:18px;font-size:clamp(48px,6vw,110px);font-weight:700;line-height:1.15}.gallery-depth-title .depth-text__layer,.gallery-depth-title .depth-text__face{letter-spacing:.025em;line-height:1.15}#about{padding-top:28px;padding-bottom:12px}#about .profile-layout{margin-top:30px;padding-top:24px;padding-bottom:24px}#work{padding-top:16px}.career-depth-title{gap:16px}@media (width<=800px){#about{padding-top:24px;padding-bottom:8px}#about .profile-layout{margin-top:24px;padding-top:16px;padding-bottom:16px}#work{padding-top:16px}}.contact.contact-poster{background:#159ce9;height:auto;min-height:0;display:block;overflow:hidden}.contact-art{aspect-ratio:1672/941;background:#209fee;width:100%;position:relative}.contact-art img{width:100%;height:100%;display:block;position:absolute;inset:0}.contact-art-base{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,7% 9%,7% 53%,49% 53%,49% 9%,7% 9%)}.contact-art-title{clip-path:inset(9% 51% 53% 7%);opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.contact-art-subtitle{clip-path:inset(47% 51% 47% 7%);opacity:0;transition:opacity .8s .35s,transform .8s .35s;transform:translateY(18px)}.is-visible .contact-art-title,.is-visible .contact-art-subtitle{opacity:1;transform:none}.contact-actions{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 40px;padding:26px 0;display:flex}.contact-actions a{background:#087dca;border:1px solid #ffffff80;border-radius:99px;padding:10px 16px}.contact-actions a:hover{background:#0965a3}.contact-poster .footer{color:#fff;border-top:1px solid #ffffff45;gap:16px;padding:24px 0}.contact-poster .footer span{color:inherit}@media (width<=600px){.contact-actions{gap:12px;font-size:13px}.contact-poster .footer{font-size:10px}}@media (prefers-reduced-motion:reduce){.contact-art-title,.contact-art-subtitle{opacity:1;transition:none;transform:none}}.contact-copy{color:#fff;width:40%;position:absolute;top:12%;left:10%}.contact-copy .contact-kicker{letter-spacing:.45em;margin:0 0 18px;font-size:clamp(10px,1.4vw,24px)}.contact-poster .contact-copy h2{letter-spacing:.025em;text-shadow:0 5px 8px #0963bc66;margin:0;font-family:Manrope,Microsoft YaHei,sans-serif;font-size:clamp(28px,7.5vw,126px);font-weight:900;line-height:1.08}.contact-copy .contact-tagline{letter-spacing:.08em;margin:22px 0 0;font-size:clamp(10px,1.7vw,28px);line-height:1.6}.contact-copy>*{opacity:0;transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}.contact-copy h2{transition-delay:.15s}.contact-copy .contact-tagline{transition-delay:.35s}.is-visible .contact-copy>*{opacity:1;transform:translateY(0)}@media (width<=600px){.contact-copy{width:46%;top:12%;left:8%}.contact-copy .contact-kicker{letter-spacing:.18em;margin-bottom:8px}.contact-copy .contact-tagline{margin-top:10px}}@media (prefers-reduced-motion:reduce){.contact-copy>*{opacity:1;transition:none;transform:none}}.contact-poster .contact-copy h2{-webkit-text-stroke:1.2px currentColor;letter-spacing:.04em;text-shadow:2px 4px #79bdff,5px 8px #0875c9,0 12px 18px #07529855;font-family:STXingkai,华文行楷,STKaiti,KaiTi,楷体,cursive;font-weight:900;line-height:1.15;rotate:-3deg}@media (width<=600px){.contact-poster .contact-copy h2{-webkit-text-stroke:.6px currentColor;text-shadow:1px 2px #79bdff,3px 4px #0875c9}}.contact-art .contact-reference-title{clip-path:inset(17% 50% 53% 7%);opacity:0;transform-origin:28% 32%;transition:opacity .9s .15s,transform 1.1s cubic-bezier(.16,1,.3,1) .15s;transform:translateY(28px)scale(.96)}.is-visible .contact-reference-title{opacity:1;transform:translateY(0)scale(1)}.contact-poster .contact-copy .contact-title-accessible{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-copy{pointer-events:none;width:auto;inset:0}.contact-copy .contact-kicker{margin:0;position:absolute;top:12%;left:14.6%}.contact-copy .contact-tagline{margin:0;position:absolute;top:47.5%;left:16%}@media (width<=600px){.contact-copy{width:auto;inset:0}.contact-copy .contact-kicker,.contact-copy .contact-tagline{margin:0}}@media (prefers-reduced-motion:reduce){.contact-art .contact-reference-title{opacity:1;transition:none;transform:none}}.contact-art .contact-reference-title{clip-path:none;-webkit-mask-composite:source-in;box-shadow:none;border:0;-webkit-mask-image:linear-gradient(90deg,#0000 7%,#000 10% 47%,#0000 50%),linear-gradient(#0000 17%,#000 19% 45%,#0000 47%);mask-image:linear-gradient(90deg,#0000 7%,#000 10% 47%,#0000 50%),linear-gradient(#0000 17%,#000 19% 45%,#0000 47%);-webkit-mask-composite:source-in;mask-composite:intersect}.contact-copy .contact-blur-heading{opacity:1;transition:none;position:absolute;top:18%;left:10%;transform:rotate(-3deg)}.contact-blur-line{letter-spacing:.035em;color:#fff;-webkit-text-stroke:1.5px #fff;text-shadow:2px 4px #83c8ff,4px 7px 10px #086bc366;margin:0;font-family:YouYuan,幼圆,Microsoft YaHei,sans-serif;font-size:clamp(32px,8.2vw,138px);font-weight:900;line-height:1.13}.contact-blur-line>span{display:inline-block}@media (width<=600px){.contact-blur-line{-webkit-text-stroke:.6px #fff}}@media (prefers-reduced-motion:reduce){.contact-blur-line>span{opacity:1!important;filter:none!important;transform:none!important}}.nav.is-sticky .navcontact{background:#fffffff2;border:1px solid #ffffffd9;border-radius:14px;padding:10px 16px;box-shadow:0 2px 8px #1c406a0f}@media (width<=800px){.nav.is-sticky .navcontact{background:#fffffff2;border-radius:10px;padding:8px 10px}}.contact-copy .contact-warp-heading{opacity:1;pointer-events:auto;width:45%;height:34%;text-shadow:none;-webkit-text-stroke:0;box-shadow:none;border:0;transition:none;position:absolute;top:15%;left:6%;transform:none}.contact-warp-heading canvas{box-shadow:none;border:0}.video-accordion .project:not(.is-expanded) .project-no{gap:8px;padding:8px 12px;font-size:18px;font-weight:600}.collapsed-video-title{font-size:18px;font-weight:600}@media (width<=600px){.video-accordion .project:not(.is-expanded) .project-no,.collapsed-video-title{font-size:15px}}.contact-warp-heading canvas{filter:drop-shadow(0 6px 9px #032a5fbf)}.module-entrance{opacity:0;translate:0 32px}.module-entrance.module-entered{animation:moduleEnter .8s cubic-bezier(.16,1,.3,1) var(--entrance-delay,0s) both}@keyframes moduleEnter{0%{opacity:0;translate:0 56px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.module-entrance,.module-entrance.module-entered{opacity:1;animation:none;translate:none}}#about>.section-kicker.module-entrance,.work-heading.module-entrance,.gallery-heading.module-entrance{translate:0 56px}.module-entrance.module-entered{animation-duration:1.15s}@media (prefers-reduced-motion:reduce){#about>.section-kicker.module-entrance,.work-heading.module-entrance,.gallery-heading.module-entrance{translate:none}}@media (width<=800px){.hero-video:before{background-image:url(/hero-mobile.webp)}}.profile-photo.profile-photo--tilted{aspect-ratio:682/800;z-index:2;overflow:visible}.profile-photo--tilted .tilted-card-figure{margin:0;position:absolute;inset:0}.profile-photo--tilted .tilted-card-img{border-radius:0}.profile-photo--tilted .tilted-card-caption{white-space:nowrap;padding:8px 12px;font-size:12px}.profile-glow .job.job--with-badge{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:24px}.job-content{min-width:0}.job-content .job-title{margin-bottom:20px}.work-badge{background:radial-gradient(at 50% 52%,#c5222b14,#0000 70%);border-radius:20px;align-self:start;min-width:0;position:relative}.work-badge--caitong{background:radial-gradient(at 50% 52%,#d3aa2119,#0000 70%)}.work-badge-stage{height:410px;position:relative}.work-badge .lanyard-wrapper{width:100%;height:100%}.work-badge canvas{touch-action:none}.work-badge-fallback{border-radius:12px;width:auto;height:230px;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 16px 35px #0006}.work-badge-hint{text-align:center;color:#a59aac;letter-spacing:.12em;padding:0 0 16px;font-size:10px;display:block}@media (width>=901px) and (width<=1250px){.profile-glow .job.job--with-badge{grid-template-columns:1fr}.work-badge{justify-self:center;width:240px}}@media (width<=600px){.profile-glow .job.job--with-badge{grid-template-columns:1fr;gap:8px}.work-badge{justify-self:center;width:min(260px,100%)}.work-badge-stage{height:360px}}