:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b1010;--ink-2:#111817;--paper:#f5f1e8;--muted:#f5f1e8ad;--line:#f5f1e824;--jade:#7be4c6;--gold:#f1c46b;--rose:#f48f92;--gutter:clamp(22px, 6vw, 96px);--space-section:clamp(74px, 10vw, 150px);--maxw:1320px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease:cubic-bezier(.22, 1, .36, 1);background:var(--ink);color:var(--paper);font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{min-width:320px;margin:0;overflow-x:hidden}img{max-width:100%;display:block}::selection{background:var(--jade);color:var(--ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}a{color:inherit;text-decoration:none}:where(a,button,.primary-action,.secondary-action):focus-visible{outline:2px solid var(--jade);outline-offset:4px;border-radius:2px}.site-header{z-index:50;height:76px;padding:14px var(--gutter);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0b1010db,#0b10101f);border-bottom:1px solid #f5f1e814;justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.brand-lockup{width:176px;height:54px;display:block;overflow:hidden}.brand-lockup img{object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px #0000007a);width:100%;height:100%}nav{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:clamp(16px,4vw,44px);font-family:Georgia,Times New Roman,serif;font-size:13px;display:flex}nav a{opacity:.74;padding-bottom:3px;transition:opacity .18s;position:relative}nav a:after{content:"";background:var(--jade);transform-origin:0;width:100%;height:1px;transition:transform .22s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}nav a:hover{opacity:1}nav a:hover:after{transform:scaleX(1)}.hero{min-height:100svh;padding:clamp(124px, 17vh, 184px) var(--gutter) clamp(56px, 8vh, 96px);isolation:isolate;align-content:end;display:grid;position:relative;overflow:hidden}.hero-bg{z-index:-3;object-fit:cover;object-position:58% center;filter:saturate(1.08)contrast(1.03)brightness(1.16);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.hero-shade{z-index:-2;background:radial-gradient(135% 118% at 0 100%,#060a0af0 0%,#060a0a8f 26%,#060a0a1f 50%,#0000 66%),linear-gradient(#060a0a6b 0%,#060a0a0a 22%,#0000 48%,#080b0a80 82%,#0b1010eb 100%);position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(180deg, transparent, var(--ink));height:26vh;position:absolute;inset:auto 0 0}.hero-content{width:min(620px,100%)}.kicker,.section-label,.work-body p,.contact-copy p{letter-spacing:.16em;text-transform:uppercase;color:var(--jade);margin:0;font-family:Georgia,Times New Roman,serif;font-size:13px}.kicker{align-items:center;gap:14px;display:inline-flex}.kicker:before{content:"";opacity:.7;background:currentColor;width:34px;height:1px}h1,h2,h3,p{margin-top:0}.hero-copy{color:#f5f1e8eb;text-wrap:balance;max-width:540px;margin:clamp(46px,7vh,82px) 0 34px;font-size:clamp(19px,2vw,26px);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.primary-action,.secondary-action,.contact-copy a{min-height:48px;color:var(--paper);letter-spacing:.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .22s var(--ease), border-color .22s ease, background .22s ease, box-shadow .22s ease;background:#f5f1e814;border:1px solid #f5f1e83d;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:700;display:inline-flex}.primary-action{background:var(--paper);border-color:var(--paper);color:var(--ink)}.primary-action:hover{transform:translateY(-3px);box-shadow:0 16px 34px #0006}.secondary-action:hover,.contact-copy a:hover{background:#f5f1e824;border-color:#f5f1e8b3;transform:translateY(-3px)}.hero-index{right:var(--gutter);letter-spacing:.04em;color:#f5f1e8bd;align-items:center;gap:16px;font-family:Georgia,Times New Roman,serif;font-size:12px;display:flex;position:absolute;bottom:38px}.hero-index span{position:relative}.hero-index span:not(:last-child):after{content:"";background:#f5f1e847;width:1px;height:12px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.hero-index span:first-child{color:var(--gold);font-size:20px}.studio-section,.works-section,.signal-section,.contact-section{padding:var(--space-section) var(--gutter)}.studio-section{background:linear-gradient(180deg, var(--ink), #13201c 58%, #101515)}.section-label{display:block}.studio-grid{max-width:var(--maxw);grid-template-columns:minmax(0,1.1fr) minmax(300px,.78fr);align-items:start;gap:clamp(32px,7vw,100px);margin:26px auto 0;display:grid}.studio-grid h2,.section-heading h2,.signal-text h2,.contact-copy h2{letter-spacing:0;text-wrap:balance;margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5.2vw,78px);font-weight:500;line-height:1.05}.studio-copy{color:var(--muted);font-size:18px;line-height:1.9}.principles{gap:0;margin-top:34px;display:grid}.principles span{border-top:1px solid var(--line);color:var(--paper);transition:color .2s ease, padding-left .24s var(--ease);padding:14px 0;font-family:Georgia,Times New Roman,serif;font-size:18px}.principles span:last-child{border-bottom:1px solid var(--line)}.principles span:hover{color:var(--jade);padding-left:10px}.works-section{background:#101515}.section-heading{width:min(940px,100%);max-width:var(--maxw);gap:22px;margin:0 auto 50px;display:grid}.work-list{max-width:var(--maxw);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px);margin:0 auto;display:grid}.work-card{background:#151d1c;border:1px solid #f5f1e81f;grid-template-rows:auto 1fr;transition:border-color .26s,box-shadow .26s,background .26s;display:grid;position:relative;overflow:hidden}.work-card:after{content:"";border-top:3px solid var(--accent);opacity:.85;pointer-events:none;transition:opacity .26s;position:absolute;inset:0}.work-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:#18211f;box-shadow:0 26px 60px #00000073}.work-card:hover:after{opacity:1}.work-media{aspect-ratio:5/4;background:#0d1212;overflow:hidden}.work-media img{object-fit:cover;width:100%;height:100%;transition:transform .62s var(--ease);transform:scale(1.02)}.work-card:hover .work-media img{transform:scale(1.08)}.work-body{align-content:start;gap:12px;padding:clamp(22px,2vw,30px);display:grid}.work-number{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:1}.work-body h3{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.12}.work-body>span:not(.work-number){color:#f5f1e880;letter-spacing:.04em;font-size:13px}.work-body strong{color:#f5f1e8d1;max-width:34ch;font-size:17px;font-weight:400;line-height:1.7}.signal-section{background:linear-gradient(90deg, #e8efe4e6 0%, #e8efe4c7 34%, #e8efe447 62%, #e8efe414 100%), radial-gradient(circle at 78% 76%, #ffb15c57, transparent 34%), radial-gradient(circle at 16% 20%, #7be4c633, transparent 30%), var(--signal-backdrop,none), linear-gradient(135deg, #f3eadc 0%, #ceded0 55%, #e3a06d 100%);color:#101515;isolation:isolate;background-position:50%,50%,50%,50%,50%;background-size:cover,auto,auto,cover,auto;grid-template-columns:minmax(0,.82fr) minmax(360px,1fr);align-items:center;gap:clamp(34px,7vw,92px);display:grid;position:relative;overflow:hidden}.signal-section:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 22%,#f5f1e88a,#0000 38%),radial-gradient(at 82%,#0000 34%,#1015151a 82%),linear-gradient(#f5f1e824,#0000 42%,#10151514);position:absolute;inset:0}.signal-section>*{z-index:1;max-width:var(--maxw);position:relative}.signal-text{justify-self:end;gap:20px;width:100%;max-width:620px;display:grid}.signal-text h2{color:#0e1413}.ensemble-wall{place-items:center end;width:100%;min-height:clamp(420px,40vw,640px);display:grid;overflow:visible}.ensemble-wall img{object-fit:contain;filter:drop-shadow(0 34px 44px #10151547);width:min(112%,860px);max-width:none;max-height:clamp(360px,48vw,620px);transform:translate(clamp(-36px,-3vw,-18px))}.contact-section{background:#080b0b;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);align-items:center;gap:clamp(30px,8vw,100px);min-height:62vh;display:grid}.contact-section>*{max-width:var(--maxw)}.contact-mark{background:radial-gradient(circle at 18% 18%,#7be4c61f,#0000 35%),linear-gradient(135deg,#050606,#101515);border:1px solid #f5f1e81f;padding:clamp(28px,5vw,58px);overflow:hidden}.contact-mark img{filter:drop-shadow(0 16px 30px #0000006b);width:100%;height:auto}.contact-copy{gap:24px;display:grid}.contact-copy a{width:fit-content}.contact-copy .text-link{-webkit-backdrop-filter:none;backdrop-filter:none;color:#f5f1e89e;letter-spacing:.04em;background:0 0;border:0;width:fit-content;min-height:auto;padding:0;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:500}.contact-copy .text-link:hover{box-shadow:none;color:var(--paper);background:0 0;transform:none}.editor-route{background:#080b0b}.editor-shell{height:100svh;color:var(--paper);background:linear-gradient(#f5f1e809,#0000 34%),#080b0b;grid-template-columns:minmax(360px,440px) minmax(0,1fr);display:grid}.editor-panel{background:#0b1010f5;border-right:1px solid #f5f1e81f;grid-template-rows:auto auto 1fr;min-height:0;display:grid}.editor-panel-head{border-bottom:1px solid #f5f1e81a;justify-content:space-between;align-items:start;gap:18px;padding:24px 24px 18px;display:flex}.editor-panel-head p,.editor-panel-head h1,.editor-panel-head span{margin:0}.editor-panel-head p,.editor-preview-toolbar,.editor-field span,.editor-panel legend,.editor-work-group h2{letter-spacing:.08em;text-transform:uppercase;font-family:Georgia,Times New Roman,serif}.editor-panel-head p,.editor-panel-head span{color:#f5f1e894;font-size:12px}.editor-panel-head h1{margin-top:7px;font-size:24px;font-weight:500;line-height:1.05}.editor-panel-head span{color:var(--jade);margin-top:10px;display:block}.editor-panel-head a{width:38px;height:38px;transition:transform .18s var(--ease), border-color .18s ease;background:#f5f1e80f;border:1px solid #f5f1e829;place-items:center;display:grid}.editor-panel-head a:hover{border-color:#f5f1e87a;transform:translateY(-2px)}.editor-actions{border-bottom:1px solid #f5f1e81a;grid-template-columns:1fr 1fr;gap:10px;padding:16px 24px;display:grid}.editor-actions button{min-height:40px;color:var(--paper);font:inherit;cursor:pointer;transition:transform .18s var(--ease), border-color .18s ease, background .18s ease;background:#f5f1e814;border:1px solid #f5f1e829;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.editor-actions button:hover{background:#f5f1e81f;border-color:#f5f1e87a;transform:translateY(-2px)}.editor-groups{scrollbar-color:#f5f1e847 transparent;min-height:0;padding:0 24px 26px;overflow:auto}.editor-panel fieldset{border:0;border-top:1px solid #f5f1e81f;gap:12px;margin:22px 0 0;padding:18px 0 0;display:grid}.editor-panel legend{color:var(--gold);padding:0 10px 0 0;font-size:12px}.editor-field{gap:7px;display:grid}.editor-field span{color:#f5f1e899;font-size:11px}.editor-field textarea{width:100%;color:var(--paper);font:inherit;resize:vertical;background:#f5f1e80e;border:1px solid #f5f1e824;min-height:96px;padding:10px 12px;font-size:14px;line-height:1.55}.editor-field textarea[data-compact=true]{min-height:42px}.editor-field textarea:focus{border-color:#7be4c6b8;outline:0;box-shadow:0 0 0 3px #7be4c61f}.editor-field-controls{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.editor-field-controls button,.editor-rich-actions button{color:#f5f1e8d1;min-height:34px;font:inherit;cursor:pointer;background:#f5f1e80f;border:1px solid #f5f1e824;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.editor-field-controls button:hover:not(:disabled),.editor-rich-actions button:hover:not(:disabled){color:var(--paper);background:#f5f1e81c;border-color:#f5f1e86b}.editor-field-controls button:disabled,.editor-rich-actions button:disabled{cursor:default;opacity:.42}.editor-size-control{background:#0000001f;border:1px solid #f5f1e81f;grid-template-columns:auto minmax(70px,1fr) 54px auto;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 10px;display:grid}.editor-size-control input[type=range]{min-width:0;accent-color:var(--jade)}.editor-size-number{width:54px;min-height:26px;color:var(--paper);font:inherit;text-align:center;background:#f5f1e80f;border:1px solid #f5f1e81f;font-size:12px}.editor-size-number:focus{border-color:#7be4c6b8;outline:0}.editor-size-control>span{letter-spacing:0;text-transform:none;font-family:inherit;font-size:11px}.editor-rich-control{background:linear-gradient(#7be4c60d,#0000),#00000024;border:1px solid #7be4c629;gap:8px;padding:10px;display:grid}.editor-selection-readout{color:#f5f1e88f;justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-selection-readout span{letter-spacing:0;text-transform:none;font-family:inherit;font-size:11px}.editor-rich-actions{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.editor-work-group{background:#f5f1e809;border:1px solid #f5f1e81f;gap:12px;padding:16px;display:grid}.editor-work-group h2{color:var(--jade);margin:0;font-size:13px;font-weight:500}.editor-preview-wrap{background-color:#101515;background-image:linear-gradient(90deg,#f5f1e80f,#0000 1px),linear-gradient(#f5f1e80f,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.editor-preview-toolbar{color:#f5f1e8b8;background:#080b0bd1;border-bottom:1px solid #f5f1e81f;justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:0 22px;font-size:12px;display:flex}.editor-preview-toolbar span:first-child{color:var(--paper)}.editor-preview{background:var(--ink);scrollbar-color:#f5f1e847 transparent;min-width:0;overflow:auto}.editor-preview .site-shell{background:var(--ink);min-width:320px}.editor-preview .site-header{top:0;position:sticky;inset:auto}.editor-preview .hero{min-height:720px}.editor-preview .hero-index{position:absolute}@keyframes hero-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-pan{0%{transform:scale(1.04)}to{transform:scale(1.13)translate(-1.5%,-1%)}}@media (prefers-reduced-motion:no-preference){.hero-content{animation:hero-in .9s var(--ease-out) both}.hero-index{animation:hero-in .9s var(--ease-out) .22s both}.hero-bg{animation:32s ease-in-out infinite alternate hero-pan}.js-reveal .reveal{opacity:0;transition:opacity .72s var(--ease-out), transform .72s var(--ease-out);transform:translateY(28px)}.js-reveal .reveal.is-visible{opacity:1;transform:none}.js-reveal .work-list .reveal:nth-child(2){transition-delay:90ms}.js-reveal .work-list .reveal:nth-child(3){transition-delay:.18s}}@media (width<=980px){.editor-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.editor-panel{border-bottom:1px solid #f5f1e81f;border-right:0}.editor-groups{max-height:58vh}.editor-preview-wrap{min-height:80vh}.site-header{height:68px}.brand-lockup{width:148px;height:46px}nav{gap:18px;font-size:12px}.studio-grid,.signal-section,.contact-section{grid-template-columns:1fr}.signal-text{justify-self:stretch;max-width:none}.work-list{grid-template-columns:1fr;max-width:560px}.work-media{aspect-ratio:16/10}.hero-index{display:none}}@media (width<=620px){.editor-field-controls,.editor-rich-actions{grid-template-columns:1fr}.editor-field-controls button,.editor-rich-actions button{width:100%}.site-header{height:58px;padding:8px var(--gutter);gap:12px}.brand-lockup{width:116px;height:36px}nav{letter-spacing:.05em;gap:15px;font-size:11px}nav a{opacity:.82}.hero{min-height:92svh;padding-top:96px;padding-bottom:64px}.hero-bg{object-position:64% center;filter:saturate(1.08)contrast(1.02)brightness(1.2)}.hero-shade{background:radial-gradient(150% 80% at 0 100%,#060a0aeb 0%,#060a0a99 32%,#060a0a33 60%,#0000 78%),linear-gradient(#060a0a57 0%,#0000 38%,#0b1010f0 100%)}.hero-actions{flex-direction:column;align-items:stretch}.primary-action,.secondary-action{width:100%}.ensemble-wall{justify-items:center;min-height:auto}.ensemble-wall img{filter:drop-shadow(0 20px 30px #1015153d);width:112%;max-width:none;max-height:none;transform:translate(-3%)}}