*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:#fafafa;color:#202020;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1,h2,h3,p{margin:0}
.hero{min-height:min(900px,100svh);height:820px;position:relative;background:#25282a;color:white;overflow:hidden;display:flex;flex-direction:column}.hero-art{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f1214dd,#0f121466 65%,#0f121422);pointer-events:none}header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:28px 6%;border-bottom:1px solid #ffffff29}.brand{font-size:26px;font-weight:700;letter-spacing:-1px}.brand span{font-size:11px;letter-spacing:3px;font-weight:400;margin-left:12px}nav{display:flex;align-items:center;gap:30px;font-size:13px}#language{background:transparent;border:0;border-left:1px solid #ffffff55;padding:2px 0 2px 24px}.hero-copy{position:relative;z-index:1;margin:auto 6%;padding:60px 0;max-width:1000px}.hero h1{font-size:clamp(40px,5.3vw,78px);font-weight:500;line-height:1.2;letter-spacing:-2px;white-space:pre-line}.hero p{max-width:620px;color:#d2d3d3;font-size:17px;line-height:1.9;margin-top:30px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:16px 22px;border:1px solid #fff;background:#fff;color:#222;font-size:14px;margin-top:35px;min-height:54px}.hero-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;border-top:1px solid #ffffff29;color:#ddd;font-size:11px;letter-spacing:1px}
.wrap{max-width:1440px;margin:auto;padding:0 6%}.collection{padding-top:100px}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ccc;padding-bottom:25px;margin-bottom:60px;gap:30px}.section-head h2{font-size:38px;font-weight:500;letter-spacing:-1px}.section-head p{font-size:12px;color:#777;letter-spacing:2px}.project{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8%;align-items:center;margin-bottom:100px}.project.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.project.reverse .project-image{order:2}.project.reverse .project-copy{order:1}.project-image{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eeefed;aspect-ratio:1.38;border:1px solid #e1e1e1}.project-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s}.project-image:hover img{transform:scale(1.025)}.project-copy .category{font-size:11px;letter-spacing:1px;color:#777;margin-bottom:20px}.project-copy h3{font-size:36px;line-height:1.25;letter-spacing:-1px;font-weight:500;margin-bottom:22px}.project-copy p{font-size:15px;color:#666;line-height:1.95;max-width:460px}.text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #555;padding:0 0 9px;margin-top:28px;font-size:13px}.case-section{background:#f0f0ee;padding-bottom:1px}.about{padding:65px 0 80px;border-top:1px solid #ccc;display:grid;grid-template-columns:1fr 2fr;gap:8%}.about h2{font-size:22px;font-weight:500}.about p{font-size:18px;line-height:1.9;max-width:760px}footer{background:#232627;color:#fff;padding:85px 6% 28px}.contact-top{display:flex;justify-content:space-between;gap:50px;align-items:center;border-bottom:1px solid #ffffff35;padding-bottom:70px}footer h2{font-size:clamp(60px,8vw,116px);letter-spacing:-4px;font-weight:400;line-height:1.1}footer p{color:#c5c7c7;font-size:16px;margin-top:28px}.email{display:block;font-size:clamp(16px,2vw,25px);border-bottom:1px solid #aaa;padding:10px 0;white-space:nowrap}.legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;color:#b8bbbb;font-size:11px}
@media(max-width:750px){.hero{height:auto;min-height:100svh}header{padding:22px 6%}.brand{font-size:23px}.brand span{font-size:9px;margin-left:8px}nav{gap:16px}nav>a{display:none}#language{padding-left:16px}.hero-copy{padding:65px 0}.hero h1{font-size:44px;letter-spacing:-1.5px}.hero p{font-size:15px;max-width:440px}.hero-bottom{font-size:9px;gap:20px}.hero-bottom>span{max-width:55%}.collection{padding-top:60px}.section-head{margin-bottom:35px;padding-bottom:20px}.section-head h2{font-size:30px}.section-head p{font-size:10px;letter-spacing:1px}.project,.project.reverse{grid-template-columns:1fr;gap:28px;margin-bottom:60px}.project.reverse .project-image,.project.reverse .project-copy{order:initial}.project-copy h3{font-size:30px;margin-bottom:15px}.project-copy .category{margin-bottom:12px}.project-copy p{font-size:14px}.text-link{margin-top:20px}.about{grid-template-columns:1fr;gap:25px;padding:45px 0 55px}.about p{font-size:16px}footer{padding-top:55px}.contact-top{display:block;padding-bottom:45px}footer h2{font-size:65px;letter-spacing:-3px}footer p{font-size:14px}.email{margin-top:35px;width:fit-content}}
.brand{display:inline-flex;align-items:center}.brand-mark{display:block;width:48px;height:auto;margin-right:12px;flex-shrink:0}
.about-detail{margin-top:20px}.app-store-badge{display:inline-block;margin-top:28px;line-height:0}.app-store-badge img{display:block;width:150px;height:auto}footer h2[data-i="contactTitle"]{font-size:clamp(36px,5vw,72px);letter-spacing:-1px;line-height:1.25;max-width:760px}
.project-image img{object-fit:cover;object-position:center top}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img{transition:none}}

body{--surface:#060a09;--accent:#b6cdc7;--text:#dfe3e2;background:var(--surface);color:var(--text)}
body .hero{background-color:#06241e}
body .hero{background-size:cover;background-position:center}
body .hero{background:#0b1814}
body .hero-art{display:block;opacity:.55;filter:sepia(.25) hue-rotate(95deg)}
body .hero:after{background:linear-gradient(90deg,#060a09a6,transparent 85%)}
body .hero h1{font-weight:500;font-size:clamp(40px,5vw,76px)}
body .hero-copy{max-width:850px}
body .hero p{max-width:580px;color:#c6ccca}
body header{border:0}
body .cta{background:var(--accent);border-color:transparent;border-radius:16px;color:#06241e;box-shadow:0 4px 18px #0002;padding-inline:24px}
body .project-image{border-radius:26px;background:#1d2421;border-color:#ffffff12;aspect-ratio:1.55;box-shadow:0 12px 36px #0002}
body .project-image img{object-fit:cover}
body .project{margin-bottom:95px;gap:8%}
body .project-copy p{color:#aeb5b2}
body .project-copy .category,body .section-head p{color:#78a096}
body .text-link{border:0;color:#b6cdc7}
body .section-head,body .about{border-color:#ffffff1c}
body .section-head h2{font-size:36px}
body .case-section{background:#101b17}
body footer{background:#06241e}
body .email{background:#b6cdc7;color:#06241e;border:0;border-radius:16px;padding:14px 22px;font-size:17px}
@media(max-width:750px){body .hero h1{font-size:42px}body .project{gap:25px;margin-bottom:55px}body .project-image{border-radius:20px}body .section-head h2{font-size:30px}}

body .project{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;margin-bottom:80px}body .project.reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}body .project-image{height:340px;aspect-ratio:auto;box-shadow:none}body .project-image img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}body .project-image:hover img{transform:none}body .project-copy h3{margin-bottom:14px}body .project-copy .category{margin-bottom:12px}body .project-copy p{max-width:620px}body .project-copy .project-summary{font-size:19px;line-height:1.6;color:#dfe3e2}body .project-copy .project-description{margin-top:18px;font-size:15px;line-height:1.95;color:#aeb5b2}body .project-image[data-visual="epopark"]{background:#e9eef1}body .project-image[data-visual="epopark"] img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0}body .project-image[data-visual="uicolors"]{background:#f6f7f9}body .project-image[data-visual="uicolors"] img{object-fit:contain;object-position:center}body .project-image[data-visual="cyclone"]{background:#fff}body .project-image[data-visual="tokentick"]{background:#142936}@media(max-width:750px){body .project,body .project.reverse{grid-template-columns:1fr;gap:24px;margin-bottom:60px}body .project-image{height:300px}body .project-copy .project-summary{font-size:18px}body .project-copy .project-description{font-size:14px}}

.website-preview{position:relative;width:100%;aspect-ratio:1466/856}.website-preview .logo-cover{position:absolute;left:6%;top:1%;width:14%;height:9%;background:#fff}body .project-image .website-preview img{display:block;width:100%;height:auto}

body .project-image[data-visual]{position:relative;isolation:isolate;height:auto;aspect-ratio:3/2;padding:16px}body .project-image[data-visual]::before{content:"";position:absolute;inset:-24px;z-index:-1;background-image:var(--preview-image);background-position:center;background-size:cover;filter:blur(24px);opacity:.65}body .project-image[data-visual] img{position:relative;object-fit:contain;transform:none;width:100%;max-width:100%;height:100%;border-radius:8px;box-shadow:none}body .project-image[data-visual="epopark"] img{width:auto;height:100%;max-width:100%;border-radius:10px;box-shadow:0 6px 20px #0002}body .project-image[data-visual="snapcal"],body .project-image[data-visual="cyclone"]{padding:0}body .project-image[data-visual="snapcal"]::before,body .project-image[data-visual="cyclone"]::before{display:none}body .project-image[data-visual="snapcal"] img{border-radius:0}body .project-image .website-preview img{height:auto;border-radius:0}
body .project-image[data-visual="tokentick"]{padding:20px;background:#142936;aspect-ratio:3/2}
.tokentick-window{position:relative;width:100%;aspect-ratio:2240/1520;overflow:hidden;border-radius:14px}
body .project-image[data-visual="tokentick"] img{position:absolute;left:-1.607143%;top:-1.578947%;width:102.857143%;max-width:none;height:104.210526%;border-radius:0}
body .project-image[data-visual="uicolors"] img{height:auto;border-radius:16px}

html[lang="en"] .section-head > p{display:none}