.cdd{--cdd-paper:#f7f4ee;--cdd-ink:#302d28;--cdd-muted:#6b6258;--cdd-accent:#a43d28;--cdd-rule:#d9d1c5;background:var(--cdd-paper);color:var(--cdd-ink);font-family:Noto Sans TC,sans-serif;font-size:16px;line-height:1.8;overflow:clip}.cdd *{box-sizing:border-box}.cdd a{text-decoration:none;color:inherit}.cdd button,.cdd input{font:inherit}.cdd button{cursor:pointer}.cdd a:focus-visible,.cdd button:focus-visible,.cdd input:focus-visible,.cdd summary:focus-visible{outline:3px solid var(--cdd-accent);outline-offset:5px}.cdd h1,.cdd h2,.cdd h3,.cdd p,.cdd figure{margin:0}.cdd img{display:block;width:100%;height:100%;object-fit:cover}.cdd-skip{position:absolute;left:24px;top:-100px;padding:10px 20px;background:#fff;z-index:100}.cdd-skip:focus{top:12px}.cdd-header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cdd-rule)}.cdd-wordmark{display:flex;gap:18px;align-items:center;font-size:28px;font-weight:800;letter-spacing:-.03em}.cdd-wordmark span{font-size:10px;letter-spacing:.16em;font-weight:600;max-width:70px;line-height:1.5}.cdd-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.cdd-nav-contact{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--cdd-accent);padding:7px 0}.cdd-header nav a:hover,.cdd-text-link:hover{color:var(--cdd-accent)}.cdd-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:5%;padding:80px 5% 100px}.cdd h1{font-size:clamp(38px,4.4vw,68px);line-height:1.32;letter-spacing:-.035em;font-weight:600;text-wrap:balance}.cdd h1 span{color:var(--cdd-accent);display:block}.cdd-hero-copy>p{margin-top:25px;color:var(--cdd-muted);font-size:17px}.cdd-text-link{display:inline-flex;align-items:center;gap:18px;font-weight:600;font-size:14px;min-height:44px}.cdd-hero-copy>.cdd-text-link{margin-top:25px}.cdd-hero-person{margin-top:44px;display:flex;gap:14px;align-items:center;font-size:13px}.cdd-hero-person img{width:48px;height:48px;border-radius:50%;object-position:center 25%}.cdd-hero-person small{font-size:12px;color:var(--cdd-muted)}.cdd-collage{position:relative;min-width:0;height:430px;animation:cdd-unfold .9s cubic-bezier(.16,1,.3,1) both}.cdd-collage-main{position:absolute;width:88%;height:295px;left:0;top:0;background:#181b28;border-radius:4px;overflow:hidden;box-shadow:0 18px 40px #302d281c}.cdd-collage-main img{height:245px;object-fit:cover}.cdd-collage-main figcaption{padding:12px 16px;color:#f7f4ee;font-size:12px;display:flex;justify-content:space-between;gap:8px}.cdd-collage-main figcaption span{opacity:.8}.cdd-collage-small{position:absolute;width:31%;height:280px;right:0;bottom:0;background:#fff;padding:7px 7px 0;transform:rotate(5deg);box-shadow:0 16px 40px #302d2826}.cdd-collage-small img{height:240px;object-fit:contain;background:#f2d6a7}.cdd-collage-small figcaption{font-size:10px;text-align:center;line-height:30px}.cdd-collage-caption{position:absolute;left:4%;bottom:35px;font-size:22px;font-weight:500}.cdd-collage-caption p{color:var(--cdd-muted);font-size:14px;margin-top:5px}.cdd-workspace{max-width:1440px;margin:auto;padding:0 5% 95px;scroll-margin-top:24px}.cdd-works-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.cdd h2{font-size:clamp(26px,2.8vw,40px);font-weight:600;line-height:1.45;letter-spacing:-.025em;text-wrap:balance}.cdd-works-heading p{font-size:14px;color:var(--cdd-muted);margin-top:9px}.cdd-filter-bar{border-top:1px solid var(--cdd-rule);border-bottom:1px solid var(--cdd-rule);padding:16px 0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}.cdd-categories{display:flex;gap:5px;flex-wrap:wrap}.cdd-categories button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:10px 13px;color:var(--cdd-muted);font-size:14px;min-height:44px;border-radius:6px}.cdd-categories button span{font-size:10px}.cdd-categories button[aria-pressed=true]{background:var(--cdd-ink);color:var(--cdd-paper)}.cdd-categories button:hover{background:#e7e0d5;color:var(--cdd-ink)}.cdd-categories button[aria-pressed=true]:hover{background:var(--cdd-ink);color:var(--cdd-paper)}.cdd-search{display:flex;align-items:center;gap:8px;color:var(--cdd-muted);min-width:210px;max-width:100%;padding:8px 0;border-bottom:1px solid var(--cdd-rule)}.cdd-search input{border:0;background:transparent;outline-offset:4px;min-width:0;width:190px;font-size:13px;color:var(--cdd-ink)}.cdd-search input::placeholder{color:var(--cdd-muted)}.cdd-search button{background:transparent;border:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--cdd-muted)}.cdd-styles{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;padding:18px 0 10px}.cdd-styles>span{font-size:12px;color:var(--cdd-muted);margin-right:5px}.cdd-styles button{border:1px solid transparent;background:transparent;color:var(--cdd-muted);font-size:12px;border-radius:20px;padding:6px 12px;min-height:36px}.cdd-styles button[aria-pressed=true]{color:var(--cdd-accent);border-color:var(--cdd-accent);background:#f6e8dd}.cdd-styles button:hover{background:#eee5d9}.cdd-result-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;min-height:30px;font-size:12px;color:var(--cdd-muted)}.cdd-result-line button{border:0;background:transparent;display:flex;gap:7px;align-items:center;color:var(--cdd-accent);font-size:12px;min-height:36px}.cdd-group{padding-top:54px}.cdd-group+.cdd-group{padding-top:70px}.cdd-group-heading{display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cdd-rule);padding-bottom:18px;margin-bottom:28px}.cdd-group-heading h2{font-size:28px;white-space:nowrap;display:flex;gap:12px;align-items:center}.cdd-group-heading h2 span{color:var(--cdd-muted);font-size:12px;font-weight:400;align-self:flex-start;line-height:2}.cdd-group-heading>p{font-size:13px;color:var(--cdd-muted);max-width:440px;line-height:1.8}.cdd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px}.cdd-project{min-width:0;align-self:start}.cdd-media,.cdd-flow,.cdd-video-cover{aspect-ratio:4/3;overflow:hidden;background:#e9e2d7;position:relative;border-radius:10px;margin-bottom:15px}.cdd-media img{object-position:top;transition:transform .35s ease-out}.cdd-project:hover .cdd-media img{transform:scale(1.025)}.cdd-portrait-media{background:#292c2b}.cdd-portrait-media img{object-fit:contain;object-position:center}.cdd-media figcaption{position:absolute;bottom:8px;right:8px;border-radius:4px;background:#f7f4eef2;color:#302d28;padding:3px 8px;font-size:10px}.cdd-project-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--cdd-accent);line-height:1.7;margin-bottom:7px}.cdd-project-meta>span:last-child{color:var(--cdd-muted);text-align:right}.cdd h3{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.55}.cdd-project>p{font-size:13px;color:var(--cdd-muted);line-height:1.9;margin-top:9px}.cdd-project details{margin-top:16px;border-bottom:1px solid var(--cdd-rule);font-size:12px}.cdd-project summary{padding:10px 0;display:flex;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.cdd-project summary::-webkit-details-marker{display:none}.cdd-project details[open] summary svg{transform:rotate(45deg)}.cdd-detail{padding:2px 0 14px;line-height:1.9}.cdd-project-note{color:var(--cdd-muted);font-size:11px;margin-top:9px!important}.cdd-project-link{font-size:12px;display:inline-flex;gap:9px;align-items:center;padding-top:12px;min-height:44px;color:var(--cdd-accent)!important}.cdd-flow{padding:22px 26px;display:flex;flex-direction:column;justify-content:space-between;background:#eee8e5;color:#4d4243}.cdd-flow>span{font-size:10px;letter-spacing:.08em}.cdd-flow>div{display:flex;flex-direction:column;align-items:center;gap:4px}.cdd-flow-step{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:15px}.cdd-flow-step strong{font-weight:500}.cdd-flow-step svg{opacity:.5}.cdd-flow small{font-size:10px;opacity:.9;text-align:center}.cdd-grid-automation .cdd-flow{background:#eadfd1;color:#674c36}.cdd-video-cover{background:#8d2635;color:#faf7ec;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:30px}.cdd-film-title{font-family:"Noto Serif TC",Songti TC,serif;font-size:clamp(25px,2.2vw,36px);text-align:center;line-height:1.4}.cdd-play{display:flex;gap:12px;align-items:center;border:1px solid #f7f4ee80;border-radius:99px;padding:10px 18px;font-size:13px;background:transparent;color:#fff}.cdd-play:hover{background:#f7f4ee;color:#8d2635}.cdd-video-provider{font-size:10px;color:#d4dfd5}.cdd-video-cover iframe{position:absolute;inset:0;border:0;width:100%;height:100%}.cdd-empty{padding:80px 20px;text-align:center}.cdd-empty p{margin:12px 0 22px;color:var(--cdd-muted)}.cdd-empty button{border:0;border-radius:6px;padding:12px 20px;display:inline-flex;align-items:center;gap:12px;background:var(--cdd-accent);color:#fff}.cdd-about{max-width:1440px;margin:auto;border-top:1px solid var(--cdd-rule);padding:90px 10%;display:grid;grid-template-columns:.7fr 1fr;gap:10%;align-items:center;scroll-margin-top:35px}.cdd-about-photo{height:430px;overflow:hidden;border-radius:130px 130px 8px 8px;background:#e8dfd1}.cdd-about-photo img{object-position:center 30%}.cdd-about p{color:var(--cdd-muted);font-size:15px;margin-top:22px;max-width:65ch}.cdd-about-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:25px;font-size:13px}.cdd-about-links a{display:flex;gap:8px;align-items:center;min-height:44px}.cdd-contact{background:#92283a;color:#faf7ef;padding:75px max(5%,calc((100vw - 1296px)/2));display:flex;justify-content:space-between;align-items:center;gap:40px}.cdd-contact h2{font-size:clamp(26px,3vw,43px)}.cdd-contact p{font-size:14px;color:#f3dfe2;margin-top:20px}.cdd-contact>a{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid #f3dfe2;padding:16px 0;font-size:16px}.cdd-contact>a:hover{color:#f1bb8a}.cdd-footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 5%;font-size:11px;color:var(--cdd-muted)}.cdd-footer>a{display:flex;align-items:center;gap:6px;min-height:44px}.cdd-footer>span{color:var(--cdd-ink);white-space:nowrap}@keyframes cdd-unfold{0%{clip-path:inset(3% 0 0);filter:blur(1px)}to{clip-path:inset(0);filter:blur(0)}}@media (min-width:1450px){.cdd-contact{padding-left:calc((100vw - 1296px)/2);padding-right:calc((100vw - 1296px)/2)}}@media (max-width:1000px){.cdd-hero{padding-top:55px;gap:30px}.cdd-collage{height:360px}.cdd-collage-main{height:245px}.cdd-collage-main img{height:198px}.cdd-collage-main figcaption span{display:none}.cdd-collage-small{width:34%;height:226px}.cdd-collage-small img{height:188px}.cdd-collage-caption{font-size:19px;bottom:24px;left:0}.cdd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cdd-search,.cdd-search input{width:100%}.cdd-filter-bar{gap:5px}.cdd-about{padding:60px 5%;gap:6%}.cdd-about-photo{height:370px}.cdd-footer p{max-width:280px}}@media (max-width:640px){.cdd-header{padding:17px 6%}.cdd-wordmark{font-size:24px;gap:10px}.cdd-wordmark span{font-size:8px;max-width:55px}.cdd-header nav{gap:16px;font-size:12px}.cdd-nav-contact{display:none!important}.cdd-hero{grid-template-columns:1fr;padding:40px 6% 50px;gap:35px}.cdd h1{font-size:40px;line-height:1.33}.cdd h1 span{display:inline}.cdd-hero-copy>p{font-size:14px;margin-top:20px}.cdd-desktop-break{display:none}.cdd-hero-copy>.cdd-text-link{margin-top:17px}.cdd-hero-person{margin-top:24px;font-size:12px}.cdd-collage{height:310px;margin-top:8px}.cdd-collage-main{height:215px;width:89%}.cdd-collage-main img{height:171px}.cdd-collage-main figcaption{font-size:10px}.cdd-collage-small{height:210px;width:33%;right:3%;bottom:0}.cdd-collage-small img{height:175px}.cdd-collage-small figcaption{font-size:8px;line-height:28px}.cdd-collage-caption{bottom:16px;font-size:20px}.cdd-collage-caption p{font-size:12px}.cdd-workspace{padding:0 6% 48px}.cdd-works-heading{display:block;margin-bottom:22px}.cdd-works-heading h2{font-size:25px}.cdd-works-heading p{font-size:12px}.cdd-works-heading>a{display:none}.cdd-categories{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.cdd-categories button{justify-content:center;font-size:12px;padding:10px 5px;gap:7px}.cdd-search{margin-top:9px;padding:11px 0}.cdd-search input{font-size:14px}.cdd-styles{gap:6px;padding-top:16px}.cdd-styles>span{width:100%;margin-bottom:4px}.cdd-styles button{font-size:11px;min-height:38px;padding:5px 10px}.cdd-group{padding-top:34px}.cdd-group+.cdd-group{padding-top:45px}.cdd-group-heading{display:block;margin-bottom:22px}.cdd-group-heading h2{font-size:25px}.cdd-group-heading>p{font-size:12px;margin-top:9px}.cdd-grid{grid-template-columns:1fr;gap:32px}.cdd-media,.cdd-flow,.cdd-video-cover{aspect-ratio:4/3}.cdd h3{font-size:20px}.cdd-project>p{font-size:14px}.cdd-project-meta{font-size:11px}.cdd-project details{font-size:13px}.cdd-project-link{font-size:13px}.cdd-flow{padding:25px 30px}.cdd-flow-step{font-size:18px;gap:7px}.cdd-flow>div{gap:6px}.cdd-film-title{font-size:32px}.cdd-about{grid-template-columns:1fr;padding:48px 8%;gap:32px}.cdd-about-photo{height:340px;width:85%;margin:0 auto}.cdd-about h2{font-size:28px}.cdd-about p{font-size:14px}.cdd-contact{padding:45px 8%;display:block}.cdd-contact h2{font-size:27px}.cdd-contact p{font-size:13px}.cdd-contact>a{margin-top:22px;max-width:310px;font-size:15px}.cdd-footer{padding:22px 6%;display:flex;flex-wrap:wrap;gap:12px}.cdd-footer p{max-width:none;width:100%;order:3;font-size:10px}.cdd-footer>a{margin-left:auto}.cdd-empty{padding:55px 10px}}@media (prefers-reduced-motion:reduce){.cdd *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cdd-project:hover .cdd-media img{transform:none}}.cdd-inline-play{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:44px;padding:8px;cursor:pointer}.cdd-video-cover{gap:12px}.cdd-play{color:#fff!important}.cdd-play:hover{color:#8d2635!important}.cdd-video-poster{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:0;border-radius:10px;background:#8d2635;color:#faf7ec;margin-bottom:15px;padding:0;cursor:pointer}.cdd-video-poster img{width:100%;height:100%;object-fit:contain!important;object-position:center!important}.cdd-video-poster .cdd-film-title{padding:24px}.cdd-poster-play{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;background:#faf7eef2;color:#8d2635;padding:10px 16px;border-radius:99px;font-size:12px;box-shadow:0 2px 12px #0003}.cdd-video-poster:hover .cdd-poster-play{background:#fff}.cdd-video-poster:focus-visible{outline:3px solid var(--cdd-accent);outline-offset:4px}.cdd{--cdd-paper:#fcf9f5;--cdd-ink:#292526;--cdd-muted:#736667;--cdd-accent:#a5283d;--cdd-rule:#e3d7d4}.cdd-header{border-bottom:0}.cdd-wordmark{color:var(--cdd-accent)!important}.cdd-opening{max-width:1600px;margin:auto;position:relative;padding:52px 0 0;overflow:hidden}.cdd-opening-copy{text-align:center;position:relative;z-index:2;animation:cdd-title-arrive 1.15s cubic-bezier(.16,1,.3,1) both}.cdd-opening h1{font-family:"Noto Serif TC",Songti TC,serif;font-size:clamp(42px,5.6vw,80px);font-weight:500;line-height:1.3;letter-spacing:-.035em}.cdd-opening h1 span{color:var(--cdd-accent)}.cdd-opening-copy>p{font-size:15px;line-height:1.9;color:var(--cdd-muted);margin:22px 0}.cdd-opening-cta{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--cdd-accent);padding:8px 0;color:var(--cdd-accent)!important;font-size:14px}.cdd-exhibit{position:relative;height:390px;max-width:1300px;margin:22px auto 0;perspective:1200px}.cdd-exhibit-piece{position:absolute;width:23%;top:50px;transform-style:preserve-3d;animation:cdd-exhibit-arrive 1.5s cubic-bezier(.16,1,.3,1) both;transition:translate .35s}.cdd-exhibit-piece:hover{translate:0 -12px}.cdd-exhibit-piece figure{background:#fff;padding:7px;box-shadow:0 25px 45px #4e252524;border-radius:8px;animation:cdd-exhibit-float 7s ease-in-out infinite}.cdd-exhibit-piece img{height:190px;object-fit:contain;background:#f1ece8;border-radius:4px}.cdd-exhibit-piece figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 5px 3px;font-size:11px;line-height:1.5;color:#655759}.cdd-exhibit-piece-0{left:0;transform:rotateY(25deg) rotate(-9deg);top:86px;z-index:1}.cdd-exhibit-piece-1{left:18%;transform:rotateY(14deg) rotate(-5deg);top:27px;z-index:2;animation-delay:.08s}.cdd-exhibit-piece-2{left:39%;transform:translateZ(70px);z-index:4;animation-delay:.16s}.cdd-exhibit-piece-3{left:60%;transform:rotateY(-14deg) rotate(5deg);top:27px;z-index:2;animation-delay:.24s}.cdd-exhibit-piece-4{left:78%;transform:rotateY(-25deg) rotate(9deg);top:86px;z-index:1;animation-delay:.32s}.cdd-exhibit-piece-1 figure,.cdd-exhibit-piece-3 figure{animation-delay:-2s}.cdd-exhibit-piece-2 figure{animation-delay:-4s}.cdd-opening-foot{margin:0 5% 65px;padding:20px 0;border-top:1px solid var(--cdd-rule);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--cdd-muted)}.cdd-categories button[aria-pressed=true],.cdd-categories button[aria-pressed=true]:hover{background:var(--cdd-accent);color:#fff}.cdd-contact{background:#92283a}.cdd-contact p{color:#f3dfe2}.cdd-video-poster{background:#eee8e5;color:var(--cdd-ink)}.cdd-poster-play{background:#a5283df2;color:#fff}.cdd-video-poster:hover .cdd-poster-play{background:#862035}.cdd-flow{background:#eee8e5;color:#4d4243}@keyframes cdd-title-arrive{0%{opacity:.25;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cdd-exhibit-arrive{0%{opacity:0;translate:0 85px}to{opacity:1;translate:0 0}}@keyframes cdd-exhibit-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width:640px){.cdd-opening{padding-top:35px}.cdd-opening h1{font-size:42px}.cdd-opening-copy>p{font-size:14px;margin:20px 0}.cdd-exhibit{height:285px;width:620px;left:50%;margin-left:-310px;margin-top:24px}.cdd-exhibit-piece{width:24%;top:36px}.cdd-exhibit-piece img{height:135px}.cdd-exhibit-piece figcaption{font-size:9px}.cdd-exhibit-piece-0,.cdd-exhibit-piece-4{top:75px}.cdd-exhibit-piece-1,.cdd-exhibit-piece-3{top:20px}.cdd-opening-foot{margin-bottom:40px;font-size:10px}.cdd-opening-foot span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.cdd-opening-copy,.cdd-exhibit-piece,.cdd-exhibit-piece figure{animation:none}.cdd-exhibit-piece{transition:none}}.cdd-exhibit{display:flex;gap:25px;align-items:center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:40px;padding:40px 40px 50px;height:355px;width:100%;left:auto;margin:22px auto 0;scrollbar-width:thin;scrollbar-color:#c6a2a5 transparent}.cdd-exhibit-piece{position:relative;left:auto!important;top:auto!important;flex:0 0 250px;width:250px;scroll-snap-align:center;transform:rotateY(-9deg) rotate(2deg)}.cdd-exhibit-piece:nth-child(2n){transform:rotateY(9deg) rotate(-3deg)}.cdd-exhibit-piece img{height:190px}.cdd-exhibit-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 20px;color:var(--cdd-muted);font-size:11px}.cdd-exhibit-controls button{width:44px;height:44px;border:1px solid var(--cdd-rule);border-radius:50%;background:transparent;color:var(--cdd-accent);display:grid;place-items:center}.cdd-exhibit-controls button:hover{background:#f4e8e8}.cdd-exhibit:focus-visible{outline:2px solid var(--cdd-accent);outline-offset:-3px}@media (max-width:640px){.cdd-exhibit{height:285px;padding:25px 26px 40px;gap:20px;width:100%;left:auto;margin:20px 0 0}.cdd-exhibit-piece{flex-basis:190px;width:190px}.cdd-exhibit-piece img{height:155px}.cdd-exhibit-piece figcaption{font-size:10px}.cdd-exhibit-controls{margin-bottom:15px}}.cdd-exhibit{gap:0;padding-inline:70px;scroll-padding-inline:70px;height:390px}.cdd-exhibit-piece{flex-basis:290px;width:290px;margin-right:-65px;transform:rotateY(18deg) rotate(-7deg);z-index:1}.cdd-exhibit-piece:nth-child(2n){transform:translateY(-17px) rotateY(-12deg) rotate(5deg);z-index:2}.cdd-exhibit-piece:nth-child(3){transform:translateY(8px) translateZ(45px);z-index:3}.cdd-exhibit-piece:last-child{margin-right:0}.cdd-exhibit-piece:hover,.cdd-exhibit-piece:focus-visible{z-index:5}.cdd-exhibit-piece img{height:210px}.cdd-exhibit{scrollbar-width:none}.cdd-exhibit::-webkit-scrollbar{display:none}@media (max-width:640px){.cdd-exhibit{height:305px;padding-inline:32px;scroll-padding-inline:32px}.cdd-exhibit-piece{flex-basis:220px;width:220px;margin-right:-55px}.cdd-exhibit-piece img{height:165px}}.cdd-pagination{display:flex;justify-content:center;gap:8px;margin:28px 0;flex-wrap:wrap}.cdd-pagination button{min-width:42px;min-height:44px;padding:8px 14px;border:1px solid var(--cdd-rule);border-radius:8px;color:var(--cdd-accent);background:transparent}.cdd-pagination button[aria-current=page]{background:var(--cdd-accent);color:#fff}.cdd-pagination button:disabled,.cdd-categories button:disabled{opacity:.4;cursor:default}.cdd-project{scroll-margin-top:32px}@media (max-width:640px){.cdd-exhibit{perspective:none;isolation:isolate}.cdd-exhibit-piece{transform-style:flat;transform:rotate(-7deg);isolation:isolate;animation:none;translate:none;transition:none}.cdd-exhibit-piece:nth-child(2n){transform:translateY(-17px) rotate(5deg)}.cdd-exhibit-piece:nth-child(3){transform:translateY(8px)}.cdd-exhibit-piece figure{animation:none;position:relative;background:#fff}}@media (max-width:640px) and (hover:none){.cdd-exhibit-piece:hover{translate:none;z-index:1}.cdd-exhibit-piece:nth-child(2n):hover{z-index:2}.cdd-exhibit-piece:nth-child(3):hover{z-index:3}}.cdd-magazine-label{display:flex;justify-content:space-between;padding:26px 0 12px;color:var(--cdd-accent);font-size:12px;letter-spacing:.12em}.cdd-magazine{background:#fffdf9;border:1px solid var(--cdd-rule);box-shadow:0 16px 40px #4e25250c;border-radius:4px;overflow:hidden;outline-offset:5px}.cdd-magazine .cdd-project{display:grid;grid-template-columns:1.2fr 1fr;min-height:550px;scroll-margin-top:25px;animation:cdd-page-reveal .3s ease-out}.cdd-magazine-visual{padding:32px;display:flex;align-items:center;justify-content:center;min-width:0;background:#f2eeea}.cdd-magazine-visual>div{width:100%}.cdd-magazine-visual .cdd-video-poster,.cdd-magazine-visual .cdd-media{width:100%;height:460px;aspect-ratio:auto;margin:0;border-radius:2px;padding:0}.cdd-magazine-visual img{object-fit:contain!important;height:100%;width:100%}.cdd-magazine-visual iframe{display:block;max-height:500px;margin:auto}.cdd-magazine-copy{padding:48px 38px;border-left:1px solid var(--cdd-rule);display:flex;flex-direction:column;justify-content:center;min-width:0;background:linear-gradient(90deg,#ece5df45,transparent 18px)}.cdd-magazine-kicker{font-size:10px;letter-spacing:.16em;color:var(--cdd-muted);margin-bottom:36px}.cdd-magazine-copy h3{font-size:clamp(24px,2.5vw,36px);line-height:1.5;margin:12px 0 20px}.cdd-magazine-copy>p{font-size:15px;line-height:2;color:var(--cdd-muted)}.cdd-magazine-copy details{margin-top:26px}.cdd-magazine-copy .cdd-project-link{align-self:flex-start;margin-top:18px}.cdd-magazine-navigation{display:flex;align-items:center;justify-content:center;gap:36px;margin:24px 0}.cdd-magazine-navigation button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;background:transparent;color:var(--cdd-accent);border:1px solid var(--cdd-rule);border-radius:25px;font-size:13px}.cdd-magazine-navigation button:disabled{opacity:.3;cursor:default}.cdd-magazine-navigation>span{font-size:12px;color:var(--cdd-muted);font-variant-numeric:tabular-nums}.cdd-magazine-navigation strong{font-size:22px;color:var(--cdd-ink);font-weight:500}.cdd-magazine-index{border-block:1px solid var(--cdd-rule);margin-top:24px}.cdd-magazine-index>summary{padding:18px 0;cursor:pointer;font-size:15px}.cdd-magazine-index>summary>span{font-size:12px;color:var(--cdd-muted);margin-left:15px}.cdd-magazine-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;padding-bottom:22px}.cdd-magazine-thumbnails button{padding:6px;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--cdd-ink)}.cdd-magazine-thumbnails button[aria-current]{border-color:var(--cdd-accent);background:#f5e9e7}.cdd-magazine-thumbnails img{height:95px;object-fit:contain;background:#eee8e5}.cdd-magazine-thumbnails span{display:block;font-size:11px;line-height:1.6;padding-top:8px}.cdd-magazine-thumbnails small{color:var(--cdd-accent);margin-right:7px}@keyframes cdd-page-reveal{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.cdd-magazine .cdd-project{grid-template-columns:1fr;min-height:0}.cdd-magazine-visual{padding:18px}.cdd-magazine-visual .cdd-video-poster,.cdd-magazine-visual .cdd-media{height:360px;max-height:60vh}.cdd-magazine-copy{padding:28px 24px;border-left:0;border-top:1px solid var(--cdd-rule);background:none}.cdd-magazine-kicker{margin-bottom:18px}.cdd-magazine-copy h3{font-size:25px;margin-bottom:14px}.cdd-magazine-copy>p{font-size:14px}.cdd-magazine-navigation{gap:20px}.cdd-magazine-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.cdd-magazine-thumbnails img{height:110px}}@media (prefers-reduced-motion:reduce){.cdd-magazine .cdd-project{animation:none}}.cdd-bookshelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:28px 8px 42px;border-bottom:12px solid #e8dcd1;box-shadow:0 14px 18px -18px #683c32}.cdd-book-cover{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;min-height:385px;padding:24px 18px 22px 25px;background:linear-gradient(90deg,#d8c6b5 0,#f5ecdf 5px,#fff9ec 12px,#f7f0e4,#fbf5ea 22px);color:#a5283d;border:1px solid #d9c9b7;border-radius:2px 9px 9px 2px;box-shadow:4px 4px #f3eadb,6px 6px #d7c8b8,10px 16px 20px #50382a16;transition:transform .25s;isolation:isolate}.cdd-book-cover:hover{transform:translateY(-9px)}.cdd-book-volume{font-size:8px;letter-spacing:.12em;border-bottom:1px solid #a5283d40;padding-bottom:15px;width:100%}.cdd-book-cover h3{font-family:"Noto Serif TC",serif;font-size:25px;margin:20px 0 0;letter-spacing:.06em}.cdd-book-cover svg{width:100%;height:160px;flex-shrink:0}.cdd-book-caption{font-size:10px;line-height:1.9;color:#776356;flex:1}.cdd-book-sign{font-size:9px;letter-spacing:.1em;margin-top:18px}.cdd-book-open{display:flex;align-items:center;gap:6px;font-size:10px;margin-top:16px}.cdd-book-website{color:#965243}.cdd-book-system{color:#75534f}.cdd-book-automation{color:#ac693b}.cdd-book-experience{color:#976466}.cdd-shelf-note{text-align:center!important;font-size:12px;color:var(--cdd-muted);padding-top:25px}.cdd-close-book{display:flex;align-items:center;gap:8px;background:transparent;color:var(--cdd-accent);padding:12px 0;margin-bottom:15px;font-size:13px}.cdd-open-book{position:relative;isolation:isolate;border-radius:3px 12px 12px 3px;box-shadow:3px 4px #f4ece2,5px 6px #dfd3c6,0 18px 30px #50382a10}.cdd-paper-turn{position:absolute;inset:0 0 0 50%;background:linear-gradient(90deg,#ede2d2,#fffaf0 16%,#fffdf7 75%,#d6c7b4);z-index:8;pointer-events:none;transform-origin:left center;animation:cdd-turn-sheet .65s ease-in-out forwards;display:flex;align-items:center;justify-content:center;color:#aa8970;box-shadow:-12px 0 20px #45302118}.cdd-paper-turn span{font-family:"Noto Serif TC",serif;font-size:16px;letter-spacing:.2em}.cdd-paper-back{inset:0 50% 0 0;transform-origin:right center;background:linear-gradient(270deg,#ede2d2,#fffaf0 16%,#fffdf7 75%,#d6c7b4)}@keyframes cdd-turn-sheet{0%{transform:scaleX(1);opacity:1}65%{transform:scaleX(.12) skewY(-3deg);opacity:1}to{transform:scaleX(0);opacity:0;visibility:hidden}}@media (max-width:1000px){.cdd-bookshelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:24px 20px 40px;gap:28px}.cdd-book-cover{flex:0 0 235px;scroll-snap-align:center;min-height:410px}.cdd-book-cover svg{height:175px}}@media (max-width:700px){.cdd-paper-turn,.cdd-paper-back{inset:0;transform-origin:left center}.cdd-paper-back{transform-origin:right center}.cdd-book-cover:hover{transform:none}}@media (prefers-reduced-motion:reduce){.cdd-paper-turn{display:none}.cdd-book-cover{transition:none}}.cdd-bookshelf{align-items:start;border-bottom-color:#ead9dd}.cdd-book-cover{height:370px;min-height:0;padding:17px 14px 16px 22px;background:linear-gradient(90deg,#a9233c 0,#c83b51 5px,#f5dce2 7px,#fff 14px);border-color:#e8ced4;color:#b0243c;box-shadow:3px 3px #fff,5px 5px #e6d5d9,8px 12px 18px #70152c12}.cdd-book-volume{padding-bottom:10px;font-size:8px}.cdd-book-cover h3{font-size:23px;margin:12px 0 8px}.cdd .cdd-book-art{display:block;width:100%;height:175px;object-fit:contain;flex-shrink:0}.cdd-book-caption{font-size:10px;line-height:1.6;color:#775d63;flex:0;margin-top:6px}.cdd-book-sign{font-size:8px;margin-top:8px}.cdd-book-open{margin-top:auto;padding-top:10px;font-size:11px}.cdd-book-open svg{width:16px;height:16px}@media (max-width:1000px){.cdd-book-cover{flex:0 0 260px;height:385px;min-height:0}.cdd .cdd-book-art{height:190px}.cdd-book-open svg{height:16px}}@media (max-width:480px){.cdd-bookshelf{padding:16px 10px 25px;gap:22px}.cdd-book-cover{flex-basis:min(260px,78vw);height:385px}.cdd-shelf-note{padding-top:14px}}.cdd-project-inquiry{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;margin-top:18px;border:1px solid var(--cdd-accent);border-radius:28px;color:var(--cdd-accent);font-size:14px}.cdd-floating-contact{position:fixed;right:22px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:8px;background:#b0243c;color:#fff;padding:14px 20px;border-radius:30px;box-shadow:0 4px 18px #79192d30;font-size:14px}.cdd-footer{padding-bottom:100px}.cdd-floating-contact:focus-visible,.cdd-project-inquiry:focus-visible{outline:3px solid #b0243c;outline-offset:4px}@media (max-width:600px){.cdd-floating-contact{right:12px;font-size:13px;padding:12px 16px}}.cdd-floating-contact,.cdd-contact>a{background:#06c755;color:#fff;box-shadow:0 4px 18px #06c75525}.cdd-project-inquiry{background:#06c755;border-color:#06c755;color:#fff}.cdd-works-heading>.cdd-text-link{color:#07883c;border-color:#06c755}.cdd-floating-contact:hover,.cdd-contact>a:hover,.cdd-project-inquiry:hover{background:#05ad49;color:#fff}.cdd-floating-contact:focus-visible,.cdd-project-inquiry:focus-visible,.cdd-contact>a:focus-visible{outline-color:#07883c}.cdd-media-link{display:block;cursor:pointer;border-radius:8px}.cdd-media-link:focus-visible{outline:3px solid var(--cdd-accent);outline-offset:5px}.cdd-media-link figcaption{background:var(--cdd-accent);color:#fff}.cdd-contact{justify-content:flex-start;gap:0}.cdd a.cdd-book-cover{color:#b0243c;font:inherit}