:root{--paper:#fff8fc;--paper-solid:#fffafd;--ink:#4a2038;--ink-strong:#351127;--ink-soft:#786072;--glass:#ffffff7a;--glass-strong:#ffffffad;--glass-line:#ffffffc2;--line:#4a203821;--shadow:0 26px 80px #79416924;--brand-gradient:linear-gradient(105deg, #6ea8ff 0%, #b794ff 40%, #ff8fab 70%, #5eead4 100%);--shell:min(1240px, calc(100% - 64px));--mouse-x:50vw;--mouse-y:50vh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility}:root[data-mood=dusk]{--paper:#160b19;--paper-solid:#22101f;--ink:#fff0f7;--ink-strong:#fff7fb;--ink-soft:#cdb7c7;--glass:#2a142687;--glass-strong:#2f162ab3;--glass-line:#ffebf829;--line:#ffebf821;--shadow:0 28px 90px #07000857;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);scroll-padding-top:108px}body{min-width:320px;min-height:100vh;color:var(--ink);background:0 0;margin:0;font-family:Nunito,Noto Sans TC,sans-serif;line-height:1.55;transition:color .45s;overflow-x:hidden}body.overlay-open{overflow:hidden}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{color:#3f1530;background:#ffb4d2}:focus-visible{outline-offset:4px;outline:3px solid #b794ff9e}.section-shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:1000;background:var(--ink-strong);color:#fff;border-radius:999px;padding:11px 17px;transition:top .2s;position:fixed;top:-80px;left:18px}.skip-link:focus{top:18px}.dream-background{z-index:-3;background:var(--paper);transition:background .45s;position:fixed;inset:0;overflow:hidden}.dream-background>canvas,.dream-background>div:first-child{width:110%!important;height:110%!important;position:absolute!important;inset:-5%!important}.dream-background-wash{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#ffffff57,#fff9fd9e 68%,#fffc),radial-gradient(circle at 50% 34%,#0000 0 26%,#ffffff2e 72%);position:absolute;inset:0}[data-mood=dusk] .dream-background-wash{background:linear-gradient(#0c051029,#12081485 70%,#0a050ec2),radial-gradient(circle at 50% 32%,#0000 0 22%,#1007132e 72%)}.dream-background-pointer{background:radial-gradient(circle 310px at var(--mouse-x) var(--mouse-y), #ffffff6b, transparent 72%);mix-blend-mode:soft-light;transition:opacity .4s;position:absolute;inset:0}[data-mood=dusk] .dream-background-pointer{background:radial-gradient(circle 330px at var(--mouse-x) var(--mouse-y), #ff8ec52e, transparent 72%);mix-blend-mode:screen}.page-grain{z-index:80;pointer-events:none;opacity:.035;background-image:radial-gradient(#451834b8 .55px,#0000 .75px);background-size:4px 4px;position:fixed;inset:0}.scroll-progress{z-index:500;transform-origin:0;background:var(--brand-gradient);height:3px;position:fixed;top:0;left:0;right:0;box-shadow:0 0 18px #ff8fab9e}.site-header{z-index:200;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);border-radius:24px;justify-content:center;align-items:center;width:min(820px,100% - 36px);height:72px;padding:7px 64px 7px 7px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #5e305417,inset 0 1px #ffffff75}.site-nav{letter-spacing:.055em;text-transform:uppercase;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px;width:100%;font-family:Quicksand,sans-serif;font-size:.76rem;font-weight:700;display:grid}.site-nav>.projects-control>button,.site-nav>.kcis-control>button,.site-nav>.contact-control>button{width:100%;min-height:56px;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;border-radius:17px;justify-content:center;align-items:center;padding:0 14px;line-height:1.2;transition:background .24s,box-shadow .24s,color .24s;display:flex;position:relative}.projects-control,.contact-control,.kcis-control{width:100%;display:flex;position:relative}.site-nav .nav-projects:is(:hover,:active),.site-nav .nav-projects[aria-expanded=true],.site-nav .contact-nav-button:is(:hover,:active),.site-nav .contact-nav-button[aria-expanded=true]{background:#ffffff61;box-shadow:inset 0 0 0 1px #ffffff6b}[data-mood=dusk] .site-nav .nav-projects:is(:hover,:active),[data-mood=dusk] .site-nav .nav-projects[aria-expanded=true],[data-mood=dusk] .site-nav .contact-nav-button:is(:hover,:active),[data-mood=dusk] .site-nav .contact-nav-button[aria-expanded=true]{background:#ffffff13}.site-nav .kcis-nav-button{color:#fff;text-shadow:0 1px 10px #14245240;background:linear-gradient(120deg,#2766b8eb,#684bb2e6),#355fa9;border:1px solid #ffffff6b;overflow:hidden;box-shadow:0 10px 27px #3d5ba238,inset 0 1px #ffffff47}.site-nav .kcis-nav-button:is(:hover,:active),.site-nav .kcis-nav-button[aria-expanded=true]{background:linear-gradient(120deg,#448fd8f5,#845bc7f0),#496fbd;box-shadow:0 14px 34px #3d5ba24d,inset 0 1px #ffffff57}.site-nav .kcis-nav-button:after{display:none}.kcis-nav-label{color:#0000;filter:drop-shadow(0 1px 7px #111c4b8a);background:linear-gradient(90deg,#ff3b88 0%,#ff7600 30%,#00c9a7 58%,#a83cff 82%,#ff35bd 100%);-webkit-background-clip:text;background-clip:text;display:inline-block}.site-nav>.projects-control>button:after,.site-nav>.kcis-control>button:after,.site-nav>.contact-control>button:after{content:"";background:var(--brand-gradient);border-radius:999px;height:2px;transition:right .25s;position:absolute;bottom:8px;left:0;right:100%}.site-nav>.projects-control>button:is(:hover,:active):after,.site-nav>.projects-control>button:focus-visible:after,.site-nav>.projects-control>button[aria-expanded=true]:after,.site-nav>.kcis-control>button:is(:hover,:active):after,.site-nav>.kcis-control>button:focus-visible:after,.site-nav>.kcis-control>button[aria-expanded=true]:after,.site-nav>.contact-control>button:is(:hover,:active):after,.site-nav>.contact-control>button:focus-visible:after,.site-nav>.contact-control>button[aria-expanded=true]:after{right:0}.brand-link{justify-self:start;align-items:center;display:inline-flex}.brand-label{color:#0000;background:var(--brand-gradient);letter-spacing:-.055em;filter:saturate(1.08);-webkit-background-clip:text;background-clip:text;font-family:Comfortaa,Quicksand,sans-serif;font-size:1.68rem;font-weight:700;line-height:1;display:inline-block}.desktop-nav{letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:32px;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:700;display:flex}.desktop-nav a{padding:8px 2px;position:relative}.desktop-nav a:after{content:"";background:var(--brand-gradient);border-radius:99px;height:2px;transition:right .25s;position:absolute;bottom:3px;left:0;right:100%}.desktop-nav a:is(:hover,:active):after,.desktop-nav a:focus-visible:after{right:0}.site-header>.icon-button{position:absolute;top:15px;right:10px}.command-trigger,.icon-button{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff57;min-height:42px;box-shadow:inset 0 1px #ffffff6b}.site-language-switch{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff57;border-radius:999px;align-items:center;gap:2px;min-height:42px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #ffffff6b}.site-header>.site-language-switch{position:absolute;top:15px;left:calc(100% + 10px)}.site-language-switch button{min-width:38px;height:34px;color:var(--ink-soft);letter-spacing:.03em;background:0 0;border:0;border-radius:999px;padding:0 8px;font:700 .61rem DM Mono,Noto Sans TC,monospace;transition:color .2s,background .2s,box-shadow .2s,transform .2s}.site-language-switch button:is(:hover,:active){color:var(--ink-strong);background:#ffffff52;transform:translateY(-1px)}.site-language-switch button.is-active{color:#3d233a;background:linear-gradient(120deg,#f6c8ffeb,#ffb7cef0,#c9fff0e0);box-shadow:0 6px 16px #a45b9429,inset 0 1px #ffffffb8}[data-mood=dusk] .command-trigger,[data-mood=dusk] .icon-button,[data-mood=dusk] .site-language-switch{background:#ffffff0e}[data-mood=dusk] .site-language-switch button.is-active{color:#241021}.command-trigger{border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 13px;font-size:.75rem;font-weight:800;display:flex}.command-trigger:is(:hover,:active),.icon-button:is(:hover,:active){background:#ffffff9e;border-color:#ff8fab85}[data-mood=dusk] .command-trigger:is(:hover,:active),[data-mood=dusk] .icon-button:is(:hover,:active){background:#ffffff1a}.command-trigger kbd{border:1px solid var(--line);color:var(--ink-soft);background:#ffffff59;border-radius:7px;padding:4px 7px;font:400 .6rem DM Mono,monospace}.icon-button{border-radius:50%;place-items:center;width:42px;padding:0;display:grid}.menu-toggle{display:none}.contact-popover{transform-origin:top;border:1px solid var(--glass-line);background:var(--glass-strong);-webkit-backdrop-filter:blur(30px)saturate(1.35);backdrop-filter:blur(30px)saturate(1.35);border-radius:25px;width:min(350px,100vw - 28px);padding:9px;position:absolute;top:62px;right:0;overflow:hidden;box-shadow:0 25px 80px #481f3d3d,inset 0 1px #ffffff80}.projects-popover{transform-origin:top;border:1px solid var(--glass-line);background:var(--glass-strong);-webkit-backdrop-filter:blur(30px)saturate(1.35);backdrop-filter:blur(30px)saturate(1.35);border-radius:25px;width:330px;padding:9px;position:absolute;top:62px;left:0;overflow:hidden;box-shadow:0 25px 80px #481f3d3d,inset 0 1px #ffffff80}.projects-popover-head{min-height:42px;color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 6px 0 11px;font:500 .59rem DM Mono,monospace;display:flex}.projects-popover-head button{border:1px solid var(--line);background:#ffffff40;border-radius:50%;place-items:center;width:32px;min-height:32px;padding:0;display:grid}.projects-popover nav{gap:3px;display:grid}.projects-popover nav a{text-transform:none;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:0 13px;display:grid}.projects-popover nav a:is(:hover,:active){background:linear-gradient(120deg,#b794ff33,#ff8fab33)}.projects-popover nav a>span{color:var(--ink-soft);font:400 .6rem DM Mono,monospace}.projects-popover nav a>strong{font-family:Quicksand,sans-serif;font-size:.8rem}.kcis-popover{transform-origin:top;border:1px solid var(--glass-line);background:var(--glass-strong);-webkit-backdrop-filter:blur(30px)saturate(1.35);backdrop-filter:blur(30px)saturate(1.35);border-radius:25px;width:330px;margin-right:-165px;padding:9px;position:absolute;top:62px;right:50%;overflow:hidden;box-shadow:0 25px 80px #481f3d3d,inset 0 1px #ffffff80}.kcis-popover-head{min-height:42px;color:var(--ink-soft);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 6px 0 11px;font:500 .59rem DM Mono,monospace;display:flex}.kcis-popover-head button{border:1px solid var(--line);background:#ffffff40;border-radius:50%;place-items:center;width:32px;height:32px;min-height:32px;display:grid}.kcis-popover>a{background:linear-gradient(120deg,#5b8fff24,#906eff2e);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:74px;padding:11px 13px;display:grid}.kcis-popover>a:is(:hover,:active){background:linear-gradient(120deg,#5b8fff3d,#906eff47)}.kcis-popover>a>span:not(.kcis-popover-icon){min-width:0;display:grid}.kcis-popover-icon{background:linear-gradient(145deg,#6ea8ff73,#b794ff5c);border:1px solid #ffffffa8;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 22px #5f69be24,inset 0 1px #ffffff94}.kcis-popover strong{font-family:Quicksand,Noto Sans TC,sans-serif;font-size:.84rem}.kcis-popover small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}.contact-popover-head{min-height:42px;color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 6px 0 11px;font:500 .59rem DM Mono,monospace;display:flex}.contact-popover-head button{border:1px solid var(--line);background:#ffffff40;border-radius:50%;place-items:center;width:32px;height:32px;min-height:32px;display:grid}.contact-popover>a{border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:65px;padding:10px 13px;display:grid}.contact-popover>a:is(:hover,:active){background:linear-gradient(120deg,#b794ff33,#ff8fab36)}.contact-popover>a>span{min-width:0;display:grid}.contact-popover strong{font-family:Quicksand,sans-serif;font-size:.8rem}.contact-popover small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}.instagram-mark{border:1.8px solid;border-radius:5px;flex:0 0 18px;width:18px;height:18px;display:inline-block;position:relative}.instagram-mark:before{content:"";border:1.7px solid;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instagram-mark:after{content:"";background:currentColor;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:3px;right:3px}.hero{isolation:isolate;flex-direction:column;align-items:center;gap:clamp(20px,3vh,28px);min-height:auto;padding-top:clamp(128px,14vh,160px);padding-bottom:0;display:flex;position:relative}.performance-gallery{z-index:0;pointer-events:none;width:100vw;height:calc(100% - 70px);min-height:560px;position:absolute;top:98px;left:50%;overflow:hidden;transform:translate(-50%)}.photo-rail{pointer-events:auto;width:clamp(82px,10.5vw,172px);position:absolute;top:0;bottom:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(#0000,#000 7% 93%,#0000)}.rail-left{left:clamp(14px,2.2vw,38px)}.rail-right{right:clamp(14px,2.2vw,38px)}.photo-rail-track{will-change:transform;flex-direction:column;width:100%;display:flex}.rail-left .photo-rail-track{animation:72s linear infinite photo-rail-up}.rail-right .photo-rail-track{animation:78s linear infinite photo-rail-down}.photo-loop{flex-direction:column;gap:12px;padding-bottom:12px;display:flex}.photo-frame{--cut:18px;opacity:.68;filter:saturate(.86)contrast(.97)drop-shadow(0 14px 24px #4420381f);width:100%;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff94;border-radius:18px;flex:none;transition:opacity .35s,filter .35s,transform .35s,box-shadow .35s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 42px #44203829,inset 0 1px #ffffff73}.photo-frame:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffdcee2e,#0000 42%,#b794ff1a);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff47,inset 8px 8px 20px #ffffff0d}.photo-frame:nth-child(2n){clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)))}.photo-tall{aspect-ratio:3/4.25}.photo-square{aspect-ratio:1/1.08}.photo-wide{aspect-ratio:1/.82}.photo-frame img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.75,.25,1);display:block;transform:scale(1.02)}.photo-rail:hover .photo-rail-track{animation-play-state:paused}.photo-frame:hover{z-index:2;opacity:.96;filter:saturate()contrast()drop-shadow(0 20px 30px #3c193233);transform:scale(1.035);box-shadow:0 24px 58px #3c19323d,0 0 0 4px #ffffff38}.photo-frame:hover img{transform:scale(1.075)}@keyframes photo-rail-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes photo-rail-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.hero-center{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:0;display:flex;position:relative}.hero-kicker,.project-eyebrow,.project-number,.contact-meta,.command-label,.command-footer{font-family:DM Mono,monospace}.hero-kicker{color:var(--ink-soft);letter-spacing:.16em;margin:0 0 clamp(18px,3vh,30px);font-size:.65rem}.hero-title{color:#0000;background:var(--brand-gradient);letter-spacing:-.085em;filter:drop-shadow(0 18px 42px #b684de2e);cursor:pointer;-webkit-background-clip:text;background-clip:text;justify-content:center;margin:0;font-family:Comfortaa,Quicksand,sans-serif;font-size:clamp(5rem,13.8vw,11.8rem);font-weight:700;line-height:.88;display:flex}.hero-title-interaction{-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:28px;display:block}.hero-title span{color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-disciplines{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:clamp(25px,4vh,38px);display:flex}.discipline{--discipline-tone:183, 148, 255;color:var(--ink-strong);letter-spacing:.075em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#ffffff2e;border:1px solid #ffffff80;border-radius:999px;padding:7px 11px;font-family:Quicksand,sans-serif;font-size:clamp(.66rem,1.1vw,.76rem);font-weight:700;transition:color .22s,border-color .22s,background .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59}.discipline:after{content:"";background:rgb(var(--discipline-tone));border-radius:99px;height:2px;transition:right .26s;position:absolute;bottom:0;left:0;right:100%}.discipline:is(:hover,:active){border-color:rgba(var(--discipline-tone), .43);background:rgba(var(--discipline-tone), .13);box-shadow:0 9px 28px rgba(var(--discipline-tone), .13), inset 0 1px #ffffff7a}.discipline:is(:hover,:active):after{right:0}.discipline-2{--discipline-tone:110, 168, 255}.discipline-3{--discipline-tone:255, 143, 171}.discipline-4{--discipline-tone:94, 234, 212}.discipline-5{--discipline-tone:255, 177, 148}[data-mood=dusk] .discipline{background:#ffffff0d}.hero-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(690px,100%);margin-top:25px;display:grid}.hero-links a{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:54px;padding:0 15px;font-family:Quicksand,sans-serif;font-size:.84rem;font-weight:700;transition:border-color .22s,background .22s,box-shadow .22s;display:inline-flex;box-shadow:0 11px 30px #673b5e1c,inset 0 1px #ffffff8c}.hero-links .music-link{color:#321326;background:linear-gradient(120deg,#ff78b0bf,#9d77ffbd 52%,#5eead4a8);border-color:#ffffffad;position:relative;overflow:hidden;box-shadow:0 13px 34px #9c4e8f33,inset 0 1px #ffffffa3}.hero-links .music-link:before{content:"";opacity:.55;filter:blur(9px);background:#ffffff9e;width:22%;height:260%;transition:left .55s;position:absolute;top:-80%;left:-28%;transform:rotate(18deg)}.hero-links .music-link:is(:hover,:active):before{left:112%}.hero-links a:is(:hover,:active){background:linear-gradient(120deg,#b794ff38,#ff8fab3b);border-color:#ff8fab80;box-shadow:0 15px 35px #673b5e29,inset 0 1px #fff9}.hero-links a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-links .music-link:is(:hover,:active) svg,.project-dock a:is(:hover,:active) svg{animation:.7s ease-in-out infinite alternate arrow-bob}@keyframes arrow-bob{to{transform:translateY(3px)}}.project-dock{z-index:2;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:6px;width:min(820px,100%);margin-inline:auto;padding:7px;display:grid;position:relative;box-shadow:0 20px 58px #6b3e611a,inset 0 1px #ffffff7a}.project-dock a{border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0;padding:13px 16px;transition:background .25s,box-shadow .25s;display:grid}.project-dock a:is(:hover,:active){box-shadow:inset 0 0 0 1px var(--glass-line);background:#ffffff75}[data-mood=dusk] .project-dock a:is(:hover,:active){background:#ffffff12}.project-dock span{color:var(--ink-soft);font:400 .59rem DM Mono,monospace}.project-dock strong{text-overflow:ellipsis;white-space:nowrap;font-family:Quicksand,sans-serif;font-size:.83rem;overflow:hidden}.projects{padding-top:clamp(32px,4vw,52px);padding-bottom:clamp(34px,5vw,58px)}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding-bottom:22px;display:flex}.section-heading h2,.contact h2{color:var(--ink-strong);letter-spacing:-.07em;margin:0;font-family:Comfortaa,Quicksand,sans-serif;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:700;line-height:1}.section-heading>span{color:var(--ink-soft);letter-spacing:.13em;font:400 .67rem DM Mono,monospace}.project-filters{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;gap:4px;width:fit-content;max-width:100%;margin:26px 0 34px;padding:6px;display:flex;overflow-x:auto}.project-filters button{min-height:40px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 13px;display:inline-flex;position:relative}.project-filters button strong,.project-filters button small{z-index:1;position:relative}.project-filters button strong{font-family:Quicksand,sans-serif;font-size:.74rem;font-weight:700}.project-filters button small{font:400 .57rem DM Mono,monospace}.project-filters button:is(:hover,:active),.project-filters button.is-active{color:var(--ink-strong)}.filter-active{border-radius:inherit;background:linear-gradient(120deg,#b794ff57,#ff8fab57);border:1px solid #ffffffad;position:absolute;inset:0;box-shadow:0 7px 20px #64335b1a,inset 0 1px #ffffffa3}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-anchor{min-width:0;scroll-margin-top:108px}.project-card{--tone:255, 143, 171;border:1px solid var(--glass-line);background:linear-gradient(145deg, rgba(var(--tone), .18), transparent 44%), var(--glass);height:100%;min-height:570px;box-shadow:var(--shadow), inset 0 1px #ffffff8c;-webkit-backdrop-filter:blur(25px)saturate(1.25);backdrop-filter:blur(25px)saturate(1.25);isolation:isolate;border-radius:32px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.project-card.tone-lilac{--tone:183, 148, 255}.project-card.tone-peach{--tone:255, 177, 148}.project-card:after{content:"";z-index:-1;aspect-ratio:1;background:rgba(var(--tone), .22);filter:blur(55px);border-radius:50%;width:250px;transition:transform .55s;position:absolute;bottom:-85px;right:-65px}.project-card:is(:hover,:active):after{transform:translate(-18px,-22px)scale(1.12)}.project-spotlight{z-index:-1;opacity:0;background:radial-gradient(circle 220px at var(--spot-x,50%) var(--spot-y,50%), #ffffff94, transparent 72%);transition:opacity .28s;position:absolute;inset:0}.project-card:is(:hover,:active) .project-spotlight{opacity:1}[data-mood=dusk] .project-spotlight{background:radial-gradient(circle 220px at var(--spot-x,50%) var(--spot-y,50%), rgba(var(--tone), .2), transparent 72%)}.project-card-head{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.project-number{color:var(--ink-soft);letter-spacing:.12em;font-size:.64rem}.project-icon{background:linear-gradient(145deg, rgba(var(--tone), .45), #ffffff45);width:48px;height:48px;box-shadow:0 9px 24px rgba(var(--tone), .15), inset 0 1px #ffffffa6;border:1px solid #ffffffb3;border-radius:16px;place-items:center;display:grid}.project-copy{padding-top:clamp(55px,6vw,82px)}.project-eyebrow{color:var(--ink-soft);letter-spacing:.105em;margin:0 0 13px;font-size:.58rem;line-height:1.5}.project-card h2{color:var(--ink-strong);letter-spacing:-.06em;margin:0;font-family:Comfortaa,Quicksand,sans-serif;font-size:clamp(2rem,3.2vw,3rem);font-weight:700;line-height:1.08}.project-description{color:var(--ink-soft);margin:16px 0 0;font-size:.9rem;font-weight:600;line-height:1.65}.feature-list{margin:auto 0 0;padding:34px 0 0;list-style:none}.feature-list li{border-top:1px solid var(--line);color:var(--ink);grid-template-columns:30px 1fr;gap:8px;padding:11px 0;font-size:.78rem;font-weight:700;display:grid}.feature-list li span{color:var(--ink-soft);font:400 .55rem DM Mono,monospace}.project-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:22px;display:grid}.project-card-actions a{border:1px solid rgba(var(--tone), .28);background:linear-gradient(120deg, rgba(var(--tone), .23), #ffffff3d);min-height:44px;color:var(--ink-strong);border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-family:Quicksand,sans-serif;font-size:.76rem;font-weight:700;transition:border-color .22s,background .22s,box-shadow .22s;display:inline-flex;box-shadow:inset 0 1px #ffffff7a}.project-card-actions .project-source-link{background:#ffffff29}.project-card-actions a:is(:hover,:active){border-color:rgba(var(--tone), .5);background:linear-gradient(120deg, rgba(var(--tone), .34), #ffffff52);box-shadow:0 10px 24px rgba(var(--tone), .14), inset 0 1px #ffffff94}.about{padding:clamp(28px,4vw,48px) 0 clamp(72px,9vw,110px);scroll-margin-top:104px}.hero>.about{z-index:2;width:min(820px,100%);padding:0}.about-panel{border:1px solid var(--glass-line);background:var(--glass);box-shadow:var(--shadow), inset 0 1px #ffffff85;-webkit-backdrop-filter:blur(25px)saturate(1.25);backdrop-filter:blur(25px)saturate(1.25);border-radius:34px;transition:border-color .28s,box-shadow .28s;overflow:hidden}.about-panel.is-open{border-color:#b794ff57;box-shadow:0 30px 90px #7941692b,inset 0 1px #ffffff94}.about-master-toggle{text-align:left;background:radial-gradient(circle at 14% 20%,#ffffff9e,#0000 34%),linear-gradient(120deg,#b794ff17,#ff8fab24,#5eead417);border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(14px,3vw,30px);width:100%;min-height:clamp(150px,19vw,220px);padding:clamp(28px,5vw,58px);display:grid;position:relative;overflow:hidden}.about-master-toggle:before{content:"";background:var(--brand-gradient);opacity:.16;filter:blur(2px);border-radius:50%;width:240px;height:240px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;bottom:-150px;right:-88px}.about-master-toggle:is(:hover,:active):before,.about-panel.is-open .about-master-toggle:before{opacity:.25;transform:translate(-22px,-18px)scale(1.16)}.about-master-toggle h2{z-index:1;color:#0000;background:var(--brand-gradient);letter-spacing:-.08em;filter:drop-shadow(0 15px 34px #b273bf24);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Comfortaa,Quicksand,sans-serif;font-size:clamp(3.5rem,8vw,7rem);font-weight:700;line-height:.9;position:relative}.about-master-toggle>span{z-index:1;border:1px solid var(--glass-line);background:var(--glass-strong);min-width:48px;height:48px;color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font:500 .68rem DM Mono,monospace;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff8c}.about-master-toggle>svg{z-index:1;transition:transform .3s cubic-bezier(.22,1,.36,1);position:relative}.about-panel.is-open .about-master-toggle>svg{transform:rotate(180deg)}.about-master-body,.about-category-body,.about-answer-wrap{overflow:hidden}.about-categories{gap:10px;padding:0 clamp(12px,2.2vw,24px) clamp(12px,2.2vw,24px);display:grid}.about-category{border:1px solid var(--line);background:#ffffff30;border-radius:23px;transition:border-color .22s,background .22s,box-shadow .22s;overflow:hidden}[data-mood=dusk] .about-category{background:#ffffff09}.about-category.is-open{background:#ffffff47;border-color:#ff8fab4d;box-shadow:0 15px 38px #69355b14}[data-mood=dusk] .about-category.is-open{background:#ffffff0e}.about-category-toggle{width:100%;min-height:76px;color:var(--ink-strong);text-align:left;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 18px;transition:background .22s;display:grid}.about-category-toggle:is(:hover,:active),.about-category.is-open>.about-category-toggle{background:linear-gradient(120deg,#b794ff1f,#ff8fab21)}.about-category-index{color:var(--ink-soft);letter-spacing:.12em;font:400 .62rem DM Mono,monospace}.about-category-toggle>strong{font-family:Comfortaa,Noto Sans TC,sans-serif;font-size:clamp(1rem,1.8vw,1.22rem);font-weight:700}.about-category-count{min-width:32px;height:32px;color:var(--ink-soft);background:#ffffff5c;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font:500 .62rem DM Mono,monospace;display:inline-flex}[data-mood=dusk] .about-category-count{background:#ffffff12}.about-category-toggle>svg{transition:transform .26s}.about-category.is-open>.about-category-toggle>svg{transform:rotate(180deg)}.about-questions{border:1px solid var(--line);background:#ffffff40;border-radius:18px;margin:0 12px 12px;overflow:hidden}[data-mood=dusk] .about-questions{background:#0b040e29}.about-question+.about-question{border-top:1px solid var(--line)}.about-question>button{width:100%;min-height:68px;color:var(--ink-strong);text-align:left;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 16px;transition:background .22s;display:grid}.about-question>button:is(:hover,:active),.about-question.is-open>button{background:linear-gradient(120deg,#b794ff1f,#ff8fab21)}.about-question>button>span{color:var(--ink-soft);letter-spacing:.12em;font:400 .58rem DM Mono,monospace}.about-question>button>strong{font-family:Quicksand,Noto Sans TC,sans-serif;font-size:clamp(.9rem,1.4vw,1rem);font-weight:700}.about-question>button>svg{transition:transform .24s}.about-question.is-open>button>svg{transform:rotate(180deg)}.about-answer{color:var(--ink);padding:2px 22px 22px 63px;font-size:.86rem;font-weight:600;line-height:1.75}.about-answer p{margin:0 0 12px}.about-answer ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.about-answer li{padding-left:17px;position:relative}.about-answer li:before{content:"";background:var(--brand-gradient);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:0}.about-answer li>ul{margin-top:8px;padding-left:9px}.about-answer a{color:var(--ink-strong);text-underline-offset:4px;-webkit-text-decoration:underline #ff8fab8c;text-decoration:underline #ff8fab8c;text-decoration-thickness:2px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:92px;padding:22px 0 30px;display:grid}.site-footer>span:first-child{color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;justify-self:start;font-family:Comfortaa,sans-serif;font-size:1rem;font-weight:700}.site-footer nav{color:var(--ink-soft);justify-self:center;gap:22px;font-family:Quicksand,sans-serif;font-size:.71rem;font-weight:700;display:flex}.site-footer nav a{transition:color .2s,transform .2s}.site-footer nav a:is(:hover,:active){color:var(--ink-strong);transform:translateY(-2px)}.footer-meta{justify-self:end;align-items:center;gap:12px;display:flex}.view-counter{opacity:.82;align-items:center;min-height:20px;transition:opacity .2s,transform .2s;display:inline-flex}.view-counter:is(:hover,:active){opacity:1;transform:translateY(-2px)}.view-counter img{width:auto;height:20px;display:block}.footer-meta>span{color:var(--ink-soft);font:400 .59rem DM Mono,monospace}@media (width<=760px){.performance-gallery{z-index:1;width:100vw;height:148px;min-height:0;margin:0 calc(50% - 50vw);position:relative;top:auto;left:auto;transform:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.photo-rail{pointer-events:auto;width:100%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:none;mask-image:none}.rail-right{display:none}.photo-rail-track,.photo-loop{flex-direction:row;height:100%}.photo-rail-track{width:max-content}.rail-left .photo-rail-track{animation:82s linear infinite photo-rail-left}.photo-loop{gap:10px;padding:0 10px 0 0}.photo-frame{--cut:14px;aspect-ratio:auto;border-radius:15px;width:148px;height:100%}.photo-wide{width:218px}.photo-tall{width:116px}@keyframes photo-rail-left{0%{transform:translate(0)}to{transform:translate(-50%)}}}@media (width<=1040px){:root{--shell:min(100% - 44px, 900px)}.project-grid{grid-template-columns:1fr}.project-card{min-height:480px}.project-copy{padding-top:52px}}@media (width<=1160px){.site-header{padding:7px 154px 7px 7px}.site-header>.site-language-switch{left:auto;right:59px}}@media (width<=760px){:root{--shell:calc(100% - 28px)}.site-header{border-radius:20px;width:calc(100% - 20px);height:62px;padding:6px 142px 6px 6px;top:10px}.site-header>.icon-button{top:9px;right:9px}.site-header>.site-language-switch{top:9px;left:auto;right:56px}.site-language-switch{min-height:44px}.site-language-switch button{min-width:34px;padding:0 6px;font-size:.57rem}.site-nav{gap:4px;font-size:.68rem}.site-nav>.projects-control>button,.site-nav>.kcis-control>button,.site-nav>.contact-control>button{border-radius:14px;min-height:48px;padding:0 8px}.projects-popover,.kcis-popover,.contact-popover{transform-origin:top;width:auto;margin-right:0;position:fixed;top:81px;left:14px;right:14px}.hero{gap:18px;min-height:auto;padding-top:106px;padding-bottom:0}.hero-center{margin-top:0}.hero-title{letter-spacing:-.095em;font-size:clamp(4rem,21.6vw,7.7rem)}.hero-kicker{font-size:.58rem}.hero-disciplines{gap:9px}.hero-links{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.project-dock{border-radius:21px;width:100%}.project-dock a{text-align:center;flex-direction:column;justify-content:center;gap:3px;min-height:64px;padding:10px 7px;display:flex}.project-dock a svg{display:none}.project-dock strong{max-width:100%;font-size:.7rem}.projects{padding-top:26px}.project-card{border-radius:27px;min-height:520px;padding:20px}.project-copy{padding-top:48px}.project-card h2{font-size:clamp(2.15rem,10vw,3.2rem)}.about{padding-top:30px}.about-panel{border-radius:27px}.about-master-toggle{grid-template-columns:minmax(0,1fr) auto auto;gap:11px;min-height:138px;padding:24px 20px}.about-master-toggle h2{font-size:clamp(3.15rem,16vw,5rem)}.about-master-toggle>span{min-width:40px;height:40px;padding:0 9px}.about-categories{gap:7px;padding:0 9px 9px}.about-category{border-radius:19px}.about-category-toggle{grid-template-columns:31px minmax(0,1fr) auto auto;gap:8px;min-height:68px;padding:11px 13px}.about-category-count{min-width:29px;height:29px;padding:0 7px}.about-questions{border-radius:15px;margin:0 7px 7px}.about-question>button{grid-template-columns:31px minmax(0,1fr) auto;gap:8px;min-height:64px;padding:10px 12px}.about-answer{padding:0 14px 19px 49px;font-size:.82rem}.site-footer{grid-template-columns:1fr auto;padding-bottom:90px}.site-footer nav{grid-area:2/1/auto/-1;justify-content:space-between;justify-self:stretch}.site-footer>span:first-child{grid-area:1/1}.footer-meta{grid-area:1/2}}@media (width<=480px){.site-header{padding:6px 130px 6px 6px}.site-language-switch button{min-width:31px;padding:0 5px}.site-nav{gap:3px;font-size:.62rem}.site-nav>.projects-control>button,.site-nav>.kcis-control>button,.site-nav>.contact-control>button{padding:0 5px}.performance-gallery{height:116px}.photo-frame{border-radius:14px;width:112px}.photo-wide{width:166px}.photo-tall{width:88px}.hero-title{font-size:clamp(3.65rem,20.9vw,6.1rem)}.hero-disciplines{gap:7px}.discipline{padding:6px 9px;font-size:.6rem}.hero-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.hero-links a{gap:6px;min-height:50px;padding:0 7px;font-size:.68rem}.hero-links a svg:last-child{display:none}.project-dock a{min-width:0}.project-icon{width:44px;height:44px}}@media (pointer:coarse){.dream-background-pointer,.project-spotlight{display:none}.photo-frame{opacity:.74}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}