:root{--ink:#f6f2ea;--muted:#aaa5ae;--night:#151419;--night-soft:#1d1b22;--panel:#232128;--violet:#7657f2;--coral:#ff705e;--lime:#d8f36a;--line:#ffffff1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);color:var(--ink);margin:0;font-family:Arial,Noto Sans TC,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#151419e0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 max(6vw,28px);display:flex;position:fixed;top:0;left:0}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-size:20px;font-weight:900;display:flex}.brand-logo{background:#0d0c10;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:42px;height:42px;padding:6px;display:grid}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-dot,.section-heading h2 span{color:var(--coral)}.nav-links{align-items:center;gap:36px;font-size:14px;font-weight:800;display:flex}.nav-links a{color:#d9d5dc;padding:10px 0;position:relative}.nav-links a:after{content:"";background:var(--coral);width:0;height:2px;transition:width .2s;position:absolute;bottom:2px;left:0}.nav-links a:hover:after{width:100%}.section-shell{width:min(1180px,100% - 48px);margin:auto}.about{grid-template-columns:380px 1fr;align-items:center;gap:80px;min-height:760px;padding-top:155px;display:grid}.profile-card{border:1px solid var(--line);background:#111015;flex-direction:column;align-items:center;min-height:500px;padding:52px 36px 0;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000040}.profile-emblem{border:4px solid var(--coral);background:#09090c;border-radius:50%;place-items:center;width:190px;height:190px;padding:23px;display:grid}.profile-emblem img{object-fit:contain;width:100%;height:100%}.profile-card h2{margin:30px 0 8px;font-size:28px}.profile-card>p{color:var(--muted);margin:0;font-weight:700}.profile-card>i{background:#fff6;width:120px;height:1px;margin:28px 0}.profile-links{background:#09090c;grid-template-columns:1fr;width:calc(100% + 72px);margin-top:auto;display:grid}.profile-links a{text-align:center;color:var(--coral);letter-spacing:.14em;padding:26px;font-size:12px;font-weight:900}.profile-links a+a{border-left:1px solid var(--line)}.eyebrow,.section-kicker{color:var(--coral);letter-spacing:.18em;margin:0;font-size:11px;font-weight:900}.about-copy h1{letter-spacing:-.06em;margin:18px 0 28px;font-size:clamp(52px,5.6vw,82px);line-height:1.04}.intro{max-width:690px;color:var(--muted);text-wrap:pretty;margin:0;font-size:17px;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.primary-button,.outline-button{border:1px solid var(--coral);align-items:center;gap:35px;padding:16px 20px;font-weight:800;display:inline-flex}.primary-button{background:var(--coral);color:#151419}.outline-button{color:var(--coral)}.primary-button span,.outline-button span{font-size:18px}.story{grid-template-columns:1fr 1fr;gap:70px;padding:90px 0 130px;display:grid}.story h2,.section-heading h2{letter-spacing:-.045em;margin:10px 0 38px;font-size:clamp(34px,4vw,54px)}.timeline{border-left:2px solid var(--coral)}.timeline-item{grid-template-columns:66px 1fr;gap:16px;padding:2px 0 34px 30px;display:grid;position:relative}.timeline-item:before{content:"";background:var(--coral);width:12px;height:12px;box-shadow:0 0 0 6px var(--night);border-radius:50%;position:absolute;top:6px;left:-7px}.timeline-item>span{color:var(--coral);font-size:12px;font-weight:900}.timeline-item strong{font-size:18px}.timeline-item p{color:var(--muted);margin:8px 0 0;line-height:1.7}.focus-block ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.focus-block li{border-bottom:1px solid var(--line);gap:24px;padding:18px 6px;font-weight:750;display:flex}.focus-block li span{color:var(--violet);font-size:12px}.skills{border-top:1px solid var(--line);padding:120px 0}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px;display:flex}.section-heading h2{white-space:nowrap;margin-bottom:0}.section-heading>p{max-width:440px;color:var(--muted);margin:0;line-height:1.8}.skill-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skill-card{border:1px solid var(--line);background:var(--night-soft);flex-direction:column;min-height:325px;padding:32px;transition:transform .2s,border-color .2s;display:flex}.skill-card:hover{border-color:var(--coral);transform:translateY(-6px)}.skill-index{color:var(--coral);font-size:12px;font-weight:900}.skill-card h3{margin:auto 0 16px;font-size:30px}.skill-card>p{color:var(--muted);margin:0 0 24px;line-height:1.75}.skill-card>div{gap:8px;display:flex}.skill-card>div span,.work-tags span{border:1px solid var(--line);color:#cfccd2;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800}.works{padding:120px 0 145px}.work-filters{border-bottom:1px solid var(--line);gap:32px;margin:0 0 34px;padding-bottom:14px;display:flex}.work-filters>span,.work-filters>a{color:var(--muted);font-size:14px;font-weight:800;position:relative}.work-filters>span.active{color:var(--coral)}.work-filters>span.active:after{content:"";background:var(--coral);width:100%;height:3px;position:absolute;bottom:-16px;left:0}.work-filters>a:hover{color:var(--coral)}.work-filters b{margin-left:4px;font-size:10px}.work-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.work-card{border:1px solid var(--line);background:var(--night-soft);min-height:520px;overflow:hidden}.featured-work{grid-template-columns:1.08fr .92fr;display:grid}.work-visual{place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.banban-visual{background:#dcd1ff}.banban-visual>img{z-index:3;border-radius:44px;width:190px;height:190px;position:relative;transform:rotate(-5deg);box-shadow:0 28px 60px #351e7f47}.work-number,.visual-note{z-index:4;color:#3b2a70;letter-spacing:.15em;font-size:11px;font-weight:900;position:absolute}.work-number{top:26px;left:28px}.visual-note{bottom:25px;right:28px}.visual-orbit{border:1px solid #4a308f40;border-radius:50%;position:absolute}.orbit-one{width:380px;height:380px}.orbit-two{border-color:#ffffffb3;width:260px;height:260px}.work-content{flex-direction:column;justify-content:center;padding:48px;display:flex}.work-type{color:var(--coral);letter-spacing:.14em;margin:0;font-size:10px;font-weight:900}.work-content h3{letter-spacing:-.05em;margin:18px 0;font-size:54px}.work-content>p:not(.work-type){color:var(--muted);margin:0;line-height:1.85}.work-tags{flex-wrap:wrap;gap:7px;margin:28px 0;display:flex}.work-content>a{border-bottom:1px solid var(--coral);width:fit-content;color:var(--coral);padding-bottom:6px;font-weight:800}.next-work{flex-direction:column;justify-content:flex-end;padding:34px;display:flex}.next-work>span{color:var(--muted);letter-spacing:.15em;margin-bottom:auto;font-size:11px;font-weight:900}.next-symbol{width:82px;height:82px;color:var(--violet);border:1px dashed #ffffff4d;border-radius:50%;place-items:center;margin-bottom:24px;font-size:40px;display:grid}.next-work h3{margin:0 0 12px;font-size:30px}.next-work p{color:var(--muted);margin:0;line-height:1.7}.game-section{margin-top:76px;scroll-margin-top:105px}.game-section-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:24px;display:flex}.game-section-heading h3{letter-spacing:-.04em;margin:8px 0 0;font-size:31px}.game-section-heading>a{border-bottom:1px solid var(--coral);color:var(--coral);padding-bottom:6px;font-size:13px;font-weight:800}.game-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.game-card{border:1px solid var(--line);background:var(--night-soft);flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.game-card:hover{border-color:#ff705eb3;transform:translateY(-5px)}.game-cover{aspect-ratio:16/8.8;background:#0d0c10;display:block;position:relative;overflow:hidden}.game-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.game-card:hover .game-cover img{transform:scale(1.035)}.game-cover>span{color:#fff;letter-spacing:.13em;background:#0c0b0fd1;padding:7px 9px;font-size:9px;font-weight:900;position:absolute;top:16px;left:16px}.game-content{flex-direction:column;flex:1;padding:21px;display:flex}.game-content>p{color:var(--coral);letter-spacing:.12em;margin:0;font-size:10px;font-weight:900}.game-content h4{letter-spacing:-.03em;margin:10px 0;font-size:22px}.game-description{min-height:50px;color:var(--muted);font-size:13px;line-height:1.65}.game-content .work-tags{margin:15px 0}.game-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto;display:flex}.game-link,.game-video-link{border-bottom:1px solid var(--coral);width:fit-content;color:var(--coral);padding-bottom:5px;font-size:13px;font-weight:800}.game-video-link{border-color:var(--violet);color:#aa98ff}.services{border-top:1px solid var(--line);padding:115px 0;scroll-margin-top:85px}.service-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.service-grid article{border:1px solid var(--line);background:var(--night-soft);flex-direction:column;min-height:270px;padding:30px;display:flex}.service-grid article>span{color:var(--coral);font-size:11px;font-weight:900}.service-grid h3{letter-spacing:-.025em;white-space:nowrap;margin:52px 0 14px;font-size:clamp(20px,2.1vw,25px)}.service-grid p{color:var(--muted);margin:0 0 25px;font-size:14px;line-height:1.75}.service-grid small{color:#d2ced5;letter-spacing:.08em;margin-top:auto;font-size:10px;font-weight:800}.service-cta{background:#ff705e0f;border:1px solid #ff705e73;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:22px 28px;display:flex}.service-cta p{margin:0;font-weight:800}.service-cta a{border-bottom:1px solid var(--coral);color:var(--coral);padding-bottom:5px;font-weight:800}.contact{border-top:1px solid var(--line);grid-template-columns:1.15fr .85fr;gap:80px;padding:120px 0;display:grid}.contact h2{letter-spacing:-.055em;margin:16px 0 0;font-size:clamp(42px,5.6vw,76px);line-height:1.08}.contact-panel{flex-direction:column;padding-top:25px;display:flex}.contact-panel>p{color:var(--muted);margin:0 0 34px;line-height:1.8}.contact-panel a{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 0;font-weight:800;display:flex}.contact-panel a span{color:var(--coral)}footer{border-top:1px solid var(--line);background:#0e0d11;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;padding:42px max(6vw,28px);display:grid}.footer-brand{align-items:center;gap:12px;font-weight:900;display:flex}.footer-brand img{object-fit:contain;width:38px;height:38px}footer>p{color:var(--muted);margin:0;font-size:12px}footer>div{flex-direction:column;align-items:flex-end;gap:7px;font-size:12px;display:flex}footer>div span{color:var(--muted)}@media (max-width:980px){.about{grid-template-columns:320px 1fr;gap:45px}.about-copy h1{font-size:52px}.story{gap:40px}.skill-grid,.service-grid{grid-template-columns:1fr}.skill-card{min-height:245px}.featured-work,.work-grid{grid-template-columns:1fr}.next-work{min-height:330px}.game-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.nav{height:68px;padding:0 18px}.brand{font-size:17px}.brand-logo{width:37px;height:37px}.nav-links{gap:16px;font-size:12px}.nav-links a:nth-child(2){display:none}.section-shell{width:min(100% - 36px,1180px)}.about{grid-template-columns:1fr;gap:46px;min-height:auto;padding-top:112px}.profile-card{min-height:450px}.profile-emblem{width:165px;height:165px}.about-copy h1{font-size:clamp(39px,11vw,52px)}.intro{font-size:15px}.hero-actions{display:grid}.primary-button,.outline-button{justify-content:space-between}.story{grid-template-columns:1fr;padding:100px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.skills,.works,.services{padding:92px 0}.skill-card{padding:26px}.work-filters{gap:22px;overflow-x:auto}.work-visual{min-height:400px}.banban-visual>img{border-radius:34px;width:150px;height:150px}.orbit-one{width:310px;height:310px}.orbit-two{width:220px;height:220px}.work-content{padding:36px 28px}.work-content h3{font-size:46px}.game-section{margin-top:80px}.game-section-heading{flex-direction:column;align-items:flex-start}.game-grid{grid-template-columns:1fr}.game-description{min-height:auto}.service-grid article{min-height:240px}.service-cta{flex-direction:column;align-items:flex-start}.contact{grid-template-columns:1fr;gap:45px;padding:90px 0}.contact h2{font-size:43px}footer{grid-template-columns:1fr}footer>div{align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skill-card{transition:none}}