:root{--ink:#393732;--muted:#787168;--line:#d5cec3;--paper:#f4f1eb;--accent:#a68167;--glass:rgba(255,255,255,.44)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue","PingFang TC","Noto Sans TC",Arial,sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.35}h1{letter-spacing:-.06em}h2{font-size:clamp(28px,3.4vw,48px);letter-spacing:-.04em}h3{font-size:20px}p{color:var(--muted)}[hidden]{display:none!important}::selection{background:#dac4ae}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9a7050;outline-offset:5px}.skip{position:fixed;top:-70px;z-index:99;background:white;padding:10px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wrap{width:min(1240px,88%);margin:auto}.section{padding-top:132px;padding-bottom:132px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.6;margin-bottom:24px;color:#787066}.soft-accent{color:#a19282}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #fff9;border-radius:40px;padding:15px 26px;background:#e5d1bc;color:#443c34;box-shadow:inset 0 1px 0 #fff,0 5px 15px #6f4d2812;transition:background .3s,transform .3s,box-shadow .3s;font-size:14px;white-space:normal;text-align:center}.button:hover{background:#f0ddc9;transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 10px 22px #6f4d2820}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid #b3a99b;padding-bottom:6px}.site-header{position:fixed;z-index:30;top:22px;left:4%;width:92%;background:#f9f7f06e;border:1px solid #ffffff96;border-radius:18px;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);box-shadow:0 8px 32px #41322509}.nav-wrap{padding:13px 23px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px}.brand img{width:129px;height:39px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.brand span{font-size:11px;letter-spacing:.15em;border-left:1px solid #aa9d8d;padding-left:14px}nav{display:flex;align-items:center;gap:30px}nav>a{font-size:12px}nav>a:not(.button):hover{color:#a37250}.nav-cta{padding:9px 19px;background:#fff9;font-size:12px}.menu-toggle{display:none}.hero-stage{position:relative;height:min(960px,100svh);min-height:720px;margin:0 12px;overflow:hidden;border-radius:0 0 28px 28px;display:grid;place-items:center;background:#c4bdb3}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.04);will-change:transform}.hero-glass{position:relative;width:min(530px,43%);text-align:center;padding:58px 28px 42px;border:1px solid #ffffff86;border-radius:24px;background:linear-gradient(130deg,#ffffff50,#f5f0e921);box-shadow:inset 0 1px 1px #fff8,0 25px 90px #3c281d13;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:glassIn 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-glass .eyebrow{color:#60574d;margin-bottom:23px;font-size:9px}.hero-glass h1{font-size:clamp(34px,4vw,59px);line-height:1.32;font-weight:500;color:#fffefb;text-shadow:0 2px 18px #49433b20}.hero-lead{margin:25px 0 28px;font-size:15px;line-height:1.9;color:#4b463f}.luminous{background:#f8e2c8;box-shadow:0 0 24px #fff5e8a0,inset 0 1px 2px #fff;font-size:12px;padding:12px 23px}.hero-secondary{display:block;font-size:11px;margin-top:21px;color:#625a51}.hero-bottom{position:absolute;bottom:27px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#665d51}.hero-bottom a{font-size:9px;display:flex;align-items:center;gap:20px}.value-strip{padding:32px 0;border-bottom:1px solid var(--line);font-size:12px}.value-strip .wrap{display:flex;justify-content:space-between}.value-strip p{font-size:11px}.value-strip i{font-style:normal;margin:0 20px;color:#b9ab9b}.approach{display:grid;grid-template-columns:1fr 1fr;gap:9%}.section-intro{margin-top:28px}.benefit-list article{display:flex;gap:25px;padding:29px 0;border-top:1px solid var(--line)}.benefit-list article>span{font-size:11px;color:#a39686}.benefit-list h3{font-size:18px;margin-bottom:12px}.benefit-list p{font-size:14px}.examples{background:linear-gradient(140deg,#e4ded4,#eee9e1 65%,#e1d7cb);border-radius:32px;margin:0 20px;padding-top:95px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2{max-width:720px}.section-heading .text-link{white-space:nowrap}.reference-note{font-size:11px;margin:25px 0 40px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:start}.case-card:nth-child(2){padding-top:75px}.case-card:nth-child(3){padding-top:30px}.case-image{display:block;position:relative;width:100%;aspect-ratio:3/4.1;padding:0;border:0;border-radius:18px;overflow:hidden;background:#cec4b6;box-shadow:0 20px 40px #71604c1a;text-align:left}.case-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1e1a1477);pointer-events:none}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.case-image:hover img{transform:scale(1.045)}.case-category{position:absolute;top:20px;left:20px;border:1px solid #fff9;border-radius:30px;background:#fff9;backdrop-filter:blur(12px);padding:5px 13px;font-size:11px}.play{position:absolute;z-index:2;right:20px;bottom:22px;width:46px;height:46px;border:1px solid #fffb;border-radius:50%;display:grid;place-items:center;color:white;background:#ffffff30;backdrop-filter:blur(8px);font-size:12px;transition:transform .3s}.case-image:hover .play{transform:scale(1.1)}.image-caption{position:absolute;z-index:2;bottom:32px;left:20px;color:white;font-size:11px}.case-copy{padding:27px 3px}.case-copy .eyebrow{font-size:9px;margin-bottom:12px}.case-copy h3{font-size:21px;letter-spacing:-.03em}.case-copy p:not(.eyebrow){font-size:13px;margin:16px 0}.source{font-size:10px;color:#82776a}.team{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.team-statement>p:not(.eyebrow){margin-top:25px}.team-signature{font-size:40px;font-weight:300;letter-spacing:-.05em;display:block;margin-top:45px;color:#a99b89}.team-people article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.person-initial{font-size:50px;font-weight:200;line-height:1;color:#baaa97;min-width:65px}.person-role{font-size:10px;margin-bottom:8px}.team-people h3{margin-bottom:13px}.team-people p:last-child{font-size:13px}.process-section{padding:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-section h2{font-size:30px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin-top:45px}.process-grid span{font-size:10px;color:#a28a72}.process-grid h3{font-size:18px;margin:12px 0}.process-grid p{font-size:13px}.final-cta{text-align:center}.final-cta h2{font-size:clamp(32px,4vw,58px)}.final-cta p:not(.eyebrow){margin:25px 0}.final-cta .button{margin-top:12px}.footer{padding:40px 0 22px;background:#e8e2d8}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top p,.footer-top>a:last-child{font-size:12px}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid #d1c8ba;font-size:9px;color:#8d8071}.page-heading{padding-top:175px;padding-bottom:62px}.page-heading h1{font-size:clamp(44px,5.4vw,76px)}.page-heading>p:last-child{margin-top:25px}.gallery-section{padding-bottom:100px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 24px}.filter-bar button{border:1px solid transparent;background:transparent;border-radius:30px;padding:10px 20px;font-size:13px}.filter-bar button[aria-pressed=true]{background:#dfd3c2;border-color:#fff}.filter-bar span{font-size:9px;margin-left:9px}.gallery-bottom{margin-top:75px;border-top:1px solid var(--line);padding-top:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.gallery-bottom strong{font-weight:500;color:var(--ink)}.contact-main{padding-top:170px;padding-bottom:100px;display:grid;grid-template-columns:.85fr 1.2fr;gap:7%;align-items:start}.contact-intro{position:sticky;top:140px}.contact-intro h1{font-size:clamp(34px,3.3vw,49px);line-height:1.5;letter-spacing:-.06em}.contact-lead{font-size:17px;margin:25px 0 17px}.contact-intro>p:not(.eyebrow):not(.contact-lead){font-size:13px;max-width:340px}.contact-art{position:relative;margin:35px 0 23px;border-radius:16px;overflow:hidden;max-width:420px;aspect-ratio:1.65;border:1px solid white;box-shadow:0 15px 40px #9b877222}.contact-art img{width:100%;height:100%;object-fit:cover}.contact-art span{position:absolute;bottom:12px;left:18px;font-size:7px;letter-spacing:.14em;color:#746552}.form-shell{padding:35px 40px;border:1px solid white;border-radius:24px;background:linear-gradient(120deg,#fff9,#f3ede4aa);box-shadow:0 20px 70px #89775f12,inset 0 1px 0 white;scroll-margin-top:115px}.preview-note{font-size:10px;color:#a28d78;margin-bottom:27px}.preview-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b09274;vertical-align:middle;margin-right:5px}.stepper{padding:0;display:flex;justify-content:space-between;list-style:none;margin:0;gap:8px}.stepper li{font-size:10px;color:#a99d8e;display:flex;align-items:center;gap:8px}.stepper span{font-size:9px}.stepper li[aria-current]{color:#51453a}.stepper li.passed{color:#947d63}.progress-track{height:2px;background:#e3ddd3;margin:18px 0 32px}#progress-fill{height:100%;background:#b69b7f;transition:width .5s}.form-heading .eyebrow{display:none}.form-heading h2{font-size:25px;line-height:1.5;outline:0}.form-heading>p:last-child{font-size:12px;margin-top:7px}.form-heading{margin-bottom:34px}.field{padding:0;margin:0 0 30px;border:0;min-width:0}.field>label,.field legend{font-size:14px;font-weight:500;margin-bottom:12px;display:block;color:#4c443b}.field legend{float:left;width:100%}.field legend+*{clear:both}.hint{font-size:11px;color:#978b7c;margin:0 0 13px;line-height:1.8}.req,.optional{font-size:9px;font-weight:400;color:#a08f7b;margin-left:7px;white-space:nowrap}.choices{display:flex;flex-wrap:wrap;gap:8px}.wide-choices{display:grid;grid-template-columns:1fr}.choice{display:flex;align-items:center;gap:9px;border:1px solid #e1d9cd;background:#fff3;border-radius:11px;padding:11px 13px;font-size:12px;cursor:pointer;transition:background .25s,border-color .25s}.choice:hover{background:#fff9;border-color:#c9b69f}.choice:has(input:checked){background:#eaddca;border-color:#c2a88a;color:#58422f}.choice input{width:13px;height:13px;flex-shrink:0;margin:0;accent-color:#9d7c59}.field input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border:1px solid #dcd3c6;border-radius:9px;background:#fff5;padding:12px 13px;color:#534a40;outline-offset:2px;min-width:0;font-size:13px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#aca092;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-error{font-size:11px;color:#a14e38;margin-top:6px}.field-error:empty{display:none}.invalid .choices,.invalid>input,.invalid>select{outline:1px solid #c17c68;outline-offset:4px;border-radius:9px}.conditional{padding-top:12px}.conditional label{font-size:12px;display:block;margin-bottom:8px}.form-actions{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:12px;align-items:center}.form-actions .button{margin-left:auto;font-size:12px;padding:12px 20px}.back-button{background:none;border:0;font-size:11px;padding:8px 0}.step-count{font-size:9px;color:#a4927e}.privacy-note{font-size:10px;text-align:center;margin-top:20px;color:#a39683}.contact-promise{font-size:12px;display:flex;gap:16px;padding:20px 0;color:#a28a6d}.form-error-summary{font-size:12px;color:#a14e38;margin-bottom:15px}.complete-icon{font-size:35px;color:#9a805e}.complete h2{font-size:27px}.complete>p{font-size:13px;margin:20px 0}.complete dt{font-size:11px;color:#9a8a77;margin-top:18px}.complete dd{font-size:14px;margin:4px 0 0;overflow-wrap:anywhere}.complete-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:25px}.complete-actions .button{font-size:12px}.modal-open{overflow:hidden}dialog{width:min(480px,94vw);max-height:92svh;overflow:auto;border:1px solid #fff;border-radius:19px;padding:25px;background:#f5f0e8;color:var(--ink);box-shadow:0 30px 100px #25190c44}dialog::backdrop{background:#30271d77;backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-top .eyebrow{font-size:8px;margin-bottom:6px}.dialog-top h2{font-size:19px}.close-modal{font-size:30px;background:none;border:0;padding:0 8px}.embed-holder iframe{border:0;width:100%;height:min(620px,64svh);background:white}.embed-note,.attribution{font-size:10px;margin:10px 0}.reveal{transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.pending{opacity:0;transform:translateY(30px)}@keyframes glassIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-glass{width:580px}.hero-glass h1{font-size:65px}}
@media(max-width:1000px){nav{gap:18px}.brand span{display:none}.hero-glass{width:53%;padding:40px 20px}.hero-stage{min-height:680px}.approach,.team{gap:6%}.case-grid{gap:20px}.case-copy h3{font-size:18px}.contact-main{gap:4%;width:92%;grid-template-columns:.75fr 1.1fr}.form-shell{padding:30px 25px}.contact-intro h1{font-size:34px}.stepper li{font-size:9px;gap:5px}}
@media(max-width:700px){body{font-size:14px}.wrap{width:88%}.site-header{top:12px;border-radius:14px}.nav-wrap{padding:10px 15px}.brand img{width:111px;height:34px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:none;width:35px;height:34px}.menu-toggle span{width:22px;height:1px;background:#5e554a}nav{display:none;position:absolute;top:65px;left:0;right:0;padding:20px;background:#f5f1ebf5;border:1px solid white;border-radius:14px;box-shadow:0 20px 40px #56463220;align-items:stretch}nav.open{display:flex;flex-direction:column;gap:18px}nav>a{padding:5px}.hero-stage{margin:0 6px;min-height:720px;height:94svh;border-radius:0 0 22px 22px}.hero-art{object-position:center}.hero-glass{width:84%;max-width:420px;padding:40px 16px 30px;margin-top:45px;background:linear-gradient(130deg,#ffffff66,#f5f0e94d);backdrop-filter:blur(13px)}.hero-glass h1{font-size:37px;line-height:1.45}.hero-glass .eyebrow{font-size:8px;letter-spacing:.12em}.hero-lead{font-size:13px;margin:21px 0 25px}.hero-bottom{bottom:25px;font-size:8px;left:6%;right:6%}.hero-bottom>span:last-child{display:none}.hero-bottom a{font-size:7px;gap:9px}.hero-secondary{font-size:10px}.value-strip{padding:25px 0}.value-strip .wrap{display:block;text-align:center}.value-strip p{margin-top:8px;font-size:10px}.value-strip i{margin:0 10px}.section{padding-top:76px;padding-bottom:76px}.approach,.team{grid-template-columns:1fr;gap:35px}.eyebrow{font-size:8px;margin-bottom:20px}h2{font-size:29px}.section-intro{font-size:13px;margin-top:20px}.benefit-list article{padding:24px 0;gap:20px}.benefit-list h3{font-size:16px}.benefit-list p{font-size:13px}.examples{margin:0 9px;border-radius:22px}.section-heading{display:block}.section-heading .text-link{margin-top:25px}.reference-note{margin:20px 0 30px;font-size:10px}.case-grid{grid-template-columns:1fr;gap:24px}.case-card:nth-child(n){padding-top:0}.case-image{aspect-ratio:3/3.65;max-height:510px}.case-copy{padding:22px 0 18px}.case-copy h3{font-size:21px}.case-copy p:not(.eyebrow){font-size:13px}.case-copy .eyebrow{font-size:9px}.team-signature{margin-top:25px;font-size:33px}.team-people article{gap:20px}.process-section{padding:55px 0}.process-section h2{font-size:27px}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.process-grid h3{font-size:17px}.final-cta h2{font-size:32px}.final-cta p:not(.eyebrow){font-size:13px}.footer-top{flex-wrap:wrap;gap:18px}.footer-top p{font-size:10px}.footer-bottom{gap:12px;flex-wrap:wrap;margin-top:30px;font-size:8px}.footer-bottom span:nth-child(2){display:none}.page-heading{padding-top:140px;padding-bottom:40px}.page-heading h1{font-size:45px}.page-heading>p:last-child{font-size:13px}.filter-bar{gap:3px}.filter-bar button{font-size:11px;padding:8px 11px}.gallery-bottom{margin-top:35px;padding-top:30px;display:block}.gallery-bottom .button{margin-top:25px}.contact-main{display:block;width:90%;padding-top:125px;padding-bottom:60px}.contact-intro{position:static;padding:0 10px 34px}.contact-intro h1{font-size:37px;line-height:1.4}.contact-lead{font-size:15px;margin-top:20px}.contact-intro>p:not(.eyebrow):not(.contact-lead){font-size:12px}.contact-art{display:none}.contact-intro .text-link{margin-top:20px;font-size:11px}.form-shell{padding:24px 19px;border-radius:18px;scroll-margin-top:90px}.preview-note{font-size:9px;margin-bottom:22px}.stepper li{font-size:9px;gap:5px}.stepper span{font-size:8px}.form-heading{margin-bottom:25px}.form-heading h2{font-size:22px}.field legend,.field>label{font-size:13px}.choice{font-size:11px;padding:11px 10px}.field{margin-bottom:27px}.hint{font-size:10px}.req,.optional{font-size:8px;margin-left:5px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{gap:8px}.form-actions .button{font-size:11px;padding:12px 15px}.step-count{font-size:8px}.privacy-note{font-size:9px}.progress-track{margin-bottom:28px}.complete-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none}.reveal.pending{opacity:1;transform:none}}
.hero-glass h1{color:#4c443c;text-shadow:0 1px 0 #ffffff60}.hero-glass{background:linear-gradient(130deg,#ffffff6b,#f5f0e933)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(max-width:700px){.hero-art{object-position:27% center}.hero-bottom>span,.hero-bottom a{white-space:nowrap;flex-shrink:0}.hero-bottom{gap:12px}.hero-glass{background:linear-gradient(130deg,#ffffffb0,#f5f0e970)}}