.round-button{isolation:isolate;width:calc(200 * var(--work-u));height:calc(200 * var(--work-u));cursor:pointer;color:#fff;font-size:calc(24 * var(--work-u));letter-spacing:calc(.48 * var(--work-u));text-align:center;background:#7e6aeb;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.round-button-fill{pointer-events:none;background:#6851e2;border-radius:50%;width:150%;height:200%;position:absolute;top:-50%;left:-25%;transform:translateY(76%)}.round-button-label{z-index:1;pointer-events:none;place-items:center;width:100%;height:100%;display:grid;position:relative}.round-button:focus-visible{background:#6851e2}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.round-button:hover{background:#6851e2}}@media (width<=1180px){.round-button{width:140px;height:140px;font-size:18px}}@media (width<=720px){.round-button{width:120px;height:120px}}.illustration-detail{color:#000;background:#191919;font-family:PingFang SC,Microsoft YaHei,sans-serif;container-type:inline-size}.illustration-cover,.illustration-footer{width:100%;height:auto;display:block}.illustration-section{height:calc(var(--section-height) * 100cqw / 1920);background:#fafafa;position:relative;overflow:hidden}.illustration-heading{text-align:center;z-index:1;width:49.5833%;position:absolute;top:4.16667cqw;left:25.2083%}.illustration-heading h3{white-space:nowrap;letter-spacing:0;margin:0;font-size:2.91667cqw;font-weight:500;line-height:4.0625cqw}.illustration-rule{background:currentColor;border-radius:6px;width:15.625cqw;height:.3125cqw;margin:2.08333cqw auto 2.1875cqw;display:block}.illustration-heading p{color:#333;letter-spacing:0;margin:0;font-size:1.66667cqw;font-weight:400;line-height:2.34375cqw}.illustration-artworks{width:75%;display:flex;position:absolute;left:12.5%}.illustration-artworks figure{flex:1;min-width:0;margin:0;position:relative;overflow:hidden}.illustration-artworks img{width:100%;height:auto;display:block}.illustration-artworks figcaption{text-align:center;white-space:nowrap;width:100%;font-size:1.66667cqw;font-weight:500;line-height:2.34375cqw;position:absolute;left:0}.illustration-decoration{pointer-events:none;position:absolute}.illustration-horses{--section-height:1126}.illustration-horses .illustration-decoration{width:15.4167%;top:5.10417cqw;left:89.5833%}.illustration-horses .illustration-artworks{gap:1.25cqw;top:21.6667cqw}.illustration-horses figure{background:linear-gradient(#c81d16,#d3382e);border-radius:.625cqw;height:31.25cqw}.illustration-horses figure:nth-child(2){background:linear-gradient(#da1f62,#e5326a)}.illustration-horses figure:nth-child(3){background:linear-gradient(#2849ee,#3250e5)}.illustration-horses figure img{aspect-ratio:1;object-fit:cover;width:90.5172%;margin:4.74138% auto 0}.illustration-horses figcaption{color:#fff;top:26.25cqw}.illustration-horse-word{letter-spacing:.333333cqw;text-align:center;color:#0000;background:linear-gradient(#ff7b7b,#0000);-webkit-background-clip:text;background-clip:text;width:100%;font:italic 500 4.16667cqw/1.3375 Georgia,serif;position:absolute;top:23.9063cqw}.illustration-horses figure:nth-child(2) .illustration-horse-word{background-image:linear-gradient(#ff87c9,#0000)}.illustration-horses figure:nth-child(3) .illustration-horse-word{background-image:linear-gradient(#b4c0ff,#0000)}.illustration-spring{--section-height:1050}.illustration-spring .illustration-heading{width:30.2083%;top:12.1875cqw;left:54.1667%}.illustration-spring .illustration-rule,.illustration-crown .illustration-rule{width:10.1759cqw;margin-bottom:2.60417cqw}.illustration-spring .illustration-artworks{width:36.875%;top:0}.illustration-spring .illustration-decoration{width:16.4%;top:29.0104cqw;left:-6.1%;transform:rotate(13.89deg)}.illustration-crown{--section-height:800;color:#fff;background:#1a1a1a}.illustration-crown .illustration-heading{width:30.2083%;top:8.33333cqw;left:15.625%}.illustration-crown .illustration-heading p,.illustration-dragon .illustration-heading p,.illustration-lantern .illustration-heading p{color:#fff}.illustration-crown .illustration-artworks{width:32.5%;top:4.58333cqw;left:51.875%}.illustration-crown .illustration-decoration{width:15.625%;top:17.8125cqw;left:60.3125%}.illustration-crown-reflection{opacity:.2;width:31.25%;height:9.58333cqw;position:absolute;top:32.0833cqw;left:52.5%;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.illustration-crown-reflection img{width:104%;height:auto;position:absolute;top:-5.88542cqw;left:-2%;transform:scaleY(-1)}.illustration-badges{--section-height:1100;background:#fbf7f4}.illustration-badges .illustration-artworks{gap:1.25cqw;top:26.0417cqw}.illustration-badges figure{background:#1a1a1a;border-radius:.625cqw;height:22.9167cqw}.illustration-badges figure:nth-child(2n){background:#ca2e2c}.illustration-badges figure img{aspect-ratio:1;object-fit:cover;width:88.3041%;margin:5.84795% auto 0}.illustration-badges figcaption{color:#fff;top:18.6979cqw}.illustration-dragon{--section-height:1354;color:#fff;background:#191919}.illustration-dragon:before{content:"";opacity:.03;background:url(/assets/illustration/texture.webp) 0 0/11.875cqw 10.6593cqw;position:absolute;inset:0}.illustration-dragon .illustration-artworks{width:49.5833%;top:22.1875cqw;left:25.2083%}.illustration-dragon figure{background:#2a537c;border:1.04167cqw solid #d59d61;height:42.5cqw}.illustration-dragon figure img{object-fit:cover;height:100%}.illustration-gold{--section-height:1380;background:#fdf2e2}.illustration-gold h3{font-weight:600}.illustration-gold .illustration-artworks{gap:2.08333cqw;top:24.5313cqw}.illustration-gold figure{background:#dfc276;border-radius:1.25cqw;height:41.6667cqw}.illustration-gold figure img{aspect-ratio:1;object-fit:cover;background:#fae9d0;border:.520833cqw solid #dbb05e;width:91.4286%;margin:4.28571% auto 0}.illustration-gold figure:nth-child(2) img{border-color:#bf7426}.illustration-gold figcaption{letter-spacing:.01875cqw;color:#a45f17;font-size:1.875cqw;line-height:2.60417cqw;top:37.2396cqw}.illustration-lantern{--section-height:3798;color:#fff;background:#191919}.illustration-lantern .illustration-artworks{flex-direction:column;top:19.3229cqw}.illustration-lantern figure{flex:none}.illustration-lantern figure img{aspect-ratio:2;object-fit:cover}.illustration-lantern figure:last-child img{aspect-ratio:1.2}.coffee-detail{aspect-ratio:1920/2920;background:linear-gradient(#633a27,#412119);width:100%;position:relative;overflow:hidden;container-type:inline-size}.coffee-decoration{pointer-events:none;position:absolute}.coffee-circle-top{width:41.6667%;top:-12.1918%;left:-16.1979%}.coffee-circle-right{width:31.25%;top:40.4452%;left:79.7396%}.coffee-circle-bottom{width:83.3333%;top:84.6575%;left:7.29167%}.coffee-watermark{width:20.8333%;top:4.65753%;left:78.8542%}.coffee-brand{width:33.6458%;height:auto;position:absolute;top:5.47945%;left:33.1771%}.coffee-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:8.33333cqw 5.3125cqw;width:81.25%;display:grid;position:absolute;top:18.4932%;left:9.375%}.coffee-screens figure{aspect-ratio:452/980;margin:0;position:relative}.coffee-screens figure:before{content:"";pointer-events:none;border:.9375cqw solid #6f4e37;border-radius:3.4375cqw;position:absolute;inset:-.9375cqw;box-shadow:3.59417cqw 2.9951cqw 7.18828cqw #190d0526}.coffee-screens img{object-fit:cover;border-radius:2.5cqw;width:100%;height:100%;display:block;position:relative}.meowcat-detail{background:#5140fa;width:100%}.meowcat-detail section{margin:0;padding:0;position:relative}.meowcat-detail img{width:100%;height:auto;display:block}.healrun-detail{background:#3447ed;width:100%}.healrun-detail>img{width:100%;height:auto;display:block}.montra-detail{background:#302c97;width:100%}.montra-detail>img{width:100%;height:auto;display:block}.design-system-detail{background:#191919;width:100%}.design-system-detail section{margin:0;padding:0;position:relative}.design-system-detail img{width:100%;height:auto;display:block}@font-face{font-family:Empty State Poppins;src:url(/assets/empty-state/fonts/Poppins-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Empty State Poppins;src:url(/assets/empty-state/fonts/Poppins-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Empty State Inter;src:url(/assets/work-list/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}.empty-state-detail{background:#6051dc;width:100%;container-type:inline-size}.empty-state-viewport{height:218.75cqw;overflow:hidden}.empty-state-canvas{width:1920px;height:4200px;transform:scale(calc(100cqw / 1920px));transform-origin:0 0;color:#000;font-optical-sizing:none;background-image:linear-gradient(90deg,#6c5dff80,#6c5dff80),linear-gradient(120.334deg,#6c5de0 6.1678%,#333092 96.573%);font-family:Empty State Inter,sans-serif;position:relative;overflow:hidden}.empty-state-background{z-index:0;pointer-events:none;position:absolute;inset:0}.empty-state-background>img{max-width:none;position:absolute}.empty-state-glow{top:-1306.88px;left:-226.875px}.empty-state-orb-left{z-index:1;top:6.5715px;left:152.572px}.empty-state-orb-right{z-index:1;top:0;left:1433px}.empty-state-orb-bottom{z-index:1;top:3884px;left:303px}.empty-state-noise,.empty-state-texture{background-position:0 0;background-size:237.451px 237.451px;position:absolute}.empty-state-noise{width:2310px;height:2071.88px;top:-367.5px;left:-253.125px}.empty-state-texture-one{opacity:.11;width:2167.5px;height:2071.88px;top:-367.5px;left:-18.75px}.empty-state-texture-two{opacity:.09;width:1948.13px;height:2071.88px;top:-367.5px;left:0}.empty-state-heading{color:#fff;flex-direction:column;align-items:center;gap:50px;width:100%;font-family:Empty State Poppins,sans-serif;display:flex;position:absolute;top:100px}.empty-state-heading h2{white-space:nowrap;margin:0;font-size:88px;font-weight:700;line-height:1.2}.empty-state-heading p{background:#1f1f1f;border-radius:80px;margin:0;padding:20px 40px;font-size:48px;font-weight:500;line-height:1.2}.empty-state-previews{grid-template-columns:repeat(4,400px);gap:80px 40px;display:grid;position:absolute;top:476px;left:100px}.empty-state-previews img{object-fit:cover;border-radius:20px;width:400px;height:400px}.empty-state-examples{width:1720px;position:absolute;top:1556px;left:100px}.empty-state-examples>h3{color:#fff;background:#1f1f1f;border-radius:40px 40px 0 0;place-items:center;height:200px;margin:0;font-size:64px;font-weight:700;line-height:normal;display:grid}.empty-state-card-grid{background:#f5f5f5;grid-template-columns:repeat(3,400px);gap:80px 100px;padding:160px;display:grid}.empty-state-example{filter:drop-shadow(21px 27px 25px #d4b2b22b);background:#fcfdff;border-radius:40px;width:400px;height:567px;position:relative}.empty-state-card-art{max-width:none;position:absolute;top:32px;left:32px}.empty-state-example h4{text-align:center;width:100%;margin:0;font-size:28px;font-weight:600;line-height:36px;position:absolute;top:342px;left:0}.empty-state-example p{color:#9e9e9e;text-align:center;margin:0;font-size:18px;font-weight:500;line-height:24px;position:absolute;top:394px;left:50%;transform:translate(-50%)}.empty-state-button-shadow{max-width:none;position:absolute;top:477px}.empty-state-button-example{color:#fff;background:#1f1f1f;border-radius:40px;place-items:center;width:200px;height:56px;font-size:18px;font-weight:500;line-height:24px;display:grid;position:absolute;top:470px;left:100px}@font-face{font-family:Hui Poppins;src:url(/assets/hui-sheng-qian/fonts/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Hui Open Sans;src:url(/assets/hui-sheng-qian/fonts/OpenSans.ttf)format("truetype");font-weight:300 800;font-display:swap}.hui-detail{background:#8e181c;width:100%;container-type:inline-size}.hui-viewport{height:143.333cqw;overflow:hidden}.hui-canvas{width:1920px;height:2752px;transform:scale(calc(100cqw / 1920px));transform-origin:0 0;color:#fff;background:linear-gradient(#c9345c,#8e181c);font-family:Hui Poppins,Microsoft YaHei,sans-serif}.hui-cover,.hui-showcase{width:1920px;position:relative;overflow:hidden}.hui-cover{height:1152px}.hui-showcase{height:1600px}.hui-decorations{pointer-events:none;position:absolute;inset:0}.hui-decorations img{max-width:none;position:absolute}.hui-gift{max-width:none;position:absolute;top:39px;left:154px}.hui-vip{max-width:none;position:absolute;top:676.713px;left:1335px}.hui-eyebrow{letter-spacing:2.28px;background:#ffffff38;border-radius:48px;place-items:center;width:320px;height:55px;margin:0;font-family:Hui Open Sans,sans-serif;font-size:24px;font-weight:600;line-height:1.2;display:grid;position:absolute;top:100px;left:802px}.hui-cover h2{text-align:center;white-space:nowrap;width:988px;margin:0;font-size:64px;font-weight:600;line-height:1.2;position:absolute;top:174px;left:468px}.hui-showcase h3{text-align:center;width:100%;margin:0;font-size:64px;font-weight:600;line-height:1.2;position:absolute;top:120px;left:0}.hui-phone{flex:none;width:450px;height:979px;margin:0;position:relative}.hui-phone:before{content:"";border:18px solid #ffffff80;border-radius:62px;position:absolute;inset:-18px;box-shadow:25.106px 25.106px 125.529px #00000080}.hui-phone img{object-fit:cover;border-radius:44px;width:100%;height:100%;display:block;position:relative}.hui-cover-phone{width:402px;height:874px;position:absolute}.hui-cover-phone:before{box-shadow:49.704px 2.115px 96.764px #00000040}.hui-phones{gap:120px;display:flex;position:absolute;top:337px;left:162px}html:has(.project-dialog.is-showcase[open]){scrollbar-gutter:auto}.project-dialog.is-showcase{background:#191919;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;position:fixed;inset:0;overflow:hidden}.showcase-dialog-scroll{overscroll-behavior:contain;height:100%;overflow-y:auto}.is-showcase .dialog-close{top:max(16px, 2.91667vw, env(safe-area-inset-top));right:max(16px, 2.91667vw, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#191919e6;border:0;width:clamp(44px,4.16667vw,80px);height:clamp(44px,4.16667vw,80px);padding:0;transition:background-color .24s}.is-showcase .dialog-close img{width:37.5%;height:37.5%;transition:transform .32s cubic-bezier(.22,1,.36,1);transform:rotate(45deg)}.is-showcase .dialog-close:hover{background:#191919e6;transform:none}.is-showcase .dialog-close:focus-visible{background:#6851e2}@media (hover:hover) and (pointer:fine){.is-showcase .dialog-close:hover{background:#6851e2}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.is-showcase .dialog-close:hover img{transform:rotate(135deg)scale(1.12)}}@media (prefers-reduced-motion:reduce){.is-showcase .dialog-close,.is-showcase .dialog-close img{transition:none}}@font-face{font-family:Work List Inter;src:url(/assets/work-list/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.work-list-page{--work-u:min(1px, calc(100vw / 1920));background:#0f0e10;flex-direction:column;min-height:100svh;display:flex}.work-list-footer{pointer-events:none;flex:none;width:100%;margin-top:auto;display:block}.work-list-footer img{aspect-ratio:1920/100;width:100%;height:auto;display:block}@media (width<=900px){.work-list-footer img{aspect-ratio:393/46.0801}}.work-list{width:min(100%,1920px);padding:calc(236 * var(--work-u)) 0 calc(170 * var(--work-u));margin-inline:auto}.work-list-heading{height:calc(218 * var(--work-u));margin-bottom:calc(80 * var(--work-u));position:relative}.work-list-heading h1{color:#fff;font-family:Work List Inter,Arial,sans-serif;font-size:calc(180 * var(--work-u));font-weight:600;line-height:calc(218 * var(--work-u));letter-spacing:calc(1.8 * var(--work-u));text-align:center;white-space:pre;margin:0}.work-list-heading h1:focus,.work-list:focus{outline:none}.work-list-title-text{vertical-align:top;display:inline-block;overflow:clip}.work-list-letter{transform-origin:50% 75%;display:inline-block}.work-list-flower{left:calc(690 * var(--work-u));top:calc(29 * var(--work-u));width:160px;height:160px;transform:scale(calc(var(--work-u) / 1px));transform-origin:0 0;pointer-events:none;position:absolute}.work-list-flower img{max-width:none}.work-list-showcase{width:calc(1600 * var(--work-u));margin-inline:auto}.work-list-page .filters{justify-content:center;gap:calc(24 * var(--work-u));flex-wrap:wrap;margin:0;overflow:visible}.work-list-page .filters button{min-height:max(44px, calc(64 * var(--work-u)));padding:calc(16 * var(--work-u)) calc(36 * var(--work-u));border-width:calc(2 * var(--work-u));font-size:max(14px, calc(20 * var(--work-u)));letter-spacing:calc(.4 * var(--work-u));border-radius:40px;line-height:1.4}.work-list-page .project-grid{column-gap:calc(40 * var(--work-u));row-gap:calc(60 * var(--work-u));margin-top:calc(100 * var(--work-u));grid-template-columns:repeat(2,minmax(0,1fr))}.work-list-page .project-open{height:calc(616 * var(--work-u));gap:calc(36 * var(--work-u));padding:calc(20 * var(--work-u));border-radius:calc(20 * var(--work-u));background:0 0}.work-list-page .project-cover{aspect-ratio:740/444;border-radius:calc(20 * var(--work-u));height:auto}.work-list-page .project-info{width:calc(680 * var(--work-u));height:calc(75 * var(--work-u));align-items:flex-start;min-height:0}.work-list-page .project-info h3{font-size:calc(28 * var(--work-u));letter-spacing:calc(1 * var(--work-u));line-height:1.4;display:block}.work-list-page .project-category{margin-top:calc(8 * var(--work-u));font-size:calc(20 * var(--work-u));letter-spacing:calc(1 * var(--work-u));line-height:1.4}.work-list-return-stage{width:fit-content;margin:calc(100 * var(--work-u)) auto 0}@media (width>=1181px){.work-list-page .header-inner{width:calc(1600 * var(--work-u));min-height:calc(96 * var(--work-u));padding:calc(16 * var(--work-u));margin-inline:auto}.work-list-page .brand{width:calc(64 * var(--work-u));height:calc(64 * var(--work-u))}.work-list-page .brand-logo{width:38.4px;max-width:none;height:38.4px;transform:scale(calc(var(--work-u) / 1px))}.work-list-page .site-nav{gap:calc(24 * var(--work-u));width:auto}.work-list-page .site-nav a{height:calc(64 * var(--work-u));padding-inline:calc(36 * var(--work-u));font-size:calc(20 * var(--work-u));flex:none}}@media (width<=1180px){.work-list{padding-top:160px;padding-bottom:100px}.work-list-heading{margin-bottom:60px}.work-list-showcase{width:calc(100% - 56px)}.work-list-page .project-grid{gap:48px 24px;margin-top:64px}.work-list-page .project-open{gap:24px;height:auto;padding:8px}.work-list-page .project-cover{border-radius:16px}.work-list-page .project-info{width:calc(100% - 24px);height:auto}.work-list-page .project-info h3{white-space:normal;font-size:22px}.work-list-page .project-category{margin-top:8px;font-size:16px}.work-list-return-stage{margin-top:80px}}@media (width<=720px){.work-list{padding-top:130px;padding-bottom:72px}.work-list-heading{margin-bottom:44px}.work-list-showcase{width:calc(100% - 32px)}.work-list-page .filters{gap:10px}.work-list-page .filters button{border-width:1px;padding:9px 18px}.work-list-page .project-grid{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:44px}.work-list-page .project-open{border-radius:16px;gap:20px;padding:4px}.work-list-page .project-info{width:calc(100% - 24px)}.work-list-page .project-info h3{font-size:22px}.work-list-page .project-category{font-size:16px}.work-list-return-stage{margin-top:60px}}html.is-page-transitioning{scroll-behavior:auto;cursor:wait;overflow:hidden}.page-transition{--transition-background:#fff;color:#000;cursor:wait;overscroll-behavior:none;touch-action:none;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.page-transition::backdrop{background:0 0}.page-transition:focus{outline:none}.page-transition-screen{background:var(--transition-background);width:100%;height:100%;position:relative;transform:translateY(100%)}.page-transition-curve{width:100%;height:0;position:absolute;overflow:hidden}.page-transition-curve-top{bottom:calc(100% - 1px);transform:rotate(180deg)}.page-transition-curve-bottom{top:calc(100% - 1px)}.page-transition-curve>div{background:var(--transition-background);border-radius:50%;width:150%;height:745%;position:absolute;left:50%;transform:translate(-50%,-86.666%)}.page-transition-brand{place-items:center;padding:24px;display:grid;position:absolute;inset:0}.page-transition-logo{aspect-ratio:1;background:var(--transition-background);border-radius:50%;place-items:center;width:clamp(96px,10vw,160px);display:grid}.page-transition-logo-clip{place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.page-transition-logo img{transform-origin:50%;width:60%;height:60%;display:block}.page-transition[open] .page-transition-screen{will-change:transform}.project-dialog[open] .dialog-shell,.project-dialog[open]::backdrop{animation:none}:root{--bg:#0c0e0d;--surface:#121412;--surface-raised:#181b18;--ink:#fff;--ink-soft:#fff;--muted:#fff;--line:#2b2f2b;--line-strong:#42473f;--accent:#c7ff4a;--accent-soft:#e4ffc0;--pink:#f0a7ed;--cyan:#63d9f3;--orange:#ff8b22;--display:"Arial Narrow", "Aptos Display", "Noto Sans SC", "Microsoft YaHei", sans-serif;--body:Inter, "Aptos", "Noto Sans SC", "Microsoft YaHei", sans-serif;--shell:min(1460px, calc(100vw - 96px));--space-section:clamp(116px, 12vw, 192px);--radius-sm:14px;--radius:24px;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{color:var(--ink);background:var(--bg);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}body:before{content:"";z-index:100;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:fixed;inset:0}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,[role=button],a{touch-action:manipulation}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px}::selection{color:var(--bg);background:var(--accent)}.shell{width:var(--shell);margin-inline:auto}.section-anchor{scroll-margin-top:104px}.skip-link{z-index:200;color:var(--bg);background:var(--accent);border-radius:999px;padding:11px 16px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-header{z-index:50;background:0 0;padding:0;position:fixed;inset:40px 0 auto}.portfolio-app .site-header,.work-list-page .site-header{top:10px}.header-inner{background:#1a1a1a;border:0;border-radius:60px;justify-content:space-between;align-items:center;width:min(83.333vw,1600px);min-height:96px;margin-left:max(8.333vw,50vw - 800px);margin-right:0;padding:16px;display:flex;position:relative;box-shadow:0 6px 12px #00000026}.brand{width:64px;height:64px;transition:transform .22s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid}.brand:hover{transform:rotate(-6deg)}.brand-logo{width:38.4px;height:38.4px}.site-nav{align-items:center;gap:16px;width:605px;display:flex}.site-nav a{color:#fff;letter-spacing:1px;white-space:nowrap;width:auto;min-width:0;height:64px;transition:color .22s var(--ease), background .22s var(--ease);border-radius:40px;justify-content:center;align-items:center;padding:0 36px;font-size:20px;font-weight:400;display:flex}.site-nav a:first-child{flex:0 0 113px}.site-nav a:nth-child(2),.site-nav a:nth-child(3){flex:0 0 155px}.site-nav a:nth-child(4){flex:0 0 134px}.site-nav a:hover{color:#fff;background:#292929}.site-nav a.is-active{color:#000;background:#fff;font-weight:600}.nav-toggle{width:46px;height:46px;color:var(--ink);background:var(--surface-raised);cursor:pointer;border:0;border-radius:50%;place-items:center;display:none;position:relative}.nav-toggle:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .22s var(--ease);background:#6851e2;position:absolute;inset:0}.nav-toggle-icon{pointer-events:none;align-content:center;gap:6px;width:24px;height:24px;display:grid;position:relative}.nav-toggle-line{width:20px;height:1.5px;transition:transform .22s var(--ease);background:currentColor;margin:0 auto;display:block}.nav-toggle[aria-expanded=false] .nav-toggle-icon{background-image:url(/assets/home/mobile-menu.svg);background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.nav-toggle[aria-expanded=false] .nav-toggle-line{visibility:hidden}.nav-toggle:focus-visible:before{opacity:1}@media (hover:hover) and (pointer:fine){.nav-toggle:hover:before{opacity:1}}.scroll-progress{z-index:300;pointer-events:none;height:10px;position:fixed;inset:0 0 auto;overflow:hidden}.scroll-progress span{width:100%;height:100%;transform:scaleX(var(--scroll-progress));transform-origin:0;will-change:transform;background:linear-gradient(90deg,#6851e2 0%,#a56bec 50%,#5cbde7 100%);display:block}.hero{color:#fff;background:#0f0e10;min-height:max(100svh,min(56.25vw,1080px));position:relative;overflow:hidden}.hero-stage{width:min(100vw,1920px);height:min(56.25vw,1080px);margin-inline:auto;position:relative}.hero h1{z-index:4;color:#fff;letter-spacing:0;flex-direction:column;gap:min(1.667vw,32px);width:45.417%;margin:0;font-family:Arial,Noto Sans SC,Microsoft YaHei,sans-serif;font-weight:600;line-height:1.211;display:flex;position:absolute;top:26.481%;left:8.333%}.hero h1 span{white-space:nowrap;display:block}.hero h1>span{width:max-content;position:relative}.hero-title-text{z-index:2;position:relative}.hero-title-flower{z-index:1;pointer-events:none;max-width:none;position:absolute}.hero-flower-pink{width:1.25em;height:1.25001em;top:-.335938em;left:-.195313em}.hero-flower-orange{width:1em;height:.967268em;top:.126022em;left:calc(100% + .29375em)}.hero-title-primary{text-transform:uppercase;font-size:clamp(64px,6.667vw,128px)}.hero-title-secondary{font-size:clamp(80px,8.333vw,160px)}.hero-art{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-art img{max-width:none;position:absolute}.hero-glow{border-radius:50%;display:block;position:absolute}.hero-glow-primary{aspect-ratio:1;filter:blur(200px);background:#27203680;width:41.667%;top:37.593%;left:52.917%}.hero-glow-secondary{aspect-ratio:1;filter:blur(150px);background:#272036e6;width:31.25%;top:46.852%;left:58.125%}.hero-orb{aspect-ratio:1;position:absolute}.hero-orb-large{width:23.958%;top:54.259%;left:62.292%}.hero-orb-small{width:12.5%;top:74.259%;left:59.271%}.hero-butterfly{aspect-ratio:1;width:20.833%;position:absolute;top:24.815%;left:63.854%}.hero-butterfly img{object-fit:cover;width:100%;height:100%;inset:0}.hero-butterfly span{background:linear-gradient(#18141b33 2.325%,#1d162533 35.812%,#231c2f33 96.739%);position:absolute;inset:0;-webkit-mask:url(/assets/home/butterfly-mask.png) 50%/cover no-repeat;mask:url(/assets/home/butterfly-mask.png) 50%/cover no-repeat}.hero-flower-cyan{aspect-ratio:1;width:5.893%;position:absolute;top:23.717%;left:85.736%}.hero-flower-cyan img{width:70.711%;height:70.711%;top:14.645%;left:14.645%;transform:rotate(45deg)}.hero-ring{width:5.208%;height:9.259%;top:59.167%;left:53.646%}.hero-orb-accent{aspect-ratio:1;width:3.125%;position:absolute;top:86.204%;left:83.125%}.hero-orb-accent img{width:296.42%;height:296.42%;top:-87.3%;left:-98.21%}.hero-flower-purple{width:9.375%;height:16.667%;top:58.333%;left:81.927%}.hero-star{width:4.167%;height:7.407%;top:40.185%;left:59.167%}.hero-intro{z-index:4;color:#fff;letter-spacing:1px;white-space:pre;width:38.646%;margin:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(16px,1.25vw,24px);line-height:1.667;position:absolute;top:72.87%;left:8.333%}.hero-rule{z-index:4;width:300px;height:3px;position:absolute;top:87.685%;left:8.333%}.work{padding-block:var(--space-section)}.about{color:#fff;background:#0f0e10;min-height:min(81.25vw,1560px);position:relative;overflow:hidden}.about-stage{width:min(100vw,1920px);height:min(81.25vw,1560px);margin-inline:auto;position:relative}.about-profile{background:linear-gradient(#3a3a3a 0%,#656565 100%);border-radius:min(3.125vw,60px);width:33.333%;height:51.282%;margin:0;position:absolute;top:8.974%;left:8.333%;overflow:hidden}.about-profile img{width:153.13%;max-width:none;height:163.33%;position:absolute;top:.04%;left:-31.68%}.about-content{width:40%;position:absolute;top:8.974%;left:50%}.about-content h2{align-items:baseline;gap:min(.625vw,12px);margin:0;font-family:Inter,Aptos,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:0;line-height:normal;display:flex}.about-title-primary{font-size:min(2.917vw,56px);font-weight:600;line-height:min(3.542vw,68px)}.about-title-secondary{font-size:min(1.667vw,32px);font-weight:400;line-height:min(2.083vw,40px)}.about-name-row{align-items:flex-end;gap:min(1.042vw,20px);margin-top:min(1.875vw,36px);display:flex}.about-name{margin:0;font-size:min(1.458vw,28px);line-height:1.214}.about-role{letter-spacing:.01em;background:#7e6aeb;border-radius:min(1.563vw,30px) min(2.083vw,40px) min(2.083vw,40px) min(.104vw,2px);justify-content:center;align-items:center;min-height:min(2.552vw,49px);padding:min(.625vw,12px) min(1.25vw,24px);font-size:min(.938vw,18px);line-height:1.39;display:inline-flex}.about-focus{align-items:center;gap:min(1.25vw,24px);margin:min(2.083vw,40px) 0 0;padding:0;list-style:none;display:flex}.about-focus li{color:#fffc;letter-spacing:.02em;white-space:nowrap;border:2px solid #3d3d3d;border-radius:min(2.083vw,40px);justify-content:center;align-items:center;min-height:min(2.917vw,56px);padding:min(.625vw,12px) min(1.667vw,32px);font-size:min(1.042vw,20px);line-height:1.4;display:flex}.about-introduction{width:min(40vw,768px);margin-top:min(2.604vw,50px);margin-left:max(-.521vw,-10px)}.about-introduction p{color:#fff;letter-spacing:.01em;white-space:pre-line;min-height:min(8.542vw,164px);margin:0;padding:min(.521vw,10px);font-size:min(1.042vw,20px);line-height:1.8}.about-introduction img{width:min(15.625vw,300px);height:3px;margin-top:min(1.979vw,38px)}.about-tools-title{margin:min(1.927vw,37px) 0 0;font-size:min(1.458vw,28px);font-weight:400;line-height:1.39}.about-tools{background:#1a1a1a;border:2px solid #3d3d3d;border-radius:min(2.083vw,40px);justify-content:space-between;align-items:center;width:min(37.5vw,720px);min-height:min(9.583vw,184px);margin:min(1.875vw,36px) 0 0;padding:min(2.083vw,40px);list-style:none;display:flex}.about-tools li{border-radius:min(1.563vw,30px);flex:none;place-items:center;width:min(5.208vw,100px);height:min(5.208vw,100px);display:grid;overflow:hidden}.about-tools li:first-child{background:#333}.about-tools li:first-child img{width:62%;height:62%}.about-tools li:not(:first-child) img{width:100%;height:100%}.about-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:min(2.604vw,50px);width:83.333%;height:19.231%;display:grid;position:absolute;top:70.513%;left:8.333%}.about-skill-card{background:#191919;border:2px solid #3d3d3d;border-radius:min(2.083vw,40px);min-width:0;padding:min(4.115vw,79px) min(2.083vw,40px) min(2.083vw,40px);position:relative;overflow:hidden}.about-skill-icon{width:min(3.646vw,70px);height:min(3.646vw,70px);position:absolute;top:min(2.083vw,40px);right:min(2.188vw,42px)}.about-skill-card h3{letter-spacing:.01em;margin:0;font-size:min(1.667vw,32px);font-weight:500;line-height:1.4}.about-skill-card p{letter-spacing:.01em;margin:min(1.25vw,24px) 0 0;font-size:min(1.042vw,20px);line-height:1.8}.section-kicker{color:var(--accent);letter-spacing:.15em;margin:0 0 30px;font-size:11px;font-weight:800}.section-heading h2{max-width:1120px;font-family:var(--display);letter-spacing:-.065em;margin:0;font-size:clamp(54px,7vw,106px);font-weight:600;line-height:.98}.section-heading.compact h2{font-size:clamp(48px,5.6vw,84px)}.work{--work-u:min(1px, .0520833vw);padding:calc(120 * var(--work-u)) 0 calc(160 * var(--work-u));background:#0f0e10;border-top:0}.work>.shell{width:min(83.3333vw,1600px);margin-left:max(8.33333vw,50vw - 800px);margin-right:0}.work-header{display:block}.work-header h2{align-items:baseline;gap:calc(12 * var(--work-u));color:#fff;letter-spacing:0;margin:0;font-size:0;line-height:normal;display:flex}.work-title-primary{font-size:calc(56 * var(--work-u));font-weight:600;line-height:calc(68 * var(--work-u))}.work-title-secondary{font-size:calc(32 * var(--work-u));font-weight:400;line-height:calc(40 * var(--work-u))}.filters{gap:calc(24 * var(--work-u));margin-top:calc(60 * var(--work-u));border:0;flex-wrap:wrap;padding:0;display:flex}.filters button{isolation:isolate;min-height:calc(64 * var(--work-u));padding:calc(16 * var(--work-u)) calc(36 * var(--work-u));border:calc(2 * var(--work-u)) solid #3d3d3d;border-radius:calc(40 * var(--work-u));color:#fffc;font-size:calc(20 * var(--work-u));letter-spacing:calc(.4 * var(--work-u));white-space:nowrap;cursor:pointer;transition:color .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease), transform .22s var(--ease);background:0 0;font-weight:400;line-height:normal;position:relative;overflow:hidden}.filter-fill{z-index:-1;width:150%;height:200%;transform:translateY(var(--filter-fill-y,75%));pointer-events:none;background:#6851e2;border-radius:50%;position:absolute;top:-50%;left:-25%}.filter-label{pointer-events:none;display:inline-block;position:relative}.filters button[data-hovered=true]:not([aria-pressed=true]),.filters button:focus-visible:not([aria-pressed=true]){color:#fff;border-color:#6851e2}.filters button:focus-visible:not([aria-pressed=true]){background:#6851e2}.filters button[aria-pressed=true] .filter-fill{visibility:hidden}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.filters button:hover:not([aria-pressed=true]){color:#fff;background:#6851e2;border-color:#6851e2}}.filters button[aria-pressed=true]{color:#0f0f0f;background:#fff;border-color:#fff}.filters button:active{transform:scale(.97)}.project-grid{column-gap:calc(40 * var(--work-u));row-gap:calc(60 * var(--work-u));margin-top:calc(100 * var(--work-u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{min-width:0}.work-empty{min-height:calc(280 * var(--work-u));border-radius:calc(60 * var(--work-u));color:#fff9;font-size:calc(20 * var(--work-u));letter-spacing:calc(.4 * var(--work-u));background:#1f1f1f;grid-column:1/-1;place-items:center;margin:0;display:grid}.project-open{width:100%;height:calc(616 * var(--work-u));gap:calc(36 * var(--work-u));padding:calc(20 * var(--work-u)) calc(20 * var(--work-u)) calc(41 * var(--work-u));border-radius:calc(60 * var(--work-u));color:inherit;text-align:left;cursor:pointer;transition:transform .26s var(--ease), background .26s var(--ease);background:#1f1f1f;border:0;flex-direction:column;align-items:center;display:flex;overflow:hidden}.project-open:hover{transform:translateY(calc(-4 * var(--work-u)));background:#252525}.project-open:active{transform:translateY(0)scale(.995)}.project-cover{width:100%;height:calc(444 * var(--work-u));border-radius:calc(40 * var(--work-u)) calc(40 * var(--work-u)) 0 0;background:#3c3c3c;flex:none;margin:0;position:relative;overflow:hidden}.project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .65s var(--ease), filter .65s var(--ease)}.project-open:hover .project-cover>img{filter:saturate(1.04);transform:scale(1.018)}.work-placeholder{background:#3c3c3c;place-items:center;width:100%;height:100%;display:grid}.work-placeholder>span{width:calc(200 * var(--work-u));height:calc(200 * var(--work-u));border-radius:calc(32 * var(--work-u));place-items:center;display:grid}.work-placeholder img{width:calc(120 * var(--work-u));height:calc(120 * var(--work-u))}.project-info{width:calc(100% - calc(60 * var(--work-u)));height:calc(75 * var(--work-u));justify-content:space-between;align-items:center;gap:calc(24 * var(--work-u));flex:none;padding:0;display:flex}.project-name{min-width:0}.project-info h3{color:#fff;font-size:calc(28 * var(--work-u));letter-spacing:calc(1 * var(--work-u));text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:400;line-height:normal;overflow:hidden}.project-category{margin:calc(8 * var(--work-u)) 0 0;color:#a490fb;font-size:calc(20 * var(--work-u));letter-spacing:calc(1 * var(--work-u));font-weight:400;line-height:normal;display:block}.project-arrow{width:calc(72 * var(--work-u));height:calc(72 * var(--work-u));box-shadow:0 calc(4 * var(--work-u)) calc(16 * var(--work-u)) #0000001a;transition:transform .26s var(--ease);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.project-arrow img{width:calc(23.533 * var(--work-u));height:calc(17.085 * var(--work-u));transform:rotate(-45deg)}.project-open:hover .project-arrow{transform:rotate(8deg)}.work-more-stage{width:fit-content;margin:calc(160 * var(--work-u)) auto 0}.contact{--contact-u:min(1px, calc(100vw / 1920));height:calc(960 * var(--contact-u));color:#fff;background:#0f0e10;min-height:512px;position:relative;overflow:hidden}.contact-stage{width:min(100vw,1920px);height:100%;margin-inline:auto;position:relative}.contact-copy{z-index:3;position:absolute;inset:0}.contact-copy h2{top:calc(160 * var(--contact-u));left:calc(160 * var(--contact-u));font-family:Inter,Aptos,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:calc(96 * var(--contact-u));letter-spacing:0;margin:0;font-weight:600;line-height:normal;position:absolute}.contact-title-flower{top:calc(121 * var(--contact-u));left:calc(641 * var(--contact-u));width:calc(120 * var(--contact-u));height:calc(120 * var(--contact-u));position:absolute}.contact-tagline{top:calc(336 * var(--contact-u));left:calc(160 * var(--contact-u));font-size:calc(48 * var(--contact-u));letter-spacing:0;white-space:nowrap;margin:0;font-weight:500;line-height:1;position:absolute}.contact-methods{top:calc(488 * var(--contact-u));left:calc(160 * var(--contact-u));gap:calc(40 * var(--contact-u));align-items:flex-start;display:flex;position:absolute}.contact-method{min-width:max-content;height:calc(100 * var(--contact-u));gap:calc(24 * var(--contact-u));padding:0 calc(36 * var(--contact-u)) 0 calc(24 * var(--contact-u));border:calc(3 * var(--contact-u)) solid transparent;border-radius:calc(60 * var(--contact-u));color:#fff;font-size:calc(24 * var(--contact-u));white-space:nowrap;transition:transform .18s var(--ease), filter .18s var(--ease);background:linear-gradient(#0f0e10,#0f0e10) padding-box padding-box,linear-gradient(100deg,#7443ff 0%,#7245f8 48%,#51c8f3 100%) border-box;justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex}.contact-method:hover{filter:brightness(1.13);transform:translateY(calc(-3 * var(--contact-u)))}.contact-method-icon{width:calc(60 * var(--contact-u));height:calc(60 * var(--contact-u));background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.contact-method-icon img{width:calc(32 * var(--contact-u));height:calc(32 * var(--contact-u))}.contact-copyright{top:calc(768 * var(--contact-u));left:calc(160 * var(--contact-u));color:#fffc;font-size:calc(16 * var(--contact-u));font-weight:400;line-height:calc(32 * var(--contact-u));white-space:nowrap;margin:0;position:absolute}.contact-art{z-index:1;pointer-events:none;position:absolute;inset:0}.contact-art>img{max-width:none}.contact-blur{background:#27203699;border-radius:50%;position:absolute}.contact-blur-wide{top:calc(21 * var(--contact-u));left:calc(1049 * var(--contact-u));width:calc(1000 * var(--contact-u));height:calc(1000 * var(--contact-u));filter:blur(calc(250 * var(--contact-u)))}.contact-blur-core{top:calc(146 * var(--contact-u));left:calc(1174 * var(--contact-u));width:calc(750 * var(--contact-u));height:calc(750 * var(--contact-u));filter:blur(calc(200 * var(--contact-u)));background:#272036e6}.contact-shadow{mix-blend-mode:lighten;place-items:center;display:grid;position:absolute}.contact-shadow-3{top:calc(79.39 * var(--contact-u));left:calc(1072.86 * var(--contact-u));width:calc(743.056 * var(--contact-u));height:calc(743.056 * var(--contact-u))}.contact-shadow-3 img{width:calc(694.822 * var(--contact-u));height:calc(694.822 * var(--contact-u));transform:rotate(-4.13deg)}.contact-shadow-2{top:calc(67.82 * var(--contact-u));left:calc(1104.77 * var(--contact-u));width:calc(702.048 * var(--contact-u));height:calc(702.048 * var(--contact-u))}.contact-shadow-2 img{width:calc(497.956 * var(--contact-u));height:calc(497.956 * var(--contact-u));transform:rotate(-130.5deg)}.contact-shadow-1{top:calc(264.15 * var(--contact-u));left:calc(1302.36 * var(--contact-u));width:calc(430.79 * var(--contact-u));height:calc(430.79 * var(--contact-u));position:absolute}.contact-dots{top:calc(164.446 * var(--contact-u));left:calc(1000 * var(--contact-u));width:calc(781.106 * var(--contact-u));height:calc(520.552 * var(--contact-u));position:absolute}.contact-globe{top:calc(305.41 * var(--contact-u));left:calc(1344.35 * var(--contact-u));width:calc(347.411 * var(--contact-u));height:calc(347.412 * var(--contact-u));position:absolute}.contact-star{top:calc(608.48 * var(--contact-u));left:calc(1657.87 * var(--contact-u));width:calc(69.482 * var(--contact-u));height:calc(69.482 * var(--contact-u));padding:calc(3.458 * var(--contact-u));position:absolute}.contact-flower-pink{top:calc(484.241 * var(--contact-u));left:calc(1186.22 * var(--contact-u));width:calc(138.965 * var(--contact-u));height:calc(138.964 * var(--contact-u));position:absolute;transform:rotate(-45deg)}.contact-flower-gradient{top:calc(214.36 * var(--contact-u));left:calc(1634.71 * var(--contact-u));width:calc(185.286 * var(--contact-u));height:calc(185.286 * var(--contact-u));position:absolute}.contact-scallop{z-index:2;width:calc(1920 * var(--contact-u));height:calc(100 * var(--contact-u));max-width:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.project-dialog{border:1px solid var(--line-strong);width:min(1180px,100vw - 36px);max-height:calc(100svh - 36px);color:var(--ink);background:var(--surface);border-radius:28px;padding:0;overflow:hidden;box-shadow:0 32px 120px #0000007a}.project-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030403cc}.dialog-shell{grid-template-columns:minmax(360px,.92fr) 1.08fr;min-height:min(740px,100svh - 36px);display:grid;position:relative}.dialog-close{z-index:5;border:1px solid var(--line-strong);width:48px;height:48px;color:var(--ink);cursor:pointer;transition:color .22s var(--ease), background .22s var(--ease), transform .22s var(--ease);background:#121412e6;border-radius:50%;place-items:center;display:grid;position:fixed;top:max(28px,50svh + min(740px,100svh - 36px)/-2 + 18px);right:max(28px,50vw + min(1180px,100vw - 36px)/-2 + 18px)}.dialog-close:hover{color:var(--bg);background:var(--accent);transform:rotate(4deg)}.dialog-close svg{width:21px}.dialog-media{background:var(--surface-raised);height:min(740px,100svh - 36px);position:sticky;top:0}.dialog-media img{object-fit:cover;width:100%;height:100%}.dialog-media.is-contain{background:radial-gradient(circle at 50% 42%,#6c716c 0%,#313531 50%,#181b18 100%)}.dialog-media.is-contain img{object-fit:contain;padding:clamp(30px,5vw,72px)}.dialog-media.is-placeholder{--work-u:1px;background:#3c3c3c}.dialog-media .work-placeholder img{object-fit:contain;width:120px;height:120px;padding:0}.dialog-content{padding:clamp(66px,7vw,104px) clamp(38px,6vw,88px) 72px;overflow-y:auto}.dialog-meta{color:var(--accent);letter-spacing:.12em;margin:0 0 22px;font-size:10px;font-weight:800}.dialog-content>h2{font-family:var(--display);letter-spacing:-.06em;margin:0;font-size:clamp(42px,5vw,72px);font-weight:600;line-height:.98}.dialog-summary{color:var(--muted);margin:22px 0 58px;font-size:17px}.dialog-details section{border-top:1px solid var(--line);grid-template-columns:90px 1fr;gap:26px;padding:24px 0;display:grid}.dialog-details h3{margin:0;font-size:11px}.dialog-details p{color:var(--ink-soft);margin:0;font-size:14px}.dialog-gallery{border-top:1px solid var(--line);margin-top:54px;padding-top:28px}.dialog-gallery>h3{color:var(--accent);letter-spacing:.12em;margin:0 0 20px;font-size:10px}.dialog-gallery>div{gap:18px;display:grid}.dialog-gallery figure{border:1px solid var(--line);border-radius:var(--radius-sm);background:#eff0ea;margin:0;overflow:hidden}.dialog-gallery img{width:100%;height:auto}.placeholder-note{border-radius:var(--radius-sm);color:var(--accent-soft);background:#c7ff4a12;border:1px solid #c7ff4a38;margin:36px 0 0;padding:15px 17px;font-size:11px}.reveal{opacity:1;transform:none}html{scrollbar-gutter:stable}.hero-title-text{overflow:clip}.hero h1 .hero-letter{white-space:pre;transform-origin:50% 75%;display:inline-block}.nav-label{display:block;position:relative;overflow:hidden}.nav-label>span{transition:transform .55s cubic-bezier(.22,1,.36,1);display:block}.nav-label:after{content:attr(data-label);transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(110%)}.site-nav a:is(:hover,:focus-visible) .nav-label>span{transform:translateY(-110%)}.site-nav a:is(:hover,:focus-visible) .nav-label:after{transform:translateY(0)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-arrow,.contact-method-icon{transition:none}.project-open:hover .project-arrow{transform:none}.project-open:is(:hover,:focus-visible) .project-cover>img{transform:scale(1.045)}.about-skill-icon{transition:rotate .8s cubic-bezier(.22,1,.36,1)}.about-skill-card:hover .about-skill-icon{rotate:90deg}}@media (width<=1180px){:root{--shell:min(100% - 56px, 1080px)}.site-header{inset:16px 0 auto}.header-inner{width:min(100% - 56px,1080px);min-height:80px;padding:12px}.brand{width:56px;height:56px}.brand-logo{width:34px;height:34px}.header-inner{margin-inline:auto}.site-nav{gap:8px;width:auto}.site-nav a,.site-nav a:first-child,.site-nav a:nth-child(2),.site-nav a:nth-child(3),.site-nav a:nth-child(4){flex-basis:auto;height:56px;min-height:56px;padding-inline:22px;font-size:16px}.about{min-height:0;overflow:visible}.about-stage{width:var(--shell);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;height:auto;padding:140px 0 110px;display:grid}.about-profile{aspect-ratio:4/5;border-radius:40px;align-self:start;width:100%;height:auto;position:relative;inset:auto}.about-content{width:100%;position:relative;inset:auto}.about-title-primary{font-size:32px;line-height:40px}.about-title-secondary{font-size:24px;line-height:32px}.about-name-row{gap:18px;margin-top:36px}.about-name{font-size:26px}.about-role{border-radius:30px 36px 36px 2px;min-height:46px;padding:10px 22px;font-size:17px}.about-focus{flex-wrap:wrap;gap:12px;margin-top:32px}.about-focus li{border-radius:32px;min-height:48px;padding:9px 24px;font-size:17px}.about-introduction{width:100%;margin:38px 0 0}.about-introduction p{white-space:normal;min-height:0;padding:0;font-size:18px;line-height:1.8}.about-introduction img{width:240px;height:3px;margin-top:34px}.about-tools-title{margin-top:34px;font-size:26px}.about-tools{border-radius:32px;width:100%;min-height:150px;margin-top:28px;padding:28px}.about-tools li{border-radius:24px;width:82px;height:82px}.about-skills{grid-column:1/-1;gap:20px;width:100%;height:auto;margin-top:28px;position:relative;inset:auto}.about-skill-card{border-radius:32px;min-height:280px;padding:74px 28px 28px}.about-skill-icon{width:58px;height:58px;top:28px;right:28px}.about-skill-card h3{font-size:26px}.about-skill-card p{margin-top:20px;font-size:16px;line-height:1.75}.work{--work-u:1px;padding-block:96px}.work>.shell{width:min(100% - 56px,780px);margin-inline:auto}.work-title-primary{font-size:32px;line-height:40px}.work-title-secondary{font-size:24px;line-height:32px}.filters{gap:12px;margin-top:48px}.filters button{letter-spacing:.32px;border-width:2px;border-radius:32px;min-height:52px;padding:12px 26px;font-size:16px}.project-grid{grid-template-columns:1fr;gap:28px;margin-top:64px}.work-empty{border-radius:40px;min-height:220px;font-size:18px}.project-open{height:auto;min-height:0}.project-cover{aspect-ratio:740/444;height:auto}}@media (width<=900px){:root{--shell:min(100% - 44px, 820px)}.hero{min-height:100svh}.hero-stage{width:var(--shell);height:auto;min-height:900px;padding:172px 0 82px}.hero h1{gap:16px;width:100%;position:relative;inset:auto}.hero h1 span{position:relative;top:auto;left:auto}.hero-title-primary{font-size:clamp(62px,10.4vw,92px)}.hero-title-secondary{font-size:clamp(76px,13.5vw,118px)}.hero-art{aspect-ratio:729.279/798.86;width:min(100%,729.279px);height:auto;margin:10px auto 0;position:relative;inset:auto}.hero-glow-primary{filter:blur(120px);width:109.7%;top:20.38%;left:-1.92%}.hero-glow-secondary{filter:blur(90px);width:82.27%;top:32.9%;left:11.79%}.hero-orb-large{width:63.078%;height:auto;top:42.918%;left:22.762%}.hero-orb-small{width:32.91%;height:auto;top:69.957%;left:14.809%}.hero-butterfly{width:54.85%;height:auto;top:3.112%;left:26.877%}.hero-flower-cyan{width:15.514%;height:auto;top:0;left:84.49%}.hero-ring{width:13.713%;height:auto;top:49.553%;left:0}.hero-orb-accent{width:8.228%;height:auto;top:86.105%;left:77.61%}.hero-flower-purple{width:24.68%;height:auto;top:48.426%;left:74.46%}.hero-star{width:10.97%;height:auto;top:23.891%;left:14.535%}.hero-intro{white-space:pre-line;width:min(100%,650px);margin-top:40px;font-size:18px;position:relative;top:auto;left:auto}.hero-rule{width:min(300px,46vw);height:3px;margin-top:36px;position:relative;top:auto;left:auto}.about-stage{grid-template-columns:minmax(0,1fr);gap:56px;padding-top:138px}.about-profile{justify-self:center;width:min(100%,640px)}.about-content{justify-self:center;width:min(100%,768px)}.about-skills{grid-template-columns:1fr;justify-self:center;width:min(100%,768px)}.about-skill-card{min-height:250px}.work>.shell{width:min(100% - 44px,780px)}}@media (width>720px) and (width<=900px){.hero-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""intro""rule""art";align-content:start;display:grid}.hero h1{grid-area:title}.hero-intro{grid-area:intro}.hero-rule{grid-area:rule}.hero-art{grid-area:art;margin-top:48px}}@media (width<=720px){:root{--shell:calc(100% - 32px);--space-section:96px;--radius:20px}html{scroll-padding-top:90px}.site-header{padding:0;inset:6px 0 auto}.header-inner{width:var(--shell);min-height:64px;padding:7px 9px}.brand{width:50px;height:50px}.brand-logo{width:30px;height:30px}.nav-toggle{display:grid}.site-nav{border:1px solid var(--line);transform-origin:top;opacity:0;visibility:hidden;transition:transform .22s var(--ease), opacity .22s var(--ease), visibility .22s;background:#121412f5;border-radius:24px;gap:3px;padding:9px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-12px)scale(.98);box-shadow:0 24px 60px #00000061}.menu-open .site-nav{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.menu-open .nav-toggle-line:first-child{transform:translateY(3.75px)rotate(45deg)}.menu-open .nav-toggle-line:last-child{transform:translateY(-3.75px)rotate(-45deg)}.site-nav a{justify-content:center;height:52px;min-height:52px;padding:0 18px;font-size:16px}.hero-stage{min-height:0;padding:128px 0 72px}.hero h1{gap:8px}.hero-title-primary{font-size:clamp(44px,13.2vw,68px)}.hero-title-secondary{font-size:clamp(58px,17vw,86px)}.hero-art{margin-top:16px}.hero-intro{width:100%;margin-top:34px;font-size:16px;line-height:1.8}.hero-rule{width:176px}.section-kicker{margin-bottom:22px}.section-heading h2,.section-heading.compact h2{font-size:clamp(42px,12vw,62px)}.about-stage{gap:44px;padding:112px 0 88px}.about-profile{border-radius:28px}.about-title-primary{font-size:28px;line-height:36px}.about-title-secondary{font-size:20px;line-height:28px}.about-name-row{flex-wrap:wrap;gap:14px;margin-top:30px}.about-name{font-size:24px}.about-role{min-height:42px;padding:8px 18px;font-size:15px}.about-focus{gap:10px;margin-top:28px}.about-focus li{min-height:44px;padding:8px 18px;font-size:15px}.about-introduction{margin-top:32px}.about-introduction p{font-size:16px;line-height:1.8}.about-introduction img{width:176px;margin-top:30px}.about-tools-title{margin-top:30px;font-size:24px}.about-tools{border-radius:28px;justify-content:space-between;gap:clamp(8px,2.5vw,16px);min-height:0;margin-top:24px;padding:22px clamp(16px,4.5vw,22px)}.about-tools li{border-radius:20px;width:clamp(50px,16vw,78px);height:clamp(50px,16vw,78px)}.about-skills{gap:18px;margin-top:12px}.about-skill-card{border-radius:28px;min-height:0;padding:68px 24px 28px}.about-skill-icon{width:52px;height:52px;top:22px;right:22px}.about-skill-card h3{font-size:24px}.about-skill-card p{margin-top:18px;font-size:16px}.work{padding-block:80px}.work>.shell{width:calc(100% - 32px)}.work-title-primary{font-size:28px;line-height:36px}.work-title-secondary{font-size:20px;line-height:28px}.filters{scrollbar-width:none;flex-wrap:nowrap;gap:10px;margin-top:44px;margin-right:-16px;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{letter-spacing:.28px;border-radius:28px;flex:none;min-height:44px;padding:9px 18px;font-size:14px}.project-grid{gap:20px;margin-top:60px}.project-open{border-radius:30px;gap:24px;padding:12px 12px 24px}.project-cover{border-radius:20px 20px 0 0}.work-placeholder>span{border-radius:20px;width:120px;height:120px}.work-placeholder img{width:72px;height:72px}.project-info{gap:12px;width:calc(100% - 28px);height:auto;min-height:60px}.project-info h3{letter-spacing:.6px;text-overflow:clip;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(18px,4.7vw,22px);line-height:1.2;display:-webkit-box;overflow:hidden}.project-category{letter-spacing:.5px;margin-top:5px;font-size:15px}.project-arrow{width:48px;height:48px}.project-arrow img{width:18px;height:13px}.work-more-stage{margin-top:80px}.dialog-shell{min-height:0;display:block}.dialog-media{aspect-ratio:3/2;height:auto;position:relative}.dialog-content{padding:50px 24px 54px}.dialog-close{position:fixed;top:28px;right:28px}.dialog-details section{grid-template-columns:1fr;gap:9px}}@media (width<=420px){.hero-title-primary{font-size:clamp(40px,12.8vw,54px)}.hero-title-secondary{font-size:clamp(52px,16.5vw,70px)}.project-info h3{-webkit-line-clamp:3}}@media (width<=900px){.contact{height:auto;min-height:0;container-type:inline-size}.contact-stage{--contact-u:calc(100cqw / 393);width:100%;height:calc(852 * var(--contact-u))}.contact-copy h2{top:calc(56 * var(--contact-u));left:calc(20 * var(--contact-u));z-index:1;font-size:calc(48 * var(--contact-u));line-height:calc(58 * var(--contact-u))}.contact-title-flower{left:calc(223 * var(--contact-u));top:calc(36 * var(--contact-u));width:calc(60 * var(--contact-u));height:calc(60.001 * var(--contact-u));pointer-events:none}.contact-tagline{top:calc(138.49 * var(--contact-u));left:calc(20.59 * var(--contact-u));font-size:calc(24 * var(--contact-u));line-height:calc(28 * var(--contact-u))}.contact-methods{top:calc(227 * var(--contact-u));left:calc(20 * var(--contact-u));gap:calc(40 * var(--contact-u));display:grid;right:auto}.contact-method{min-width:0;width:calc(300 * var(--contact-u));height:calc(68 * var(--contact-u));justify-content:flex-start;gap:calc(16 * var(--contact-u));padding:0 calc(13.931 * var(--contact-u));border-width:calc(2.069 * var(--contact-u));border-radius:calc(40 * var(--contact-u));font-size:calc(20 * var(--contact-u));line-height:normal}.contact-method:last-child{font-size:calc(16.552 * var(--contact-u));border-radius:calc(41.379 * var(--contact-u))}.contact-method:hover{transform:translateY(-2px)}.contact-method-icon{width:calc(44 * var(--contact-u));height:calc(44 * var(--contact-u))}.contact-method-icon img{width:calc(23.467 * var(--contact-u));height:calc(23.467 * var(--contact-u))}.contact-copyright{top:calc(760.5 * var(--contact-u));bottom:auto;left:calc(20 * var(--contact-u));font-size:calc(12 * var(--contact-u));line-height:calc(14.971 * var(--contact-u))}.contact-art{width:100%;height:100%;inset:0;transform:none}.contact-blur-wide{left:calc(21 * var(--contact-u));top:calc(411 * var(--contact-u));width:calc(467.857 * var(--contact-u));height:calc(467.857 * var(--contact-u));filter:blur(calc(116.964 * var(--contact-u)));background:#27203680}.contact-blur-core{left:calc(79.48 * var(--contact-u));top:calc(469.48 * var(--contact-u));width:calc(350.893 * var(--contact-u));height:calc(350.893 * var(--contact-u));filter:blur(calc(93.571 * var(--contact-u)))}.contact-shadow-3{left:calc(43.88 * var(--contact-u));top:calc(432.22 * var(--contact-u));width:calc(335.282 * var(--contact-u));height:calc(335.282 * var(--contact-u))}.contact-shadow-3 img{width:calc(313.517 * var(--contact-u));height:calc(313.517 * var(--contact-u))}.contact-shadow-2{left:calc(58.27 * var(--contact-u));top:calc(427 * var(--contact-u));width:calc(316.778 * var(--contact-u));height:calc(316.778 * var(--contact-u))}.contact-shadow-2 img{width:calc(224.688 * var(--contact-u));height:calc(224.688 * var(--contact-u))}.contact-shadow-1{left:calc(147.43 * var(--contact-u));top:calc(515.59 * var(--contact-u));width:calc(194.381 * var(--contact-u));height:calc(194.381 * var(--contact-u))}.contact-dots{left:calc(11 * var(--contact-u));top:calc(470.598 * var(--contact-u));width:calc(352.451 * var(--contact-u));height:calc(234.884 * var(--contact-u))}.contact-globe{left:calc(166.38 * var(--contact-u));top:calc(534.2 * var(--contact-u));width:calc(156.759 * var(--contact-u));height:calc(156.759 * var(--contact-u))}.contact-star{left:calc(307.85 * var(--contact-u));top:calc(670.96 * var(--contact-u));width:calc(31.352 * var(--contact-u));height:calc(31.352 * var(--contact-u));padding:calc(1.561 * var(--contact-u))}.contact-flower-pink{left:calc(95.026 * var(--contact-u));top:calc(614.897 * var(--contact-u));width:calc(62.704 * var(--contact-u));height:calc(62.703 * var(--contact-u))}.contact-flower-gradient{left:calc(297.4 * var(--contact-u));top:calc(493.12 * var(--contact-u));width:calc(83.604 * var(--contact-u));height:calc(83.605 * var(--contact-u))}.contact-scallop{bottom:calc(.5 * var(--contact-u));width:100%;height:calc(46.0801 * var(--contact-u));left:0;transform:none}}@media (width<=720px){.site-header[data-active-section=home] .header-inner{border-radius:40px;width:calc(100% - 40px);height:60px;min-height:60px;padding:8px;box-shadow:0 2.416px 4.832px #00000026}.site-header[data-active-section=home] .brand{width:44px;height:44px}.site-header[data-active-section=home] .brand-logo{width:26.4px;height:26.4px}.site-header[data-active-section=home] .nav-toggle{background-color:#0000;width:44px;height:44px}.hero{container-type:inline-size}.hero:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(90deg,#6851e2,#a56bec 50%,#5cbde7);height:10px;position:absolute;inset:0 0 auto}.hero-stage{--mobile-u:calc(100cqw / 393);width:100%;height:calc(852 * var(--mobile-u));min-height:calc(852 * var(--mobile-u));padding:0}.hero h1{top:calc(133.315 * var(--mobile-u));left:calc(20 * var(--mobile-u));width:calc(351.123 * var(--mobile-u));gap:calc(12.885 * var(--mobile-u));position:absolute}.hero-title-primary{font-size:calc(48 * var(--mobile-u));line-height:calc(58 * var(--mobile-u))}.hero-title-secondary{font-size:calc(64 * var(--mobile-u));line-height:calc(77 * var(--mobile-u))}.hero-intro{top:calc(321.2 * var(--mobile-u));left:calc(20 * var(--mobile-u));width:calc(332 * var(--mobile-u));font-size:calc(16 * var(--mobile-u));line-height:calc(24 * var(--mobile-u));letter-spacing:calc(.4027 * var(--mobile-u));color:#ffffffe6;white-space:normal;margin:0;position:absolute}.hero-rule{top:calc(422.2 * var(--mobile-u));left:calc(20 * var(--mobile-u));width:calc(160 * var(--mobile-u));height:calc(3 * var(--mobile-u));margin:0;position:absolute}.hero-art{aspect-ratio:auto;width:100%;height:100%;margin:0;position:absolute;inset:0}.hero-glow-primary{top:calc(502 * var(--mobile-u));left:calc(51 * var(--mobile-u));width:calc(350 * var(--mobile-u));filter:blur(calc(87.5 * var(--mobile-u)))}.hero-glow-secondary{top:calc(545.75 * var(--mobile-u));left:calc(94.75 * var(--mobile-u));width:calc(262.5 * var(--mobile-u));filter:blur(calc(65.625 * var(--mobile-u)))}.hero-orb-large{top:calc(604.085 * var(--mobile-u));left:calc(131.824 * var(--mobile-u));width:calc(187.947 * var(--mobile-u))}.hero-orb-small{top:calc(692.338 * var(--mobile-u));left:calc(108.126 * var(--mobile-u));width:calc(98.059 * var(--mobile-u))}.hero-butterfly{top:calc(474.156 * var(--mobile-u));left:calc(144.082 * var(--mobile-u));width:calc(163.432 * var(--mobile-u))}.hero-flower-cyan{top:calc(464 * var(--mobile-u));left:calc(315.743 * var(--mobile-u));width:calc(46.226 * var(--mobile-u))}.hero-ring{top:calc(625.74 * var(--mobile-u));left:calc(64 * var(--mobile-u));width:calc(40.858 * var(--mobile-u));height:calc(40.858 * var(--mobile-u))}.hero-orb-accent{top:calc(745.045 * var(--mobile-u));left:calc(295.256 * var(--mobile-u));width:calc(24.515 * var(--mobile-u))}.hero-flower-purple{top:calc(622.063 * var(--mobile-u));left:calc(285.859 * var(--mobile-u));width:calc(73.545 * var(--mobile-u));height:calc(73.545 * var(--mobile-u))}.hero-flower-pink{width:1.34221em;height:1.34223em;top:-.360729em;left:-.207208em}.hero-star{top:calc(543.609 * var(--mobile-u));left:calc(108.937 * var(--mobile-u));width:calc(29.431 * var(--mobile-u));height:calc(29.431 * var(--mobile-u))}.hero-flower-orange{width:1.125em;height:1.08817em;top:.0448281em;left:calc(100% + .258391em)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}