:root{--ink:#0d0d0c;--ink-raised:#171716;--ash:#252522;--paper:#f1eee7;--muted:#aaa69d;--signal:#f36a3d;--metal:#b8b4ad;--line:#f1eee724;--ease-out:cubic-bezier(.2,.8,.2,1);color:var(--paper);background:var(--ink);font-synthesis:none;line-break:strict;word-break:normal;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 65% 32rem at 88% 5%,#292825 0%,transparent 70%),var(--ink);margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,100% - 48px);margin:auto}.skip{z-index:30;background:var(--signal);color:var(--ink);padding:.7rem 1rem;font-weight:800;position:fixed;top:-5rem;left:1rem}.skip:focus{top:1rem}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.mark{letter-spacing:.02em;font-size:.93rem;font-weight:700}.mark span{background:var(--signal);width:2rem;height:2rem;color:var(--ink);place-items:center;margin-right:.5rem;font-weight:900;display:inline-grid}.nav-links{gap:2rem;font-size:.9rem;display:flex}.nav-links a,.text-link{transition:border-color .2s var(--ease-out);border-bottom:1px solid #0000}.nav-links a:hover,.text-link:hover{border-color:var(--signal)}.menu-button{color:var(--paper);font:inherit;background:0 0;border:0;align-items:center;gap:.5rem;display:none}.menu-button span{background:var(--signal);width:16px;height:1px;display:inline-block}.mobile-menu{display:none}.hero{grid-template-columns:.94fr 1.06fr;align-items:center;gap:4rem;min-height:calc(100vh - 88px);padding:4rem 0 5rem;display:grid}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 1.4rem;font-size:.72rem;font-weight:700}.signal{color:var(--signal)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em}h1{margin-bottom:2rem;font-size:clamp(3.5rem,7.5vw,7.5rem);font-weight:850;line-height:.9}h1 em{color:var(--signal);font-style:normal}h2{margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.92}.lead{max-width:35rem;color:var(--muted);font-size:1.08rem;line-height:1.85}.actions{align-items:center;gap:1.5rem;margin-top:2.4rem;display:flex}.button{background:var(--signal);color:var(--ink);transition:transform .2s var(--ease-out),background .2s;padding:1rem 1.2rem;font-weight:850}.button:hover{background:#ff8b5d;transform:translateY(-3px)}.button span{margin-left:1.3rem}.text-link{font-size:.9rem}.scene-shell{border:1px solid var(--line);background:linear-gradient(135deg,#20201e,#111110 48%,#262520);height:min(55vw,590px);min-height:380px;position:relative;overflow:hidden}.scene-shell:before{content:"";pointer-events:none;border:1px solid #f1eee714;position:absolute;inset:12px}.hero-canvas,.scene-fallback{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.hero-canvas:active{cursor:grabbing}.scene-fallback{background:linear-gradient(150deg,#242420,#10100f);place-items:center;display:grid}.scene-fallback svg{fill:none;stroke:url(#metal);stroke-width:33px;stroke-linecap:round;stroke-linejoin:round;width:88%;height:88%}.scene-shell p{z-index:1;color:var(--muted);margin:0;font-size:.76rem;position:absolute;bottom:1rem;left:1rem}.reel{border-top:1px solid var(--line);grid-template-columns:.9fr 1.1fr;align-items:end;gap:8rem;padding:8rem 0;display:grid}.reel>div:first-child p:last-child,.about>p:last-child{color:var(--muted);max-width:33rem;line-height:1.8}.poster{aspect-ratio:16/10;border:1px solid var(--line);color:var(--muted);letter-spacing:.1em;background:linear-gradient(140deg,#24231f,#151514 58%,#302119);flex-direction:column;justify-content:space-between;padding:1rem;font-size:.7rem;display:flex;position:relative;overflow:hidden}.poster:before,.poster:after{content:"";border:1px solid #f1eee747;position:absolute;transform:rotate(-24deg)}.poster:before{border-color:var(--signal);width:22%;height:140%;top:-18%;left:37%}.poster:after{width:12%;height:105%;top:2%;left:54%}.poster-shape{border-top:18px solid var(--metal);width:48%;height:32%;box-shadow:28px 17px 0 -11px var(--signal);border-bottom:18px solid #5b5852;position:absolute;top:35%;left:23%;transform:skew(-28deg)rotate(-12deg)}.poster small{z-index:1;letter-spacing:0;font-size:.8rem}.works{padding:8rem 0}.section-heading{grid-template-columns:1.4fr 1fr;column-gap:3rem;margin-bottom:3rem;display:grid}.section-heading .eyebrow{grid-column:1/-1}.section-heading p:last-child{color:var(--muted);align-self:end;line-height:1.8}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.work-card{border-top:1px solid var(--line);background:var(--ink-raised);min-width:0;transition:transform .3s var(--ease-out),background .3s;flex-direction:column;display:flex}.work-card:hover{background:var(--ash);transform:translateY(-6px)}.card-art{aspect-ratio:16/10;background:#24231f;height:auto;position:relative;overflow:hidden}.detail-art{background:#24231f;height:min(48vw,530px);position:relative;overflow:hidden}.card-art:after{content:"";background:linear-gradient(105deg,#4a4944,#ccc7ba 47%,#464540 49%,#d56740);width:70%;height:28%;position:absolute;top:36%;left:12%;transform:skewY(-19deg)rotate(-9deg);box-shadow:0 22px 0 -11px #00000080}.art-index{color:var(--muted);font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.card-art b{z-index:1;text-align:right;color:var(--paper);font-size:.78rem;line-height:1.15;position:absolute;bottom:1rem;right:1rem}.art-surface{border:1px solid #f1eee733;position:absolute;inset:20% 18%;transform:rotate(12deg)}.art-surface span{background:var(--signal);display:block;position:absolute;inset:17%;transform:translate(23%,18%)}.violet .card-art,.violet.detail-art{background:#242321}.violet .card-art:after{background:linear-gradient(105deg,#373632,#e4dfd4 45%,#41403b 47%,#f36a3d)}.violet .art-surface span{background:#b8b4ad}.coral .card-art,.coral.detail-art{background:#30221c}.coral .card-art:after{background:linear-gradient(105deg,#4e3024,#e6dfd1 42%,#4b3830 44%,#f36a3d)}.coral .art-surface span{background:#ded6c8}.card-body{flex-direction:column;flex:1;padding:1.4rem;display:flex}.card-body .eyebrow{margin-bottom:.8rem;font-size:.66rem}.card-body h3{letter-spacing:-.04em;margin-bottom:.8rem;font-size:1.7rem}.card-body>p{color:var(--muted);min-height:4.8rem;font-size:.92rem;line-height:1.7}.card-body ul{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.card-body li{border-bottom:1px solid var(--line);padding:.25rem 0;font-size:.7rem}.arrow{color:var(--signal);font-size:.85rem;font-weight:700}.method{background:var(--ash);color:var(--paper);padding:9rem 0}.method .eyebrow{color:#c5b7a9}.method-grid{grid-template-columns:1fr 1fr;gap:6rem;display:grid}.method ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.method li{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:1rem;padding:1.5rem 0;display:grid}.method li b{color:var(--signal)}.method li h3{margin-bottom:.5rem;font-size:1.25rem}.method li p{color:var(--muted);margin:0;line-height:1.7}.about{padding:9rem 0}.about h2{max-width:50rem}.about>p:last-child{font-size:1.15rem}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:2rem 0 3rem;font-size:.76rem;display:flex}footer .mark{color:var(--paper)}.detail{padding:4rem 0 7rem}.back{border-bottom:1px solid var(--line);margin-bottom:5rem;padding-bottom:.4rem;font-size:.85rem;display:inline-block}.detail h1{margin-bottom:1.4rem}.detail-lead{color:var(--muted);max-width:52rem;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.65}.detail-art{place-items:center;height:min(48vw,530px);margin:4rem 0;display:grid}.detail-art strong{z-index:1;letter-spacing:-.06em;font-size:clamp(2rem,6vw,5rem)}.detail dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 7rem;padding:1.5rem 0;display:grid}.detail dt{color:var(--muted);margin-bottom:.6rem;font-size:.75rem}.detail dd{margin:0;font-size:.95rem;line-height:1.6}.case-grid{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.case-grid section:first-child{grid-column:span 2}.case-grid h2{font-size:clamp(2rem,3vw,3.5rem)}.case-grid p:last-child{color:var(--muted);line-height:1.8}.next-work{border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin-top:7rem;padding-top:1.5rem;display:flex}.next-work span{color:var(--muted);font-size:.8rem}.next-work b{letter-spacing:-.05em;color:var(--signal);font-size:clamp(1.5rem,3vw,3rem)}a:focus-visible,button:focus-visible{outline:3px solid var(--signal);outline-offset:4px}@media (width<=860px){.wrap{width:min(100% - 32px,1240px)}.nav{height:72px}.nav-links{display:none}.menu-button{display:flex}.mobile-menu{z-index:20;background:var(--ink-raised);max-height:0;transition:max-height .3s var(--ease-out);display:block;position:absolute;left:0;right:0;overflow:hidden}.mobile-menu.is-open{border-bottom:1px solid var(--line);max-height:20rem}.mobile-menu a{letter-spacing:-.05em;padding:1rem;font-size:2.2rem;font-weight:800;display:block}.hero{grid-template-columns:1fr;gap:2.5rem;min-height:auto;padding:3rem 0 4rem}.scene-shell{height:calc(100vw - 32px);min-height:0}.reel,.method-grid{grid-template-columns:1fr;gap:3rem;padding:5rem 0}.works,.about{padding:5rem 0}.section-heading{grid-template-columns:1fr;gap:0}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:auto}.method{padding:5rem 0}.detail{padding-top:3rem}.back{margin-bottom:3rem}.detail dl,.case-grid{grid-template-columns:1fr;gap:1.5rem}.detail dl{margin-bottom:4rem}.case-grid section:first-child{grid-column:auto}.next-work{gap:1rem;margin-top:4rem;display:grid}.detail-art{height:65vw;margin:3rem 0}footer{gap:1rem;display:grid}.actions{flex-wrap:wrap}}@media (width<=560px){.work-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}