:is(:root):is(:root):is(:root){--bg:#FDF5F2;--surface:#F4E5DF;--fg:#392D32;--muted:#554A4E;--border:#EADAD3;--accent:#B98B82;--accent-strong:#95675F;--font-display:'Noto Serif TC','Songti TC',serif;--font-body:'Noto Sans TC','PingFang TC',sans-serif}:is(body):is(body):is(body){margin:0;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased}:is(a):is(a):is(a){color:var(--accent-strong);text-decoration:none}:is(a:hover):is(a:hover):is(a:hover){color:var(--fg)}:is(h1):is(h1):is(h1),:is(h2):is(h2):is(h2){text-wrap:balance;line-height:1.38;letter-spacing:0}:is(p):is(p):is(p),:is(li):is(li):is(li),:is(div):is(div):is(div){text-wrap:pretty}:is(*):is(*):is(*),:is(*):is(*):is(*)::before,:is(*):is(*):is(*)::after{box-sizing:border-box}:is(a):is(a):is(a),:is(button):is(button):is(button),:is(input):is(input):is(input){min-height:44px}:is(a:focus-visible):is(a:focus-visible):is(a:focus-visible),:is(button:focus-visible):is(button:focus-visible):is(button:focus-visible),:is(input:focus-visible):is(input:focus-visible):is(input:focus-visible),:is(summary:focus-visible):is(summary:focus-visible):is(summary:focus-visible){outline:3px solid var(--accent-strong);outline-offset:3px}:is(.skip-link):is(.skip-link):is(.skip-link){position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-160%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:6px;font-weight:700;transition:transform .15s cubic-bezier(.2,0,0,1)}:is(.skip-link:focus):is(.skip-link:focus):is(.skip-link:focus){transform:translateY(0);color:var(--bg)}:is(.section-heading):is(.section-heading):is(.section-heading){font-family:var(--font-display)!important;line-height:1.38!important;letter-spacing:0!important}:is(.story-copy):is(.story-copy):is(.story-copy){display:grid;gap:18px;color:var(--muted);line-height:1.8;max-width:65ch}:is([data-od-id="brand-story-origin-image"]):is([data-od-id="brand-story-origin-image"]):is([data-od-id="brand-story-origin-image"]){object-position:50% 48%}:is([data-od-id="brand-story-insight-image"]):is([data-od-id="brand-story-insight-image"]):is([data-od-id="brand-story-insight-image"]){object-position:50% 50%}:is([data-od-id="brand-story-proof-image"]):is([data-od-id="brand-story-proof-image"]):is([data-od-id="brand-story-proof-image"]){object-position:50% 42%}:is(.primary-cta):is(.primary-cta):is(.primary-cta){display:inline-flex;align-items:center;justify-content:center;letter-spacing:.02em;transition:background-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1)}:is(.primary-cta:hover):is(.primary-cta:hover):is(.primary-cta:hover){background:var(--accent-strong)!important;color:var(--bg)!important}:is(.primary-cta:active):is(.primary-cta:active):is(.primary-cta:active){background:var(--fg)!important;color:var(--bg)!important}:is(.mobile-menu):is(.mobile-menu):is(.mobile-menu){display:none;position:relative;margin-left:auto}:is(.mobile-menu summary):is(.mobile-menu summary):is(.mobile-menu summary){list-style:none;width:48px;height:48px;border:1px solid #E9DCD6;border-radius:8px;display:grid;place-items:center;color:#3D3134;cursor:pointer;background:#FAF6F3}:is(.mobile-menu summary):is(.mobile-menu summary):is(.mobile-menu summary)::-webkit-details-marker{display:none}:is(.mobile-menu summary:hover):is(.mobile-menu summary:hover):is(.mobile-menu summary:hover),:is(.mobile-menu[open] summary):is(.mobile-menu[open] summary):is(.mobile-menu[open] summary){background:#F1E6E1;color:#3D3134;border-color:#B98A80}:is(.hamburger-icon):is(.hamburger-icon):is(.hamburger-icon){width:22px;height:16px;display:flex;flex-direction:column;justify-content:space-between}:is(.hamburger-icon span):is(.hamburger-icon span):is(.hamburger-icon span){display:block;width:100%;height:2px;border-radius:2px;background:currentColor}:is(.mobile-menu-panel):is(.mobile-menu-panel):is(.mobile-menu-panel){position:absolute;top:calc(100% + 10px);right:0;width:min(280px,calc(100vw - 32px));padding:10px;background:#FAF6F3;border:1px solid #E9DCD6;border-radius:8px;box-shadow:0 18px 42px rgba(61,49,52,.14);display:grid;gap:4px}:is(.mobile-menu-panel a):is(.mobile-menu-panel a):is(.mobile-menu-panel a){display:flex;align-items:center;min-height:48px;padding:10px 14px;border-radius:6px;color:#3D3134;font-weight:600}:is(.mobile-menu-panel a:hover):is(.mobile-menu-panel a:hover):is(.mobile-menu-panel a:hover){background:#F1E6E1;color:#3D3134}:is(.mobile-menu-panel a[aria-current="page"]):is(.mobile-menu-panel a[aria-current="page"]):is(.mobile-menu-panel a[aria-current="page"]){color:#8A5C52;background:#F1E6E1}:is(.mobile-menu-panel .mobile-signup):is(.mobile-menu-panel .mobile-signup):is(.mobile-menu-panel .mobile-signup){margin-top:4px;border:1px solid #B98A80;border-radius:999px;background:transparent;color:#8A5C52}:is(/* 教學文章目前是 span（尚未接部落格），排版要跟同列的連結完全一致 */
[data-od-id="site-nav"] #nav-blog):is(/* 教學文章目前是 span（尚未接部落格），排版要跟同列的連結完全一致 */
[data-od-id="site-nav"] #nav-blog):is(/* 教學文章目前是 span（尚未接部落格），排版要跟同列的連結完全一致 */
[data-od-id="site-nav"] #nav-blog){padding:8px 2px}:is(/* 我的帳號目前是 span（尚未接會員系統），排版比照教學文章 */
[data-od-id="site-nav"] #nav-account):is(/* 我的帳號目前是 span（尚未接會員系統），排版比照教學文章 */
[data-od-id="site-nav"] #nav-account):is(/* 我的帳號目前是 span（尚未接會員系統），排版比照教學文章 */
[data-od-id="site-nav"] #nav-account){padding:8px 2px}:is([data-od-id="mobile-menu-panel"] #mobile-nav-blog):is([data-od-id="mobile-menu-panel"] #mobile-nav-blog):is([data-od-id="mobile-menu-panel"] #mobile-nav-blog){display:flex;align-items:center;justify-content:center;min-height:48px;min-block-size:var(--uiux-touch,48px);padding:10px 14px;border-radius:6px}:is([data-od-id="mobile-menu-panel"] #mobile-nav-account):is([data-od-id="mobile-menu-panel"] #mobile-nav-account):is([data-od-id="mobile-menu-panel"] #mobile-nav-account){display:flex;align-items:center;justify-content:center;min-height:48px;min-block-size:var(--uiux-touch,48px);padding:10px 14px;border-radius:6px}:is(.sr-only):is(.sr-only):is(.sr-only){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){:is([data-od-id="site-header-inner"]):is([data-od-id="site-header-inner"]):is([data-od-id="site-header-inner"]){padding:10px 16px!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:12px!important}:is([data-od-id="brand-home-link"]):is([data-od-id="brand-home-link"]):is([data-od-id="brand-home-link"]){min-width:0;font-size:16px!important}:is([data-od-id="site-nav"]):is([data-od-id="site-nav"]):is([data-od-id="site-nav"]){display:none!important}:is(.mobile-menu):is(.mobile-menu):is(.mobile-menu){display:block}:is([data-od-id="brand-story-hero"]>div):is([data-od-id="brand-story-hero"]>div):is([data-od-id="brand-story-hero"]>div),:is([data-od-id="brand-story-final-cta"]):is([data-od-id="brand-story-final-cta"]):is([data-od-id="brand-story-final-cta"]){padding:60px 20px!important}:is([data-od-id="brand-story-origin"]):is([data-od-id="brand-story-origin"]):is([data-od-id="brand-story-origin"]),:is([data-od-id="brand-story-proof"]):is([data-od-id="brand-story-proof"]):is([data-od-id="brand-story-proof"]){padding:60px 20px!important;gap:34px!important}:is([data-od-id="brand-story-insight"]>div):is([data-od-id="brand-story-insight"]>div):is([data-od-id="brand-story-insight"]>div),:is([data-od-id="brand-story-audience"]>div):is([data-od-id="brand-story-audience"]>div):is([data-od-id="brand-story-audience"]>div){padding:60px 20px!important;gap:34px!important}:is([data-od-id="brand-story-origin"]>div:first-child):is([data-od-id="brand-story-origin"]>div:first-child):is([data-od-id="brand-story-origin"]>div:first-child),:is([data-od-id="brand-story-origin-image"]):is([data-od-id="brand-story-origin-image"]):is([data-od-id="brand-story-origin-image"]),:is([data-od-id="brand-story-insight-image"]):is([data-od-id="brand-story-insight-image"]):is([data-od-id="brand-story-insight-image"]),:is([data-od-id="brand-story-proof-image"]):is([data-od-id="brand-story-proof-image"]):is([data-od-id="brand-story-proof-image"]){order:1}:is([data-od-id="brand-story-origin"]>div:last-child):is([data-od-id="brand-story-origin"]>div:last-child):is([data-od-id="brand-story-origin"]>div:last-child),:is([data-od-id="brand-story-insight"]>div>div):is([data-od-id="brand-story-insight"]>div>div):is([data-od-id="brand-story-insight"]>div>div),:is([data-od-id="brand-story-proof"]>div):is([data-od-id="brand-story-proof"]>div):is([data-od-id="brand-story-proof"]>div){order:2}:is([data-od-id="brand-story-origin-image"]):is([data-od-id="brand-story-origin-image"]):is([data-od-id="brand-story-origin-image"]),:is([data-od-id="brand-story-insight-image"]):is([data-od-id="brand-story-insight-image"]):is([data-od-id="brand-story-insight-image"]),:is([data-od-id="brand-story-proof-image"]):is([data-od-id="brand-story-proof-image"]):is([data-od-id="brand-story-proof-image"]){height:340px!important;border-radius:16px!important}:is([data-od-id="brand-story-audience-grid"]):is([data-od-id="brand-story-audience-grid"]):is([data-od-id="brand-story-audience-grid"]){grid-template-columns:1fr!important}:is(section>div):is(section>div):is(section>div),:is(section):is(section):is(section){min-width:0}:is(footer>div):is(footer>div):is(footer>div){justify-content:center!important;text-align:center}
}
@media(prefers-reduced-motion:reduce){:is(.skip-link):is(.skip-link):is(.skip-link),:is(.primary-cta):is(.primary-cta):is(.primary-cta){transition:none}}

