/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#11110f;--paper:#f2f0e9;--lime:#d8ff3e;--muted:#6d6c66;--line:#11110f2e;--font-sans:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;font-weight:300}h1,h2,h3,h4,.brand,.button,.section-kicker,.eyebrow{font-family:var(--font-sans);font-weight:800}a{color:inherit;text-decoration:none}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f2f0e9e6;justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.brand img{object-fit:cover;object-position:center;mix-blend-mode:multiply;width:60px;height:34px;transform:none}nav{align-items:center;gap:30px;font-size:14px;font-weight:800;display:flex}nav a:hover{opacity:.55}.nav-cta{background:var(--ink);color:#fff;border-radius:99px;padding:12px 18px}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:4vw;min-height:calc(100vh - 82px);padding:8vh 5vw 6vh;display:grid;position:relative;overflow:hidden}.eyebrow,.section-kicker{letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.07em;margin:25px 0;font-size:clamp(48px,6.5vw,104px);font-weight:800;line-height:.96}.hero h1 em,.contact h2 em{font-family:var(--font-sans);font-style:normal;font-weight:300}.hero-lead{color:#45443f;max-width:620px;font-size:19px;line-height:1.75}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.button{border-radius:99px;padding:16px 24px;font-size:14px;font-weight:800}.button.primary{background:var(--lime)}.text-link{border-bottom:1px solid;padding:8px 0;font-size:14px;font-weight:800}.text-link span{margin-left:16px}.hero-art{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;justify-self:end;place-items:center;width:100%;max-width:570px;display:grid;position:relative}.hero-art img{object-fit:contain;mix-blend-mode:multiply;width:70%;height:70%;transform:none}.hero-art p{letter-spacing:.17em;font-size:11px;font-weight:800;position:absolute;bottom:9%}.hero-art p span{color:#8a8a80;margin:0 10px}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.orbit-one{inset:8%}.orbit-two{inset:20%}.scroll-note{letter-spacing:.18em;font-size:9px;font-weight:800;position:absolute;bottom:24px;left:5vw}.scroll-note span{margin-left:12px}.section-pad{padding:120px 5vw}.intro{border-top:1px solid var(--line)}.intro-grid{grid-template-columns:1fr 1fr;gap:8vw;margin-top:38px;display:grid}.intro h2,.section-heading h2,.audience>h2{letter-spacing:-.06em;margin:0;font-size:clamp(40px,5vw,76px);line-height:1.05}.intro-grid>div>p{color:#4c4b46;margin:6px 0 38px;font-size:20px;line-height:1.8}.capability-line{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:14px;font-size:11px;font-weight:800;display:flex}.capability-line i{background:var(--line);flex:1;height:1px}.services{background:#e5e1d5}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px;display:flex}.section-heading .section-kicker{align-self:flex-start}.section-heading>p:last-child{color:#aaa;max-width:460px;line-height:1.7}.service-list{border-top:1px solid var(--ink)}.service-list article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 1.4fr 40px;align-items:center;gap:30px;min-height:150px;transition:all .25s;display:grid}.service-list article:hover{background:#ffffff52;padding-left:16px}.service-no{font-family:var(--font-sans);font-size:18px;font-weight:300}.service-list h3{letter-spacing:-.04em;font-size:30px}.service-list p{color:#55534c;line-height:1.7}.arrow{font-size:24px}.work{background:var(--ink);color:#f8f6ef}.section-heading.light{align-items:flex-end}.work-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.work-card{background:#1c1c19;min-width:0}.work-card.wide{grid-column:span 2}.work-visual{place-items:center;height:330px;display:grid;position:relative;overflow:hidden}.wide .work-visual{height:410px}.work-visual img{object-fit:contain;filter:drop-shadow(0 22px 25px #0000002e);width:150px;height:150px;transition:all .35s}.work-card:hover img{transform:scale(1.07)rotate(-2deg)}.case-index{color:#0000008c;font-family:var(--font-sans);font-size:14px;font-weight:300;position:absolute;top:18px;left:18px}.teal{background:#4c8582}.blue{background:#5aa9db}.cyan{background:#c9ecf5}.red{background:#e95463}.yellow{background:#ffd755}.green{background:#8db197}.sky{background:#89c8ec}.mystic{background:#5bc0db}.work-copy{padding:24px 26px 30px}.work-copy p{color:#aaa;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:11px}.work-copy h3{margin:0 0 12px;font-size:27px}.work-copy span{color:#bbb;line-height:1.65}.eui-case{border-top:1px solid #454540;border-bottom:1px solid #454540;grid-column:1/-1;grid-template-columns:.8fr 1.2fr;gap:8vw;margin:72px 0;padding:70px 0;display:grid}.eui-intro h3{letter-spacing:-.055em;margin:30px 0;font-size:clamp(42px,5vw,72px);line-height:1}.eui-intro>p:not(.section-kicker){color:#b8b7b0;font-size:18px;line-height:1.75}.tags{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.tags span{letter-spacing:.08em;border:1px solid #555;border-radius:99px;padding:8px 12px;font-size:10px}.money-apps{border-top:1px solid #454540}.money-app{border-bottom:1px solid #454540;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;padding:24px 0;display:grid}.app-icon{width:64px;height:64px;position:relative}.app-icon img{object-fit:cover;border-radius:15px;width:64px;height:64px}.app-icon span{background:var(--lime);min-width:25px;height:25px;color:var(--ink);border:2px solid var(--ink);border-radius:99px;place-items:center;padding:0 5px;font-size:8px;font-weight:800;display:grid;position:absolute;bottom:-6px;right:-6px}.money-app h4{margin:0 0 5px;font-size:22px}.money-app p{color:#8e8e87;margin:0;font-size:13px}.store-links{gap:14px;display:flex}.store-links a{border-bottom:1px solid #777;padding-bottom:4px;font-size:11px}.audience{background:var(--lime)}.audience>h2{margin:25px 0 60px}.audience-grid{border-top:1px solid #00000059;grid-template-columns:repeat(3,1fr);display:grid}.audience-grid>div{border-right:1px solid #00000040;padding:35px 35px 10px 0}.audience-grid>div+div{padding-left:35px}.audience-grid>div:last-child{border:0}.audience-grid span{font-family:var(--font-sans);font-size:16px;font-weight:300}.audience-grid h3{margin:60px 0 12px;font-size:30px}.audience-grid p{max-width:300px;line-height:1.7}.process ol{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.process li{border-right:1px solid var(--line);min-height:240px;padding:26px 25px 0 0}.process li+li{padding-left:25px}.process li:last-child{border:0}.process li>span{font-family:var(--font-sans);font-size:18px;font-weight:300}.process li div{margin-top:74px}.process h3{margin:0 0 12px;font-size:24px}.process p{color:#66645d;line-height:1.6}.contact{color:#fff;background:#252522;grid-template-columns:1.1fr .9fr;gap:8vw;display:grid}.contact h2{letter-spacing:-.065em;margin:32px 0 0;font-size:clamp(48px,6vw,88px);line-height:1}.contact-details{padding-top:44px}.contact-details>p:first-child{color:#b4b4ae;margin-bottom:46px;font-size:18px;line-height:1.7}.contact-details>a{margin:18px 0;display:block}.contact-mail{letter-spacing:-.04em;border-bottom:1px solid #555;padding-bottom:16px;font-size:clamp(24px,3vw,42px);font-weight:800}.contact-mail span{float:right}.contact-person{color:#888;margin-top:50px;line-height:1.7}footer{border-top:1px solid var(--line);letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px 5vw;font-size:10px;display:grid}footer>p:last-child{text-align:right}footer .brand span{font-size:15px}@media (width<=900px){nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{justify-self:center;width:70%}.intro-grid,.eui-case,.contact{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr 1fr}.service-list article{grid-template-columns:55px 1fr 40px}.service-list article p{grid-column:2/4}.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(odd){padding-left:0}.process li:nth-child(2n){padding-left:25px}.money-app{grid-template-columns:72px 1fr}.store-links{grid-column:2}.section-heading{flex-direction:column;align-items:flex-start}.contact-details{padding-top:0}}@media (width<=600px){.site-header{height:68px}.brand span{font-size:15px}.nav-cta{padding:10px 13px}.hero{min-height:auto;padding:70px 5vw 90px}.hero h1{font-size:50px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.hero-art{width:90%;margin-top:25px}.scroll-note{display:none}.section-pad{padding:80px 5vw}.intro-grid{grid-template-columns:1fr}.intro h2,.section-heading h2,.audience>h2{font-size:42px}.intro-grid>div>p{font-size:17px}.capability-line{grid-template-columns:1fr 1fr;display:grid}.capability-line i{display:none}.service-list article{gap:12px;min-height:0;padding:25px 0}.service-list h3{font-size:24px}.service-list article p{margin:0}.work-grid{grid-template-columns:1fr}.work-card.wide{grid-column:auto}.work-visual,.wide .work-visual{height:300px}.eui-case{margin:48px 0;padding:55px 0}.money-app{grid-template-columns:72px 1fr}.store-links{flex-direction:column;gap:8px}.audience-grid{grid-template-columns:1fr}.audience-grid>div,.audience-grid>div+div{border-bottom:1px solid #00000040;border-right:0;padding:25px 0}.audience-grid h3{margin:30px 0 8px}.process ol{grid-template-columns:1fr}.process li,.process li+li{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:55px 1fr;min-height:0;padding:24px 0;display:grid}.process li div{margin:0}.contact h2{font-size:48px}footer{grid-template-columns:1fr;gap:16px}footer>p:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card:hover img,.service-list article:hover{transition:none;transform:none}}
