.pull-cord-container{position:fixed;top:0;right:5vw;z-index:1001;mix-blend-mode:difference;cursor:pointer;height:120px;width:40px;display:flex;justify-content:center;align-items:flex-start}body.menu-is-open .pull-cord{background-color:var(--menu-text)}body.menu-is-open .pull-cord:after{background-color:var(--menu-text)}.pull-cord{width:2px;height:60px;background-color:var(--dark-text);position:relative;transition:height .4s cubic-bezier(.175,.885,.32,1.275)}.pull-cord:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:8px;height:8px;background-color:var(--dark-text);border-radius:50%}.pull-cord-label{position:absolute;top:75px;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:10px;letter-spacing:2px;color:var(--dark-text);opacity:0;transition:opacity .3s,transform .3s;text-transform:uppercase}.pull-cord-container:hover .pull-cord{height:90px}.pull-cord-container:hover .pull-cord-label{opacity:1;transform:translate(-50%) translateY(10px)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--menu-bg);z-index:999;display:flex;justify-content:center;align-items:center;clip-path:circle(0% at 92.5% 5%);pointer-events:none;overflow-y:auto}.menu-content-wrapper{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:flex-start;padding:0 5%;margin-top:80px}.menu-left{flex:2}.menu-list{list-style:none;text-align:left;display:grid;grid-template-columns:repeat(2,1fr);column-gap:4vw;row-gap:1rem}.menu-item{overflow:hidden;margin:0}.menu-link{display:inline-block;font-family:var(--font-display);font-size:3.5rem;color:var(--menu-text);text-decoration:none;transform:translateY(120%);opacity:0;transition:color var(--transition-fast);line-height:1.2}.menu-link:hover{color:var(--accent-color);font-style:italic}.menu-link span{display:block;font-size:.8rem;font-family:var(--font-body);letter-spacing:3px;color:var(--secondary-color);margin-bottom:.1rem;text-transform:uppercase}.menu-right{flex:1;display:flex;flex-direction:column;gap:3rem;padding-top:1rem;padding-left:5%;border-left:1px solid var(--border-dark)}.menu-info-group h3{font-family:var(--font-body);font-size:.9rem;letter-spacing:2px;color:var(--secondary-color);margin-bottom:1rem;text-transform:uppercase}.menu-info-item{transform:translateY(20px);opacity:0}.menu-info-link{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--menu-text);text-decoration:none;margin-bottom:.5rem;transition:color var(--transition-fast)}.menu-info-link:hover{color:var(--accent-color);font-style:italic}.menu-info-text{font-family:var(--font-display);font-size:1.5rem;color:var(--menu-text)}nav{position:fixed;top:0;width:100%;padding:2.5rem 5%;display:flex;justify-content:space-between;align-items:flex-start;z-index:1000;mix-blend-mode:difference;color:var(--dark-text);pointer-events:none}body.menu-is-open nav{mix-blend-mode:normal;color:var(--menu-text)}.logo{font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:1px;pointer-events:auto}@media(max-width:1024px){.menu-content-wrapper{flex-direction:column;align-items:center;margin-top:100px}.menu-left{width:100%;margin-bottom:3rem}.menu-list{grid-template-columns:1fr;text-align:center;gap:1.5rem}.menu-right{width:100%;padding-left:0;border-left:none;border-top:1px solid var(--border-dark);padding-top:2rem;align-items:center;text-align:center}.menu-link{font-size:3rem}}@media(max-width:768px){.menu-link{font-size:2.5rem}.menu-overlay{align-items:flex-start}.menu-content-wrapper{padding-bottom:50px}}.blog-masonry-wrapper{width:100%}.category-filter{display:flex;justify-content:center;gap:0;margin-bottom:8rem;position:relative}.category-filter:after{content:"";position:absolute;bottom:-3rem;left:50%;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--text-color),transparent);opacity:.2}.category-btn{background:transparent;border:none;padding:1rem 3rem;font-family:Italiana,serif;font-size:1rem;letter-spacing:.25em;text-transform:uppercase;color:var(--secondary-color);cursor:pointer;position:relative;transition:color 1.2s ease;overflow:hidden;display:inline-flex;align-items:baseline;gap:.8rem}.category-count{font-size:.7rem;opacity:.4;font-weight:300;transition:opacity .8s ease;position:relative;top:-.2em}.category-btn:hover .category-count,.category-btn.active .category-count{opacity:.7}.category-btn:hover{color:var(--text-color)}.category-btn:before{content:"";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:1px;background:var(--text-color);transition:transform 1s ease-in-out;transform-origin:center}.no-results{text-align:center;padding:8rem 0;color:var(--secondary-color);content:"";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:1px;background:var(--text-color);transition:transform 1s ease-in-out;transform-origin:center}.category-btn:hover:before{transform:translate(-50%) scaleX(1)}.category-btn.active{color:var(--text-color)}.category-btn.active:before{transform:translate(-50%) scaleX(1);background:var(--accent-color)}.category-btn:not(:last-child){border-right:1px solid rgba(0,0,0,.15)}.blog-masonry{display:flex;margin-left:-2rem;width:auto}.blog-masonry-column{padding-left:2rem;background-clip:padding-box}.blog-card{margin-bottom:4rem;break-inside:avoid;box-shadow:0 0 #0000;transition:box-shadow 1s ease}.blog-card:hover{box-shadow:0 30px 80px #00000026}.blog-card-link{text-decoration:none;color:inherit;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}.blog-card-link:hover{transform:translateY(-5px)}.blog-card-img-wrapper{position:relative;overflow:hidden;margin-bottom:2rem;aspect-ratio:4/3;background:var(--dark-bg-alt)}.blog-card-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.15);transition:filter 1.5s ease,transform 2s ease}.blog-card-link:hover .blog-card-image{filter:grayscale(0%) contrast(1.05);transform:scale(1.05)}.blog-card-category{position:absolute;top:2rem;left:2rem;background:var(--bg-color);padding:.7rem 1.4rem;font-size:.7rem;text-transform:uppercase;letter-spacing:3px;font-weight:600;color:var(--text-color);z-index:2;box-shadow:0 6px 20px #0000001f;transition:transform .6s ease}.blog-card-link:hover .blog-card-category{transform:translateY(-3px)}.blog-card-content{padding:0 1rem}.blog-card-meta{font-size:.75rem;color:var(--secondary-color);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;transition:color .6s ease}.blog-card-link:hover .blog-card-meta{color:var(--text-color)}.blog-card-divider{margin:0 .8rem;color:#0000004d}.blog-card-title{font-family:Italiana,serif;font-size:2.2rem;line-height:1.3;margin-bottom:1.5rem;color:var(--text-color);transition:color 1s ease}.blog-card-link:hover .blog-card-title{color:var(--accent-color)}.blog-card-excerpt{font-size:.95rem;line-height:1.8;color:var(--secondary-color);margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .6s ease}.blog-card-link:hover .blog-card-excerpt{color:var(--text-color)}.blog-card-read-more{font-family:Italiana,serif;font-size:.95rem;color:var(--text-color);display:inline-flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:.4rem;transition:all .8s ease}.blog-card-read-more i{font-size:.8rem;transition:transform .8s ease}.blog-card-link:hover .blog-card-read-more{border-color:var(--accent-color);color:var(--accent-color)}.blog-card-link:hover .blog-card-read-more i{transform:translate(6px)}.no-results{text-align:center;padding:8rem 0;color:var(--secondary-color);font-family:Italiana,serif;font-size:1.5rem;letter-spacing:.15em}@media(max-width:768px){.category-filter{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:0;margin-bottom:4rem;padding-bottom:1rem;margin-left:-5vw;margin-right:-5vw;padding-left:5vw;padding-right:5vw;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-filter::-webkit-scrollbar{display:none}.category-filter:after{display:none}.category-btn{padding:.5rem 1.5rem;font-size:.85rem;border-right:none!important;flex-shrink:0;opacity:.5;transition:opacity .3s ease}.category-btn.active{opacity:1;font-weight:600}.category-btn.active:before{display:none}.category-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--text-color);border-radius:50%;opacity:1}.blog-masonry{margin-left:0}.blog-masonry-column{padding-left:0}.blog-card{margin-bottom:4rem}.blog-card-img-wrapper{margin-bottom:1.5rem;aspect-ratio:3/2}.blog-card-title{font-size:1.8rem;line-height:1.25}.blog-card-excerpt{font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;-webkit-line-clamp:4}.blog-card-link:hover{transform:none}.blog-card:hover{box-shadow:none}.blog-card-read-more{font-size:.9rem;border-bottom-color:#0000004d}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.works-gallery-container{min-height:100vh;background:var(--bg-color);padding:8rem 5% 6rem}.gallery-hero{text-align:center;margin-bottom:6rem;max-width:900px;margin-left:auto;margin-right:auto}.gallery-title{font-family:var(--font-display);font-size:clamp(4rem,8vw,7rem);line-height:1.1;margin-bottom:1.5rem;color:var(--text-color)}.gallery-subtitle{font-family:"Noto Serif TC",serif;font-size:1.2rem;line-height:1.8;color:var(--secondary-color);max-width:600px;margin:0 auto}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.filter-btn{font-family:Noto Sans TC,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:.8rem 2rem;background:transparent;color:var(--text-color);border:1px solid var(--text-color);cursor:pointer;transition:all .3s ease;border-radius:0}.filter-btn:hover,.filter-btn.active{background:var(--text-color);color:var(--bg-color)}.masonry-container{width:100%}.masonry-grid{display:flex;margin-left:-2rem;width:auto}.masonry-grid_column{padding-left:2rem;background-clip:padding-box}.work-item{margin-bottom:2rem;cursor:pointer;position:relative;overflow:hidden}.work-image-wrapper{position:relative;width:100%;overflow:hidden;background:#000}.work-image{width:100%;height:auto;display:block;filter:grayscale(100%);transition:filter .6s ease,transform .8s ease}.work-item:hover .work-image{filter:grayscale(0%);transform:scale(1.08)}.work-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,transparent 100%);transform:translateY(100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.work-item:hover .work-overlay{transform:translateY(0)}.work-info{color:#fff}.work-title{font-family:var(--font-display);font-size:1.8rem;margin-bottom:.8rem;line-height:1.2}.work-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem}.work-category{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;opacity:.9}.work-year{font-size:.85rem;opacity:.7}@media(max-width:1100px){.works-gallery-container{padding:6rem 5% 4rem}.gallery-hero{margin-bottom:4rem}.gallery-title{font-size:4rem}.masonry-grid{margin-left:-1.5rem}.masonry-grid_column{padding-left:1.5rem}.work-item{margin-bottom:1.5rem}}@media(max-width:700px){.works-gallery-container{padding:5rem 5% 3rem}.gallery-hero{margin-bottom:3rem}.gallery-title{font-size:3rem}.gallery-subtitle{font-size:1rem}.filter-buttons{gap:.75rem;margin-bottom:3rem}.filter-btn{font-size:.8rem;padding:.6rem 1.5rem}.masonry-grid{margin-left:0}.masonry-grid_column{padding-left:0}.work-item{margin-bottom:1.5rem}.work-overlay{padding:1.5rem}.work-title{font-size:1.5rem}}.loader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--dark-bg);z-index:10000;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--dark-text);transition:transform .8s cubic-bezier(.7,0,.3,1)}.loader.loaded{transform:translateY(-100%);pointer-events:none}.loader-text{font-family:var(--font-display);font-size:3rem;letter-spacing:2px;opacity:0;animation:fadeInOut 2s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}40%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.workflow-section{padding:10rem 5%;background-color:var(--dark-bg);color:var(--dark-text);border-top:1px solid var(--border-dark);overflow:hidden}.workflow-container{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:.4fr 1fr;gap:5rem}.workflow-sticky{position:sticky;top:20vh;height:fit-content}.workflow-title{font-family:"Noto Serif TC",serif;font-weight:700;font-size:5rem;line-height:1.2;margin-bottom:1rem;color:var(--dark-text)}.workflow-subtitle-en{font-family:Italiana,serif;font-size:1.5rem;color:var(--dark-text-muted);display:block;margin-bottom:2rem}.workflow-line{width:2px;height:100px;background:linear-gradient(to bottom,var(--dark-text),transparent)}.workflow-steps{display:flex;flex-direction:column;gap:20vh;padding-top:10vh;padding-bottom:10vh;position:relative}.step-item{display:grid;grid-template-columns:1fr;gap:1rem;opacity:.3;transition:opacity .5s ease,transform .5s ease;transform:translateY(20px);position:relative;padding-left:2rem;border-left:1px solid var(--border-dark)}.step-item.active{opacity:1;transform:translateY(0);border-left-color:var(--dark-text)}.step-num{font-family:Italiana,serif;font-size:12rem;color:var(--number-watermark);line-height:1;position:absolute;top:-4rem;left:-2rem;z-index:0;pointer-events:none}.step-content{position:relative;z-index:1}.step-title{font-family:"Noto Serif TC",serif;font-size:3.5rem;margin-bottom:.5rem;color:var(--dark-text)}.step-subtitle{display:block;font-family:Italiana,serif;font-size:1.2rem;text-transform:uppercase;letter-spacing:4px;margin-bottom:2rem;color:var(--dark-text-subtle)}.step-desc{font-family:Noto Sans TC,sans-serif;font-size:1.1rem;line-height:1.8;max-width:500px;color:var(--dark-text-secondary);font-weight:300}.step-header-mobile{display:contents}@media(max-width:768px){.workflow-section{padding:4rem 0;background-color:var(--dark-bg)}.workflow-container{display:block;width:100%}.workflow-sticky{position:relative;top:0;padding:0 5%;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end}.workflow-title{font-size:2.5rem;margin-bottom:0}.workflow-subtitle-en{margin-bottom:.3rem;font-size:.9rem}.workflow-line{display:none}.workflow-steps{flex-direction:row;gap:1rem;padding:0 5%;padding-bottom:2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.workflow-steps::-webkit-scrollbar{display:none}.step-item{display:flex;flex-direction:column;min-width:85vw;scroll-snap-align:center;background:var(--dark-bg-alt);border:1px solid var(--border-dark);padding:1.5rem;border-radius:4px;opacity:.5;transform:scale(.95);gap:.8rem;transition:all .4s ease}.step-item.mobile-focus{opacity:1;transform:scale(1);border-color:var(--border-dark-medium);background:var(--dark-bg-card);box-shadow:var(--shadow-dark)}.step-header-mobile{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-dark);padding-bottom:.8rem;margin-bottom:.5rem}.step-num{font-size:2rem;color:var(--dark-text);position:static}.step-subtitle{margin-bottom:0;font-size:.8rem;color:var(--dark-text-subtle)}.step-title{font-size:1.5rem;color:var(--dark-text)}.step-desc{font-size:.95rem;color:var(--dark-text-secondary);line-height:1.6}}.expertise-section{padding:10vh 5%;background-color:var(--dark-bg);color:var(--dark-text);min-height:100vh;display:flex;align-items:center}.expertise-container{width:100%;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:flex-start}.section-header{margin-bottom:6rem}.section-label{font-family:Italiana,serif;font-size:1.2rem;color:var(--dark-text-muted);display:block;margin-top:1rem}.section-title{font-family:"Noto Serif TC",serif;font-weight:700;font-size:5rem;line-height:1.2;margin:0;color:var(--dark-text)}.service-item{padding:4rem 0;border-top:1px solid var(--border-dark);cursor:pointer;transition:all .4s ease;position:relative}.service-item:last-child{border-bottom:1px solid var(--border-dark)}.service-item:hover{padding-left:3rem;background:linear-gradient(90deg,var(--overlay-light) 0%,transparent 100%)}.service-item:after{content:"→";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--dark-text);opacity:0;transition:all .4s ease}.service-item:hover:after{opacity:1;left:1rem}.service-header{display:flex;align-items:center;gap:3rem;margin-bottom:1.5rem}.service-id{font-family:Italiana,serif;font-size:1.2rem;color:var(--border-dark-medium)}.service-name{font-family:"Noto Serif TC",serif;font-size:3rem;margin:0;color:var(--dark-text)}.service-name-en{font-family:Italiana,serif;font-size:1.2rem;color:var(--dark-text-subtle);margin-left:1.5rem;opacity:.6}.desktop-service-body{padding-left:4.2rem;max-height:0;overflow:hidden;opacity:0;transition:all .4s ease}.service-item:hover .desktop-service-body{max-height:200px;opacity:1;margin-top:1.5rem}.service-desc{font-family:Noto Sans TC,sans-serif;font-size:1.1rem;line-height:1.8;color:var(--dark-text-secondary);margin-bottom:1.5rem;max-width:450px;font-weight:300}.service-tags{display:flex;gap:1rem;flex-wrap:wrap}.service-tags span{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#ffffffe6;border:1px solid var(--border-dark);padding:.4rem 1rem;border-radius:4px}.preview-wrapper{position:sticky;top:15vh;height:70vh;width:100%;display:flex;align-items:center;justify-content:center}.preview-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px;border:1px solid var(--border-dark);background:var(--dark-bg-alt)}.preview-img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(1.1);transition:opacity .6s ease,transform .8s ease;z-index:1}.preview-img.active{opacity:1;transform:scale(1);z-index:2}.preview-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.1)}.mobile-toggle-icon,.mobile-accordion-content{display:none}@media(max-width:1024px){.expertise-section{padding:4rem 5%;background-color:var(--dark-bg)}.expertise-container{grid-template-columns:1fr;gap:2rem}.preview-wrapper,.desktop-service-body{display:none}.section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end}.section-title{font-size:2.5rem}.section-label{margin-top:0;margin-bottom:.3rem;font-size:.9rem}.service-item{padding:1.2rem 0}.service-item:hover{padding-left:0;background:none}.service-item:after{display:none}.service-header{justify-content:space-between;margin-bottom:0;gap:1rem}.service-title-group{display:flex;flex-direction:column;flex-grow:1;margin-left:.5rem}.service-name{font-size:1.4rem}.service-name-en{margin-left:0;font-size:.8rem;margin-top:.1rem}.mobile-toggle-icon{display:block;font-size:1.2rem;color:var(--dark-text-muted);transition:transform .3s}.service-item.active .mobile-toggle-icon{transform:rotate(45deg);color:var(--dark-text)}.mobile-accordion-content{display:block;max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;opacity:0}.service-item.active .mobile-accordion-content{max-height:600px;opacity:1;margin-top:1rem}.mobile-img-wrapper{width:100%;height:200px;margin-bottom:1rem;border-radius:4px;overflow:hidden}.mobile-img{width:100%;height:100%;object-fit:cover}.service-desc{max-width:100%;font-size:.95rem;margin-bottom:.8rem}.service-tags span{font-size:.7rem;padding:.15rem .6rem}}.cursor{width:20px;height:20px;border:1px solid var(--text-color);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:10001;transition:width .3s,height .3s,background-color .3s,margin .3s;mix-blend-mode:difference;margin-left:-10px;margin-top:-10px;display:none}.cursor.hovered{width:60px;height:60px;background-color:var(--dark-text);mix-blend-mode:difference;border-color:transparent;margin-left:-30px;margin-top:-30px}body.menu-is-open .cursor{border-color:var(--dark-text);mix-blend-mode:normal}body.menu-is-open .cursor.hovered{background-color:var(--accent-color);mix-blend-mode:normal;opacity:.8}@media(hover:hover)and (pointer:fine){.cursor{display:block}}