:root{--ivory:#f4f0e8;--ivory-soft:#f8f5ef;--ivory-deep:#eee8de;--espresso:#332d29;--espresso-soft:#6f655f;--sage:#8e9786;--sage-soft:#dfe3da;--taupe:#b7ada1;--line:#332d2929;--line-strong:#332d293d;--container:1200px;color:var(--espresso);background:var(--ivory);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}html,body,#app{min-height:100%;margin:0}body{background:var(--ivory);width:100%;min-width:320px;max-width:100%;color:var(--espresso);overflow-x:hidden}#app{width:100%;max-width:100%;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-wrapper{width:100%;max-width:100%;overflow-x:hidden}.section-container{width:min(var(--container), calc(100% - 48px));margin-left:auto;margin-right:auto}.section-label{letter-spacing:.12em;color:var(--sage);margin-bottom:24px;font-size:13px;font-weight:500;display:block}.section-title{letter-spacing:.01em;color:var(--espresso);overflow-wrap:break-word;margin:0;font-family:Noto Serif TC,Georgia,serif;font-size:clamp(30px,3vw,40px);font-weight:400;line-height:1.45}.section-intro{color:#332d29ad;overflow-wrap:break-word;width:100%;max-width:440px;margin:0;font-size:15px;line-height:1.95}.hero{background:var(--ivory);width:100%;max-width:100%;min-height:100svh;position:relative;overflow:hidden}.hero-inner{width:min(var(--container), calc(100% - 48px));grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:70px;min-height:calc(100svh - 74px);margin:0 auto;padding:50px 0 70px;display:grid}.hero-main{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.hero-brand{text-align:center;width:100%;min-width:0}.hero-logo{width:min(620px,100%);max-width:100%;height:auto;margin:0 auto;animation:1.1s both heroFade}.hero-tagline{letter-spacing:.04em;width:100%;color:var(--espresso);overflow-wrap:break-word;margin:28px 0 0;font-family:Noto Serif TC,Georgia,serif;font-size:16px;line-height:1.8;animation:1.1s .18s both heroFade}.hero-image-wrap{justify-content:center;align-items:flex-end;width:100%;min-width:0;height:100%;display:flex}.hero-arch{aspect-ratio:.72;background:linear-gradient(145deg,#dfe3dae0,#eee8def2);border:1px solid #332d2914;border-radius:220px 220px 0 0;width:min(390px,100%);max-width:100%;animation:1.2s cubic-bezier(.22,1,.36,1) .15s both heroImageIn;position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.hero-image:not([src]),.hero-image[src=""]{display:none}.hero-scroll{color:var(--espresso-soft);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:32px;left:42px}.hero-scroll span{writing-mode:vertical-rl;letter-spacing:.16em;font-size:13px;transform:rotate(180deg)}.hero-scroll-line{background:var(--line-strong);width:1px;height:36px}.navbar{z-index:100;background:0 0;width:100%;max-width:100%;position:relative}.navbar-inner{width:min(var(--container), calc(100% - 48px));justify-content:space-between;align-items:center;gap:30px;height:74px;margin:0 auto;display:flex}.brand{letter-spacing:.12em;min-width:0;color:var(--espresso);flex-shrink:1;font-family:Georgia,Times New Roman,serif;font-size:14px}.navbar-right{flex-shrink:0;align-items:center;gap:34px;display:flex}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{letter-spacing:.08em;color:var(--espresso);font-size:13px;position:relative}.nav-links a:after{content:"";background:var(--sage);width:0;height:1px;transition:width .25s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.language-switch{color:var(--taupe);flex-shrink:0;align-items:center;gap:7px;font-size:13px;display:flex}.language-switch button{appearance:none;color:var(--taupe);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.language-switch button.active,.language-switch button:hover{color:var(--espresso)}.language-switch span{opacity:.5}.about-section,.services-section,.process-section,.contact-section{width:100%;max-width:100%;position:relative;overflow:hidden}.section-bg-number{z-index:0;color:#332d290b;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;font-size:clamp(80px,9vw,130px);font-weight:400;transition:transform .8s,opacity .8s;position:absolute;bottom:0;left:3%}.about-section{background:var(--ivory-soft);padding:95px 0 100px}.about-container{z-index:2;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:100px;display:grid;position:relative}.about-left{width:100%;min-width:0;max-width:620px}.about-title{width:100%;max-width:620px}.about-right{width:100%;min-width:0;max-width:470px}.about-description{color:#332d29b8;overflow-wrap:break-word;margin:0;font-size:15px;line-height:2}.text-link{letter-spacing:.12em;color:var(--espresso);align-items:center;gap:16px;margin-top:30px;font-size:13px;display:inline-flex}.text-link-arrow{font-size:18px;transition:transform .25s}.about-shadow{filter:blur(18px);pointer-events:none;background:radial-gradient(#8e97861f,#0000 70%);width:280px;height:320px;position:absolute;bottom:-80px;left:-90px;transform:rotate(-20deg)}.services-section{background:var(--ivory);padding:95px 0 105px}.services-heading{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:90px;margin-bottom:55px;display:grid;position:relative}.services-heading>div{min-width:0;max-width:620px}.services-heading .section-intro{justify-self:end}.services-grid{z-index:2;border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;position:relative}.service-item{width:100%;min-width:0;min-height:280px;padding:32px 30px 38px;transition:transform .35s,background-color .35s}.service-item:last-child{border-right:0}.service-item h3{color:var(--espresso);overflow-wrap:break-word;margin:20px 0 14px;font-family:Noto Serif TC,Georgia,serif;font-size:22px;font-weight:400;line-height:1.45}.service-item p{color:#332d29ad;overflow-wrap:break-word;margin:0;font-size:14px;line-height:1.9}.service-icon{width:34px;height:34px;color:var(--espresso);opacity:.9;transition:transform .35s,opacity .35s;position:relative}.service-icon-bag{margin-top:4px}.bag-body{border:1px solid var(--espresso);border-radius:2px;width:28px;height:22px;position:absolute;bottom:1px;left:3px}.bag-handle{border:1px solid var(--espresso);border-bottom:0;border-radius:8px 8px 0 0;width:14px;height:12px;position:absolute;top:2px;left:10px}.service-icon-browser{margin-top:4px}.browser-body{border:1px solid var(--espresso);border-radius:2px;position:absolute;inset:4px}.browser-top{background:var(--espresso);height:1px;position:absolute;top:10px;left:5px;right:5px}.browser-dot{background:var(--espresso);border-radius:50%;width:2px;height:2px;position:absolute;top:7px;left:8px}.service-icon-heart{justify-content:center;align-items:center;font-family:Georgia,serif;font-size:38px;line-height:1;display:flex;transform:translateY(-3px)}.process-section{background:var(--ivory-soft);padding:95px 0 105px}.process-heading{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:90px;margin-bottom:55px;display:grid;position:relative}.process-heading>div{min-width:0;max-width:620px}.process-heading .section-intro{justify-self:end}.process-title{max-width:560px}.process-timeline{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px;width:100%;padding-top:28px;display:grid;position:relative}.process-timeline:before{content:"";background:var(--line-strong);height:1px;position:absolute;top:5px;left:7px;right:7px}.process-step{min-width:0;padding-top:18px;position:relative}.process-dot{background:var(--espresso);width:10px;height:10px;box-shadow:0 0 0 5px var(--ivory-soft);border-radius:50%;transition:transform .3s,background-color .3s;position:absolute;top:-28px;left:0}.process-number{color:var(--espresso-soft);margin-bottom:16px;font-size:13px;display:block}.process-step h3{color:var(--espresso);overflow-wrap:break-word;margin:0 0 10px;font-family:Noto Serif TC,Georgia,serif;font-size:21px;font-weight:400}.process-step p{color:#332d29ad;overflow-wrap:break-word;max-width:220px;margin:0;font-size:14px;line-height:1.85}.process-step:hover .process-dot{background-color:var(--sage);transform:scale(1.4)}.process-shadow{filter:blur(20px);pointer-events:none;background:radial-gradient(#8e97861a,#0000 70%);width:360px;height:380px;position:absolute;bottom:-120px;right:-100px;transform:rotate(20deg)}.contact-section{background:var(--ivory);padding:95px 0 105px}.contact-container{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);align-items:stretch;gap:90px;display:grid}.contact-content{min-width:0;padding:90px 0 85px}.contact-main{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:70px;width:100%;margin-top:28px;display:grid}.contact-main>*{min-width:0}.contact-title{margin-bottom:2rem}.contact-description{color:#332d29ad;overflow-wrap:break-word;margin:0 0 8px;font-size:15px;line-height:2}.contact-button{background:var(--sage);color:#fff;letter-spacing:.1em;align-items:center;gap:14px;margin-top:34px;padding:15px 24px;font-size:13px;transition:background .25s,transform .25s;display:inline-flex}.contact-button:hover{background:var(--espresso);transform:translateY(-2px)}.contact-button span{transition:transform .25s}.contact-button:hover span{transform:translate(5px)}.contact-image-wrap{justify-content:flex-end;align-items:flex-end;min-width:0;display:flex}.contact-arch{aspect-ratio:2/3;background:0 0;border:none;border-radius:180px 180px 0 0;width:100%;max-width:330px;overflow:hidden}.contact-image{object-fit:cover;object-position:center bottom;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.22,1,.36,1);display:block}.contact-image:not([src]),.contact-image[src=""]{display:none}.hero-arch:hover .hero-image,.contact-arch:hover .contact-image{transform:scale(1.035)}.site-footer{background:#f4f0e8;border-top:1px solid #302a2629;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;min-height:90px;padding:0 5vw;display:grid}.footer-email{color:#302a26;overflow-wrap:anywhere;justify-self:start;min-width:0;font-family:inherit;font-size:14px;text-decoration:none;transition:opacity .3s}.footer-email:hover{opacity:.55}.footer-copyright{letter-spacing:.12em;color:#6f675f;margin:0;font-size:12px}.footer-socials{justify-self:end;align-items:center;gap:22px;display:flex}.footer-social-link{color:#302a26;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:color .3s,transform .3s,opacity .3s;display:flex}.footer-social-link svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.footer-social-link .social-dot{fill:currentColor;stroke:none}.footer-social-link:hover{color:#9ba593;transform:translateY(-3px)}.plant-shadow{z-index:0;pointer-events:none;opacity:.12;filter:grayscale()blur(4px);mix-blend-mode:multiply;position:absolute}.plant-shadow img{width:100%;height:auto;display:block}.plant-shadow-about{width:320px;bottom:14rem;left:-100px;transform:rotate(-18deg)}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1);transform:translate(-32px)}.reveal-right{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1);transform:translate(32px)}.reveal-left.is-visible,.reveal-right.is-visible{opacity:1;transform:translate(0)}@keyframes heroFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroImageIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.service-item:first-child{transition-delay:0s}.service-item:nth-child(2){transition-delay:.12s}.service-item:nth-child(3){transition-delay:.24s}.process-step:first-child{transition-delay:0s}.process-step:nth-child(2){transition-delay:.1s}.process-step:nth-child(3){transition-delay:.2s}.process-step:nth-child(4){transition-delay:.3s}.line-button{color:#fff;letter-spacing:.08em;background:#9ba593;border:1px solid #9ba593;justify-content:center;align-items:center;gap:12px;max-width:100%;padding:15px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .35s,color .35s,transform .35s;display:inline-flex}.line-icon{fill:currentColor;flex-shrink:0;width:21px;height:21px}.line-arrow{margin-left:5px;transition:transform .3s}.line-button:hover{background:#302a26;border-color:#302a26;transform:translateY(-2px)}.line-button:hover .line-arrow{transform:translate(4px)}@media (width<=1000px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:40px}.hero-arch{width:min(330px,100%)}.navbar-right{gap:20px}.nav-links{gap:18px}.about-container,.services-heading,.process-heading{gap:60px}.process-timeline{gap:28px}.contact-container{gap:50px}.contact-main{gap:40px}}@media (width<=768px){html,body,#app,.site-wrapper{width:100%;max-width:100%;overflow-x:hidden}.section-container{width:calc(100% - 40px);max-width:100%;margin-left:auto;margin-right:auto}.navbar-inner{gap:12px;width:calc(100% - 32px);max-width:100%;height:66px}.brand{letter-spacing:.05em;white-space:nowrap;min-width:0;font-size:13px}.nav-links{display:none}.navbar-right{flex-shrink:0;gap:0}.hero{min-height:100svh}.hero-inner{grid-template-columns:minmax(0,1fr);gap:36px;width:calc(100% - 32px);max-width:100%;min-height:calc(100svh - 66px);padding:30px 0 70px}.hero-main{order:1}.hero-image-wrap{order:2}.hero-main,.hero-brand,.hero-image-wrap{width:100%;min-width:0}.hero-logo{width:100%;max-width:360px;margin:0 auto}.hero-tagline{overflow-wrap:break-word;width:100%;max-width:330px;margin:20px auto 0;padding:0 8px;font-size:14px;line-height:1.8}.hero-arch{width:min(300px,82vw);max-width:100%;margin:0 auto}.hero-scroll{display:none}.section-title{font-size:30px;line-height:1.5}.section-label{font-size:13px}.section-bg-number{font-size:74px}.about-section{padding:75px 0 80px}.about-container{grid-template-columns:minmax(0,1fr);gap:35px}.about-left,.about-right{width:100%;min-width:0;max-width:none}.about-title{width:100%;max-width:100%}.about-description{font-size:14px}.services-section{padding:75px 0 80px}.services-heading{grid-template-columns:minmax(0,1fr);gap:26px;width:100%;margin-bottom:42px}.services-heading>div{width:100%;min-width:0;max-width:100%}.services-heading .section-intro{justify-self:start;width:100%;max-width:100%;font-size:14px}.services-grid{grid-template-columns:minmax(0,1fr);width:100%}.service-item{border-right:0;border-bottom:1px solid var(--line);width:100%;min-width:0;min-height:auto;padding:30px 4px 32px}.service-item:last-child{border-bottom:0}.service-item h3{font-size:21px}.service-item p{font-size:14px}.process-section{padding:75px 0 85px}.process-heading{grid-template-columns:minmax(0,1fr);gap:26px;width:100%;margin-bottom:50px}.process-heading>div{width:100%;min-width:0;max-width:100%}.process-heading .section-intro{justify-self:start;width:100%;max-width:100%;font-size:14px}.process-timeline{width:100%;padding:0 0 0 26px;display:block}.process-timeline:before{width:1px;height:auto;inset:5px auto 5px 4px}.process-step{width:100%;min-width:0;padding:0 0 48px 16px}.process-step:last-child{padding-bottom:0}.process-dot{box-shadow:0 0 0 5px var(--ivory-soft);top:3px;left:-26px}.process-step h3{font-size:20px}.process-step p{width:100%;max-width:100%;font-size:14px}.contact-container{grid-template-columns:minmax(0,1fr);gap:0;width:calc(100% - 40px);max-width:100%;margin:0 auto}.contact-content{width:100%;min-width:0;padding:75px 0 50px}.contact-main{grid-template-columns:minmax(0,1fr);gap:26px;width:100%;margin-top:20px}.contact-main>*{width:100%;min-width:0}.contact-title{font-size:30px}.contact-description{width:100%;max-width:100%;font-size:14px}.contact-image-wrap{justify-content:center;width:100%;min-width:0;padding-bottom:50px}.contact-arch{width:min(300px,82vw);max-width:100%;margin:0 auto}.line-button{white-space:normal;gap:10px;max-width:100%;padding:14px 18px;font-size:13px}.line-icon{width:19px;height:19px}.site-footer{text-align:center;grid-template-columns:minmax(0,1fr);gap:18px;width:100%;padding:28px 20px}.footer-email,.footer-copyright,.footer-socials{justify-self:center;max-width:100%}.footer-socials{gap:24px}.footer-social-link{width:23px;height:23px}.plant-shadow-about{width:280px;left:-130px}.reveal-left{transform:translate(-14px)}.reveal-right{transform:translate(14px)}.reveal-left.is-visible,.reveal-right.is-visible{transform:translate(0)}}@media (width<=430px){.navbar-inner{width:calc(100% - 28px)}.hero-inner{gap:32px;width:calc(100% - 28px);padding-top:26px;padding-bottom:64px}.hero-logo{width:100%;max-width:330px}.hero-tagline{max-width:310px;padding-left:4px;padding-right:4px;font-size:13px}.hero-arch{width:min(285px,78vw)}.section-container,.contact-container{width:calc(100% - 32px)}.section-title,.contact-title{font-size:28px;line-height:1.5}.about-description,.section-intro,.service-item p,.process-step p,.contact-description{font-size:14px}.section-bg-number{font-size:68px;left:12px}.contact-arch{width:min(285px,78vw)}.contact-button{max-width:100%;padding:14px 20px}.plant-shadow-about{width:250px;left:-130px}.site-footer{padding-left:16px;padding-right:16px}}@media (width<=360px){.navbar-inner,.hero-inner{width:calc(100% - 24px)}.section-container,.contact-container{width:calc(100% - 28px)}.brand{letter-spacing:.03em;font-size:12px}.language-switch,.language-switch button{font-size:12px}.hero-logo{max-width:300px}.hero-arch,.contact-arch{width:min(270px,80vw)}.section-title,.contact-title{font-size:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-left,.reveal-right{opacity:1;transform:none}.hero-logo,.hero-tagline,.hero-arch{animation:none}.hero-image,.contact-image,.service-item,.service-icon,.process-dot{transition:none}}@supports (-webkit-touch-callout:none){html,body,#app,.site-wrapper{width:100%;max-width:100%;overflow-x:hidden}.hero{min-height:100dvh}.hero-inner{min-height:calc(100dvh - 66px)}.reveal-left,.reveal-right{transform:translateY(18px)}.reveal-left.is-visible,.reveal-right.is-visible{transform:translateY(0)}.plant-shadow,.about-shadow,.process-shadow{max-width:45vw;overflow:hidden}.hero-image-wrap,.contact-image-wrap{overflow:hidden}.hero-arch,.contact-arch{max-width:100%}.hero-main,.hero-brand,.about-left,.about-right,.services-heading>div,.service-item,.process-heading>div,.process-step,.contact-content,.contact-main>*{min-width:0}.hero-tagline,.about-description,.section-intro,.service-item p,.process-step p,.contact-description,.footer-email{overflow-wrap:anywhere;word-break:break-word}}.intro-overlay{z-index:9999;background:var(--ivory);will-change:opacity;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-inner{flex-direction:column;align-items:center;gap:26px;display:flex}.intro-logo{opacity:0;width:min(360px,62vw);height:auto;animation:1.5s cubic-bezier(.22,1,.36,1) .15s forwards introLogoIn;transform:translateY(14px)scale(.98)}.intro-line{background:var(--espresso-soft);opacity:.6;width:0;height:1px;animation:1.1s cubic-bezier(.22,1,.36,1) 1s forwards introLineIn;display:block}.intro-overlay.is-leaving .intro-inner{animation:.6s forwards introContentOut}.intro-fade-leave-active{transition:opacity .55s}.intro-fade-leave-to{opacity:0}@keyframes introLogoIn{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.98)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes introLineIn{0%{width:0}to{width:120px}}@keyframes introContentOut{to{opacity:0;transform:translateY(-10px)}}.work-section{background:var(--ivory-soft);padding:120px 0 130px;position:relative;overflow:hidden}.work-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:90px;display:flex}.work-heading .section-intro{padding-bottom:6px}.work-item{grid-template-columns:minmax(0,.95fr) minmax(0,.95fr);align-items:center;gap:70px;display:grid}.work-item:last-child{margin-bottom:0}.work-item-reverse .work-preview{order:2}.work-item-reverse .work-info{order:1}.work-preview{min-width:0}.work-frame{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 30px 60px -30px #332d2959,0 8px 20px -12px #332d2933}.work-item:hover .work-frame{transform:translateY(-8px);box-shadow:0 45px 80px -30px #332d2973,0 12px 26px -12px #332d2947}.work-frame-bar{background:var(--ivory-deep);border-bottom:1px solid var(--line);align-items:center;gap:7px;height:38px;padding:0 16px;display:flex}.work-frame-dot{background:var(--taupe);opacity:.7;border-radius:50%;width:10px;height:10px}.work-frame-dot:first-child{background:#d8a29a}.work-frame-dot:nth-child(2){background:#d9c79a}.work-frame-dot:nth-child(3){background:#a7c1a3}.work-frame-url{letter-spacing:.03em;color:var(--espresso-soft);white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:12px;overflow:hidden}.work-screen{aspect-ratio:16/10;background:var(--ivory-deep);width:100%;position:relative}.work-iframe{transform-origin:0 0;border:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1)}.work-screen-cover{cursor:pointer;background:var(--ivory-deep);border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.work-cover-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.work-screen-cover:hover .work-cover-img{transform:scale(1.03)}.work-screen-badge{border:1px solid var(--line);letter-spacing:.06em;color:var(--espresso);background:#ffffffeb;border-radius:100px;align-items:center;gap:9px;padding:9px 18px;font-size:12px;transition:background .3s,transform .4s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.work-screen-cover:hover .work-screen-badge{background:#fff;transform:translate(-50%)translateY(-2px)}.work-screen-play{color:var(--sage);font-size:10px}.work-info{gap:22px;min-width:0;display:flex}.work-number{color:var(--sage);font-family:Noto Serif TC,Georgia,serif;font-size:26px;line-height:1}.work-info-body{min-width:0}.work-type{letter-spacing:.12em;color:var(--sage);margin:0 0 12px;font-size:12px;font-weight:500}.work-title{color:var(--espresso);margin:0 0 18px;font-family:Noto Serif TC,Georgia,serif;font-size:clamp(22px,2.2vw,28px);font-weight:400;line-height:1.35}.work-description{color:#332d29ad;margin:0 0 22px;font-size:15px;line-height:1.95}.work-tags{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.work-tags li{letter-spacing:.06em;color:var(--espresso-soft);background:var(--ivory-deep);border:1px solid var(--line);border-radius:100px;padding:5px 12px;font-size:11px}.work-link{letter-spacing:.1em;color:var(--espresso);align-items:center;gap:10px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.work-link:after{content:"";background:var(--espresso);transform-origin:0;width:100%;height:1px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.work-link:hover:after{transform:scaleX(1)}.work-link-arrow{transition:transform .35s}.work-link:hover .work-link-arrow{transform:translate(5px)}@media (width<=1000px){.work-item,.work-item-reverse{grid-template-columns:1fr;gap:34px}.work-item .work-info{order:0}.work-item .work-preview{order:1}.work-item-reverse .work-info{order:0}.work-item-reverse .work-preview{order:1}.work-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:60px}}@media (width<=768px){.work-section{padding:80px 0 90px}.work-item{margin-bottom:80px}}.nav-links a{position:relative}.nav-links a:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.service-item{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}.service-item:hover{transform:translateY(-6px)}.service-item .service-icon{transition:transform .5s cubic-bezier(.22,1,.36,1)}.service-item:hover .service-icon{transform:scale(1.08)rotate(-2deg)}.text-link .text-link-arrow{transition:transform .35s;display:inline-block}.text-link:hover .text-link-arrow{transform:translate(6px)}.text-link{position:relative}.hero-scroll-line{transform-origin:top;animation:2.4s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.55)}}@media (prefers-reduced-motion:reduce){.intro-logo,.intro-line,.intro-overlay.is-leaving .intro-inner,.hero-scroll-line{animation:none!important}.intro-logo{opacity:1;transform:none}.work-item:hover .work-frame,.service-item:hover{transform:none}}