@import"https://fonts.googleapis.com/css2?family=Clash+Display:wght@400;600&family=Inter:wght@300;400;500&family=Noto+Sans+TC:wght@300;400;500&display=swap";:root{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(hover:hover){*{cursor:none!important}}h1,h2,h3,h4,.title-font{font-family:Clash Display,sans-serif}a{color:inherit;text-decoration:none}.hero-scroll-spacer{height:100vh}.hero-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:transparent;overflow:hidden;z-index:100;transition:height .4s ease,padding .4s ease,background-color .4s ease}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s ease}.hero-container.hero-pinned{height:auto;padding:1.2rem 2rem;background-color:#050505d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.hero-container.hero-pinned .hero-content{align-items:center}.hero-container.hero-pinned .alvin-interactive{gap:0}.hero-container.hero-pinned .main-char{font-size:1.6rem!important;filter:brightness(1.5)}.hero-container.hero-pinned .rest-chars{font-size:1.6rem!important}.hero-container.hero-pinned .studio-text{font-size:.9rem!important;margin-left:.4rem;opacity:1}.hero-container.hero-pinned .letter-group{margin-right:.05rem}.alvin-interactive{display:flex;align-items:baseline;cursor:default;-webkit-user-select:none;user-select:none}.letter-group{display:flex;align-items:baseline;transition:opacity .3s ease;margin-right:.15rem}.letter-group.dimmed{opacity:.3}.main-char{font-size:clamp(4rem,12vw,15rem);font-weight:600;line-height:1;letter-spacing:-.02em;transition:font-size .4s ease;background:radial-gradient(50vw circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,1) 0%,rgba(255,107,107,.85) 15%,rgba(168,85,247,.65) 30%,rgba(59,130,246,.3) 50%,rgba(255,255,255,0) 80%),linear-gradient(90deg,#a855f7,#ff6b6b,#3b82f6 66%,#a855f7);background-attachment:fixed,scroll;background-size:100vw 100vh,300% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:flowAIColors 6s linear infinite}@keyframes flowAIColors{0%{background-position:center center,0% 50%}to{background-position:center center,-150% 50%}}.rest-chars{font-size:clamp(4rem,12vw,15rem);font-weight:400;line-height:1;color:var(--text-primary);flex-shrink:0;transition:font-size .4s ease}.studio-text{font-size:clamp(1.8rem,5.4vw,6.75rem);font-weight:300;color:var(--text-secondary);margin-left:.8rem;opacity:.6;letter-spacing:.08em;transition:font-size .4s ease,margin-left .4s ease}.description-container{margin-top:3rem;height:2rem;display:flex;align-items:center;text-align:center}.hover-description{font-family:Noto Sans TC,Inter,sans-serif;font-size:1rem;letter-spacing:.15em;color:var(--text-secondary);font-weight:300;text-transform:none}.default-desc{color:#fff6}@media(max-width:768px){.alvin-interactive{flex-direction:column;align-items:center;display:block;text-align:center}.letter-group{display:inline-flex;margin-right:.1rem}.main-char,.rest-chars{font-size:clamp(3rem,15vw,6rem)}.studio-text{font-size:clamp(1.35rem,6.75vw,2.7rem);margin-left:0;margin-top:.5rem;display:block}.description-container{margin-top:2rem}.hover-description{font-size:.8rem;padding:0 1rem}.hero-container.hero-pinned .main-char,.hero-container.hero-pinned .rest-chars{font-size:1.2rem!important}.hero-container.hero-pinned .studio-text{font-size:.7rem!important;display:inline;margin-top:0}.hero-container.hero-pinned .alvin-interactive{display:flex;flex-direction:row}}@media(max-width:480px){.main-char,.rest-chars{font-size:clamp(2.5rem,12vw,4rem)}.studio-text{font-size:clamp(1.125rem,5.4vw,1.8rem)}}.portfolio-section{position:relative;z-index:1;background:transparent;padding:2rem 2rem 8rem;min-height:100vh}.portfolio-header{max-width:1400px;margin:0 auto 2rem;text-align:center}.portfolio-title{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:500;letter-spacing:.15em;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase}.portfolio-subtitle{font-family:Noto Sans TC,Inter,sans-serif;font-size:1rem;font-weight:300;letter-spacing:.2em;color:#ffffff4d;margin-top:.8rem}.portfolio-gallery{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;max-width:1400px;margin:0 auto}.portfolio-card--16-9{aspect-ratio:16 / 9}.portfolio-card--9-16{aspect-ratio:9 / 16}.portfolio-card--1-1{aspect-ratio:1 / 1}.portfolio-card--3-4{aspect-ratio:3 / 4}.portfolio-card{position:relative;height:380px;width:auto;flex-shrink:0;border-radius:16px;overflow:visible;cursor:none;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.25,1,.5,1);will-change:transform}.card-glass{width:100%;height:100%;background:#ffffff08;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:none;border-radius:16px;position:relative;overflow:hidden;transition:background .4s ease}.portfolio-card:hover .card-glass{background:#ffffff0f}.card-glass:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.05) 0%,transparent 40%,transparent 60%,rgba(59,130,246,.05) 100%);opacity:0;transition:opacity .4s ease}.portfolio-card:hover .card-glass:before{opacity:1}.card-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.25,1,.5,1)}.portfolio-card:hover .card-bg-image{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:#0006;z-index:-1;transition:background .4s ease}.portfolio-card:hover .card-overlay{background:#0003}.card-edge{position:absolute;left:0;right:0;height:2px;pointer-events:none;z-index:1}.card-edge--top{top:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 70%,transparent 100%);border-radius:16px 16px 0 0}.card-edge--bottom{bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.2) 70%,transparent 100%);border-radius:0 0 16px 16px}.card-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem;background:linear-gradient(0deg,rgba(0,0,0,.3) 0%,transparent 100%);z-index:2}.card-category-line{display:flex;align-items:baseline;gap:1em;margin-bottom:.4rem}.card-category-en{font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.05em;color:#fff6;transition:color .3s ease}.card-category-zh{font-family:Noto Sans TC,Inter,sans-serif;font-size:.75rem;font-weight:300;letter-spacing:.1em;color:#fff6;transition:color .3s ease}.card-name{font-family:Noto Sans TC,Inter,sans-serif;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:400;letter-spacing:.05em;color:#fffc;transition:color .3s ease}.portfolio-card:hover .card-category-en,.portfolio-card:hover .card-category-zh{color:#fff9}.portfolio-card:hover .card-name{color:#fff}@media(max-width:1024px){.portfolio-card{height:320px}}@media(max-width:768px){.portfolio-card{height:280px}.card-content{padding:1rem 1.2rem}.portfolio-section{padding:4rem 1rem 6rem}}@media(max-width:480px){.portfolio-gallery{flex-direction:column;align-items:center}.portfolio-card{width:100%;height:auto}}.custom-cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;mix-blend-mode:difference}.cursor-dot{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:-12px;left:-12px;display:flex;align-items:center;justify-content:center;transition:width .5s cubic-bezier(.25,1,.3,1),height .5s cubic-bezier(.25,1,.3,1),top .5s cubic-bezier(.25,1,.3,1),left .5s cubic-bezier(.25,1,.3,1),border-radius .5s cubic-bezier(.25,1,.3,1)}.cursor-play-icon{width:24px;height:24px;opacity:0;transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.custom-cursor.cursor-active .cursor-dot{width:60px;height:60px;top:-30px;left:-30px;border-radius:20px}.custom-cursor.cursor-16-9 .cursor-dot{width:80px;height:45px;top:-22.5px;left:-40px;border-radius:8px}.custom-cursor.cursor-9-16 .cursor-dot{width:45px;height:80px;top:-40px;left:-22.5px;border-radius:8px}.custom-cursor.cursor-1-1 .cursor-dot{width:60px;height:60px;top:-30px;left:-30px;border-radius:10px}.custom-cursor.cursor-3-4 .cursor-dot{width:54px;height:72px;top:-36px;left:-27px;border-radius:8px}.custom-cursor.cursor-active .cursor-play-icon{opacity:1;transform:scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1) .1s,opacity .3s ease .1s}@media(hover:none){.custom-cursor{display:none}}.aurora-container{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.aurora-blob{position:absolute;top:0;left:0;border-radius:50%;filter:blur(80px);opacity:.35;will-change:transform}.aurora-blob--1{width:800px;height:800px;background:radial-gradient(circle,#6366f1 0%,transparent 70%)}.aurora-blob--2{width:700px;height:700px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%)}.aurora-blob--3{width:600px;height:600px;background:radial-gradient(circle,#a855f7 0%,transparent 70%)}.aurora-blob--mouse{width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 65%);opacity:.5;filter:blur(60px)}.clients-section{position:relative;z-index:1;background:transparent;padding:6rem 2rem 10rem;min-height:40vh}.clients-header{max-width:1400px;margin:0 auto 4rem;text-align:center}.clients-title{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:500;letter-spacing:.15em;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase}.clients-subtitle{font-family:Noto Sans TC,Inter,sans-serif;font-size:1rem;font-weight:300;letter-spacing:.2em;color:#ffffff4d;margin-top:.8rem}.clients-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem 6rem;max-width:1000px;margin:0 auto}.client-logo-wrapper{display:flex;justify-content:center;align-items:center}.client-logo{max-height:36px;max-width:140px;opacity:.35;filter:invert(1) brightness(100) grayscale(1);transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1),filter .5s cubic-bezier(.25,1,.5,1);will-change:transform,opacity}.client-logo-wrapper:hover .client-logo{opacity:1;transform:scale(1.08)}@media(max-width:768px){.clients-grid{gap:3rem 4rem}.client-logo{max-height:28px;max-width:100px}}@media(max-width:480px){.clients-grid{gap:2.5rem 3rem}.client-logo{max-height:24px}}