:root{--ink:#4a392d;--muted:#796756;--coffee:#584032;--paper:#f6f0e8;--line:#d9cab9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Helvetica Neue","PingFang TC","Noto Sans TC",Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button:disabled{cursor:default;opacity:.3}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #967148;outline-offset:5px}::selection{background:#dcc4a8}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:10px}.skip:focus{top:12px}.brand img{object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.universe-hero{background:linear-gradient(110deg,#fff3e0,#e8dcd0 75%,#d6ccbf);overflow:hidden}.hero-canvas{position:relative;width:min(100%,calc(100svh * 1.777),1800px);aspect-ratio:1672/941;margin:0 auto;isolation:isolate}.hero-header{position:absolute;left:4%;right:4%;top:3%;z-index:4;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-block}.hero-header .brand img{width:145px;height:44px}.hero-copy{position:absolute;top:8.3%;left:12%;right:12%;z-index:3;text-align:center;pointer-events:none}.hero-copy h1{font-size:clamp(28px,2.7vw,46px);line-height:1.48;font-weight:500;letter-spacing:.035em;color:#564333;text-shadow:0 1px 20px #fff9}.hero-art-window{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-art{position:relative;width:100%;height:100%;animation:world-breathe 14s ease-in-out infinite;will-change:transform}.universe-image{width:100%;height:100%;object-fit:contain}.soft-light{position:absolute;inset:15% 23% 20%;border-radius:50%;background:radial-gradient(ellipse at 55% 55%,#fff1c929,transparent 64%);mix-blend-mode:screen;pointer-events:none;animation:light-breathe 8s ease-in-out infinite}.glass-mote{position:absolute;border:1px solid #fffc;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffe6,transparent 38%),radial-gradient(circle at 70% 85%,#d0ae7b55,transparent 62%);box-shadow:inset 1px 1px 4px #fff8,0 5px 12px #a97b4910;animation:float 9s ease-in-out infinite;pointer-events:none}.mote-one{left:26%;top:32%;width:1.5%;aspect-ratio:1;animation-delay:-3s}.mote-two{right:20%;top:51%;width:1%;aspect-ratio:1;animation-delay:-6s}.mote-three{left:42%;top:68%;width:1.2%;aspect-ratio:1;animation-delay:-1s}.hero-actions{position:absolute;z-index:3;bottom:4.7%;left:12%;right:12%;display:flex;justify-content:center;gap:20px}.coffee-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;background:var(--coffee);color:#fff;border:1px solid var(--coffee);border-radius:12px;padding:14px 26px;font-size:16px;line-height:1.5;box-shadow:0 8px 20px #54372012;transition:background .25s,transform .25s}.hero-actions .coffee-button{min-width:210px}.coffee-button:hover{background:#3e2c22;transform:translateY(-2px)}.section-wrap{width:min(1120px,88%);margin:0 auto}.needs-section{padding:100px 0 85px}.section-intro{text-align:center;margin-bottom:46px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#967758;margin-bottom:16px;font-weight:500}h2{font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.5;letter-spacing:-.025em}.section-lead{font-size:16px;color:var(--muted);margin-top:20px;line-height:1.9}.needs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.need-card{position:relative;border:1px solid #e1d3c3;background:linear-gradient(125deg,#fffaf4,#f3eadd);border-radius:20px;padding:34px 36px}.need-number{font-size:12px;letter-spacing:.12em;display:block;color:#a1876a;margin-bottom:18px}.need-card h3{font-size:25px;font-weight:500;line-height:1.5;margin-bottom:17px;letter-spacing:-.02em}.need-card>p{font-size:15px;line-height:1.9;color:var(--muted)}.answer{margin-top:24px;padding-top:21px;border-top:1px solid var(--line)}.answer h4{font-size:15px;font-weight:600;margin-bottom:8px}.answer p{font-size:15px;color:#75614f;line-height:1.9}.needs-closing{text-align:center;font-size:14px;color:var(--muted);margin-top:30px}.examples-section{padding:80px 0 90px;background:linear-gradient(130deg,#e8ddce,#f0e6d9 55%,#e2d3c2)}.examples-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.examples-heading .eyebrow{margin-bottom:11px}.reference-invite{font-size:16px;color:#806a55;margin-top:9px}.examples-note{font-size:14px;line-height:1.8;color:#8a725b;padding-bottom:4px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px;align-items:start}.reference-card{min-width:0}.reference-category{display:inline-flex;align-items:center;background:#fff8;border:1px solid #fff9;border-radius:30px;font-size:13px;padding:5px 15px;margin:0 0 12px}.reference-player{position:relative;aspect-ratio:9/16;border:1px solid #fff9;border-radius:18px;overflow:hidden;background:#dacbb9;box-shadow:0 12px 30px #6f4c2520}.reference-player iframe,.reference-player video{width:100%;height:100%;border:0;display:block;background:white}.reference-player video{object-fit:contain;background:#251e18}.play-cover{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#ddd0c1}.play-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.play-cover:hover img{transform:scale(1.025)}.play-cover:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#2e1f1566)}.play-symbol{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;border:1px solid #fffe;border-radius:50%;width:66px;height:66px;background:#ffffff50;backdrop-filter:blur(9px);color:white;font-size:20px;padding-left:3px;z-index:1}.play-caption{position:absolute;z-index:1;bottom:22px;left:0;right:0;color:white;font-size:13px}.reference-source{font-size:11px;color:#806a55;margin:12px 3px 0;overflow-wrap:anywhere}.gallery-controls{display:none}.contact-section{text-align:center;padding:95px 0 100px}.contact-section>p:not(.eyebrow){margin:22px 0 30px;color:var(--muted);font-size:16px}.contact-section .coffee-button{min-width:230px}.site-footer{border-top:1px solid #e1d4c4;width:min(1280px,88%);margin:auto;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p,.site-footer>a:last-child{font-size:12px;color:var(--muted)}.no-script{padding:30px 0}
@keyframes world-breathe{0%,100%{transform:scale(1.003) translateY(0)}50%{transform:scale(1.009) translateY(-3px)}}@keyframes light-breathe{0%,100%{opacity:.25}50%{opacity:.75}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(min-width:901px) and (max-height:720px){.hero-copy h1{font-size:clamp(25px,3.5vh,34px)}.hero-header .brand img{width:120px;height:36px}.hero-actions .coffee-button{min-width:180px;min-height:46px;padding:10px 20px;font-size:14px}.hero-actions{gap:14px}}
@media(max-width:1000px){.hero-copy h1{font-size:clamp(25px,3vw,32px)}.hero-actions{left:6%;right:6%;gap:12px}.hero-actions .coffee-button{min-width:0;flex:1;max-width:240px;font-size:14px;padding:12px 16px;gap:15px;min-height:48px}.hero-header .brand img{width:120px;height:36px}.need-card{padding:28px}.reference-grid{gap:32px 20px}.need-card h3{font-size:23px}}
@media(max-width:700px){html{scroll-padding-top:20px}.hero-canvas{width:100%;aspect-ratio:auto;padding-top:78px}.hero-header{top:18px;left:6%;right:6%}.hero-header .brand img{width:120px;height:36px}.hero-copy{position:relative;inset:auto;padding:20px 5% 0;text-align:center}.hero-copy h1{font-size:26px;letter-spacing:0;line-height:1.6}.hero-copy h1 span{display:inline-block;max-width:330px}.hero-art-window{position:relative;inset:auto;width:100%;height:49vw;margin-top:14px;overflow:hidden}.hero-art{width:100%;height:auto;aspect-ratio:1672/941;position:absolute;top:-8vw}.universe-image{height:auto}.hero-actions{position:relative;inset:auto;display:flex;flex-direction:column;margin:5px auto 0;width:88%;padding-bottom:32px;gap:10px}.hero-actions .coffee-button{flex:auto;max-width:none;width:100%;min-height:49px;font-size:15px;border-radius:10px;padding:12px 20px;gap:25px}.section-wrap{width:88%}.needs-section{padding:64px 0 55px}.section-intro{text-align:left;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:14px}h2{font-size:29px;line-height:1.5}.section-lead{font-size:15px;margin-top:17px}.desktop-break{display:none}.needs-grid{grid-template-columns:1fr;gap:17px}.need-card{padding:25px 24px;border-radius:17px}.need-number{margin-bottom:13px}.need-card h3{font-size:23px;margin-bottom:13px}.need-card>p,.answer p{font-size:15px;line-height:1.85}.answer{margin-top:20px;padding-top:17px}.answer h4{font-size:15px}.needs-closing{text-align:left;font-size:13px;margin-top:24px}.examples-section{padding:55px 0 48px;overflow:hidden}.examples-heading{display:block;margin-bottom:26px}.reference-invite{font-size:15px}.examples-note{font-size:13px;margin-top:17px}.examples-note br{display:none}.reference-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;padding:0 6px 15px 0;margin-right:-6.8%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b3997b transparent;-webkit-overflow-scrolling:touch}.reference-card{flex:0 0 84%;scroll-snap-align:start;scroll-snap-stop:always;max-width:340px}.reference-card:last-child{margin-right:6vw}.reference-category{font-size:13px;margin-bottom:11px}.reference-player{border-radius:15px}.reference-source{font-size:11px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:20px}.gallery-controls button{width:46px;height:46px;border:1px solid #bba287;border-radius:50%;background:#fff7;font-size:22px}.gallery-controls span{font-size:13px;font-variant-numeric:tabular-nums;color:#7a614b}.contact-section{padding:64px 0}.contact-section h2{font-size:28px}.contact-section>p:not(.eyebrow){font-size:15px;margin:20px 0 26px}.site-footer{flex-wrap:wrap;gap:16px;padding:25px 0}.site-footer p{display:none}.site-footer .brand img{width:116px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none;will-change:auto}}

.mobile-title-break{display:none}@media(max-width:700px){.mobile-title-break{display:block}.hero-art-window{mask-image:linear-gradient(transparent,#000 8%,#000 91%,transparent)}}

/* Independent slow movement around the six organ scenes; mobile remains still. */
.hero-art{animation:none;will-change:auto}.organ-motion{position:absolute;inset:0;width:100%;height:100%;display:none}.hero-art.motion-ready .organ-motion{display:block}.hero-art.motion-ready .universe-image{visibility:hidden}
@media(max-width:700px){.hero-actions{flex-direction:row;gap:7px;width:92%;padding-bottom:26px;margin-top:12px}.hero-actions .coffee-button{flex:1;width:auto;min-width:0;min-height:42px;padding:10px 5px;font-size:12px;border-radius:8px;white-space:nowrap;box-shadow:none}.hero-art.motion-ready .organ-motion{display:none}.hero-art.motion-ready .universe-image{visibility:visible}}
@media(prefers-reduced-motion:reduce){.hero-art.motion-ready .organ-motion{display:none}.hero-art.motion-ready .universe-image{visibility:visible}}

/* Service strengths and concise, open editorial rows. */
.needs-section{padding:90px 0 88px}.value-heading{text-align:center}.value-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.55}.value-heading>p:last-child{font-size:15px;line-height:1.9;color:var(--muted);margin-top:20px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:48px 0 76px}.value-item{padding:0 36px;text-align:center}.value-item+ .value-item{border-left:1px solid #d9c9b5}.value-icon{width:82px;height:82px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;color:#8c6846;background:radial-gradient(circle at 30% 20%,#fffdf8,#e8d8c3);box-shadow:inset 0 0 0 1px #ffffffa6}.value-icon svg{width:50px;height:50px}.value-item h3{font-size:25px;font-weight:500;letter-spacing:.05em;margin-bottom:12px}.value-item h4{font-size:15px;font-weight:500;margin-bottom:10px;color:#795335}.value-item p{font-size:14px;line-height:1.9;color:#806f5e;max-width:270px;margin:auto}.needs-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;gap:24px}.needs-heading .eyebrow{margin:0}.needs-heading h2{font-size:28px}.need-row{display:grid;grid-template-columns:62px 1fr 1fr;align-items:center;gap:26px;padding:28px 0;border-top:1px solid #d9c9b5}.need-row:last-child{border-bottom:1px solid #d9c9b5}.need-icon{color:#9b7957}.need-icon svg{width:50px;height:50px}.need-row h3{font-size:22px;font-weight:500;line-height:1.6;max-width:330px;letter-spacing:.01em}.need-help h4{font-size:15px;font-weight:500;color:#795335;margin-bottom:7px}.need-help ul{margin:0;padding-left:17px;color:#806f5e;font-size:14px;line-height:1.9}.need-help li::marker{color:#b79b78;font-size:10px}
@media(max-width:900px){.value-item{padding:0 20px}.value-item h3{font-size:23px}.need-row{gap:18px;grid-template-columns:48px 1fr 1fr}.need-row h3{font-size:20px}.needs-heading h2{font-size:25px}}
@media(max-width:700px){.needs-section{padding:58px 0}.value-heading{text-align:left}.value-heading h2{font-size:28px}.value-heading>p:last-child{font-size:14px}.value-grid{grid-template-columns:1fr;margin:32px 0 48px;gap:25px}.value-item{display:grid;grid-template-columns:58px 1fr;column-gap:18px;padding:0;text-align:left}.value-item+.value-item{border:0}.value-icon{grid-column:1;grid-row:1/4;width:58px;height:58px;margin:0}.value-icon svg{width:37px;height:37px}.value-item h3{grid-column:2;font-size:23px;margin-bottom:4px}.value-item h4{grid-column:2;font-size:14px;margin-bottom:5px}.value-item p{grid-column:2;max-width:none;font-size:14px;margin:0}.needs-heading{display:block;margin-bottom:18px}.needs-heading .eyebrow{margin-bottom:10px}.needs-heading h2{font-size:24px}.need-row{grid-template-columns:36px 1fr;gap:12px 15px;padding:24px 0;align-items:start}.need-icon svg{width:34px;height:34px}.need-row h3{font-size:21px;max-width:260px}.need-help{grid-column:2}.need-help h4{font-size:14px}.need-help ul{font-size:14px}.value-heading .mobile-title-break{display:block}}

.need-row h3{max-width:none}@media(max-width:700px){.need-row h3{font-size:20px;letter-spacing:0}}
/* Readable service copy: secondary text is content, not a footnote. */
.value-heading .eyebrow,.needs-heading .eyebrow{font-size:16px;color:#76583e;letter-spacing:.06em}
.value-heading>p:last-child{font-size:18px;color:#655344;line-height:1.85}
.value-item h3{font-size:28px}.value-item h4{font-size:19px;font-weight:600;line-height:1.6;color:#65482f;margin-bottom:12px}
.value-item p{font-size:18px;line-height:1.85;color:#655344;max-width:310px}
.need-row{padding:32px 0}.need-row h3{font-size:25px}.need-help h4{font-size:19px;line-height:1.65;font-weight:600;color:#65482f;margin-bottom:10px}
.need-help ul{font-size:18px;line-height:1.9;color:#655344;padding-left:20px}.need-help li::marker{font-size:12px;color:#8b6948}
@media(max-width:900px){.value-item{padding:0 20px}.value-item h4{font-size:18px}.value-item p{font-size:17px}.need-row h3{font-size:23px}}
@media(max-width:700px){.value-heading .eyebrow,.needs-heading .eyebrow{font-size:15px}.value-heading>p:last-child{font-size:17px}.value-item{padding:0;column-gap:15px}.value-item h3{font-size:26px;margin-bottom:8px}.value-item h4{font-size:18px;margin-bottom:8px}.value-item p{font-size:17px;line-height:1.85}.value-grid{gap:32px}.need-row{padding:28px 0}.need-row h3{font-size:22px}.need-help h4{font-size:18px}.need-help ul{font-size:17px;line-height:1.9}}

.contact-options{margin:34px auto 0;padding-top:24px;border-top:1px solid #d9c9b5;display:flex;justify-content:center;align-items:flex-start;gap:38px;max-width:650px;text-align:left;font-size:16px;color:#655344}.line-contact{width:220px;flex-shrink:0}.line-contact summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:5px;list-style:none;padding:4px 0}.line-contact summary::-webkit-details-marker{display:none}.line-contact summary:focus-visible{outline:3px solid #967148;outline-offset:5px}.line-panel{margin-top:20px}.line-panel img{width:200px;height:200px;background:#fff;border-radius:8px;padding:8px}.line-panel p{font-size:15px;margin:12px 0 8px}.line-panel a{display:inline-block;text-decoration:underline;text-underline-offset:5px;font-weight:500;padding:5px 0}.email-contact{padding:4px 0}.email-contact span{display:block;margin-bottom:5px}.email-contact a{font-size:16px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-options a:hover,.line-contact summary:hover{color:#382618}
@media(max-width:700px){.contact-options{flex-direction:column;align-items:center;gap:22px;text-align:center;margin-top:28px;padding-top:22px}.line-contact{width:100%}.line-contact summary{margin:auto}.line-panel img{margin:auto;width:210px;height:210px}.email-contact a{font-size:16px}.line-panel{margin-top:18px}}

.examples-heading{display:block}.reference-invite{font-size:21px;line-height:1.8;color:#655344;max-width:840px;margin-top:18px}.examples-note{font-size:17px;color:#79624e;margin-top:16px}.play-cover img.cover-contain{object-fit:contain;background:#e4d8c8}@media(max-width:700px){.reference-invite{font-size:19px;line-height:1.8}.examples-note{font-size:16px;line-height:1.8}}

.site-footer{gap:28px}.footer-contacts{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;color:#655344}.footer-contacts svg{width:23px;height:23px;flex:none}.footer-contacts .line-contact{width:auto;position:relative}.footer-contacts .line-contact summary,.footer-contacts .email-contact a{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;padding:8px 0}.footer-contacts .email-contact{padding:0}.footer-contacts .line-panel{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translateX(-50%);margin:0;padding:18px;background:#fffaf3;border:1px solid #decebb;border-radius:14px;box-shadow:0 12px 35px #49301d20;z-index:10;text-align:center;width:238px}.footer-contacts .line-panel img{width:200px;height:200px;margin:auto}.footer-contacts .line-panel p{display:block;font-size:14px;margin:10px 0 5px}.footer-contacts .line-panel a{font-size:14px}.site-footer>a:last-child{white-space:nowrap}
@media(max-width:900px){.site-footer{flex-wrap:wrap}.footer-contacts{gap:18px}.footer-contacts .email-contact a{font-size:13px}}
@media(max-width:700px){.site-footer{gap:16px;align-items:center}.footer-contacts{order:3;flex-basis:100%;margin:0;display:flex;align-items:flex-start;flex-direction:column;gap:8px;text-align:left}.footer-contacts .line-contact{width:auto}.footer-contacts .line-contact summary{margin:0}.footer-contacts .email-contact a{font-size:14px}.footer-contacts .line-panel{left:0;transform:none}.site-footer>a:last-child{margin-left:auto}.footer-contacts .line-panel p{display:block}.contact-section{padding-bottom:55px}}