@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:#fffaef;font-family:Noto Sans TC,sans-serif;color:#19231a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column}main{flex:1}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%}body{overflow-x:hidden}@media (max-width: 480px){.btn--full-mobile{width:100%}}.section-wrapper{max-width:1440px;margin:0 auto;padding-left:80px;padding-right:80px}.section-header{display:flex;flex-direction:column;align-items:center;gap:10px}.section-header__title{font-size:30px;font-weight:500;color:#705d4499}.section-header__line{width:106px;height:1px;background-color:#dcccba}.br-mobile{display:none}@media (max-width: 768px){.br-mobile{display:inline}}.br-desktop{display:inline}@media (max-width: 768px){.br-desktop{display:none}}.section-divider{max-width:1440px;margin:0 auto;padding:0 80px;border-bottom:1px dashed #dcccba}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:999px;font-size:16px;font-weight:500;font-family:Noto Sans TC,sans-serif;cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.btn--outline{border:1px solid #dcccba;background:transparent;color:#705d44}.btn--outline:hover{background-color:#f8f1e7}.btn--solid{background-color:#705d44;color:#fffaef;border:none}.btn--solid:hover{background-color:#705d44d1}.btn--bilingual{display:inline-grid;justify-items:center;text-align:center}.btn--bilingual .btn__en,.btn--bilingual .btn__zh{grid-area:1/1;transition:opacity .2s ease}.btn--bilingual .btn__zh{opacity:0;text-align:center}.btn--bilingual:hover .btn__en{opacity:0}.btn--bilingual:hover .btn__zh{opacity:1}.chip{display:inline-flex;align-items:center;height:28px;padding:4px 12px;border-radius:999px;background-color:#f8f1e7;font-size:14px;color:#19231abf;white-space:nowrap}.chip--ai{position:relative;padding-right:28px}.chip--ai:before,.chip--ai:after{content:"";position:absolute;background-color:#705d44;clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);animation:sparkleTwinkle 2.6s ease-in-out infinite}.chip--ai:after{width:10px;height:10px;top:4px;right:8px}.chip--ai:before{width:5px;height:5px;top:15px;right:19px;animation-duration:1.9s;animation-delay:.85s}@media (prefers-reduced-motion: reduce){.chip--ai:before,.chip--ai:after{animation:none;opacity:.85;transform:scale(1)}}.chip--link{gap:4px;padding-right:9px;color:#19231abf;text-decoration:none;transition:background-color .2s ease,color .2s ease}.chip--link .chip__arrow{flex-shrink:0;opacity:.3;transition:opacity .2s ease,transform .2s ease}.chip--link:hover,.chip--link:focus-visible{background-color:#dcccba;color:#705d44}.chip--link:hover .chip__arrow,.chip--link:focus-visible .chip__arrow{opacity:.9;transform:translate(1px,-1px)}.chip--link:focus-visible{outline:2px solid #705d44;outline-offset:2px}.chip--link.chip--ai{padding-right:28px}@media (max-width: 768px){.chip--link{position:relative}.chip--link>span:first-child:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes swipeUp{0%,to{transform:translateY(2px);opacity:.6}50%{transform:translateY(-3px);opacity:1}}@keyframes swipeWheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:0}}@keyframes arrowNudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes arrowHint{0%,80%,to{transform:translate(0)}87%{transform:translate(3px,-3px)}94%{transform:translate(0)}}@keyframes arrowBeckon{0%,to{transform:translate(0) scale(1)}45%{transform:translate(8px,-8px) scale(1.25)}60%{transform:translate(6px,-6px) scale(1.2)}}@keyframes areaBeckon{0%,10%,to{transform:translateY(0);box-shadow:none;background-color:#f8f1e7;border-color:transparent}3%,7%{transform:translateY(-3px);box-shadow:0 0 10px 2px #0000001a;background-color:#fffdf6;border-color:#dcccba}}@keyframes areaBeckonArrow{0%,10%,to{opacity:0;transform:translate(-4px,4px)}3%,7%{opacity:1;transform:translate(0)}}@keyframes portfolioBeckon{0%,16%,to{transform:scale(1)}5%,11%{transform:scale(1.05)}}@keyframes portfolioBeckonArrow{0%,16%,to{opacity:0;transform:translate(-3px,3px)}5%,11%{opacity:1;transform:translate(0)}}@keyframes ctaPulse{0%,50%,to{transform:scale(1);background-color:#fffaef}20%{transform:scale(1.05);background-color:#f3dea0}}@keyframes sendNudge{0%,to{transform:translate(0)}50%{transform:translate(3px,-3px)}}.fade-up{animation:fadeUp .7s ease both}.fade-up--delay-1{animation-delay:.12s}.fade-up--delay-2{animation-delay:.24s}.fade-up--delay-3{animation-delay:.36s}.fade-up--delay-4{animation-delay:.48s}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.25,.46,.45,.94) var(--reveal-delay, 0s),transform .65s cubic-bezier(.25,.46,.45,.94) var(--reveal-delay, 0s)}[data-reveal=left]{transform:translate(-40px)}[data-reveal=right]{transform:translate(40px)}@media (max-width: 768px){[data-reveal=left],[data-reveal=right]{transform:translateY(28px)}}[data-reveal].revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none;transition:none}.area-card__arrow,.cap-card__arrow,.work-card__arrow{animation:none}}@keyframes sparkleTwinkle{0%,to{opacity:.2;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes scopeSway{0%,to{transform:rotate(var(--sway-rot, 0deg)) translate(-2px)}50%{transform:rotate(var(--sway-rot, 0deg)) translate(2px)}}@keyframes counterBurst{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes flipTease{0%,to{transform:rotateY(0)}30%{transform:rotateY(38deg)}50%{transform:rotateY(22deg)}70%{transform:rotateY(46deg)}}@keyframes bubbleFloat{0%,to{transform:translate(0)}50%{transform:translate(var(--fx, 4px),-9px)}}@keyframes chainFill{0%,to{background-color:#fffaef;border-color:#dcccba}7%,17%{background-color:#f8f1e7;border-color:#705d44}24%{background-color:#fffaef;border-color:#dcccba}}@keyframes chainArrowIn{0%{opacity:0;transform:translate(-6px,-50%) rotate(-45deg)}to{opacity:1;transform:translateY(-50%) rotate(-45deg)}}@keyframes chainArrowInDown{0%{opacity:0;transform:translate(-50%,-6px) rotate(45deg)}to{opacity:1;transform:translate(-50%) rotate(45deg)}}.navbar-wrapper{position:sticky;top:0;z-index:50;display:flex;flex-direction:column;align-items:center;padding:12px 40px 0;pointer-events:none;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1)}.navbar-wrapper--hidden{transform:translateY(-120px)}.navbar-wrapper--menu-open{z-index:200}@media (max-width: 768px){.navbar-wrapper{padding:8px 20px 0;top:0}.navbar-wrapper--hidden{transform:translateY(-100px)}}.navbar{display:flex;align-items:center;gap:80px;height:60px;padding:0 32px;background:#fffaefa6;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(220,204,186,.85);border-radius:999px;box-shadow:0 2px 20px #705d4414,inset 0 1px #fff9;pointer-events:auto;max-width:860px}@media (max-width: 1024px){.navbar{gap:32px}}@media (max-width: 768px){.navbar{padding:0 20px 0 24px;justify-content:space-between;max-width:100%}}.navbar__logo{display:block;width:110px;height:32px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar__logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}@media (max-width: 768px){.navbar__logo{width:90px}}.navbar__links{display:flex;gap:8px;align-items:center}@media (max-width: 1024px){.navbar__links{display:none}}.navbar__link{padding:8px 20px;font-size:16px;color:#19231abf;letter-spacing:.04em;border-radius:99px;transition:color .2s ease,background-color .2s ease;white-space:nowrap;display:inline-grid}.navbar__link:hover{color:#705d44}.navbar__link--active{background-color:#dcccba;color:#19231abf}.navbar__link-en,.navbar__link-zh{grid-area:1/1;transition:opacity .2s ease}.navbar__link-en{text-transform:uppercase}.navbar__link-zh{opacity:0;text-align:center}.navbar__link:hover .navbar__link-en{opacity:0}.navbar__link:hover .navbar__link-zh{opacity:1}.navbar__contact-wrap{position:relative;display:flex;align-items:center}.navbar__contact-wrap:hover .navbar__tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1024px){.navbar__contact-wrap{display:none}}.navbar__tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);white-space:nowrap;font-size:14px;color:#19231abf;background:#fffaef;border:1px solid #dcccba;border-radius:6px;padding:4px 10px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.navbar__contact-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#705d44;flex-shrink:0;transition:background-color .2s ease,transform .2s ease}.navbar__contact-btn:hover{background-color:#705d44cc;transform:scale(1.08)}.navbar__contact-btn:hover svg{animation:sendNudge .7s ease-in-out infinite}.navbar__contact-btn{border:none;cursor:pointer}.navbar__hamburger{display:none;position:relative;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.navbar__hamburger:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.navbar__hamburger span{display:block;width:100%;height:1.5px;background-color:#705d44;border-radius:2px;transform-origin:center;transition:transform .25s ease,opacity .25s ease}.navbar__hamburger--open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media (max-width: 1024px){.navbar__hamburger{display:flex}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fffaef;display:flex;flex-direction:column;align-items:center;justify-content:start;padding-top:120px}.mobile-menu__links{display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-menu__link{display:block;padding:14px 40px;font-size:32px;font-weight:500;color:#19231abf;text-transform:uppercase;letter-spacing:.08em;border-radius:12px;transition:color .2s ease,background-color .2s ease}.mobile-menu__link:hover{color:#705d44;background-color:#f8f1e7}.mobile-menu__link--active{color:#705d44}@media (max-width: 768px){.mobile-menu__link{font-size:26px;padding:12px 32px}}.mobile-menu__email{position:absolute;bottom:48px;font-size:14px;color:#19231a59;letter-spacing:.02em;transition:color .2s ease}.mobile-menu__email:hover{color:#705d44}@media (max-width: 768px){.mobile-menu__email{bottom:32px}}.menu-fade-enter-active,.menu-fade-leave-active{transition:opacity .25s ease,transform .25s ease}.menu-fade-enter-from,.menu-fade-leave-to{opacity:0;transform:scale(.98)}.navbar__more{display:none}.navbar-wrapper--home{position:fixed;top:max(12px,(100% - 720px) / 2 - 60px);left:max(20px,(100% - 1324px) / 2);padding:0;align-items:flex-start}.navbar-wrapper--home .navbar{gap:0;height:48px;padding:0 20px;transition:padding .35s cubic-bezier(.22,1,.36,1);transform-origin:0 50%}.navbar-wrapper--home .navbar__logo{width:92px;height:28px}.navbar-wrapper--home .navbar__more{display:flex;flex-direction:column;justify-content:center;gap:5px;max-width:40px;margin-left:16px;overflow:hidden;transition:max-width .2s ease-in,margin .2s ease-in,opacity .1s ease-in}.navbar-wrapper--home .navbar__more span{display:block;width:24px;height:1.5px;background-color:#705d44;border-radius:2px}@media (max-width: 1024px){.navbar-wrapper--home .navbar__more{display:none}}.navbar-wrapper--home .navbar__links,.navbar-wrapper--home .navbar__contact-wrap{max-width:0;opacity:0;overflow:hidden;transition:max-width .2s ease-in,margin .2s ease-in,opacity .1s ease-in}.navbar-wrapper--home .navbar:hover .navbar__links,.navbar-wrapper--home .navbar:hover .navbar__contact-wrap,.navbar-wrapper--home .navbar:has(:focus-visible) .navbar__links,.navbar-wrapper--home .navbar:has(:focus-visible) .navbar__contact-wrap,.navbar-wrapper--home.is-intro .navbar .navbar__links,.navbar-wrapper--home.is-intro .navbar .navbar__contact-wrap{opacity:1;transition:max-width .4s cubic-bezier(.22,1,.36,1),margin .4s cubic-bezier(.22,1,.36,1),opacity .25s ease .05s}.navbar-wrapper--home .navbar:hover .navbar__more,.navbar-wrapper--home .navbar:has(:focus-visible) .navbar__more,.navbar-wrapper--home.is-intro .navbar .navbar__more{max-width:0;margin-left:0;opacity:0}.navbar-wrapper--home .navbar:hover .navbar__links,.navbar-wrapper--home .navbar:has(:focus-visible) .navbar__links,.navbar-wrapper--home.is-intro .navbar .navbar__links{max-width:520px;margin-left:24px}.navbar-wrapper--home .navbar:hover .navbar__contact-wrap,.navbar-wrapper--home .navbar:has(:focus-visible) .navbar__contact-wrap,.navbar-wrapper--home.is-intro .navbar .navbar__contact-wrap{max-width:40px;margin-left:12px;overflow:visible}.navbar-wrapper--home .navbar__link{padding:6px 16px}.navbar-wrapper--home.is-nudge .navbar:not(:hover) .navbar__more span{animation:homeNavBurger 4s cubic-bezier(.22,1,.36,1) 1s 2}.navbar-wrapper--home.is-nudge .navbar:not(:hover) .navbar__more span:nth-child(2){animation-delay:1.06s}.navbar-wrapper--home.is-nudge .navbar:not(:hover) .navbar__more span:nth-child(3){animation-delay:1.12s}@media (max-width: 1024px){.navbar-wrapper--home .navbar{gap:20px}}@media (max-width: 768px){.navbar-wrapper--home{top:8px;left:0;right:0;align-items:center}.navbar-wrapper--home .navbar{gap:32px;height:60px;padding:0 20px 0 24px}.navbar-wrapper--home .navbar__logo{width:90px;height:32px}}@keyframes homeNavBurger{0%,60%,to{width:24px}72%,86%{width:36px}94%{width:24px}}.hero{display:flex;align-items:center;justify-content:center;gap:72px;max-width:1440px;margin:0 auto;padding:72px 80px;min-height:472px}@media (max-width: 1024px){.hero{padding:60px 48px;gap:48px}}@media (max-width: 768px){.hero{flex-direction:column-reverse;padding:40px 24px 60px;min-height:unset;gap:32px}}.hero__content{flex:0 1 auto;display:flex;flex-direction:column;gap:16px;min-width:0}@media (max-width: 768px){.hero__content{align-items:center;text-align:center}}.hero__subtitle{font-size:14px;font-weight:500;color:#705d44;text-transform:uppercase;letter-spacing:normal}.hero__title{font-size:46px;font-weight:600;color:#19231a;line-height:1.15}@media (max-width: 1024px){.hero__title{font-size:36px}}@media (max-width: 768px){.hero__title{font-size:28px}}.hero__desc{font-size:18px;color:#19231abf;line-height:1.85}@media (max-width: 768px){.hero__desc{font-size:18px}}.hero__buttons{display:flex;gap:12px;margin-top:8px}@media (max-width: 480px){.hero__buttons{flex-direction:column;width:100%}}.hero__contact-wrap{position:relative;display:inline-flex}.hero__contact-wrap:hover .hero__tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 480px){.hero__contact-wrap{width:100%}.hero__contact-wrap .btn{width:100%;display:grid}}.hero__tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);white-space:nowrap;font-size:14px;color:#19231abf;background:#fffaef;border:1px solid #dcccba;border-radius:6px;padding:4px 10px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.hero__avatar-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:0;height:328px;position:relative}@media (max-width: 1024px){.hero__avatar-wrap{height:260px}}@media (max-width: 768px){.hero__avatar-wrap{width:100%;height:220px;justify-content:center}}.hero__avatar-wrap:before{content:"";width:326px;height:365px;background-color:#f8f1e7;border-radius:50% 50% 0% 0%;flex-shrink:0}@media (max-width: 1024px){.hero__avatar-wrap:before{width:220px;height:220px}}@media (max-width: 768px){.hero__avatar-wrap:before{width:170px;height:180px}}.hero__avatar-img{position:absolute;bottom:-48px;width:390px;height:140%;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom}@media (max-width: 1024px){.hero__avatar-img{width:220px}}@media (max-width: 768px){.hero__avatar-img{width:200px;right:50%;transform:translate(50%);bottom:-24px}}.hero__avatar-placeholder{font-size:56px;font-weight:500;color:#705d4440;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 768px){.hero__avatar-placeholder{font-size:40px}}.about{display:flex;flex-direction:column;align-items:center;gap:48px;max-width:1440px;margin:0 auto;padding:120px 80px}@media (max-width: 1024px){.about{padding:80px 48px}}@media (max-width: 768px){.about{padding:60px 24px;gap:36px}}.about__body{display:flex;flex-direction:column;align-items:center;gap:40px}.about__text{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.about__intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;width:100%;max-width:1040px}@media (max-width: 768px){.about__intro{grid-template-columns:1fr;gap:24px}}.about__intro-text{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.about__intro-text .about__heading{justify-content:flex-start;text-align:left}.about__intro-text .about__desc{text-align:left}@media (max-width: 768px){.about__intro-text{align-items:center}.about__intro-text .about__heading{justify-content:center;text-align:center}.about__intro-text .about__desc{text-align:center}}.about__tools{width:100%;max-width:440px;justify-self:center}@media (max-width: 768px){.about__tools{max-width:340px}}.about__heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;font-size:30px;font-weight:600;color:#705d44;text-align:center;line-height:1.35}@media (max-width: 768px){.about__heading{font-size:22px;gap:6px 10px}}.about__arrow{flex-shrink:0;position:relative;top:2px;color:#dcccba;animation:arrowNudge 1.8s ease-in-out infinite}.about__arrow:nth-child(2){animation-delay:0s}.about__arrow:nth-child(4){animation-delay:.25s}.about__arrow:nth-child(6){animation-delay:.5s}@media (max-width: 768px){.about__arrow{width:18px;height:5px}}@media (prefers-reduced-motion: reduce){.about__arrow{animation:none}}.about__desc{font-size:18px;color:#19231abf;text-align:center;line-height:1.85}@media (max-width: 768px){.about__desc{font-size:18px}}.about__areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:1040px;margin-top:16px}@media (max-width: 1024px){.about__areas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.about__areas{grid-template-columns:1fr;gap:10px}}.about__more{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;color:#705d44;line-height:1.85;transition:gap .2s ease}.about__more:hover{gap:14px}.about__more-arrow{animation:arrowNudge 1.6s ease-in-out infinite}.about__more:hover .about__more-arrow{animation-play-state:paused;transform:translate(4px)}.tool-logos{position:relative;align-self:center;justify-self:center;width:100%;max-width:clamp(260px,min(42cqw,68cqh),640px);aspect-ratio:1/1}@media (max-width: 1024px){.tool-logos{max-width:clamp(260px,70cqw,440px)}}.tool-logos__item{position:absolute;width:calc(var(--size) * 100%);aspect-ratio:1/1;margin-left:calc(var(--size) * -50%);margin-top:calc(var(--size) * -50%);will-change:transform}.tool-logos__item img{display:block;width:100%;height:100%;transform:rotate(var(--rot));filter:drop-shadow(0 6px 10px rgba(0,0,0,.12));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.tool-logos__item.is-physics img{transform:none}.tool-logos--ask{margin-bottom:60px;cursor:pointer}.tool-logos__gyro-btn{position:absolute;left:50%;bottom:-16px;transform:translate(-50%,100%);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:none;border-radius:999px;background-color:#705d44;box-shadow:0 6px 16px -6px #19231a59;font-size:14px;font-weight:600;color:#fffaef;white-space:nowrap;cursor:pointer}.tool-logos__gyro-btn:active{transform:translate(-50%,100%) scale(.97)}.tool-logos__gyro-icon{flex:none;animation:gyroHint 2.4s ease-in-out infinite}@keyframes gyroHint{0%,50%,to{transform:rotate(0)}15%{transform:rotate(-18deg)}35%{transform:rotate(18deg)}}.area-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 22px;border:1px solid transparent;border-radius:14px;background-color:#f8f1e7;text-align:left;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}@media (hover: hover){.area-card:hover{transform:translateY(-3px);box-shadow:0 0 10px 2px #0000001a;background-color:#fffdf6;border-color:#dcccba}.area-card:hover .area-card__arrow{opacity:1;transform:translate(0)}}@media (hover: none){.area-card .area-card__arrow{opacity:.45;transform:translate(0);animation:arrowHint 4.5s ease-in-out infinite}.area-card:nth-child(2n) .area-card__arrow{animation-delay:1.5s}.area-card:nth-child(3n) .area-card__arrow{animation-delay:3s}}.area-card:active{transform:scale(.985);background-color:#fffdf6;border-color:#dcccba}.area-card:focus-visible{outline:2px solid #705d44;outline-offset:3px}.area-card:focus-visible .area-card__arrow{opacity:1;transform:translate(0)}.area-card__arrow{position:absolute;top:18px;right:18px;color:#705d44;opacity:0;transform:translate(-4px,4px);transition:opacity .2s ease,transform .2s ease}.area-card__en{font-size:16px;font-weight:600;color:#705d44;line-height:1.4}.area-card__zh{font-size:14px;color:#705d4499}.area-card__desc{margin-top:6px;font-size:16px;line-height:1.65;color:#19231abf}.area-card--ai .area-card__en{position:relative;align-self:flex-start;padding-right:30px}.area-card--ai .area-card__en:before,.area-card--ai .area-card__en:after{content:"";position:absolute;background-color:#705d44;clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);animation:sparkleTwinkle 2.6s ease-in-out infinite}.area-card--ai .area-card__en:after{width:10px;height:10px;top:3px;right:9px}.area-card--ai .area-card__en:before{width:5px;height:5px;top:13px;right:20px;animation-duration:1.9s;animation-delay:.85s}@media (prefers-reduced-motion: reduce){.area-card--ai .area-card__en:before,.area-card--ai .area-card__en:after{animation:none;opacity:.85}}.portfolio-wrapper{max-width:1440px;margin:0 auto;padding:0 80px}@media (max-width: 1024px){.portfolio-wrapper{padding:0 48px}}@media (max-width: 768px){.portfolio-wrapper{padding:0 16px}}.portfolio{background-color:#f8f1e7;display:flex;flex-direction:column;align-items:center;gap:32px;padding:60px 80px;border-radius:60px}@media (max-width: 1024px){.portfolio{padding:48px 40px}}@media (max-width: 768px){.portfolio{padding:40px 20px;border-radius:32px;gap:24px}}.portfolio__cards{display:flex;gap:12px;width:100%}@media (max-width: 1024px){.portfolio__cards{gap:10px}}@media (max-width: 768px){.portfolio__cards{flex-direction:column;gap:16px}}.portfolio-card{flex:1;height:360px;border-radius:14px;box-shadow:0 0 10px 2px #0000001a;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}@media (max-width: 1024px){.portfolio-card{height:280px}}@media (max-width: 768px){.portfolio-card{height:200px;flex:unset;width:100%}}.portfolio-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transition:transform .5s ease}.portfolio-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}@media (hover: hover){.portfolio-card:hover:before{transform:scale(1.05)}.portfolio-card:hover .portfolio-card__img{transform:scale(1.05)}.portfolio-card:hover .portfolio-card__arrow{opacity:1;transform:translate(0)}}@media (hover: none){.portfolio-card .portfolio-card__arrow{opacity:.75;transform:translate(0);animation:arrowHint 4.5s ease-in-out infinite}.portfolio-card:nth-child(2n) .portfolio-card__arrow{animation-delay:1.5s}.portfolio-card:nth-child(3n) .portfolio-card__arrow{animation-delay:3s}}.portfolio-card:active:before{transform:scale(1.02)}.portfolio-card:focus-visible{outline:2px solid #705d44;outline-offset:3px}.portfolio-card:focus-visible .portfolio-card__arrow{opacity:1;transform:translate(0)}.portfolio-card__arrow{position:absolute;right:16px;bottom:16px;z-index:1;color:#fffaef;opacity:0;transform:translate(-3px,3px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}@media (max-width: 768px){.portfolio-card__arrow{right:12px;bottom:12px}}.portfolio-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000c,#00000073,#00000026);pointer-events:none}.portfolio-card__label{position:relative;z-index:1;padding-bottom:80px;font-size:36px;font-weight:500;color:#fffaef;text-align:center}@media (max-width: 1024px){.portfolio-card__label{font-size:28px;padding-bottom:60px}}@media (max-width: 768px){.portfolio-card__label{font-size:24px;padding-bottom:40px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:90px 80px;background-color:#fffaef}@media (max-width: 1024px){.contact{padding:72px 48px}}@media (max-width: 768px){.contact{padding:60px 24px}}.contact__text{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.contact__title{font-size:38px;font-weight:500;color:#19231a;white-space:nowrap}@media (max-width: 768px){.contact__title{font-size:28px;white-space:normal}}.contact__desc{font-size:18px;color:#19231abf}@media (max-width: 768px){.contact__desc{font-size:18px}}.contact__btn-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center}.contact__btn-wrap:hover .contact__tooltip{opacity:1;transform:translate(-50%) translateY(0)}.contact__btn{width:280px;height:40px;gap:8px}@media (max-width: 480px){.contact__btn{width:100%;max-width:320px}}.contact__tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);white-space:nowrap;font-size:14px;color:#19231abf;background:#fffaef;border:1px solid #dcccba;border-radius:6px;padding:4px 10px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;margin:0 auto;padding:20px 80px;border-top:1px solid #dcccba;font-size:14px;color:#19231a59;white-space:normal;flex-wrap:wrap}@media (max-width: 1024px){.footer{padding:20px 48px}}@media (max-width: 768px){.footer{padding:20px 24px;flex-direction:column;gap:6px;text-align:center}}.footer--home{display:none;position:relative;height:60px;margin-top:-60px;max-width:none;padding-block:0;padding-inline:max(20px,(100% - 1324px) / 2);border-top:none}@media (min-width: 1364px) and (min-height: 621px){.footer--home{display:flex}}@media (max-width: 768px){.footer--home{display:flex;flex-direction:row;justify-content:center;gap:12px;height:44px;margin-top:-44px;padding:0 16px;font-size:14px}}.about-page{display:flex;flex-direction:column;align-items:center;max-width:1440px;margin:0 auto;padding:60px 80px}@media (max-width: 1024px){.about-page{padding:60px 48px}}@media (max-width: 768px){.about-page{align-items:stretch;padding:40px 24px}}.about-page__left{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:48px}@media (max-width: 768px){.about-page__left{margin-bottom:28px;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding-bottom:8px}}.about-page__iam{font-size:28px;font-weight:500;color:#19231abf;text-align:center;white-space:nowrap}@media (max-width: 768px){.about-page__iam{font-size:20px;text-align:left}}.about-page__signature{width:166px;height:72px;margin:0;overflow:hidden}.about-page__signature img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}@media (max-width: 768px){.about-page__signature{width:120px;height:52px}.about-page__signature img{-o-object-position:left center;object-position:left center}}.about-page__blocks{display:flex;flex-direction:column;align-items:center;gap:120px;width:100%}.about-page__blocks>.about-block{width:600px;max-width:100%}.about-page__blocks>.about-block--story{width:840px}@media (max-width: 1024px){.about-page__blocks{gap:96px}}@media (max-width: 768px){.about-page__blocks{gap:72px}}@media (max-width: 480px){.about-page__blocks{gap:64px}}.about-page__pair{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;width:1040px;max-width:100%}.about-page__pair>.about-block{min-width:0}.about-page__pair .about-block__card{flex:1}@media (max-width: 1024px){.about-page__pair{grid-template-columns:minmax(0,1fr);gap:96px;width:600px}}@media (max-width: 768px){.about-page__pair{gap:72px;width:100%}}@media (max-width: 480px){.about-page__pair{gap:64px}}.about-block{display:flex;flex-direction:column;gap:16px;width:100%}.about-block__label{margin:0;text-align:center;font-size:18px;font-weight:600;letter-spacing:.08em;line-height:1.35;color:#19231a}.about-block__link{align-self:center;margin-top:8px;font-size:16px;color:#705d44;text-decoration:underline;text-decoration-color:#dcccba;text-underline-offset:4px;transition:text-decoration-color .2s ease}.about-block__link:hover{text-decoration-color:#705d44}.about-block__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}@media (max-width: 768px){.about-block__chips{gap:12px}}.about-block__groups{display:flex;flex-direction:column;gap:14px}.about-block--story{--story-label-width: 216px;--story-column-gap: 48px;gap:32px}@media (max-width: 1024px){.about-block--story{--story-column-gap: 32px}}.about-block__bio{display:flex;flex-direction:column;gap:48px;font-size:18px;color:#19231abf;line-height:1.85}.about-block__bio-section{display:grid;grid-template-columns:var(--story-label-width) minmax(0,1fr);gap:var(--story-column-gap);align-items:start}.about-block__bio-heading{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:20px;font-weight:600;line-height:1.6;color:#705d44;text-wrap:balance}.about-block__bio-number{font-size:14px;font-weight:400;letter-spacing:.12em;color:#705d4499}.about-block__bio-stroke{width:120px;height:10px;color:#705d44;opacity:.6}.about-block__bio-copy{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:32em;overflow-wrap:break-word}.about-block__bio p{margin:0}@media (max-width: 768px){.about-block__bio{gap:36px}.about-block__bio-section{grid-template-columns:minmax(0,1fr);gap:16px}.about-block__bio-heading{gap:4px}}.about-block__story-link{align-self:flex-start;margin:-8px 0 0 calc(var(--story-label-width) + var(--story-column-gap));min-height:44px;max-width:calc(100% - var(--story-label-width) - var(--story-column-gap))}.about-block__story-link span{min-width:0}.about-block__story-link svg{flex-shrink:0}@media (max-width: 768px){.about-block__story-link{margin-left:0;max-width:100%}}.portfolio-teaser{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px;padding:72px 80px;background-color:#fffaef;position:relative;overflow:hidden}@media (max-width: 1024px){.portfolio-teaser{padding:60px 48px}}@media (max-width: 768px){.portfolio-teaser{gap:20px;padding:48px 24px;align-items:flex-start}}.portfolio-teaser__cta{display:flex;flex-direction:column;align-items:center;gap:20px;flex-shrink:0}@media (max-width: 768px){.portfolio-teaser__cta{align-items:flex-start;gap:20px}}.portfolio-teaser__title{font-size:38px;font-weight:500;color:#19231a;text-align:center;line-height:1.3;white-space:nowrap}@media (max-width: 768px){.portfolio-teaser__title{font-size:28px;text-align:left}}.portfolio-teaser__cards{display:flex;gap:20px;align-items:stretch;max-width:100%;overflow-x:auto;padding:12px 12px 28px;scrollbar-width:none}.portfolio-teaser__cards::-webkit-scrollbar{display:none}@media (max-width: 768px){.portfolio-teaser__cards{width:calc(100% + 16px);margin:-4px -4px -4px -12px;padding:12px;flex:unset}}.portfolio-teaser__next{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:#fffaef;border:1px solid #dcccba;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px 2px #0000001a;transition:background-color .2s ease}.portfolio-teaser__next:hover{background-color:#f8f1e7}@media (max-width: 768px){.portfolio-teaser__next{display:none}}.about-more{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#705d44;transition:gap .2s ease}.about-more:hover{gap:14px}.about-more__arrow{animation:arrowNudge 1.6s ease-in-out infinite}.about-more:hover .about-more__arrow{animation-play-state:paused;transform:translate(4px)}.portfolio-teaser__cards .work-card{flex-shrink:0;width:320px}@media (max-width: 768px){.portfolio-teaser__cards .work-card{width:260px}}.portfolio-teaser__cards .work-card .work-card__thumb-wrap{height:220px}@media (max-width: 768px){.portfolio-teaser__cards .work-card .work-card__thumb-wrap{height:180px}}.portfolio-teaser__cards .work-card .work-card__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-group{display:grid;grid-template-columns:112px minmax(0,1fr);-moz-column-gap:12px;column-gap:12px;align-items:start}.skill-group__label{padding-top:5px;font-size:14px;font-weight:600;line-height:1.65;color:#705d44}@media (max-width: 768px){.skill-group{grid-template-columns:1fr;row-gap:6px}.skill-group__label{padding-top:0}}.about-block__card{padding:20px 24px 22px;border-radius:14px;background-color:#f8f1e7}@media (max-width: 768px){.about-block__card{padding:18px 18px 20px}}.about-block__card .chip{background-color:#fffaef}.about-block__card .chip--tool{background-color:transparent;border:1px solid #dcccba}.about-block__card .chip--logo{gap:6px;padding-left:5px}.about-block__card .chip__logo{display:block;width:20px;height:20px;-o-object-fit:contain;object-fit:contain}@media (max-width: 768px){.about-block__card .chip--no-logo{display:none}.about-block__card .about-block__chips:has(.chip--logo){display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:14px 8px}.about-block__card .chip--logo{flex-direction:column;gap:4px;height:auto;padding:0;border:0;background:none;font-size:14px;white-space:normal;text-align:center;overflow-wrap:anywhere;cursor:pointer;-webkit-tap-highlight-color:transparent}.about-block__card .chip__logo{display:block;width:52px;height:52px;-o-object-fit:contain;object-fit:contain}.about-block__card .chip__name{max-width:100%;white-space:normal;text-align:center;line-height:1.3}}.about-block__card .chip--link:hover,.about-block__card .chip--link:focus-visible{background-color:#dcccba}.about-exp{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.about-exp{gap:12px}}.about-exp__card{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;padding:28px 16px 24px}@media (max-width: 768px){.about-exp__card{padding:22px 12px 18px}}.about-exp__num{display:inline-flex;align-items:baseline;gap:4px;color:#705d44;font-weight:600;line-height:1.1}.about-exp__key{display:inline-grid;font-size:44px}.about-exp__key>*{grid-area:1/1}@media (max-width: 768px){.about-exp__key{font-size:34px}}.about-exp__key-size{opacity:0}.about-exp__key-live{display:inline-block;white-space:nowrap}.about-exp__unit{font-size:18px}.about-exp__title{font-size:16px;color:#19231abf}.about-exp__key.is-burst .about-exp__key-live{animation:counterBurst .5s cubic-bezier(.34,1.56,.64,1)}@media (min-width: 769px) and (prefers-reduced-motion: no-preference){.about-block .chip--tool{opacity:0}.about-block.revealed .chip--tool{animation:toolFade .4s ease both;animation-delay:calc(.3s + var(--i, 0) * .05s)}.chip--logo:hover .chip__logo{animation:toolWiggle .5s ease-in-out}}@keyframes toolFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 768px) and (prefers-reduced-motion: no-preference){.about-block .chip--logo{opacity:0}.about-block.revealed .chip--logo{animation:toolPop .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.35s + var(--i, 0) * .07s)}.about-block.revealed .chip--logo.chip--wiggle{opacity:1;animation:toolWiggle .5s ease-in-out}}@keyframes toolPop{0%{opacity:0;transform:translateY(10px) scale(.6)}to{opacity:1;transform:none}}@keyframes toolWiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg) scale(1.08)}45%{transform:rotate(8deg) scale(1.08)}70%{transform:rotate(-4deg)}}.portfolio-page{max-width:1440px;margin:0 auto;padding:60px 80px 100px}@media (max-width: 1024px){.portfolio-page{padding:60px 48px 80px}}@media (max-width: 768px){.portfolio-page{padding:40px 24px 64px}}.portfolio-page__header{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}@media (max-width: 768px){.portfolio-page__header{margin-bottom:28px}}.portfolio-page__title{font-size:46px;font-weight:500;color:#19231a;line-height:1.2}@media (max-width: 1024px){.portfolio-page__title{font-size:38px}}@media (max-width: 768px){.portfolio-page__title{font-size:32px}}.portfolio-page__subtitle{font-size:18px;color:#19231abf;line-height:1.85;text-align:center}.filter-bar{position:sticky;top:72px;z-index:20;display:flex;flex-direction:column;padding-top:14px;margin-bottom:36px;background-color:#fffaef;box-shadow:0 0 0 100vmax #fffaef;clip-path:inset(0 -100vmax)}.filter-bar__tabs{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;border-bottom:1px solid #dcccba}.filter-bar__lens{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:10px 0;border-bottom:1px solid #dcccba;font-size:14px;color:#19231abf}.filter-bar__lens-label,.filter-bar__lens-count{color:#705d4499}.filter-bar--stuck:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:72px;background-color:#fffaef;pointer-events:none}.filter-bar--stuck{clip-path:inset(-72px -100vmax 0)}@media (max-width: 768px){.filter-bar{top:68px;margin-bottom:24px}.filter-bar__tabs{gap:20px}.filter-bar--stuck:before{height:68px}}.lens-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;border:none;border-radius:999px;background-color:#705d44;color:#fffaef;font-size:14px;font-family:Noto Sans TC,sans-serif;cursor:pointer;transition:background-color .2s ease}.lens-chip:hover{background-color:#705d44d9}.lens-chip:focus-visible{outline:2px solid #705d44;outline-offset:2px}.lens-chip__x{flex-shrink:0}.filter-tab{position:relative;display:inline-flex;align-items:center;padding:6px 8px 10px;border:none;background:none;font-size:14px;font-family:Noto Sans TC,sans-serif;font-weight:500;color:#19231aa6;cursor:pointer;white-space:nowrap;transition:color .2s ease}.filter-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:1px;background-color:#705d44;opacity:0;transform:scaleX(0);transition:transform .2s ease,opacity .2s ease}.filter-tab:hover{color:#705d44}.filter-tab:hover:after{opacity:.35;transform:scaleX(1)}.filter-tab:focus-visible{outline:2px solid #705d44;outline-offset:3px;border-radius:2px}.filter-tab--active{color:#705d44}.filter-tab--active:after,.filter-tab--active:hover:after{opacity:1;transform:scaleX(1)}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,360px));gap:20px;justify-content:center;position:relative}@media (max-width: 1024px){.works-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.works-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.work-card{display:flex;flex-direction:column;background-color:#fffdf6;border:1px solid #dcccba;border-radius:14px;box-shadow:0 0 10px 2px #0000001a;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover){.work-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000021}.work-card:hover .work-card__arrow{opacity:1;transform:translate(0)}}@media (hover: none){.work-card .work-card__arrow{opacity:1;transform:translate(0);animation:arrowHint 4.5s ease-in-out infinite}.work-card:nth-child(2n) .work-card__arrow{animation-delay:1.5s}.work-card:nth-child(3n) .work-card__arrow{animation-delay:3s}}.work-card:active{transform:scale(.99);box-shadow:0 2px 10px #0000001a}.work-card:focus-visible{outline:2px solid #705d44;outline-offset:3px}.work-card:focus-visible .work-card__arrow{opacity:1;transform:translate(0)}.work-card__arrow{position:absolute;right:10px;bottom:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background-color:#fffdf6eb;color:#705d44;opacity:0;transform:translate(-3px,3px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.work-card__thumb-wrap{width:100%;aspect-ratio:4/3;padding:8px;flex-shrink:0}.work-card__thumb{width:100%;height:100%;border-radius:10px;overflow:hidden;position:relative;background-color:#f8f1e7}.work-card__thumb img{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(25,35,26,.1))}.work-card__thumb--cover img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:none}.work-card__body{padding:12px 22px 18px;display:flex;flex-direction:column;align-items:center;gap:8px}.work-card__tags{display:flex;flex-wrap:wrap;gap:6px;width:100%;justify-content:center}.work-card__tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background-color:#f8f1e7;font-size:14px;color:#19231abf;white-space:nowrap}.work-card__title{font-size:19px;font-weight:500;color:#19231a;line-height:1.4;text-align:center;width:100%}@media (max-width: 768px){.work-card__title{font-size:16px}}.work-card__desc{font-size:16px;color:#19231a80;line-height:1.65;text-align:center;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.work-card__desc{font-size:16px}}.work-enter-active{transition:opacity .25s ease}.work-leave-active{transition:opacity .2s ease;position:absolute;width:360px}.work-enter-from,.work-leave-to{opacity:0}.work-move{transition:transform .3s ease}.works-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 0;color:#19231a59;font-size:16px}.work-page{display:flex;gap:20px;align-items:flex-start;max-width:1440px;margin:0 auto;padding:60px 80px}@media (max-width: 1024px){.work-page{padding:60px 48px;gap:32px}}@media (max-width: 768px){.work-page{flex-direction:column;align-items:stretch;padding:40px 24px;gap:40px}}.work-page__left{width:305px;flex-shrink:0;display:flex;flex-direction:column;gap:66px;position:sticky;top:108px;align-self:start}@media (max-width: 1024px){.work-page__left{width:220px;gap:48px}}@media (max-width: 768px){.work-page__left{width:100%;gap:28px;position:static;text-align:center}.work-page__left .work-page__divider{margin:0 auto}.work-page__left .work-page__tags,.work-page__left .work-page__skills{justify-content:center}}.work-page__info{display:flex;flex-direction:column;gap:28px}.work-page__title-block{display:flex;flex-direction:column;gap:12px}.work-page__title{font-size:30px;font-weight:500;color:#19231a;line-height:1.35}@media (max-width: 1024px){.work-page__title{font-size:24px}}@media (max-width: 768px){.work-page__title{font-size:22px}}.work-page__divider{width:106px;height:1px;background-color:#dcccba;flex-shrink:0}.work-page__tags{display:flex;flex-wrap:wrap;gap:6px}.work-page__tag{display:inline-flex;align-items:center;height:28px;padding:4px 12px;border-radius:999px;border:1px solid #dcccba;background-color:#fffaef;font-size:14px;color:#705d44;white-space:nowrap;transition:background-color .2s ease}.work-page__tag:hover{background-color:#f8f1e7}.work-page__skills{display:flex;flex-wrap:wrap;gap:6px}.work-page__meta{display:flex;flex-direction:column;gap:2px;font-size:18px;color:#19231abf;line-height:1.85}.work-page__url{color:#705d44;text-decoration:none;word-break:break-all;display:inline-flex;align-items:center;gap:6px}.work-page__url:hover{opacity:.75}.work-page__url--empty{color:#19231a59}@media (max-width: 768px){.work-page__url{align-self:center}}.work-page__right{flex:1;min-width:0;display:flex;flex-direction:column;gap:44px}@media (max-width: 1024px){.work-page__right{gap:24px}}@media (max-width: 768px){.work-page__right{gap:20px}}.work-page__right .about-more{justify-content:center;padding-top:20px}.work-page__gallery{display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.work-page__gallery{gap:8px}}.work-page__main-image{width:100%;aspect-ratio:955/537;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative;cursor:zoom-in;background-color:#f8f1e7}.work-page__main-image__img{position:relative;width:100%;height:100%;padding:28px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(25,35,26,.1));z-index:1;transition:transform .3s ease}@media (max-width: 768px){.work-page__main-image__img{padding:14px}}.work-page__main-image__zoom-hint{position:absolute;bottom:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;background-color:#fffaefd9;color:#705d44;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.work-page__main-image:hover .work-page__main-image__zoom-hint{opacity:1}.work-page__main-image:hover .work-page__main-image__img{transform:scale(1.015)}@media (max-width: 768px){.work-page__main-image{border-radius:8px}}.work-page__caption{font-size:14px;color:#19231a59;text-align:center;line-height:1.65;padding:0 8px}.work-page__thumbs-row{display:flex;align-items:center;gap:12px}@media (max-width: 768px){.work-page__thumbs-row{gap:8px}}.work-page__thumb-strip{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:3px}.work-page__thumb-strip::-webkit-scrollbar{display:none}@media (max-width: 768px){.work-page__thumb-strip{gap:4px}}.work-page__thumb{width:172px;height:97px;border-radius:10px;overflow:hidden;flex-shrink:0;cursor:pointer;opacity:.55;position:relative;transition:opacity .2s ease,box-shadow .2s ease;background-color:#f8f1e7}.work-page__thumb__img{position:relative;width:100%;height:100%;padding:8px;-o-object-fit:contain;object-fit:contain;z-index:1}.work-page__thumb__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fffaef;pointer-events:none}.work-page__thumb__play svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.work-page__thumb:hover{opacity:.8}.work-page__thumb--active{opacity:1;outline:2.5px solid #dcccba;outline-offset:0}@media (max-width: 1024px){.work-page__thumb{width:140px;height:79px}}@media (max-width: 768px){.work-page__thumb{width:108px;height:61px}}@media (max-width: 480px){.work-page__thumb{width:88px;height:50px}}.work-page__nav-btn{position:relative;width:50px;height:50px;border-radius:50%;background-color:#fffaef;border:1px solid rgba(112,93,68,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,opacity .2s ease}.work-page__nav-btn:hover:not(:disabled){background-color:#f8f1e7}.work-page__nav-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 1024px){.work-page__nav-btn{width:44px;height:44px}}@media (max-width: 768px){.work-page__nav-btn{width:38px;height:38px}}@media (max-width: 480px){.work-page__nav-btn{width:34px;height:34px}}@media (max-width: 768px){.work-page__nav-btn:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.work-page__more--desktop{display:none}}.work-page__more--mobile{display:none}@media (max-width: 768px){.work-page__more--mobile{display:flex}}.work-page__desc{display:grid;grid-template-columns:minmax(112px,max-content) minmax(0,640px);-moz-column-gap:28px;column-gap:28px;row-gap:28px;padding:0 65px;font-size:18px;color:#19231abf;line-height:1.85}@media (max-width: 1024px){.work-page__desc{padding:0 16px 0 59px;grid-template-columns:minmax(96px,fit-content(40%)) minmax(0,1fr);-moz-column-gap:20px;column-gap:20px}}@media (max-width: 768px){.work-page__desc{padding:0;grid-template-columns:1fr;row-gap:24px}}.work-page__section{display:grid;grid-template-columns:112px minmax(0,640px);grid-template-columns:subgrid;grid-column:1/-1;align-items:start}@media (max-width: 768px){.work-page__section{row-gap:8px}}.work-page__section--untitled .work-page__section-body{grid-column:1/-1;max-width:640px}.work-page__section-title{font-size:16px;font-weight:600;line-height:1.85;color:#705d44}@media (max-width: 768px){.work-page__section-title{display:flex;align-items:center;gap:12px;line-height:1.4}.work-page__section-title:after{content:"";flex:1;min-width:24px;height:1px;background-color:#dcccba}}.work-page__section-body{display:flex;flex-direction:column;gap:10px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#19231ae0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding:60px 24px 24px}@media (max-width: 480px){.lightbox{padding:16px 16px 32px;justify-content:center}}.lightbox__close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background-color:#fffaef1a;border:1px solid rgba(255,250,239,.2);color:#fffaef;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.lightbox__close:hover{background-color:#fffaef33}@media (max-width: 480px){.lightbox__close{position:static;order:3;width:52px;height:52px;background-color:#fffaef26}}.lightbox__stage{position:relative;width:100%;max-width:min(1200px,100vw - 48px)}@media (min-width: 1600px){.lightbox__stage{max-width:min(1480px,100vw - 80px)}}@media (max-width: 480px){.lightbox__stage{order:1}}.lightbox__img-wrap{width:100%;display:flex;align-items:center;justify-content:center}.lightbox__img{max-width:100%;max-height:calc(100dvh - 180px);display:block;border-radius:20px}@media (min-width: 1600px){.lightbox__img{max-height:calc(100dvh - 140px)}}@media (max-width: 768px){.lightbox__img{border-radius:12px;max-height:calc(100dvh - 200px)}}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:48px;height:48px;border-radius:50%;background-color:#19231a73;border:1px solid rgba(255,250,239,.2);color:#fffaef;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.lightbox__nav--prev{left:12px}.lightbox__nav--next{right:12px}.lightbox__nav:hover:not(:disabled){background-color:#19231ab3}.lightbox__nav:disabled{opacity:.2;cursor:not-allowed}@media (max-width: 768px){.lightbox__nav{width:38px;height:38px}}@media (max-width: 480px){.lightbox__nav{width:32px;height:32px}}.lightbox__footer{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:36px}@media (max-width: 480px){.lightbox__footer{order:2}}.lightbox__counter{font-size:14px;color:#fffaef80;letter-spacing:.06em}.lightbox__caption{font-size:14px;color:#fffaefa6;text-align:center;line-height:1.65;max-width:680px}.caption-fade-enter-active,.caption-fade-leave-active{transition:opacity .15s ease}.caption-fade-enter-from,.caption-fade-leave-to{opacity:0}.lightbox-enter-active,.lightbox-leave-active{transition:opacity .22s ease}.lightbox-enter-from,.lightbox-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:opacity .18s ease,transform .18s ease}.slide-left-enter-from{opacity:0;transform:translate(40px)}.slide-left-leave-to,.slide-right-enter-from{opacity:0;transform:translate(-40px)}.slide-right-leave-to{opacity:0;transform:translate(40px)}.work-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:120px 80px;font-size:16px;color:#19231abf}@media (max-width: 768px){.work-not-found{padding:80px 24px}}.work-back{font-size:16px;color:#705d44;font-weight:500}.work-back:hover{text-decoration:underline}.cap-main{overflow:clip}.cap-page{max-width:1440px;margin:0 auto;padding:60px 80px 100px;display:flex;flex-direction:column;--page-gap: 120px;gap:var(--page-gap)}@media (max-width: 1024px){.cap-page{padding:60px 48px 80px;--page-gap: 96px}}@media (max-width: 768px){.cap-page{padding:40px 24px 64px;--page-gap: 72px}}@media (max-width: 480px){.cap-page{padding:32px 16px 56px;--page-gap: 64px}}.cap-page__header{display:flex;flex-direction:column;align-items:center;gap:20px}.cap-page__lead{max-width:760px;text-align:center;font-size:18px;line-height:1.85;color:#19231a}.cap-page__lead strong{color:#705d44;font-weight:600}@media (max-width: 768px){.cap-page__lead{font-size:18px}}.cap-page__chain{display:flex;flex-direction:column;gap:20px;margin-top:calc(32px - var(--page-gap));margin-bottom:80px}@media (max-width: 1024px){.cap-page__chain{margin-bottom:64px}}@media (max-width: 768px){.cap-page__chain{gap:16px;margin-bottom:40px}}.cap-page__tagline{font-size:18px;color:#705d4499;text-align:center}.cap-page__outro{display:flex;flex-direction:column;align-items:center;gap:40px}@media (max-width: 768px){.cap-page__outro{gap:28px}}.cap-page__closing{text-align:center;font-size:18px;font-weight:500;line-height:1.85;color:#19231a}@media (max-width: 768px){.cap-page__closing{font-size:18px}}.cap-page__more{justify-content:center}.cap-chain{display:flex;flex-direction:column;gap:20px}.cap-chain__steps{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.cap-chain__item{position:relative;animation:fadeUp .6s ease both}.cap-chain__item:nth-child(1){animation-delay:.1s}.cap-chain__item:nth-child(1) .cap-chain__step{animation-delay:0s}.cap-chain__item:nth-child(2){animation-delay:.24s}.cap-chain__item:nth-child(2) .cap-chain__step{animation-delay:1.2s}.cap-chain__item:nth-child(3){animation-delay:.38s}.cap-chain__item:nth-child(3) .cap-chain__step{animation-delay:2.4s}.cap-chain__item:nth-child(4){animation-delay:.52s}.cap-chain__item:nth-child(4) .cap-chain__step{animation-delay:3.6s}.cap-chain__item:nth-child(5){animation-delay:.66s}.cap-chain__item:nth-child(5) .cap-chain__step{animation-delay:4.8s}.cap-chain__item:not(:last-child):after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;background-color:#fffaef;border-right:1px solid #dcccba;border-bottom:1px solid #dcccba;transform:translateY(-50%) rotate(-45deg);pointer-events:none;animation:chainArrowIn .45s ease both,chainFill 6s ease-in-out infinite}.cap-chain__item:nth-child(1):after{animation-delay:.38s,0s}.cap-chain__item:nth-child(2):after{animation-delay:.52s,1.2s}.cap-chain__item:nth-child(3):after{animation-delay:.66s,2.4s}.cap-chain__item:nth-child(4):after{animation-delay:.8s,3.6s}.cap-chain__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:168px;padding:16px 20px;border:1px solid #dcccba;border-radius:14px;background-color:#fffaef;animation:chainFill 6s ease-in-out infinite}.cap-chain__en{font-size:18px;font-weight:600;color:#705d44}.cap-chain__zh{font-size:14px;color:#705d4499}.cap-chain__panel{border-radius:14px;background-color:#f8f1e7;padding:28px 32px}.cap-chain__panel--inline{display:none}.cap-chain__panel-slot{animation:fadeUp .6s ease both;animation-delay:.9s}.cap-chain__content{display:flex;flex-direction:column;gap:36px}.cap-chain__what{font-size:16px;font-weight:500;line-height:1.65;color:#19231a;max-width:36em;margin:0 auto;text-align:center}.cap-chain__details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.cap-chain__group{display:flex;flex-direction:column;gap:10px;min-width:0}.cap-chain__group-label{font-size:14px;font-weight:600;color:#705d44;text-align:center}.cap-chain__skills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.cap-chain__skill{background-color:#fffaef}.cap-chain__proof{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px}.cap-chain__proof-item{position:relative;padding-left:22px;font-size:16px;line-height:1.65;color:#19231abf}.cap-chain__proof-item:before{content:"→";position:absolute;left:0;color:#dcccba}.cap-chain__proof-item strong{font-weight:600;color:#705d44}.cap-chain__proof-item a{color:#705d44;text-decoration:underline;text-decoration-color:#dcccba;text-underline-offset:3px;transition:text-decoration-color .2s ease}.cap-chain__proof-item a:hover{text-decoration-color:#705d44}@media (max-width: 1024px){.cap-chain__steps{gap:16px}.cap-chain__step{min-width:140px;padding:14px 16px}.cap-chain__panel{padding:24px}.cap-chain__details{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.cap-chain__steps{flex-direction:column;align-items:stretch;gap:24px}.cap-chain__item:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-6px;transform:translate(-50%) rotate(45deg);animation-name:chainArrowInDown,chainFill}.cap-chain__step{min-width:0}}@media (prefers-reduced-motion: reduce){.cap-chain__item,.cap-chain__item:after,.cap-chain__step,.cap-chain__panel-slot{animation:none}}.chain-panel-enter-active,.chain-panel-leave-active{transition:opacity .22s ease,transform .22s ease}.chain-panel-enter-from,.chain-panel-leave-to{opacity:0;transform:translateY(6px)}@media (prefers-reduced-motion: reduce){.chain-panel-enter-active,.chain-panel-leave-active{transition:none}}.cap-section{display:flex;flex-direction:column;gap:16px;width:100%;max-width:var(--section-width, 100%);margin:0 auto}.cap-section__label{text-align:center;font-size:18px;font-weight:600;letter-spacing:.08em;color:#19231a}.cap-section__note{max-width:760px;margin:0 auto;text-align:center;font-size:14px;line-height:1.65;color:#705d4499}.cap-band{--band-extra: 40px;position:relative;isolation:isolate;width:100%}@media (max-width: 768px){.cap-band{--band-extra: 24px}}.cap-band--dark,.cap-band--soft{margin-block:calc(var(--page-gap) / -2);padding-block:calc(var(--page-gap) / 2 + var(--band-extra))}.cap-band--dark:before,.cap-band--soft:before{content:"";position:absolute;inset:0 auto;left:50%;width:100vw;transform:translate(-50%);z-index:-1}.cap-band--soft:before{background-color:#f8f1e7}.cap-band__wave{position:absolute;left:50%;z-index:-1;width:100vw;transform:translate(-50%);color:#705d44;pointer-events:none}.cap-band__wave--top{bottom:calc(100% - 2px);height:calc(var(--wave-top-h) + 1px)}.cap-band__wave--bottom{top:calc(100% - 2px);height:calc(var(--wave-bottom-h) + 1px)}.cap-band{--wave-top-h: calc(100vw * 111 / 1440);--wave-bottom-h: calc(100vw * 107 / 1440)}.cap-band--dark{z-index:1;margin-top:max(0px,var(--wave-top-h) - var(--page-gap) + 40px);margin-bottom:0;padding-block:calc(var(--band-extra) + 16px)}.cap-band--dark+.cap-band--soft{margin-top:calc(var(--page-gap) * -1);padding-top:calc(var(--wave-bottom-h) + var(--band-extra) + 16px)}.cap-band--dark:before{background-color:#705d44}.cap-band--dark .cap-section__label{color:#fffaef;--hand-circle-color: #f3dea0}.cap-band--dark .cap-section__note{color:#fffaefb3}.cap-band--dark .cap-card{background-color:#fffaef;transition:transform .2s ease,filter .2s ease,background-color .2s ease,border-color .2s ease}@media (hover: hover){.cap-band--dark .cap-card:hover{box-shadow:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.32)) drop-shadow(0 2px 4px rgba(0,0,0,.18))}}.cap-band--dark .cap-card:focus-visible{box-shadow:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.32)) drop-shadow(0 2px 4px rgba(0,0,0,.18))}.cap-band--dark .cap-card__result-block:before{background-color:#00000059}.cap-section[data-reveal] .cap-stagger,.cap-section[data-reveal] .cap-table tbody td{opacity:0;transform:translateY(6px);transition:opacity .4s ease calc(.25s + var(--i, 0) * 45ms),transform .4s ease calc(.25s + var(--i, 0) * 45ms),background-color .2s ease}.cap-section[data-reveal] .cap-scope__ext{clip-path:inset(0 100% 0 0);transition:clip-path .55s cubic-bezier(.25,.46,.45,.94) calc(.45s + var(--i, 0) * 60ms)}.cap-section[data-reveal].revealed .cap-stagger,.cap-section[data-reveal].revealed .cap-table tbody td{opacity:1;transform:none}.cap-section[data-reveal].revealed .cap-scope__ext{clip-path:inset(0)}.cap-table tbody tr:hover td{background-color:#dcccba8c}@media (prefers-reduced-motion: reduce){.cap-section[data-reveal] .cap-stagger,.cap-section[data-reveal] .cap-table tbody td{transition:none;opacity:1;transform:none}.cap-section[data-reveal] .cap-scope__ext{transition:none;clip-path:none}}.cap-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cap-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:16px;line-height:1.65;color:#19231abf}.cap-table th{text-align:left;padding:10px 18px;font-size:14px;font-weight:600;color:#19231a;white-space:nowrap;background-color:#dcccba}.cap-table th:first-child{border-radius:8px 0 0 8px}.cap-table th:last-child{border-radius:0 8px 8px 0}.cap-table td{padding:14px 18px;vertical-align:top;background-color:#f8f1e7}.cap-table td:first-child{border-radius:8px 0 0 8px}.cap-table td:last-child{border-radius:0 8px 8px 0}.cap-table strong{font-weight:600;color:#705d44}.cap-table a{color:#705d44;text-decoration:underline;text-decoration-color:#dcccba;text-underline-offset:3px;transition:text-decoration-color .2s ease}.cap-table a:hover{text-decoration-color:#705d44}.cap-table__sep{color:#19231a59}.cap-table--first-strong td:first-child{font-weight:600;color:#19231a;white-space:nowrap}.cap-table--before-after td:first-child{width:40%;color:#705d4499;background-color:#f8f1e773}.cap-table--before-after td:last-child{color:#19231a;font-weight:500}@media (max-width: 768px){.cap-table{min-width:560px;font-size:16px}.cap-table--before-after{min-width:0}}.cap-scope{display:flex;flex-direction:column;gap:10px}.cap-scope__legend{display:flex;justify-content:flex-end;align-items:center;gap:6px 18px;flex-wrap:wrap;font-size:14px;color:#705d4499;margin-bottom:4px}.cap-scope__swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.cap-scope__swatch--base{background-color:#f8f1e7}.cap-scope__swatch--ext{background-color:#dcccba}.cap-scope__row{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px}.cap-scope__facet{font-size:16px;font-weight:600;color:#19231a}.cap-scope__bar{display:flex;min-width:0;border-radius:99px;background-color:#f8f1e7;overflow:hidden}.cap-scope__base,.cap-scope__ext{padding:12px 16px;font-size:16px;line-height:1.65}.cap-scope__base{display:flex;align-items:center;gap:12px;flex:0 0 36%;color:#705d44b3}.cap-scope__base-text{min-width:0}.cap-scope__chev{margin-left:auto;flex-shrink:0;color:#705d44b3;animation:scopeSway 1.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.cap-scope__chev{animation:none;transform:rotate(var(--sway-rot, 0deg))}}.cap-scope__ext{flex:1;min-width:0;border-radius:99px;background-color:#dcccba;color:#19231a;font-weight:500}@media (max-width: 1024px){.cap-scope__row{grid-template-columns:112px minmax(0,1fr);gap:12px}.cap-scope__base{flex-basis:40%}}@media (max-width: 768px){.cap-scope{gap:10px}.cap-scope__legend{display:none}.cap-scope__row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px 12px;padding:14px 16px;border-radius:14px;background-color:#f8f1e7;text-align:left}.cap-scope__facet{grid-area:1/1;font-size:16px;font-weight:600;color:#705d44}.cap-scope__bar{display:contents}.cap-scope__base{grid-area:1/2;display:block;padding:0;font-size:16px;line-height:1.65;text-align:right;color:#705d4499}.cap-scope__chev{display:none}.cap-scope__ext{grid-area:2/1/3/-1;padding:10px 14px;border-radius:10px;background-color:#dcccba;font-size:16px;font-weight:600;line-height:1.65;color:#19231a}}.cap-cards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 1024px){.cap-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.cap-cards{grid-template-columns:1fr;gap:12px}}.cap-card{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 24px 24px;border:1px solid transparent;border-radius:14px;background-color:#f8f1e7;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}@media (hover: hover){.cap-card:hover{transform:translateY(-3px);box-shadow:0 0 10px 2px #0000001a;background-color:#fffdf6;border-color:#dcccba}.cap-card:hover .cap-card__arrow{opacity:1;transform:translate(0);animation:arrowBeckon 1s ease-in-out .2s infinite}.cap-card:hover .cap-card__result-block{transform:translate(4px);opacity:1}.cap-card:hover .cap-card__result-block:before{opacity:1;width:10px}}@media (hover: none){.cap-card .cap-card__arrow{opacity:.45;transform:translate(0);animation:arrowHint 4.5s ease-in-out infinite}.cap-card:nth-child(2n) .cap-card__arrow{animation-delay:2.2s}}.cap-card:active{transform:scale(.99);background-color:#fffdf6;border-color:#dcccba}.cap-card:active .cap-card__result-block{opacity:1}.cap-card:focus-visible{outline:2px solid #705d44;outline-offset:3px}.cap-card:focus-visible .cap-card__arrow{opacity:1;transform:translate(0);animation:arrowBeckon 1s ease-in-out .2s infinite}.cap-card:focus-visible .cap-card__result-block{transform:translate(4px);opacity:1}.cap-card:focus-visible .cap-card__result-block:before{opacity:1;width:10px}.cap-card__title{font-size:16px;font-weight:600;color:#19231a;line-height:1.4;padding-right:24px}.cap-card__problem{font-size:16px;line-height:1.65;color:#705d4499}.cap-card__result-block{position:relative;align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:auto;margin-right:-30px;margin-bottom:-10px;padding:12px 24px;border-radius:99px 0 0 99px;background-color:#705d44;text-align:right;opacity:.7;transition:transform .2s ease,opacity .2s ease}.cap-card__result-block:before{content:"";position:absolute;right:0;bottom:100%;width:6px;height:6px;background-color:#705d4499;clip-path:polygon(0 0,0 100%,100% 100%);opacity:.4;transition:opacity .2s ease,width .2s ease}.cap-card__result{font-size:20px;font-weight:600;line-height:1.3;color:#fffaef}.cap-card__key{position:relative;display:inline-grid;vertical-align:baseline}.cap-card__key>*{grid-area:1/1}.cap-card__key-real{display:inline-grid}.cap-card__key-real>*{grid-area:1/1}.cap-card__key-size{opacity:0}.cap-card__key-live{display:inline-block;white-space:nowrap}.cap-card__key-mask{display:none}@media (hover: hover){.cap-card__key-live{opacity:0;filter:blur(6px);transition:opacity .35s ease,filter .55s ease}.cap-card__key--num .cap-card__key-live{filter:none}.cap-card__key-mask{display:flex;align-items:flex-end;justify-content:center;padding-bottom:.08em;border-bottom:2px solid rgba(255,250,239,.75);font-size:.85em;line-height:1;opacity:.85;transition:opacity .25s ease}.cap-card:hover .cap-card__key-live,.cap-card:focus-visible .cap-card__key-live,.cap-card.is-revealed .cap-card__key-live{opacity:1;filter:blur(0)}.cap-card:hover .cap-card__key-mask,.cap-card:focus-visible .cap-card__key-mask,.cap-card.is-revealed .cap-card__key-mask{opacity:0}.cap-card__key.is-burst .cap-card__key-live{animation:counterBurst .5s cubic-bezier(.34,1.56,.64,1)}}.cap-card__note{font-size:14px;line-height:20px;color:#fffaef}@media (hover: hover){.cap-card__note{visibility:hidden;opacity:0;transition:opacity .2s ease,visibility 0s .2s}.cap-card__result{transform:translateY(14px)}.cap-card:hover .cap-card__note,.cap-card:focus-visible .cap-card__note,.cap-card.is-revealed .cap-card__note{visibility:visible;opacity:1;transition:opacity .9s ease .1s}.cap-card:hover .cap-card__result,.cap-card:focus-visible .cap-card__result,.cap-card.is-revealed .cap-card__result{transform:none}}.cap-card__arrow{position:absolute;top:18px;right:18px;color:#705d44;opacity:0;transform:translate(-4px,4px);transition:opacity .2s ease,transform .2s ease}.cap-shift{display:flex;flex-direction:column;align-items:center;gap:24px}.cap-shift__legend{display:flex;gap:24px;font-size:14px;color:#705d4499}.cap-shift__key{display:inline-flex;align-items:center;gap:8px}.cap-shift__key:before{content:"";width:14px;height:14px;border-radius:50%}.cap-shift__key--before:before{border:1.5px dashed rgba(112,93,68,.5);background-color:#dcccba73}.cap-shift__key--after:before{background-color:#705d44;box-shadow:0 1px 4px #0000001f}.cap-shift__rows{display:flex;flex-direction:column;align-items:center;width:100%}.cap-shift__row{list-style:none;display:flex;justify-content:center;align-items:flex-start;gap:20px;width:100%}.cap-shift__row+.cap-shift__row{margin-top:-8px}@media (max-width: 768px){.cap-shift{gap:20px}.cap-shift__row{gap:16px}.cap-shift__row+.cap-shift__row{margin-top:-6px}}.shift-card{flex:0 0 var(--size, 188px);margin-top:var(--dy, 0px);aspect-ratio:1}.shift-card__float{width:100%;height:100%;perspective:1200px;animation:bubbleFloat var(--float-dur, 6s) ease-in-out var(--float-delay, 0s) infinite;will-change:transform}.shift-card:hover .shift-card__float{animation-play-state:paused}.shift-card__inner{position:relative;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:none;font:inherit;color:inherit;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.shift-card__inner:focus-visible{outline:2px solid #705d44;outline-offset:6px}.shift-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;border-radius:50%;text-align:center;font-size:16px;line-height:1.65;backface-visibility:hidden;-webkit-backface-visibility:hidden}.shift-card__face--before{border:1.5px dashed rgba(112,93,68,.5);background-color:#dcccba73;color:#705d44}.shift-card__face--after{background-color:#705d44;color:#fffaef;font-weight:500;box-shadow:0 2px 10px #0000001f;transform:rotateY(180deg)}.shift-card--alt .shift-card__face--before{background-color:#fffdf6}.cap-section.revealed .shift-card--tease .shift-card__inner{animation:flipTease 1.6s ease-in-out 1}.shift-card--tease:hover .shift-card__inner{animation:none}@media (hover: hover){.shift-card:hover .shift-card__inner{transform:rotateY(180deg)}}.shift-card__inner:focus-visible,.shift-card__inner.is-flipped{transform:rotateY(180deg)}@media (max-width: 768px){.shift-card{flex-basis:var(--size, 188px);margin-top:calc(var(--dy, 0px) * .6)}.shift-card__face{padding:18px;font-size:16px;line-height:1.65}}.cap-section[data-reveal] .shift-card{opacity:0;transform:translate(var(--from-x, 0px),var(--from-y, 0px)) scale(.55);transition:opacity .6s ease calc(.3s + var(--i, 0) * 70ms),transform 1s cubic-bezier(.22,1,.36,1) calc(.3s + var(--i, 0) * 70ms)}@media (max-width: 768px){.cap-section[data-reveal] .shift-card{transform:translate(calc(var(--from-x, 0px) * .5),calc(var(--from-y, 0px) * .5)) scale(.55)}}@media (prefers-reduced-motion: reduce){.cap-card:hover .cap-card__arrow,.cap-card:focus-visible .cap-card__arrow{animation:none}.shift-card__float,.cap-section.revealed .shift-card--tease .shift-card__inner{animation:none}.cap-section[data-reveal] .shift-card{transition:none;transform:none;opacity:1}.shift-card__inner{transition:none;transform:none!important}.shift-card__face{backface-visibility:visible;transition:opacity .2s ease}.shift-card__face--after{transform:none;opacity:0}.shift-card:hover .shift-card__face--after,.shift-card__inner:focus-visible .shift-card__face--after,.shift-card__inner.is-flipped .shift-card__face--after{opacity:1}}.cap-roles{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:40px}@media (max-width: 1024px){.cap-roles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}}@media (max-width: 768px){.cap-roles{grid-template-columns:1fr;row-gap:52px}}.cap-role{position:relative;display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:start;justify-items:center;gap:28px;padding:50px 16px 24px;border-radius:14px;background-color:#fff;text-align:center;filter:drop-shadow(0 0 10px rgba(0,0,0,.1))}.cap-role__badge{position:absolute;top:-35px;left:50%;width:86px;height:86px;transform:translate(-50%)}.cap-role__halo{position:absolute;display:block;fill:#fff;pointer-events:none}.cap-role__who{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#705d44;font-size:18px;font-weight:700;line-height:1.2;color:#fffaef;white-space:nowrap}.cap-role__who--long{font-size:16px}.cap-role__block{display:flex;flex-direction:column;align-self:start;gap:4px;width:100%}.cap-role__label{font-size:14px;color:#705d4499}.cap-role__does{font-size:16px;line-height:1.65;color:#19231abf}.cap-role__gives{font-size:16px;line-height:1.65;font-weight:700;color:#705d44}.cap-role__gives-text{padding:0 .15em;margin:0 -.15em;background-image:linear-gradient(#f3dea0,#f3dea0);background-repeat:no-repeat;background-position:0 82%;background-size:100% .45em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.cap-section[data-reveal] .cap-role__gives-text{background-size:0% .45em;transition:background-size .6s cubic-bezier(.22,1,.36,1) calc(.7s + var(--i, 0) * .12s)}.cap-section[data-reveal].revealed .cap-role__gives-text{background-size:100% .45em}@media (prefers-reduced-motion: reduce){.cap-section[data-reveal] .cap-role__gives-text{transition:none;background-size:100% .45em}}.hand-circle{position:relative;display:inline-block;margin-block:10px}.hand-circle__svg{position:absolute;top:50%;left:50%;width:var(--hand-circle-width, 145%);height:auto;aspect-ratio:var(--hand-circle-ratio, 3.2);min-height:200%;transform:translate(calc(-50% + var(--hand-circle-shift, 0%)),-50%);overflow:visible;pointer-events:none;color:var(--hand-circle-color, #705d44)}.hand-circle__svg path{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease-out var(--hand-circle-delay, .4s)}.hand-circle.is-drawn path{stroke-dashoffset:0}.hand-circle--fit{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;display:block;margin:0;pointer-events:none}.hand-circle--fit .hand-circle__svg{top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;transform:none}.hand-circle--fit .hand-circle__svg path{stroke-width:1.5;vector-effect:non-scaling-stroke}.hand-circle--keep .hand-circle__svg{inset:auto;top:50%;left:50%;width:80%;height:auto;aspect-ratio:var(--hand-circle-ratio);transform:translate(-50%,-50%)}@media (prefers-reduced-motion: reduce){.hand-circle__svg path{transition:none}}.cap-nav{--nav-dot: #dcccba;--nav-dot-active: #705d44;--nav-label-bg: #705d44;--nav-label-fg: #fffaef;position:fixed;top:50%;right:28px;z-index:40;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.cap-nav.is-visible{opacity:1;visibility:visible;transition:opacity .3s ease}.cap-nav.is-on-dark{--nav-dot: rgba(255, 250, 239, .4);--nav-dot-active: #fffaef;--nav-label-bg: #fffaef;--nav-label-fg: #705d44}@media (max-width: 1024px){.cap-nav{display:none}}.cap-nav__list{list-style:none;display:flex;flex-direction:column;gap:6px}.cap-nav__item{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 0;text-decoration:none}.cap-nav__item:focus-visible{outline:none}.cap-nav__item:focus-visible .cap-nav__dot{outline:2px solid var(--nav-dot-active);outline-offset:3px}.cap-nav__dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--nav-dot);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.cap-nav__item:hover .cap-nav__dot{border-color:var(--nav-dot-active)}.cap-nav__item.is-active .cap-nav__dot{background-color:var(--nav-dot-active);border-color:var(--nav-dot-active);transform:scale(1.2)}.cap-nav__label{padding:4px 12px;border-radius:999px;background-color:var(--nav-label-bg);color:var(--nav-label-fg);font-size:14px;font-weight:500;letter-spacing:.04em;white-space:nowrap;opacity:0;transform:translate(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.cap-nav__item:hover .cap-nav__label,.cap-nav__item:focus-visible .cap-nav__label{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.cap-nav,.cap-nav__dot,.cap-nav__label{transition:none}}.cap-guide{--guide-w: 167px;--note-w: 230px;--guide-edge: 48px;position:fixed;left:0;right:0;bottom:0;z-index:40;pointer-events:none}.cap-guide__stage{position:absolute;bottom:0;display:flex;align-items:flex-start;gap:6px}.cap-guide__stage--left{left:var(--guide-edge)}.cap-guide__stage--right{right:var(--guide-edge);flex-direction:row-reverse}.cap-guide__figure{position:relative;flex:none;width:var(--guide-w);aspect-ratio:970/1508;overflow:hidden}.cap-guide__img{position:absolute;width:211.1340206186%;left:-47.4226804124%;top:-1.9893899204%;max-width:none}.cap-guide__stage--left .cap-guide__figure{transform:scaleX(-1)}.cap-guide__note{width:var(--note-w);height:auto;margin-top:18%;animation:capGuideNote .5s .25s ease both}.cap-guide__stage--dark .cap-guide__note{filter:brightness(0) invert(1);opacity:.92}.cap-guide-enter-active{transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.cap-guide-leave-active{transition:opacity .2s ease,transform .25s ease}.cap-guide-enter-from,.cap-guide-leave-to{opacity:0;transform:translateY(48px)}@media (max-width: 1024px){.cap-guide{--guide-w: 133px;--note-w: 190px;--guide-edge: 24px}}@media (max-width: 768px){.cap-guide{--guide-w: 94px;--note-w: 138px;--guide-edge: 12px}.cap-guide__stage{animation:capGuidePeek .76s ease calc(3.44s + (var(--notes, 1) - 1) * 3.6s) both}}@keyframes capGuideNote{0%{opacity:0;transform:translateY(8px) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes capGuidePeek{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.cap-guide-enter-active,.cap-guide-leave-active{transition:none}.cap-guide__note,.cap-guide__stage{animation:none}}.hscroll{--p: 0;position:relative;--q: 0;height:calc((var(--n) - 1) * 150svh + 100svh)}.hscroll__sticky{position:sticky;top:0;height:100svh;overflow:hidden;background-color:#dcccba;container-type:size}.hscroll__track{position:relative;height:100%}.hscroll__panel{--lp: calc(var(--q) - var(--i));--enter: clamp(0, var(--lp) * -1, 2);--past: clamp(0, var(--lp), 4);--tone-bg: #fffdf6;position:absolute;top:max(72px,(100cqh - 720px) / 2);bottom:max(0px,(100cqh - 720px) / 2);left:calc(max(20px,(100cqw - 1324px) / 2) + 44px);right:max(0px,(100cqw - 1324px) / 2);color:#19231a;transform:translate3d(calc(var(--enter) * 100cqw),0,0);filter:brightness(calc(1 - (min(var(--past),2)*.03)));--shadow-a: clamp(0, 1 - var(--past), 1);will-change:transform}.hscroll__panel--soft{--tone-bg: #f8f1e7}.hscroll__panel--dark{--tone-bg: #705d44;color:#fffaef}.hscroll__tab{position:absolute;right:calc(100% - 1px);z-index:1;top:var(--tab-top, 48px);width:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 0;border:none;border-radius:0 14px 14px 0;background-color:var(--tone-bg);color:#705d44;font-family:Noto Sans TC,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;white-space:nowrap;writing-mode:vertical-rl;rotate:180deg;cursor:pointer;box-shadow:4px 0 14px -8px #19231a40}.hscroll__panel--dark .hscroll__tab{color:#fffaef}.hscroll__tab{transition:transform .5s cubic-bezier(.34,1.8,.5,1),box-shadow .3s ease}@media (hover: hover){.hscroll__tab:hover{transform:perspective(160px) translate(-50%) rotateY(18deg) translate(50%);box-shadow:8px 0 18px -6px #19231a59}}.hscroll__tab:active{transform:perspective(160px) translate(-50%) rotateY(6deg) translate(50%);transition-duration:.12s}.hscroll__sheet{position:relative;isolation:isolate;height:100%;display:flex;align-items:flex-start;padding:48px 40px 0 80px;overflow:hidden;container-type:size}@media (max-width: 1024px){.hscroll__sheet{padding-inline:48px 32px}}.hscroll__sheet{border-radius:40px clamp(0px,100cqw - 1324px,40px) clamp(0px,min(100cqw - 1324px,100cqh - 720px),40px) clamp(0px,100cqh - 720px,40px);background-color:var(--tone-bg);box-shadow:-14px 0 32px -16px rgb(25,35,26,calc(.16 * var(--shadow-a))),0 24px 60px -32px rgb(25,35,26,calc(.2 * var(--shadow-a)))}.hscroll__body{flex:none;width:100%;padding-bottom:24px;transform:scale(var(--fit, 1));transform-origin:0 0}.hscroll__thumbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.hscroll__thumb{position:absolute;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 18px 40px -12px #19231a59;transform:translate3d(calc(var(--enter) * var(--depth) * 1vw),0,0) rotate(var(--rot))}.hscroll__inner{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hscroll__inner--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;-moz-column-gap:64px;column-gap:64px;row-gap:32px;max-width:1280px}@media (max-width: 1024px){.hscroll__inner--split{grid-template-columns:1fr}}.hscroll__inner--wide{grid-template-columns:minmax(0,1fr) minmax(0,2fr);-moz-column-gap:48px;column-gap:48px}@media (max-width: 1024px){.hscroll__inner--wide{grid-template-columns:1fr}}.hscroll__col{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hscroll__areas.about__areas{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-top:0}@media (max-width: 768px){.hscroll__areas.about__areas{gap:12px;width:calc(100% + 40px);margin-inline:-20px;padding:4px 12vw 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hscroll__areas.about__areas::-webkit-scrollbar{display:none}.hscroll__areas.about__areas>*{scroll-snap-align:center}.hscroll__areas.about__areas{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76vw}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card{animation:areaBeckon 12s ease-in-out .6s infinite}.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card .area-card__arrow{animation:areaBeckonArrow 12s ease-in-out .6s infinite}.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(2),.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(2) .area-card__arrow{animation-delay:1.8s}.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(3),.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(3) .area-card__arrow{animation-delay:3s}.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(4),.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(4) .area-card__arrow{animation-delay:4.2s}.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(5),.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(5) .area-card__arrow{animation-delay:5.4s}.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(6),.hscroll__panel.is-active .hscroll__areas:not(:hover) .area-card:nth-child(6) .area-card__arrow{animation-delay:6.6s}}.hscroll__inner--intro{min-height:calc(100cqh - 72px)}@media (max-width: 1024px){.hscroll__inner--intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);-moz-column-gap:40px;column-gap:40px}}.hscroll__avatar{--arch-h: clamp(220px, min(76cqh, 46cqw), 680px);--avatar-k: 1.12;align-self:center;display:flex;justify-content:center;padding-bottom:calc(var(--arch-h) * .13)}.hscroll__avatar .hero__avatar-wrap{height:var(--arch-h)}.hscroll__avatar .hero__avatar-wrap:before{width:calc(var(--arch-h) * .893);height:100%}.hscroll__avatar .hero__avatar-img{left:50%;right:auto;bottom:calc(var(--arch-h) * -.13);width:calc(var(--arch-h) * var(--avatar-k));height:calc(var(--arch-h) * var(--avatar-k));max-width:none;transform:translate(-50%)}.hscroll__contact-art{--arch-h: clamp(220px, min(76cqh, 46cqw), 680px);--avatar-k: 1.12;align-self:center;display:flex;justify-content:center}.hscroll__contact-art img{width:calc(var(--arch-h) * var(--avatar-k));height:calc(var(--arch-h) * var(--avatar-k));max-width:none}.hscroll__cards.portfolio__cards{width:100%;flex-direction:column;gap:12px}@media (max-width: 768px){.hscroll__cards.portfolio__cards{gap:12px;width:calc(100% + 40px);margin-inline:-20px;padding:4px 12vw 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hscroll__cards.portfolio__cards::-webkit-scrollbar{display:none}.hscroll__cards.portfolio__cards>*{scroll-snap-align:center}.hscroll__cards.portfolio__cards{flex-direction:row}}.hscroll__cards .portfolio-card{flex:none;height:clamp(120px,(100cqh - 48px - 24px - 24px) / 3,220px)}@media (max-width: 768px){.hscroll__cards .portfolio-card{flex:0 0 76vw;height:200px}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.hscroll__panel.is-active .hscroll__cards:not(:hover) .portfolio-card:before{animation:portfolioBeckon 7.2s ease-in-out .6s infinite}.hscroll__panel.is-active .hscroll__cards:not(:hover) .portfolio-card .portfolio-card__arrow{animation:portfolioBeckonArrow 7.2s ease-in-out .6s infinite}.hscroll__panel.is-active .hscroll__cards:not(:hover) .portfolio-card:nth-child(2):before,.hscroll__panel.is-active .hscroll__cards:not(:hover) .portfolio-card:nth-child(2) .portfolio-card__arrow{animation-delay:1.8s}.hscroll__panel.is-active .hscroll__cards:not(:hover) .portfolio-card:nth-child(3):before,.hscroll__panel.is-active .hscroll__cards:not(:hover) .portfolio-card:nth-child(3) .portfolio-card__arrow{animation-delay:3s}}.hscroll__cards .portfolio-card__label{padding-bottom:24px;font-size:22px}@media (max-width: 768px){.hscroll__cards .portfolio-card__label{font-size:16px}}.hscroll__title{display:flex;flex-direction:column;font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-top:-.1em;max-width:16em}@media (max-width: 768px){.hscroll__title{font-size:28px}}.hscroll__line{display:block}.hscroll__inner--wide .hscroll__line{word-break:keep-all}.hscroll__subtitle{margin-top:-4px;font-size:22px;font-weight:500;letter-spacing:.06em;color:inherit}@media (max-width: 768px){.hscroll__subtitle{font-size:18px}}.hscroll__desc{max-width:560px;font-size:18px;line-height:1.85;color:#19231abf}.hscroll__panel--dark .hscroll__desc{color:#fffaefcc}@media (max-width: 768px){.hscroll__desc{font-size:18px}}.hscroll__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hscroll__ctas--row{flex-wrap:nowrap}@media (max-width: 768px){.hscroll__ctas--row{gap:10px}.hscroll__ctas--row .btn{padding-inline:16px}}.hscroll__panel--dark .btn--solid{background-color:#fffaef;color:#705d44}.hscroll__panel--dark .btn--solid:hover{background-color:#f3dea0}.hscroll__panel--dark .btn--outline{border-color:#fffaef80;color:#fffaef}.hscroll__panel--dark .btn--outline:hover{background-color:#fffaef1f}.hscroll .btn--beckon{font-weight:700;animation:ctaPulse 3s ease-in-out infinite}@media (hover: hover){.hscroll .btn--beckon:hover{animation:none}}@media (prefers-reduced-motion: reduce){.hscroll .btn--beckon{animation:none}}.hscroll__email{position:relative;display:inline-flex}.hscroll__email:hover .hscroll__tooltip{opacity:1;transform:translate(-50%) translateY(0)}.hscroll__tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);white-space:nowrap;font-size:14px;color:#19231abf;background:#fffaef;border:1px solid #dcccba;border-radius:6px;padding:4px 10px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.hscroll__swipe{position:absolute;left:50%;bottom:28px;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 16px 8px 13px;border-radius:999px;background:#6b6b6b8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:14px;font-weight:500;letter-spacing:.08em;white-space:nowrap;pointer-events:none;opacity:0;translate:-50% 8px;transition:opacity .3s ease,translate .3s ease}.hscroll__swipe.is-on{opacity:1;translate:-50% 0}.hscroll__swipe-wheel{animation:swipeWheel 1.6s ease-in-out infinite}.hscroll__swipe-arrow{animation:swipeUp 1.6s ease-in-out infinite}@media (min-width: 1364px) and (min-height: 621px){.hscroll__panel{bottom:max(60px,(100cqh - 720px) / 2)}.hscroll__sheet{border-radius:40px}}@media (min-width: 769px) and (max-height: 620px){.hscroll__panel{left:max(20px,(100cqw - 1324px) / 2 + 44px)}.hscroll__tab{top:auto;bottom:calc(100% - 1px);right:var(--tab-right, 24px);width:auto;height:36px;padding:0 16px;writing-mode:horizontal-tb;rotate:none;border-radius:14px 14px 0 0;box-shadow:0 -4px 14px -8px #19231a40;transform-origin:center bottom}}@media (min-width: 769px) and (max-height: 620px) and (hover: hover){.hscroll__tab:hover{transform:perspective(160px) rotateX(18deg);box-shadow:0 -8px 18px -6px #19231a59}}@media (min-width: 769px) and (max-height: 620px){.hscroll__tab:active{transform:perspective(160px) rotateX(6deg)}.hscroll__sheet{padding-top:32px}.hscroll__inner--intro{min-height:calc(100cqh - 56px)}}@media (max-width: 768px){.hscroll{height:auto}.hscroll__sticky{position:relative;height:auto;overflow:visible;padding:88px 12px 32px;container-type:normal}.hscroll__track{display:flex;flex-direction:column;gap:56px}.hscroll__panel{position:relative;inset:auto;transform:none;filter:none}.hscroll__tab{right:auto;top:auto;bottom:calc(100% - 1px);left:20px;width:auto;height:40px;padding:0 16px;writing-mode:horizontal-tb;rotate:none;border-radius:14px 14px 0 0;transition:none}.hscroll__tab:hover,.hscroll__tab:active{transform:none}.hscroll__sheet{height:auto;padding:40px 20px 24px;container-type:normal}.hscroll__inner--intro{min-height:0;grid-template-columns:1fr}.hscroll__body{padding:0;transform:none}.hscroll__thumbs{display:none}.hscroll__sticky{padding-inline:0}.hscroll__sheet{border-radius:32px}.hscroll__col{align-items:center;text-align:center}.hscroll__title{align-items:center}.hscroll__ctas{justify-content:center}.area-card{align-items:center;text-align:center}}@media (max-width: 768px) and (prefers-reduced-motion: no-preference){html:has(.hscroll){overscroll-behavior-y:none}.hscroll__track{--stack-gap: 40svh;gap:var(--stack-gap)}.hscroll__panel{--cover: 0;position:sticky;top:var(--stick, 116px)}.hscroll__sheet{transform-origin:50% 0;transform:scale(calc(1 - var(--cover) * .05));will-change:transform;opacity:calc(1 - clamp(0,(var(--cover) - .85) / .15,1))}.hscroll__tab{left:var(--tab-left, 32px);padding-inline:12px}.hscroll__sticky{padding-top:116px;padding-bottom:0}.hscroll__track:after{content:"";flex:none;height:var(--stack-tail, 72px);margin-top:calc(var(--stack-gap) * -1)}.hscroll__sheet{padding-top:28px}.hscroll__body{transform:scale(var(--fit, 1));transform-origin:0 0;margin-bottom:calc(var(--fit-loss, 0px) * -1)}.hscroll__col{gap:14px}.hscroll__tools{--tools-unit: 230px;width:calc(100% + 40px);max-width:none;margin-inline:-20px;height:var(--tools-unit);aspect-ratio:auto}.hscroll__tools .tool-logos__item{width:calc(var(--size) * var(--tools-unit));margin-left:calc(var(--size) * var(--tools-unit) * -.5);margin-top:calc(var(--size) * var(--tools-unit) * -.5)}.hscroll__swipe{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));gap:6px;padding:7px 14px 7px 11px;font-size:13px}.hscroll__sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:#19231a;opacity:calc(var(--cover) * .18);pointer-events:none}}@media (prefers-reduced-motion: reduce){.hscroll{height:auto}.hscroll__sticky{position:relative;height:auto;overflow:visible;padding:88px 12px 32px;container-type:normal}.hscroll__track{display:flex;flex-direction:column;gap:56px}.hscroll__panel{position:relative;inset:auto;transform:none;filter:none}.hscroll__tab{right:auto;top:auto;bottom:calc(100% - 1px);left:20px;width:auto;height:40px;padding:0 16px;writing-mode:horizontal-tb;rotate:none;border-radius:14px 14px 0 0;transition:none}.hscroll__tab:hover,.hscroll__tab:active{transform:none}.hscroll__sheet{height:auto;padding:40px 20px 24px;container-type:normal}.hscroll__inner--intro{min-height:0;grid-template-columns:1fr}.hscroll__body{padding:0;transform:none}.hscroll__thumbs{display:none}}.hscroll__swipe-arrow,.hscroll__swipe-touch{display:none}@media (max-width: 768px){.hscroll__swipe-mouse,.hscroll__swipe-desk{display:none}.hscroll__swipe-arrow,.hscroll__swipe-touch{display:inline}}@media (prefers-reduced-motion: reduce){.hscroll__swipe{display:none}}.mobile-notice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#19231a73}.mobile-notice__dialog{width:100%;max-width:340px;padding:32px 24px 24px;border-radius:14px;background:#fffdf6;box-shadow:0 0 10px 2px #0000001a;text-align:center}.mobile-notice__icon{color:#705d44;margin:0 auto 12px}.mobile-notice__title{font-size:18px;font-weight:700;color:#19231a;margin-bottom:8px}.mobile-notice__desc{font-size:16px;line-height:1.65;color:#19231abf;margin-bottom:24px}.mobile-notice__btn{width:100%}.mobile-notice-enter-active,.mobile-notice-leave-active{transition:opacity .25s ease}.mobile-notice-enter-active .mobile-notice__dialog,.mobile-notice-leave-active .mobile-notice__dialog{transition:transform .25s ease}.mobile-notice-enter-from,.mobile-notice-leave-to{opacity:0}.mobile-notice-enter-from .mobile-notice__dialog,.mobile-notice-leave-to .mobile-notice__dialog{transform:translateY(16px)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans TC,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.relative{position:relative}.sticky{position:sticky}.block{display:block}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}