/* === generated from inline styles === */
.emxb-2.emxb-2.emxb-2.emxb-2{background: rgb(241, 230, 225); text-align: center}
.emxb-3.emxb-3.emxb-3.emxb-3{max-width: 760px; margin: 0px auto; padding: 88px 24px 72px}
.emxb-5.emxb-5.emxb-5.emxb-5 .elementor-heading-title{font-family: "Noto Serif TC", serif; font-size: clamp(30px, 5vw, 44px); line-height: 1.35; margin: 0px 0px 20px; font-weight: 900; --emil-index: 1}
.emxb-7.emxb-7.emxb-7.emxb-7{max-width: 1140px; margin: 0px auto; padding: 88px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 56px; align-items: center}
.emxb-8.emxb-8.emxb-8.emxb-8{position: relative; --emil-index: 0}
.emxb-10.emxb-10.emxb-10.emxb-10 img{position: relative; width: 100%; height: 460px; object-fit: cover; border-radius: 24px; display: block}
.emxb-13.emxb-13.emxb-13.emxb-13 .elementor-heading-title{font-family: "Noto Serif TC", serif; font-size: clamp(25px, 3.8vw, 32px); margin: 0px 0px 24px; font-weight: 900}
.emxb-18.emxb-18.emxb-18.emxb-18{background: rgb(255, 255, 255); border-top: 1px solid rgb(233, 220, 214); border-bottom: 1px solid rgb(233, 220, 214)}
.emxb-19.emxb-19.emxb-19.emxb-19{max-width: 1140px; margin: 0px auto; padding: 88px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 56px; align-items: center}
.emxb-22.emxb-22.emxb-22.emxb-22 .elementor-heading-title{font-family: "Noto Serif TC", serif; font-size: clamp(25px, 3.8vw, 32px); margin: 0px 0px 24px; font-weight: 900}
.emxb-27.emxb-27.emxb-27.emxb-27 img{width: 100%; height: 460px; object-fit: cover; border-radius: 24px; display: block; --emil-index: 1}
.emxb-28.emxb-28.emxb-28.emxb-28{max-width: 1140px; margin: 0px auto; padding: 88px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 56px; align-items: center}
.emxb-29.emxb-29.emxb-29.emxb-29 img{width: 100%; height: 460px; object-fit: cover; border-radius: 24px; display: block; --emil-index: 0}
.emxb-32.emxb-32.emxb-32.emxb-32 .elementor-heading-title{font-family: "Noto Serif TC", serif; font-size: clamp(25px, 3.8vw, 32px); margin: 0px 0px 24px; font-weight: 900}
.emxb-37.emxb-37.emxb-37.emxb-37{background: rgb(234, 220, 214); color: rgb(61, 49, 52)}
.emxb-38.emxb-38.emxb-38.emxb-38{max-width: 900px; margin: 0px auto; padding: 88px 24px; text-align: center}
.emxb-39.emxb-39.emxb-39.emxb-39 .elementor-heading-title{font-family: "Noto Serif TC", serif; font-size: clamp(25px, 3.8vw, 32px); margin: 0px 0px 28px; font-weight: 900; --emil-index: 0}
.emxb-40.emxb-40.emxb-40.emxb-40{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; text-align: left; --emil-index: 1}
.emxb-44.emxb-44.emxb-44.emxb-44{max-width: 760px; margin: 0px auto; padding: 96px 24px; text-align: center}
.emxb-45.emxb-45.emxb-45.emxb-45 .elementor-heading-title{font-family: "Noto Serif TC", serif; font-size: clamp(25px, 3.8vw, 32px); margin: 0px 0px 16px; font-weight: 900; --emil-index: 0}.emxhh-1.emxhh-1.emxhh-1.emxhh-1{position: sticky; top: 0px; z-index: 50; background: rgba(250, 246, 243, 0.92); backdrop-filter: blur(8px); border-bottom: 1px solid rgb(233, 220, 214)}
.emxhh-2.emxhh-2.emxhh-2.emxhh-2{max-width: 1140px; margin: 0px auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap}
.emxhh-4.emxhh-4.emxhh-4.emxhh-4{display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; font-weight: 500}