@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.site-header[data-astro-cid-ctg3m53h]{--site-header-height: 4.125rem;position:sticky;inset-block-start:0;z-index:100;width:100%;background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transform:translateY(0);transition:transform var(--motion-base) var(--motion-ease-out),background-color .2s var(--motion-ease-out),-webkit-backdrop-filter .2s var(--motion-ease-out),backdrop-filter .2s var(--motion-ease-out);will-change:transform}.site-header[data-astro-cid-ctg3m53h].is-scrolled{background-color:color-mix(in srgb,var(--color-page-background) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header[data-astro-cid-ctg3m53h].is-hidden{transform:translateY(-100%)}.site-header--home[data-astro-cid-ctg3m53h]{--site-header-height: 5.5rem}.site-header-inner[data-astro-cid-ctg3m53h]{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--site-header-height);margin-inline:auto}.site-header--wide[data-astro-cid-ctg3m53h] .site-header-inner[data-astro-cid-ctg3m53h]{width:min(calc(100% - 3rem),var(--case-study-media-width))}.site-header--inherit[data-astro-cid-ctg3m53h] .site-header-inner[data-astro-cid-ctg3m53h]{width:min(calc(100% - 3rem),var(--case-study-reading-width))}.site-mark[data-astro-cid-ctg3m53h]{display:inline-flex;align-items:center;text-decoration:none}.site-mark[data-astro-cid-ctg3m53h] img[data-astro-cid-ctg3m53h]{width:2rem;height:2rem}.site-header[data-astro-cid-ctg3m53h] nav[data-astro-cid-ctg3m53h],.primary-navigation[data-astro-cid-ctg3m53h]{display:flex;align-items:center}.site-header[data-astro-cid-ctg3m53h] nav[data-astro-cid-ctg3m53h]{gap:2rem}.primary-navigation[data-astro-cid-ctg3m53h]{gap:1rem}.work-navigation[data-astro-cid-ctg3m53h]{position:relative;display:flex;align-items:center}.work-menu-toggle[data-astro-cid-ctg3m53h]{display:none;width:1.25rem;height:1.5rem;padding:0;border:0;background:transparent;color:var(--color-ocean-300)}.work-menu-toggle[data-astro-cid-ctg3m53h] svg[data-astro-cid-ctg3m53h]{display:block;transition:transform var(--motion-fast) var(--motion-ease-out)}.work-navigation[data-astro-cid-ctg3m53h].is-open .work-menu-toggle[data-astro-cid-ctg3m53h] svg[data-astro-cid-ctg3m53h]{transform:rotate(180deg)}.work-dropdown[data-astro-cid-ctg3m53h]{position:absolute;z-index:2;inset-block-start:calc(100% + .5rem);inset-inline-start:50%;width:max-content;min-width:10rem;padding:.5rem;border:var(--border-width-subtle) solid var(--color-neutral-100);border-radius:var(--radius-button);background:var(--color-page-background);opacity:0;pointer-events:none;transform:translate(-50%,-.25rem);transition:opacity var(--motion-fast) var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-out),visibility var(--motion-fast) step-end;visibility:hidden}.work-dropdown[data-astro-cid-ctg3m53h]:before{position:absolute;inset-block-end:100%;inset-inline:0;height:.625rem;content:""}.work-dropdown[data-astro-cid-ctg3m53h] ul[data-astro-cid-ctg3m53h]{display:grid;gap:.125rem;margin:0;padding:0;list-style:none}.work-dropdown[data-astro-cid-ctg3m53h] .work-case-link[data-astro-cid-ctg3m53h]{display:block;padding:.5rem .75rem;border-radius:var(--radius-tag);color:var(--color-ocean-500);font-size:var(--type-body-2-font-size);font-weight:var(--font-weight-regular);line-height:var(--type-body-2-line-height);white-space:nowrap}.work-dropdown[data-astro-cid-ctg3m53h] .work-case-link[data-astro-cid-ctg3m53h].is-current{background:var(--color-ocean-50);color:var(--color-ocean-700)}.work-navigation[data-astro-cid-ctg3m53h].is-open:not(.is-dismissed) .work-dropdown[data-astro-cid-ctg3m53h],.work-navigation[data-astro-cid-ctg3m53h]:focus-within:not(.is-dismissed) .work-dropdown[data-astro-cid-ctg3m53h]{opacity:1;pointer-events:auto;transform:translate(-50%);transition:opacity var(--motion-fast) var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-out),visibility 0s;visibility:visible}.site-header--home[data-astro-cid-ctg3m53h] .primary-navigation[data-astro-cid-ctg3m53h]{gap:2rem}.site-header[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h],.language-utility[data-astro-cid-ctg3m53h]{font-family:var(--font-family-body-en);font-size:var(--type-body-1-font-size);font-weight:var(--font-weight-medium);line-height:var(--type-body-1-line-height);text-decoration:none}.site-header--home[data-astro-cid-ctg3m53h] nav[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h],.site-header--home[data-astro-cid-ctg3m53h] .language-utility[data-astro-cid-ctg3m53h]{font-size:var(--type-body-2-font-size);font-weight:var(--font-weight-regular);line-height:var(--type-body-2-line-height)}.primary-navigation[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]{padding:.25rem .5rem;color:var(--color-ocean-300);transition:color .2s ease-out}.site-header--home[data-astro-cid-ctg3m53h] .primary-navigation[data-astro-cid-ctg3m53h]>a[data-astro-cid-ctg3m53h],.site-header--home[data-astro-cid-ctg3m53h] .primary-navigation[data-astro-cid-ctg3m53h]>.work-navigation[data-astro-cid-ctg3m53h]>[data-astro-cid-ctg3m53h][data-nav-item=work]{padding:0}.primary-navigation[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h].is-active{color:var(--color-ocean-700)}.language-utility[data-astro-cid-ctg3m53h]{margin:0;padding:.25rem 0;border:0;background:transparent;color:var(--color-warm-500);opacity:1;transition:color .2s ease-out}.language-utility[data-astro-cid-ctg3m53h]:disabled{cursor:default}#work{scroll-margin-block-start:6.5rem}html.has-home-section-scroll{scroll-behavior:smooth}@media(hover:hover)and (pointer:fine){.work-navigation[data-astro-cid-ctg3m53h]:hover:not(.is-dismissed) .work-dropdown[data-astro-cid-ctg3m53h]{opacity:1;pointer-events:auto;transform:translate(-50%);transition:opacity var(--motion-fast) var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-out),visibility 0s;visibility:visible}.primary-navigation[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]:hover{color:var(--color-warm-300)}.language-utility[data-astro-cid-ctg3m53h]:not(:disabled):hover{color:var(--color-warm-900)}}@media(max-width:40rem){.site-header--wide[data-astro-cid-ctg3m53h] .site-header-inner[data-astro-cid-ctg3m53h],.site-header--inherit[data-astro-cid-ctg3m53h] .site-header-inner[data-astro-cid-ctg3m53h]{width:min(calc(100% - 2rem),var(--case-study-media-width))}.site-header--content[data-astro-cid-ctg3m53h] .primary-navigation[data-astro-cid-ctg3m53h]{gap:.25rem}.site-header--content[data-astro-cid-ctg3m53h] .primary-navigation[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]{padding-inline:.35rem}.work-menu-toggle[data-astro-cid-ctg3m53h]{display:inline-flex}.site-header--content[data-astro-cid-ctg3m53h] .work-navigation[data-astro-cid-ctg3m53h]>a[data-astro-cid-ctg3m53h]{padding-inline-end:.1rem}.work-dropdown[data-astro-cid-ctg3m53h] .work-case-link[data-astro-cid-ctg3m53h],.site-header--home[data-astro-cid-ctg3m53h] .work-dropdown[data-astro-cid-ctg3m53h] .work-case-link[data-astro-cid-ctg3m53h]{padding:.5rem .75rem}.site-header[data-astro-cid-ctg3m53h] nav[data-astro-cid-ctg3m53h]{gap:1.5rem}.site-header--home[data-astro-cid-ctg3m53h] .primary-navigation[data-astro-cid-ctg3m53h]{gap:1.25rem}}@media(prefers-reduced-motion:reduce){.site-header[data-astro-cid-ctg3m53h]{transition:none}}:root{--color-ocean-900: #1A3640;--color-ocean-700: #2D4F5C;--color-ocean-500: #4A7282;--color-ocean-400: #3D636F;--color-ocean-300: #7AACB5;--color-ocean-100: #c2dce1;--color-ocean-50: #E8F0F2;--color-warm-900: #8A6530;--color-warm-500: #D6A55C;--color-warm-300: #E8C48A;--color-warm-50: #FAF3E8;--color-page-background: #fdfbf9;--color-screenshot-background: #f5f5f3;--color-card-background: #ffffff;--color-neutral-600: #666663;--color-neutral-400: #B0B0AB;--color-neutral-100: #E8E8E4;--color-heading: var(--color-ocean-900);--color-strong-text: var(--color-ocean-700);--color-body-text: var(--color-ocean-500);--color-secondary-text: var(--color-ocean-400);--color-supporting-text: var(--color-ocean-300);--color-border: var(--color-ocean-100);--color-subtle-surface: var(--color-ocean-50);--color-accent: var(--color-warm-500);--color-accent-hover: var(--color-warm-300);--color-warm-surface: var(--color-warm-50);--color-background: var(--color-page-background);--color-text: var(--color-body-text);--color-link: var(--color-ocean-700);--font-family-body-en: "Inter", "Helvetica Neue", Arial, sans-serif;--font-family-body-zh: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-family-display-en: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-family-display-zh: "Lanyang Ming", "蘭陽明體", "Noto Serif TC", serif;--font-family-body: var(--font-family-body-en);--font-family-display: var(--font-family-display-en);--font-family-emotional: var(--font-family-display);--font-style-emotional: italic;--font-size-page-title: 1.5rem;--font-size-section-heading: 1.125rem;--font-size-body: .9375rem;--font-size-secondary: .875rem;--font-size-tag: .75rem;--font-weight-regular: 400;--font-weight-medium: 500;--line-height-body: 1.7;--line-height-secondary: 1.7;--type-page-title-font-family: var(--font-family-body);--type-page-title-font-size: 1.5rem;--type-page-title-font-weight: 600;--type-page-title-line-height: 1.3;--type-section-heading-font-family: var(--font-family-body);--type-section-heading-font-size: 1.25rem;--type-section-heading-font-weight: 600;--type-section-heading-line-height: 1.4;--type-body-1-font-family: var(--font-family-body);--type-body-1-font-size: .9375rem;--type-body-1-font-weight: 400;--type-body-1-line-height: 1.7;--type-body-1-medium-font-family: var(--font-family-body);--type-body-1-medium-font-size: .9375rem;--type-body-1-medium-font-weight: 500;--type-body-1-medium-line-height: 1.7;--type-body-2-font-family: var(--font-family-body);--type-body-2-font-size: .875rem;--type-body-2-font-weight: 400;--type-body-2-line-height: 1.7;--type-caption-font-family: var(--font-family-body);--type-caption-font-size: .9375rem;--type-caption-font-weight: 400;--type-caption-line-height: 2;--type-tag-font-family: var(--font-family-body);--type-tag-font-size: .75rem;--type-tag-font-weight: 400;--type-tag-line-height: 1.4;--type-metric-value-font-family: var(--font-family-body-en);--type-metric-value-font-size: 1.375rem;--type-metric-value-font-weight: 500;--type-metric-value-line-height: 1.3;--type-emotional-font-family: var(--font-family-body-en);--type-emotional-font-size: 1.125rem;--type-emotional-font-weight: 500;--type-emotional-line-height: 1.5;--content-width: 45rem;--case-study-shell-width: 45rem;--case-study-page-padding: 1.5rem;--case-study-reading-width: 42rem;--case-study-media-width: 56.25rem;--space-base: .5rem;--space-card-gap: 1rem;--space-section: 2.5rem;--space-highlight: 3rem;--space-case-study-section: 3rem;--space-case-study-content: 1.5rem;--page-gutter: clamp(1rem, 4vw, 2rem);--motion-fast: .18s;--motion-base: .24s;--motion-slow: .32s;--motion-ease-out: cubic-bezier(.22, 1, .36, 1);--radius-tag: .375rem;--radius-button: .5rem;--radius-card: .75rem;--radius-media-large: .5rem;--radius-media-small: .25rem;--radius-media-none: 0;--border-width-subtle: 1px;--border-width-process: 2.5px}:lang(zh),:lang(zh-TW){--font-family-body: var(--font-family-body-zh);--font-family-display: var(--font-family-display-zh)}*,*:before,*:after{box-sizing:border-box}::selection{background:#7aacb547;color:#173b45}::-moz-selection{background:#7aacb547;color:#173b45}html{font-family:var(--font-family-body);background:var(--color-background);color:var(--color-text)}html:lang(en){--font-family-body-zh: var(--font-family-body-en)}body{margin:0;min-width:20rem;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}h1,h2,h3,.page-title,.section-heading{color:var(--color-heading);font-weight:var(--font-weight-medium)}h1,.page-title{font-size:var(--font-size-page-title)}h2,h3,.section-heading{font-size:var(--font-size-section-heading)}p,.body-copy{color:var(--color-body-text);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}.secondary-copy{color:var(--color-secondary-text);font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);line-height:var(--line-height-secondary)}a,.text-link{color:var(--color-link);text-underline-offset:.15em;transition:color var(--motion-fast) var(--motion-ease-out)}a:hover,.text-link:hover{color:var(--color-heading)}.secondary-link:hover,.footer-link:hover,.footer-links a:hover{color:var(--color-warm-300)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-base);padding:var(--space-base) var(--space-card-gap);border:var(--border-width-subtle) solid var(--color-border);border-radius:var(--radius-button);background:transparent;color:var(--color-body-text);font:inherit;text-decoration:none;cursor:pointer}.tag{display:inline-flex;align-items:center;padding:calc(var(--space-base) / 2) var(--space-base);border-radius:var(--radius-tag);background:var(--color-subtle-surface);color:var(--color-strong-text);font-size:var(--font-size-tag);line-height:1}.case-study-card{padding:var(--space-card-gap);border:var(--border-width-subtle) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card-background)}.custom-cursor{--cursor-x: -2rem;--cursor-y: -2rem;position:fixed;inset-block-start:0;inset-inline-start:0;z-index:9999;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-warm-300);opacity:0;pointer-events:none;transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-50%,-50%);transition:width var(--motion-fast) var(--motion-ease-out),height var(--motion-fast) var(--motion-ease-out),background-color var(--motion-fast) var(--motion-ease-out),opacity var(--motion-fast) var(--motion-ease-out);will-change:transform,width,height}.custom-cursor.is-visible{opacity:.7}.custom-cursor.is-interactive{width:2rem;height:2rem;background:var(--color-ocean-300);opacity:.4}.custom-cursor.is-native-control{opacity:0}.process-block{padding-inline-start:var(--space-card-gap);border-inline-start:var(--border-width-process) solid var(--color-border)}.process-block,.process-block p{color:var(--color-secondary-text);font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);line-height:var(--line-height-secondary)}.emotional-quote{margin-inline:0;padding:var(--space-card-gap);background:var(--color-warm-surface)}.emotional-quote,.emotional-quote p{color:var(--color-accent);font-family:var(--font-family-emotional);font-style:var(--font-style-emotional)}.eyebrow{color:var(--color-strong-text);font-size:var(--font-size-tag);font-weight:var(--font-weight-medium);letter-spacing:.08em;line-height:var(--line-height-secondary);text-transform:uppercase}.case-study-lead{color:var(--color-strong-text);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.case-study-subheading{color:var(--color-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}img,svg{display:block;max-width:100%}:focus-visible{outline:var(--border-width-process) solid currentColor;outline-offset:calc(var(--space-base) / 2)}@media(hover:hover)and (pointer:fine){.custom-cursor-enabled,.custom-cursor-enabled body,.custom-cursor-enabled a,.custom-cursor-enabled button,.custom-cursor-enabled [role=button],.custom-cursor-enabled [data-cursor-interactive],.custom-cursor-enabled .case-study-card,.custom-cursor-enabled .home-project-card{cursor:none}.custom-cursor-enabled :is(input,textarea,select,option,[contenteditable]:not([contenteditable=false])),.custom-cursor-enabled :is(input,textarea,select,option,[contenteditable]:not([contenteditable=false])) *{cursor:auto}.custom-cursor-enabled :is(a,button,[role=button],[data-cursor-interactive]) *{cursor:none}.case-study-card,.home-project-card{transform-origin:center;transition:transform var(--motion-base) var(--motion-ease-out)}.case-study-card:hover,.case-study-card:focus-within,.home-project-card:hover,.home-project-card:focus-within{transform:scale(1.015)}}@media(hover:none),(pointer:coarse){.custom-cursor{display:none}.case-study-card,.home-project-card{transform:none!important;transition:none}}.container{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)),var(--content-width));margin-inline:auto}.case-text{width:100%;max-width:var(--case-study-reading-width);margin-inline:auto}.case-wide{width:var(--case-study-media-width);max-width:calc(100vw - 2rem);margin-inline:0;align-self:center;justify-self:center}.page-content{padding-block:var(--space-section)}.flow>*+*{margin-block-start:var(--space-card-gap)}.section-stack>*+*{margin-block-start:var(--space-section)}.highlight-stack>*+*{margin-block-start:var(--space-highlight)}.card-grid{display:grid;gap:var(--space-card-gap)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.custom-cursor{display:none}.case-study-card,.home-project-card{transform:none!important}}.skip-link[data-astro-cid-37fxchfa]{position:absolute;inset-block-start:0;inset-inline-start:var(--page-gutter);padding:var(--space-base);background:var(--color-background);transform:translateY(-120%)}.skip-link[data-astro-cid-37fxchfa]:focus{transform:translateY(0)}