:root{--bg:#f6f7fb;--bg-dark:#060606;--bg-dark-card:#111;--bg-dark-soft:#171717;--surface:#fffffff5;--text:#111;--text-muted:#6f7c96;--text-blue:#4a79ff;--text-orange:#ff612f;--line:#4a79ff47;--line-dark:#ffffff1f;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--shadow-soft:0 24px 70px #12204f14;--max-width:1280px;--max-width-narrow:1180px}@font-face{font-family:Smiley Sans;src:url(/assets/SmileySans-Oblique-C11Fhxcz.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0;font-family:Manrope,Noto Sans SC,sans-serif}.rita-project-body{background:#fff}img{width:100%;display:block}a{color:inherit;text-decoration:none}.page-shell{width:min(calc(100% - 40px), var(--max-width));margin:0 auto}.page-shell-detail{width:clamp(800px,100vw - 240px,2400px);max-width:calc(100vw - 240px)}.page-shell-detail.taitopia-page{width:min(clamp(700px,100vw - 340px,2300px),100vw - 24px);max-width:calc(100vw - 24px)}.page-shell-narrow{width:clamp(700px,100% - 100px,900px)}.homepage{background:#f2f6ff;min-height:100vh;position:relative;overflow:hidden}.home-mesh-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-mesh-background:after{content:"";background:radial-gradient(circle at 18% 20%,#c2edffeb 0%,#c2edff9e 14%,#c2edff33 30%,#c2edff00 50%),radial-gradient(circle at 76% 16%,#c2edff57 0%,#c2edff1f 16%,#c2edff00 34%);position:absolute;inset:0}.home-mesh-background canvas,.home-mesh-background>div{width:100%!important;height:100%!important}.featured-home{z-index:1;padding:72px 0 48px;position:relative}.featured-home-intro-shell{width:min(100% - 96px,1248px)}.home-topbar{z-index:6;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#fff3;border-bottom:1px solid #ffffff7a;min-height:72px;position:sticky;top:0}.home-topbar-inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.home-brand{letter-spacing:-.02em;color:#111;font-family:Manrope,Noto Sans SC,sans-serif;font-size:16px;font-weight:700}.home-download-button{color:#111;background:linear-gradient(90deg,#49efdae6 0%,#75d6ffe6 100%);border-radius:12px;justify-content:center;align-items:center;width:200px;min-width:200px;height:40px;padding:0 28px;font-family:Manrope,Noto Sans SC,sans-serif;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 14px 30px #53c2ff38}.home-download-button:hover{filter:saturate(108%);transform:translateY(-1px);box-shadow:0 18px 34px #53c2ff42}.hero-home{color:#fff;background:radial-gradient(circle at 50% 115%,#55ffd28c,#0000 22%),radial-gradient(circle at 74% 115%,#4eafff73,#0000 20%),linear-gradient(#050505 0%,#000 80%);padding-bottom:42px}.site-header{justify-content:space-between;align-items:center;gap:20px;padding:18px 0 10px;display:flex}.site-header-dark{border-bottom:1px solid var(--line-dark)}.site-header-left,.site-header-right,.site-nav{align-items:center;display:flex}.site-header-left{gap:16px}.site-header-right,.site-nav{gap:14px}.brand{letter-spacing:.02em;justify-content:center;align-items:center;font-size:24px;font-weight:800;line-height:1;display:inline-flex}.detail-project-header{z-index:20;color:#111;width:auto;margin:0;padding:16px 24px;transition:transform .26s,background .22s,box-shadow .22s;position:fixed;top:0;left:0;right:0}.detail-project-header .brand{font-size:18px;font-weight:500}.portfolio-taitopia-body .detail-project-header{color:#fff}.detail-project-header.is-floating{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#ffffff9e;box-shadow:0 12px 36px #0a1a3414}.portfolio-taitopia-body .detail-project-header.is-floating{background:#0000006b;box-shadow:0 12px 36px #00000047}.detail-project-header.is-hidden{transform:translateY(calc(-100% - 12px))}.detail-next-link{letter-spacing:.02em;justify-content:center;align-items:center;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:18px;font-weight:500;line-height:1;display:inline-flex}.brand-dark{color:#0c0c0c;background:linear-gradient(#bff7d2 0%,#6fc5ff 100%)}.site-nav,.site-header-right{color:#ffffffb8;font-size:.83rem}.site-nav a:hover,.site-header-right a:hover{color:#fff}.hero-home-copy{max-width:860px;padding:36px 0 24px}.hero-kicker{color:#ffffff94;margin:0 0 16px;font-size:.9rem}.hero-home-copy h1{letter-spacing:-.06em;margin:0;font-size:clamp(3.6rem,8vw,6.4rem);line-height:.95}.hero-home-intro{color:#ffffffa8;max-width:620px;margin:12px 0 0;font-size:1.08rem;line-height:1.6}.hero-card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:10px 0 34px;display:grid}.hero-card{background:linear-gradient(180deg, #ffffff0a, #ffffff03), var(--bg-dark-card);border:1px solid #ffffff14;border-radius:16px;min-height:280px;padding:18px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 28px 60px #00000059}.hero-card:hover{border-color:#ffffff2e;transform:translateY(-6px)rotate(0);box-shadow:0 36px 80px #0000006b}.hero-card-tilt-left{transform:rotate(-5deg)}.hero-card-center{transform:translateY(-8px)rotate(-8deg)}.hero-card-tilt-right{transform:rotate(6deg)}.hero-card-title{color:#ffffffd1;margin:0;font-size:.9rem;font-weight:700}.hero-chip-stack{flex-direction:column;gap:14px;width:78%;margin:62px auto 0;display:flex}.hero-chip{border-radius:12px;justify-content:center;padding:12px 18px;font-size:1.15rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #fff3}.hero-chip-green{color:#00000073;background:linear-gradient(135deg,#46ffb0 0%,#22d4a2 100%)}.hero-chip-cyan{background:linear-gradient(135deg,#0fbef6 0%,#1183d8 100%)}.hero-chip-blue{background:linear-gradient(135deg,#2459ff 0%,#1835bf 100%)}.hero-path-wrap{height:220px;margin-top:18px;position:relative}.hero-path-circle{border:2px solid #ffffff14;border-radius:999px;position:absolute}.hero-path-circle-large{width:118px;height:168px;top:22px;left:82px}.hero-path-circle-small{width:86px;height:120px;bottom:12px;left:24px}.hero-path-wrap:after{content:"";transform-origin:0;background:linear-gradient(90deg,#ffffff2e,#ffffff0f);width:116px;height:2px;position:absolute;top:148px;left:64px;transform:rotate(-24deg)}.hero-portrait-float{background:#fff;border-radius:8px;width:94px;padding:6px;position:absolute;top:36px;right:20px;transform:rotate(3deg);box-shadow:0 12px 26px #0000003d}.hero-portrait-float img{border-radius:4px}.hero-polaroid-wrap{justify-content:space-between;align-items:end;gap:12px;margin-top:52px;display:flex}.hero-polaroid{color:#131313;background:#fff;border-radius:8px;width:146px;padding:8px 8px 10px;transform:rotate(-4deg);box-shadow:0 12px 26px #00000040}.hero-polaroid img{border-radius:4px;margin-bottom:8px}.hero-polaroid span{text-align:center;font-size:.72rem;font-weight:700;display:block}.hero-mini-poster{border-radius:12px;width:108px;overflow:hidden;transform:rotate(12deg);box-shadow:0 14px 30px #00000040}.hero-divider{background:linear-gradient(90deg,#83ffca 0%,#fff 44%,#8ed0ff 100%);height:12px;box-shadow:0 0 30px #8de8ffa6}.resume-home{background:#f7f8fc;padding:42px 0 54px}.resume-heading-line{color:var(--text-orange);align-items:center;gap:12px;font-size:1.3rem;font-weight:700;display:flex}.resume-heading-line p,.resume-heading-line span{margin:0}.resume-home-top{grid-template-columns:220px minmax(0,1fr);gap:34px;padding:28px 0 18px;display:grid}.resume-photo-card{background:#dfe4ef;width:100%;padding:10px}.resume-home-info{color:var(--text-blue)}.resume-home-tags{margin:0 0 22px;font-size:1.08rem;line-height:1.8}.resume-home-tags span,.resume-info-block p span{color:#4a79ff85;margin:0 8px}.resume-info-block+.resume-info-block{margin-top:24px}.resume-info-block h2{color:var(--text-orange);margin:0 0 10px;font-size:1.1rem}.resume-info-block p{margin:0;font-size:1.02rem;line-height:1.75}.resume-link{color:var(--text-blue);text-underline-offset:4px;margin-top:8px;text-decoration:underline;display:inline-block}.resume-timeline-home{gap:6px;margin-top:18px;display:grid}.timeline-section-title{color:var(--text-orange);margin:18px 0 12px;font-size:1.5rem;font-weight:700}.timeline-home-item{grid-template-columns:180px 44px minmax(0,1fr);align-items:start;gap:18px;padding:8px 0 24px;display:grid}.timeline-home-side{color:var(--text-blue);text-align:right}.timeline-home-side p,.timeline-home-side h3,.timeline-home-side span,.timeline-home-main h3,.timeline-home-main p{margin:0}.timeline-home-side p{font-size:1.05rem;font-weight:700}.timeline-home-side h3{margin-top:12px;font-size:1.1rem}.timeline-home-side span{margin-top:8px;font-size:.98rem;line-height:1.5;display:block}.timeline-home-line{min-height:100%;position:relative}.timeline-home-line:before{content:"";background:#4a79ff7a;width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-home-line:after{content:"";background:var(--text-orange);border-radius:999px;width:16px;height:16px;position:absolute;top:8px;left:13px;box-shadow:0 0 0 4px #f7f8fc}.timeline-home-main{color:var(--text-blue);padding-right:10px}.timeline-home-main h3{margin-bottom:12px;font-size:1.32rem}.timeline-home-main p{font-size:1rem;line-height:1.78}.timeline-home-main p+p{margin-top:10px}.featured-banner{background:0 0;border:0;border-radius:20px;margin-bottom:60px;transition:transform .22s,box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:12px 12px 30px #336acc1a}.featured-banner:hover{transform:translateY(-4px);box-shadow:12px 12px 30px #336acc1a}.featured-banner-cta{letter-spacing:0;color:#111;z-index:2;background:0 0;border:1px solid #7fe8fff5;border-radius:12px;justify-content:center;align-items:center;min-width:172px;height:40px;padding:0 28px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:14px;font-weight:500;transition:background .2s,color .2s,transform .2s;display:inline-flex;position:absolute;left:36px}.featured-banner:hover .featured-banner-cta{color:#111;background:#7fe8ffe6;transform:translateY(-1px)}.featured-banner-image-card img{border-radius:20px;width:100%;height:auto;display:block}.home-cv-image{width:100%;height:auto;display:block}.featured-banner-cta-top,.featured-banner-cta-bottom{bottom:40px}.featured-home-intro{text-align:center;padding:60px 10px 26px}.home-project-list{margin-top:60px}.featured-home-kicker{color:#11111180;margin:0 0 18px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:1rem}.featured-home-kicker span{color:#11111180;margin:0 10px}.featured-home-intro h1{letter-spacing:-.05em;margin:0 0 34px;font-family:Smiley Sans,PingFang SC,Noto Sans SC,sans-serif;font-size:56px;font-style:normal;font-weight:400;line-height:1.08}.home-typing-title{min-height:1.08em;display:inline-block;position:relative}.home-typing-title:after{content:"";vertical-align:-.08em;opacity:0;background:#111c;width:2px;height:.92em;margin-left:8px;display:inline-block}.home-typing-title.is-typing:after,.home-typing-title.is-typed:after{opacity:1;animation:.9s step-end infinite home-typing-caret}.featured-home-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.featured-home-tag{-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);color:#111;background:#ffffff42;border:1px solid #ffffff94;border-radius:12px;justify-content:center;align-items:center;min-height:0;padding:16px 24px;font-family:Manrope,Noto Sans SC,sans-serif;font-size:16px;font-weight:500;display:inline-flex;box-shadow:inset 0 1px #ffffff5c}.featured-banner-primary{background:linear-gradient(90deg,#ffffff85 0%,#ffffffbd 50%,#ffffff57 100%);border:1px solid #ffffffad}.featured-banner-primary img{object-fit:contain;height:auto}.featured-banner-primary-cover{background:0 0;border:0}.featured-banner-overlay{z-index:2;background:linear-gradient(90deg,#fafcffbd 0%,#fafcff4d 42%,#fafcff05 72%);flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:48px;display:flex;position:absolute;inset:0}.featured-banner-meta{color:#6a7c94b8;margin:0;font-family:Manrope,Noto Sans SC,sans-serif;font-size:1rem;font-weight:800}.featured-banner-overlay h2{letter-spacing:-.04em;color:#111;max-width:520px;margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.15}.featured-banner-desc{color:#546279d1;max-width:560px;margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:1rem;line-height:1.7}.featured-banner-cta-inline{color:#111;background:0 0;border-color:#7fe8fff5;border-radius:12px;min-width:164px;height:40px;font-size:14px;font-weight:500}.featured-banner-cta-cover{margin-top:0;position:absolute;bottom:40px;left:36px}.featured-banner-overlay .featured-banner-cta-inline{margin-top:32px;position:static}.featured-banner-primary:hover .featured-banner-cta-inline{color:#111;background:#7fe8ffe6;transform:translateY(-1px)}@keyframes home-typing-caret{0%,45%{opacity:1}46%,to{opacity:0}}.subpage-hero{padding:74px 0 24px}.subpage-hero h1{letter-spacing:-.05em;max-width:880px;margin:0;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.97}.subpage-hero p{color:#4a5368;max-width:760px;line-height:1.8}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#62708b;margin:0 0 14px;font-size:.74rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:40px;display:grid}.detail-card,.contact-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffffeb;border:1px solid #4a79ff1a;padding:28px}.detail-card figure{border-radius:18px;margin:0 0 18px;overflow:hidden}.detail-card img{aspect-ratio:16/10;object-fit:cover}.detail-card h2,.contact-card h2{letter-spacing:-.045em;margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:40px;font-weight:700;line-height:1.4}.detail-card p,.contact-card p,.detail-card ul,.contact-card ul{color:#4a5368;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:20px;font-weight:400;line-height:1.75}.detail-card ul,.contact-card ul{margin:18px 0 0;padding-left:18px}.contact-card ul{margin-top:20px;padding-left:0;list-style:none}.contact-card li{border-top:1px solid #4a79ff1f;justify-content:space-between;gap:16px;padding:18px 0;display:flex}.stacked-links{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.case-page{padding-bottom:42px}.case-page-gallery{padding-bottom:0}.case-page-gallery .subpage-hero{padding-top:56px;padding-bottom:12px}.case-page-gallery .subpage-hero p{margin-bottom:0}.case-section{margin-top:18px}.case-section-band{background:#f1f1f1;padding:34px 28px}.case-title-small{letter-spacing:0;margin:0 0 18px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:40px;font-weight:700;line-height:1.4}.case-section h2{letter-spacing:0;margin:0 0 16px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:40px;font-weight:700;line-height:1.4}.case-split{grid-template-columns:minmax(0,1.1fr) 420px;align-items:start;gap:36px;display:grid}.case-copy-plain,.case-mini-card-plain,.case-image-card-plain,.case-result-item,.case-divider-col{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.case-media{border-radius:0;margin:0;padding:0}.case-media-block{margin-top:24px}.case-section-image-only{background:0 0;margin-top:0;padding:0;line-height:0}.case-section-image-only.case-section-band{box-shadow:none;background:0 0;border:0;padding:0}.case-section-image-only .case-media-full,.case-section-image-only .case-media-plain,.case-section-image-only .case-media{background:0 0;margin:0;line-height:0}.case-section-hero-fullbleed{width:100vw;margin-top:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.case-section-image-only .case-media-full img,.case-section-image-only .case-media-plain img,.case-section-image-only .case-media img{aspect-ratio:auto;object-fit:contain;object-position:center;vertical-align:top;background:0 0;width:100%;height:auto}.case-media-plain img{background:#d9d9d9;border-radius:0}.rita-cover-media{position:relative;container-type:inline-size}.rita-product-link{color:#000;background:0 0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:13px;font-weight:400;line-height:1.4;transition:color .18s;position:absolute;top:48.3%;left:7.1%}.rita-product-link:hover{color:#1976ff}.strategy-project-body .case-section-image-only,.rita-project-body .case-section-image-only,.rita-project-body .rita-gallery-section,.portfolio-taitopia-body .taichi-hero,.portfolio-taitopia-body .taichi-slide-section{min-height:220px;position:relative}.strategy-project-body .case-section-image-only:not(.is-media-loaded) img,.rita-project-body .case-section-image-only:not(.is-media-loaded) img,.rita-project-body .case-section-image-only:not(.is-media-loaded) .rita-product-link,.rita-project-body .rita-gallery-section:not(.is-media-loaded) img,.rita-project-body .rita-gallery-section:not(.is-media-loaded) .rita-gallery-thumbs,.portfolio-taitopia-body .taichi-hero:not(.is-media-loaded) img,.portfolio-taitopia-body .taichi-hero:not(.is-media-loaded) .taichi-hero-gifs,.portfolio-taitopia-body .taichi-slide-section:not(.is-media-loaded) img,.portfolio-taitopia-body .taichi-slide-section:not(.is-media-loaded) .taichi-slide-progress,.portfolio-taitopia-body .taichi-slide-section:not(.is-media-loaded) .taichi-gizmo-output{opacity:0}.strategy-project-body .case-section-image-only.is-media-loaded img,.rita-project-body .case-section-image-only.is-media-loaded img,.rita-project-body .case-section-image-only.is-media-loaded .rita-product-link,.rita-project-body .rita-gallery-section.is-media-loaded img,.rita-project-body .rita-gallery-section.is-media-loaded .rita-gallery-thumbs,.portfolio-taitopia-body .taichi-hero.is-media-loaded img,.portfolio-taitopia-body .taichi-hero.is-media-loaded .taichi-hero-gifs,.portfolio-taitopia-body .taichi-slide-section.is-media-loaded img,.portfolio-taitopia-body .taichi-slide-section.is-media-loaded .taichi-slide-progress{opacity:1;transition:opacity .18s}.strategy-project-body .case-section-image-only:not(.is-media-loaded):after,.rita-project-body .case-section-image-only:not(.is-media-loaded):after,.rita-project-body .rita-gallery-section:not(.is-media-loaded):after,.portfolio-taitopia-body .taichi-hero:not(.is-media-loaded):after,.portfolio-taitopia-body .taichi-slide-section:not(.is-media-loaded):after{content:"";z-index:5;border:2px solid #3d5a8f29;border-top-color:#3d5a8fb8;border-radius:999px;width:24px;height:24px;animation:.78s linear infinite section-loader-spin;position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.portfolio-taitopia-body .taichi-hero:not(.is-media-loaded):after,.portfolio-taitopia-body .taichi-slide-section:not(.is-media-loaded):after{border-color:#ffffffd1 #ffffff2e #ffffff2e}@keyframes section-loader-spin{to{transform:rotate(360deg)}}.rita-gallery-section{--rita-gallery-bottom:calc(7% + 120px);margin-top:0;line-height:0;position:relative}.rita-gallery-base{width:100%;height:auto;display:block}.rita-gallery-stage{right:4.4%;bottom:var(--rita-gallery-bottom);background:0 0;border:0;width:536px;max-width:43.5%;margin:0;padding:0;position:absolute}.rita-gallery-active{object-position:center;background:0 0;width:100%;height:auto;box-shadow:8px 6px 30px #3d5a8f26}.rita-gallery-active.is-alpha-shadow{box-shadow:none;filter:drop-shadow(8px 6px 30px #3d5a8f26)}.rita-gallery-thumbs{left:5%;bottom:var(--rita-gallery-bottom);--rita-thumb-gap:clamp(10px, 1vw, 18px);grid-template-columns:repeat(var(--thumb-count,3), minmax(0, 1fr));gap:var(--rita-thumb-gap);width:43%;box-shadow:none;background:0 0;border-radius:0;padding:0;display:grid;position:absolute;container-type:inline-size}.rita-gallery-thumb{height:calc((100cqw - (var(--rita-thumb-gap) * 3)) / 4 * .625);cursor:pointer;background:#fff;border:.5px solid #0000001a;border-radius:18px;margin:0;padding:0;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 10px 24px #b0becd24}.rita-gallery-thumb:hover{transform:translateY(-3px)}.rita-gallery-thumb.is-active{box-shadow:0 14px 30px #73ba8033}.rita-gallery-thumb.is-active:after{content:"";border-radius:inherit;background:conic-gradient(from -90deg, #39e4ff 0deg, #3fdc72 var(--rita-progress), transparent var(--rita-progress));pointer-events:none;-webkit-mask-composite:xor;padding:2px;animation:3s linear forwards rita-thumb-progress;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rita-gallery-thumb img{aspect-ratio:16/10;object-fit:cover;width:100%;height:100%;display:block}@property --rita-progress{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rita-thumb-progress{0%{--rita-progress:0deg}to{--rita-progress:360deg}}.case-media img,.case-image-card img{aspect-ratio:16/10;object-fit:cover}.case-page-gallery .case-section-image-only .case-media img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto}.taitopia-case-page{padding-bottom:0}.taitopia-case-section{border-top:1px solid #00000014;gap:18px;margin-top:0;padding:56px 0;display:grid}.taitopia-case-section h1,.taitopia-case-section h2,.taitopia-case-section p{max-width:960px}.taitopia-case-section h1,.taitopia-case-section h2{color:#111;margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-weight:700;line-height:1.25}.taitopia-case-section h1{letter-spacing:-.04em;font-size:clamp(40px,5vw,72px)}.taitopia-case-section h2{font-size:40px}.taitopia-case-eyebrow,.taitopia-case-section p{color:#666;margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:20px;font-weight:400;line-height:1.72}.taitopia-case-section a{color:#0b8f2a;text-underline-offset:4px;text-decoration:underline}.taitopia-case-eyebrow{color:#9aa2a8}.portfolio-taitopia-body{color:#fff;background:#000}.portfolio-taitopia-body .site-header{color:#fff}.taichi-detail-page{background:#000;padding-bottom:0}.taichi-hero,.taichi-slide-section{margin:0;line-height:0}.taichi-hero{position:relative}.taichi-hero-fullbleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.taichi-hero img,.taichi-section-base,.taichi-slide-image{width:100%;height:auto;display:block}.taichi-hero-gifs{pointer-events:none;width:35.6%;height:47.2%;position:absolute;top:22.4%;right:5.4%}.taichi-hero-gif{border-radius:clamp(8px,1vw,20px);width:auto;height:auto;display:block;position:absolute}.taichi-hero-gif-back{z-index:1;width:73%;top:-10px;right:16%}.taichi-hero-gif-front{z-index:2;width:74%;bottom:-60px;right:0}.taichi-hero-top-layer{z-index:3;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.taichi-slide-section{position:relative;container-type:inline-size}.taichi-hero+.taichi-slide-section,.taichi-slide-section+.taichi-slide-section{margin-top:200px}.taichi-slide-frame{width:100%;position:absolute;top:13.1148%;left:0;overflow:hidden}.taichi-slide-image{opacity:1;transition:opacity .26s}.taichi-slide-controls{z-index:4;opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;top:calc(13.1148% + 26.5cqw);left:-64px;right:-64px;transform:translateY(-50%)}.taichi-slide-section.is-controls-visible .taichi-slide-controls{opacity:1;pointer-events:auto}.taichi-slide-section:has(.taichi-slide-frame:hover) .taichi-slide-controls{opacity:1;pointer-events:auto}.taichi-slide-section:has(.taichi-slide-frame:hover) .taichi-progress-segment.is-active .taichi-progress-fill{animation-play-state:paused}.taichi-slide-control{color:#ffffffeb;-webkit-backdrop-filter:blur(12px)saturate(130%);backdrop-filter:blur(12px)saturate(130%);cursor:pointer;background:#0000003d;border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:34px;font-weight:300;line-height:1;transition:background .18s,border-color .18s,transform .18s;display:inline-flex;position:absolute;top:0}.taichi-slide-control:hover{background:#0000006b;border-color:#ffffff8f;transform:scale(1.04)}.taichi-slide-control-previous{left:0}.taichi-slide-control-next{right:0}.taichi-gizmo-output{z-index:2;opacity:0;pointer-events:none;gap:2.4vw;transition:opacity .22s;display:grid;position:absolute;top:15.1%;left:8.9%;right:8.9%}.taichi-gizmo-output.is-active{opacity:1}.taichi-gizmo-output-row{gap:1.75vw;display:grid}.taichi-gizmo-output-row-top{grid-template-columns:2fr 1fr 1fr;align-items:stretch}.taichi-gizmo-output-row-bottom{grid-template-columns:repeat(4,1fr)}.taichi-gizmo-output img{object-fit:cover;width:100%;min-width:0;height:100%;display:block}.taichi-gizmo-output-wide{aspect-ratio:1280/691;object-fit:contain}.taichi-gizmo-output-square{aspect-ratio:1;object-position:center}.taichi-gizmo-output-row-bottom img{aspect-ratio:1}.taichi-slide-progress{z-index:2;--taichi-progress-gap:clamp(4px, .42vw, 10px);--taichi-progress-segment-width:calc((40.25cqw - (var(--taichi-progress-gap) * 8)) / 9);gap:var(--taichi-progress-gap);height:clamp(3px,.22vw,7px);line-height:0;display:flex;position:absolute;top:8%;right:0}.taichi-progress-segment{flex:0 0 var(--taichi-progress-segment-width);cursor:pointer;background:#00b67c57;border:0;border-radius:999px;min-width:0;height:100%;transition:background .18s,transform .18s;position:relative;overflow:hidden}.taichi-progress-fill{border-radius:inherit;pointer-events:none;background:#00c486;width:0;position:absolute;inset:0}.taichi-progress-segment.is-active{background:#00b67c57;transform:scaleY(1.22)}.taichi-slide-progress.is-running .taichi-progress-segment.is-active .taichi-progress-fill{animation:taichi-progress-grow var(--taichi-progress-duration,3s) linear forwards}.taichi-slide-progress.is-paused .taichi-progress-segment.is-active .taichi-progress-fill{animation-play-state:paused}@keyframes taichi-progress-grow{0%{width:0}to{width:100%}}.taichi-slide-sources{display:none}.case-copy p,.case-copy li,.case-mini-card p,.case-plain-grid p,.case-footer-note p{color:#4a5368;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:20px;font-weight:400;line-height:1.8}.case-copy ul,.case-copy ol,.case-list{color:#4a5368;margin:16px 0 0;padding-left:20px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:20px;font-weight:400;line-height:1.85}.case-four-up{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.case-mini-card h3,.case-image-card h3,.case-copy-block h3,.case-result-strip h3{margin:0 0 10px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:24px;font-weight:700;line-height:1.4}.case-launch-top{grid-template-columns:140px repeat(3,minmax(0,1fr));align-items:start;gap:24px;margin-top:18px;display:grid}.case-launch-label h3{margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:24px;font-weight:700;line-height:1.4}.case-launch-bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px;display:grid}.case-two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.case-image-card{margin:0;padding:0}.case-image-label{color:#2f3c55;margin:0 0 12px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:16px;font-weight:700}.case-copy-block+.case-copy-block{margin-top:20px}.case-divider-col{border-left:1px solid #11111147;min-height:110px;padding-left:28px}.case-divider-col:first-child{border-left:0;padding-left:0}.case-result-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:18px;display:grid}.case-result-item{border-left:1px solid #11111147;align-items:center;min-height:120px;padding:0 28px;display:flex}.case-result-item:first-child{border-left:0;padding-left:0}.case-footer-note{padding-top:18px;padding-bottom:18px}.case-footer-note p{margin:0}.portfolio-taitopia-body{background:#000}.taitopia-page{padding-bottom:80px}.taitopia-main{padding:18px 0 32px}.taitopia-hero{justify-content:center;padding:24px 0 34px;display:flex}.taitopia-hero-media{border-radius:14px;width:100%;margin:0;overflow:hidden;box-shadow:0 18px 32px #2234412e}.taitopia-hero-media img{aspect-ratio:16/9;object-fit:cover}.taitopia-intro{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:clamp(40px,5vw,72px);padding:8px 0 96px;display:grid}.taitopia-intro-title h1{color:#121212;margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:64px;font-style:italic;font-weight:700;line-height:.95}.taitopia-intro-title p,.taitopia-intro-copy p,.taitopia-feature-copy p{color:#666;margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:20px;font-weight:400;line-height:1.72}.taitopia-intro-title p{max-width:240px;margin-top:22px}.taitopia-intro-copy{align-content:start;gap:14px;display:grid}.taitopia-intro-copy a{color:#33a366;text-underline-offset:3px;text-decoration:underline}.taitopia-section{padding:44px 0 88px}.taitopia-section-stack{gap:34px;display:grid}.taitopia-section-heading{text-align:center;color:#202020;margin:0;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:40px;font-weight:700;line-height:1.2}.taitopia-section-heading-left{text-align:left}.taitopia-section-heading-bottom{margin-top:18px}.taitopia-feature-row{grid-template-columns:minmax(0,1fr) minmax(250px,320px);align-items:center;gap:clamp(28px,4vw,48px);display:grid}.taitopia-feature-row-offset{grid-template-columns:minmax(320px,.92fr) minmax(280px,.78fr);gap:clamp(32px,4.5vw,56px)}.taitopia-feature-media{background:#dde4eb;border-radius:12px;margin:0;overflow:hidden;box-shadow:0 16px 26px #2e3d4d2e}.taitopia-feature-media img{object-fit:cover;width:100%;height:100%}.taitopia-feature-media-wide img{aspect-ratio:16/9}.taitopia-feature-media-portrait{width:100%;max-width:420px}.taitopia-feature-media-portrait img{aspect-ratio:4/5}.taitopia-feature-media-notification img{aspect-ratio:16/8.5}.taitopia-feature-media-square{width:100%;max-width:430px}.taitopia-feature-media-square img{aspect-ratio:1/1.08}.taitopia-feature-copy{align-content:center;gap:18px;display:grid}.taitopia-feature-copy-with-title{gap:20px}.taitopia-link{color:#111;align-items:center;gap:8px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:14px;font-weight:700;display:inline-flex}.taitopia-link:after{content:"↗";font-size:14px;line-height:1}.taitopia-section-side{padding-top:24px}.taitopia-section-guidance .taitopia-feature-row{align-items:end}.taitopia-details-title{align-items:center;gap:14px;display:flex}.taitopia-dot{background:#18b663;width:12px;height:12px;display:inline-block}.taitopia-dot-left{box-shadow:14px 0 #18b663,14px 14px #18b663}.taitopia-dot-right{box-shadow:-14px 0 #18b663,-14px -14px #18b663}.button-primary,.button-secondary{border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:.92rem;font-weight:700;transition:transform .22s;display:inline-flex}.button-primary{color:#fff;background:#171717}.button-secondary{color:#2f3c55;background:0 0;border:1px solid #2f3c5529}.button-primary:hover,.button-secondary:hover{transform:translateY(-2px)}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-home,.resume-home,.featured-home,.detail-card,.contact-card{animation:.8s cubic-bezier(.2,.8,.2,1) both rise-in}.is-visible{opacity:1;transform:translateY(0)}.reveal{opacity:0;transition:opacity .68s,transform .68s;transform:translateY(26px)}@media (width<=1100px){.featured-home-intro-shell{width:min(100% - 48px,1248px)}.featured-home-intro{padding-top:64px}.featured-banner-primary,.featured-banner-primary img{min-height:0}.featured-banner-overlay{padding:40px 36px}.hero-card-row,.resume-home-top,.featured-banner,.detail-grid,.case-split,.case-two-up,.case-result-strip,.taitopia-intro,.taitopia-feature-row,.taitopia-feature-row-offset{grid-template-columns:1fr}.case-launch-top,.case-launch-bottom{grid-template-columns:1fr;gap:16px}.case-divider-col,.case-result-item{border-left:0;padding-left:0}.featured-banner{border-radius:20px}.featured-banner-cta{min-width:148px;height:40px;padding:0 24px;font-size:15px;left:36px}.featured-banner-cta-top,.featured-banner-cta-bottom{bottom:40px}}@media (width<=760px){.page-shell,.page-shell-detail,.page-shell-narrow,.featured-home-intro-shell{width:min(calc(100% - 24px), var(--max-width))}.home-topbar-inner{min-height:72px}.home-brand{font-size:16px}.home-download-button{border-radius:12px;width:200px;min-width:200px;height:40px;padding:0 18px;font-size:16px}.site-header,.site-header-left,.site-header-right,.site-nav,.timeline-home-item{display:grid}.site-header{gap:12px}.site-header-left,.site-header-right,.site-nav{gap:10px}.hero-home-copy{padding-top:28px}.hero-card{min-height:250px;transform:none}.resume-heading-line{font-size:1.06rem}.timeline-home-item{grid-template-columns:1fr;gap:10px}.timeline-home-side{text-align:left}.timeline-home-line{min-height:26px}.timeline-home-line:before{left:0}.timeline-home-line:after{left:-7px}.featured-home{padding-top:32px}.featured-home-intro{padding-top:20px}.featured-home-intro h1{margin-bottom:24px;font-size:2.5rem;line-height:1.14}.featured-home-tags{gap:12px}.featured-home-tag{border-radius:12px;min-height:0;padding:16px 24px;font-size:16px}.featured-banner{border-radius:20px}.featured-banner-primary,.featured-banner-primary img{min-height:0}.featured-banner-overlay{background:linear-gradient(#fafcffd1 0%,#fafcff7a 52%,#fafcff29 100%);justify-content:flex-start;padding:28px 24px}.featured-banner-overlay h2{max-width:100%;font-size:1.9rem}.featured-banner-desc{max-width:100%;font-size:.96rem}.featured-banner-cta-inline{border-radius:12px;min-width:138px;height:40px;margin-top:18px;font-size:14px}.featured-banner-cta-cover{margin-top:0;bottom:24px;left:20px}.featured-banner-cta{min-width:132px;height:34px;padding:0 18px;font-size:14px;left:20px}.featured-banner-cta-top,.featured-banner-cta-bottom{bottom:24px}.taitopia-main{padding-top:8px}.taitopia-hero{padding-top:10px}.taitopia-intro{gap:24px;padding-bottom:64px}.taitopia-intro-title h1{font-size:48px}.taitopia-intro-title p,.taitopia-intro-copy p,.taitopia-feature-copy p{font-size:18px}.taitopia-section{padding:28px 0 56px}.taitopia-section-heading{font-size:32px}.taitopia-details-title{gap:10px}.taitopia-dot{width:10px;height:10px}.taitopia-dot-left{box-shadow:12px 0 #18b663,12px 12px #18b663}.taitopia-dot-right{box-shadow:-12px 0 #18b663,-12px -12px #18b663}}.detail-project-header{justify-content:space-between;align-items:center;gap:20px;display:flex}