/*! 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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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;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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.invisible{visibility:hidden}.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}}:root{--ink:#2b2620;--paper:#ebe4d5;--surface:#f7f0de;--orange:#c1602c;--green:#6b7a4f;--lime:#d9a441;--muted:#6d6353;--line:#2b26202e;--focus:#075f50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.shell{width:min(1180px,100% - 48px);margin:0 auto}.site-header{z-index:20;border-bottom:0;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.site-name{letter-spacing:-.6px;font:800 20px/1 Arial,sans-serif}.site-name span{color:var(--orange)}.site-nav{align-items:center;gap:28px;font:500 16px/1.2 Noto Sans TC,sans-serif;display:flex}.site-nav a{border-bottom:1px solid #0000;padding:11px 0}.site-nav a:hover,.site-nav a[aria-current=page]{border-color:var(--ink)}.eyebrow{letter-spacing:2px;align-items:center;gap:10px;margin:0 0 28px;font:700 11px/1 Arial,sans-serif;display:flex}.eyebrow span{display:none}.mantra{color:var(--orange);margin:0 0 8px;font:italic 500 clamp(24px,2.6vw,32px)/1 Georgia,serif}.hero h1,.hero-h1{letter-spacing:-3px;margin:0;font-size:clamp(42px,5.5vw,60px);font-weight:700;line-height:1.15}.hero-h1 em,.home-about h2 em{color:var(--orange);font-style:normal}.hero-copy{max-width:480px;color:var(--muted);margin:0 0 22px;font-size:15px;line-height:1.85}.text-link{border-bottom:1px solid;gap:30px;padding-bottom:5px;font-size:13px;font-weight:700;display:inline-flex}.hero{padding-top:16px;padding-bottom:90px;position:relative}.hero-split{grid-template-columns:minmax(280px,466px) 1fr;align-items:center;gap:88px;padding-left:max(24px,50% - 590px);padding-right:0;display:grid}.hero-collage{position:relative}.hero-collage-wide{aspect-ratio:1427/555;object-fit:cover;border-radius:20px;width:100%;display:block}.hero-collage-row{grid-template-columns:686fr 607fr;gap:20px;width:93.333%;margin-top:20px;margin-left:-11.111%;display:grid}.hero-collage-row img{object-fit:cover;border-radius:16px;width:100%;display:block}.hero-collage picture,.hero-collage-row picture{width:100%;display:block}.hero-collage-2{aspect-ratio:686/276}.hero-collage-3{aspect-ratio:607/276}.hero-h1{margin:16px 0 0}.hero-copy{margin:28px 0 0}.hero-cta{border:1px solid var(--ink);color:var(--ink);background:#e9ddc4;border-radius:99px;align-items:center;gap:8px;margin-top:26px;padding:12px 24px;font:700 16px Arial;display:inline-flex}.hero-cta:hover{background:var(--surface)}.work{border-top:1px solid var(--line);padding:110px 0 130px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:62px;display:flex}.section-heading .eyebrow{margin-bottom:22px;font-size:16px}.section-heading h2{letter-spacing:-3px;margin:0;font-size:clamp(34px,4.2vw,44px)}.section-heading>p{color:var(--muted);font-size:16px;line-height:1.8}.project-featured{background:var(--surface);border-radius:16px;min-height:510px;display:block;position:relative;box-shadow:0 20px 40px #2b262026}.featured-visual{background:#f4f2f0;border-radius:16px;position:absolute;inset:0;overflow:hidden}.project-info{z-index:2;background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;width:440px;padding:34px;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%);box-shadow:0 16px 32px #2b26202e}.project-type,.card-copy>p{letter-spacing:1.2px;color:var(--orange);margin:26px 0 13px;font:700 14px Arial}.project-info h3{letter-spacing:-1.5px;margin:0 0 16px;font-size:40px}.project-info>p:not(.project-type){color:var(--muted);font-size:16px;line-height:1.85}.tags{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.tags span{border:1px solid var(--line);border-radius:99px;padding:6px 10px;font:12px Arial}.project-grid{height:770px;margin-top:36px;position:relative}.project-card{background:var(--surface);border-radius:16px;width:620px;position:absolute;box-shadow:0 20px 40px #2b262026}.project-card-a{z-index:1;top:0;left:0}.project-card-b{z-index:2;top:232px;left:560px}.card-visual{border-bottom:1px solid;height:300px;position:relative;overflow:hidden}.card-visual img{object-fit:cover;width:100%;height:100%;display:block}.project-card-a .card-visual img{object-position:70% 50%}.project-card-b .card-visual img{object-position:75% 50%}.card-copy{padding:26px 30px 30px}.card-copy>p{margin:0 0 10px}.card-copy h3{justify-content:space-between;margin:0 0 11px;font-size:40px;display:flex}.card-copy>span{color:var(--muted);font-size:16px;line-height:1.7}.card-copy .tags{margin:14px 0 0}.work-more{text-align:right;margin-top:80px}.work-more .text-link{font-size:20px}.home-about{color:var(--paper);background:#241f19;padding:110px 0}.home-about h2{letter-spacing:-1.5px;max-width:640px;margin:16px 0 60px;font-size:clamp(34px,4.4vw,44px);line-height:1.3}.principles{flex-wrap:wrap;gap:64px;display:flex}.principle-note{background:#ffffff0f;border:1px solid #ffffff40;flex:260px;padding:22px}.principle-note b{color:var(--lime);margin-bottom:8px;font:600 11px Arial;display:block}.principle-note h3{margin:0 0 8px;font:500 19px Arial}.principle-note p{color:#c8c2b4;margin:0;font-size:12px;line-height:1.7}.site-footer{background:var(--orange);color:var(--surface);padding:100px 0 30px}.site-footer .eyebrow{margin-bottom:20px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.site-footer h2{letter-spacing:-1.5px;white-space:nowrap;margin:0;font-size:clamp(22px,3.6vw,36px);line-height:1.15}.footer-contact{white-space:nowrap;color:inherit;border-bottom:2px solid;gap:14px;padding-bottom:10px;font-size:20px;font-weight:700;display:inline-flex}.footer-bottom{letter-spacing:1px;border-top:1px solid #00000059;justify-content:space-between;margin-top:70px;padding-top:20px;font:700 10px Arial;display:flex}.index-hero{border-bottom:1px solid var(--line);padding:110px 0 90px}.index-hero h1{letter-spacing:-3px;margin:16px 0 0;font-size:clamp(42px,5.5vw,60px);font-weight:700;line-height:1.15}.index-hero h1 em{color:var(--orange);font-style:normal}.index-hero>p:last-child{max-width:600px;color:var(--muted);margin-top:24px;font-size:16px;line-height:1.8}.work-index{padding:40px 0 120px}.work-row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr auto;align-items:center;gap:32px;padding:44px 0;display:grid}.work-number{font:700 12px Arial}.work-row .project-type{margin:0 0 10px}.work-row h2{letter-spacing:-1px;margin:0 0 10px;font-size:clamp(32px,5vw,60px)}.work-row p:last-child{color:var(--muted);margin:0}.work-status{text-align:right;font:600 11px Arial}.work-status b{margin-top:20px;font-size:22px;display:block}.case-page,.about-page{max-width:1180px;margin:0 auto;padding:0 0 120px}.case-hero{padding:110px 0 80px}.case-hero h1{letter-spacing:-3px;margin:12px 0;font-size:clamp(42px,5.5vw,60px);font-weight:700;line-height:1.15}.lead{max-width:780px;margin:0;font-size:clamp(17px,2.1vw,20px);line-height:1.55}.status-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;margin-top:54px;padding-top:18px;display:flex}.status-row strong{color:var(--ink);text-align:right}.case-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:80px;padding:110px 0;display:grid}.case-section h2{letter-spacing:-1.5px;margin:0;font-size:clamp(30px,4vw,40px)}.case-section>p:last-child{max-width:720px;color:var(--muted);grid-column:2;margin:0;font-size:14px}.model-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0 100px;display:grid}.model-grid>div{background:var(--surface);border-radius:12px;padding:32px;box-shadow:0 16px 32px #2b262024}.model-grid h3{margin:0 0 12px;font-size:17px;line-height:1.45}.model-grid p{color:var(--muted);margin:0;line-height:1.7}.model-grid span{color:var(--muted);font-size:13px}.lab-hero{color:var(--paper);background:#262521;padding:140px max(24px,50% - 590px) 110px}.lab-hero h1{letter-spacing:-3px;max-width:1050px;margin:16px 0 0;font-size:clamp(42px,5.5vw,60px);font-weight:700;line-height:1.15}.lab-hero h1 em{color:var(--orange);font-style:normal}.lab-hero p:last-child{color:#c9c6bd;max-width:640px;margin-top:24px;font-size:16px;line-height:1.8}.lab-list{width:min(1180px,100% - 48px);margin:0 auto;padding:100px 0}.lab-card{background:var(--surface);border-radius:16px;justify-content:space-between;align-items:end;gap:30px;padding:50px;display:flex;box-shadow:0 20px 40px #2b262026}.lab-card h3{letter-spacing:-2px;margin:12px 0;font-size:clamp(48px,7vw,96px)}.lab-card p{max-width:680px;color:var(--muted);line-height:1.7}.about-page{padding-top:110px}.about-page>header{padding-bottom:90px}.about-page>header h1{letter-spacing:-3px;max-width:1050px;margin:16px 0 0;font-size:clamp(42px,5.5vw,60px);font-weight:700;line-height:1.15}.about-page>header h1 em{color:var(--orange);font-style:normal}.contact-card{background:var(--surface);border-radius:16px;padding:40px;box-shadow:0 20px 40px #2b262026}.contact-card>span{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:block}.wb-skills-grid{grid-template-columns:repeat(2,1fr);gap:24px 40px;margin-top:32px;display:grid}.wb-skills-grid h4{letter-spacing:.3px;margin:0 0 10px;font-size:14px}.wb-skills-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.wb-skills-grid p+p{margin-top:10px}.wb-skills-grid p b{color:var(--ink);font-weight:700}.wb-hero,.wb-section{width:min(1180px,100% - 48px);margin:0 auto;padding:90px 0}.wb-hero-band{background-image:linear-gradient(90deg,#ebe4d5eb 0%,#ebe4d599 30%,#ebe4d500 52%),url(/wearbook/hero-bg.webp);background-position:100%;background-repeat:no-repeat;background-size:cover}.luji-hero-band{background-image:linear-gradient(90deg,#ebe4d5eb 0%,#ebe4d599 30%,#ebe4d500 52%),url(/luji/hero-bg.webp);background-position:100%;background-repeat:no-repeat;background-size:cover}.luji-outcome{border-top:1px solid var(--line);width:min(1180px,100% - 48px);margin:0 auto;padding:90px 0 110px}.luji-outcome h2{margin:14px 0;font-size:clamp(30px,4vw,48px)}.luji-outcome p,.luji-outcome li{max-width:830px;font-size:16px;line-height:1.8}.luji-outcome li{margin-top:8px}.luji-outcome ul{padding-left:22px}.afterword-hero-band{background-image:linear-gradient(90deg,#ebe4d5eb 0%,#ebe4d599 30%,#ebe4d500 52%),url(/afterword/hero-bg.webp);background-position:100%;background-repeat:no-repeat;background-size:cover}.afterword-page .wb-intro,.afterword-page .wb-callout{margin-top:20px}.afterword-page .wb-note{margin-top:32px}.wb-flow-steps{flex-direction:column;gap:12px;margin:32px 0 0;padding:0;list-style:none;display:flex}.wb-flow-steps li{border-bottom:1px solid #ffffff1a;align-items:center;gap:24px;padding-bottom:12px;font-size:15px;line-height:1.6;display:flex}.wb-flow-steps li:last-child{border-bottom:0;padding-bottom:0}.wb-flow-steps b{color:var(--lime);flex:none;font:700 13px Arial}.illustration-hero-band{background-image:linear-gradient(90deg,#ebe4d5eb 0%,#ebe4d599 30%,#ebe4d500 52%),url(/illustration/hero-bg.webp);background-position:100%;background-repeat:no-repeat;background-size:cover}.wb-quote{border-left:3px solid var(--orange);max-width:880px;margin:28px 0 0;padding-left:20px;font:italic 500 clamp(18px,2.2vw,22px)/1.6 Georgia,serif}.wb-swatch-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.wb-swatch{border:1px solid #ffffff4d;border-radius:99px;align-items:center;gap:10px;padding:5px 14px 5px 5px;font:700 11px Arial;display:flex}.wb-swatch i{border:1px solid #00000026;border-radius:50%;width:22px;height:22px;display:block}.wb-work-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px;display:grid}.wb-work-grid figure{margin:0}.wb-work-grid img{border-radius:16px;width:100%;height:auto;display:block}.wb-work-grid figcaption{margin-top:10px;font:700 13px Arial}.wb-sticker-meta{flex-wrap:wrap;align-items:baseline;gap:10px 24px;margin-top:24px;font:700 13px Arial;display:flex}.wb-sticker-meta strong{letter-spacing:-.3px;font-size:20px}.wb-sticker-meta span{color:var(--muted);font-weight:400}.wb-sticker-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:32px;display:grid}.wb-sticker-grid img{width:100%;height:auto;display:block}.wb-visual{width:100%;height:auto;margin-top:40px;display:block}.wb-hero{border-top:0;padding-top:110px}.wb-hero h1{letter-spacing:-3px;margin:20px 0 0;font-size:clamp(42px,5.5vw,60px);font-weight:700;line-height:1.15}.wb-lead{max-width:460px;color:var(--ink);margin:24px 0 0;font-size:clamp(17px,2.1vw,20px);line-height:1.55}.wb-chips{flex-wrap:wrap;gap:10px;max-width:460px;margin-top:26px;display:flex}.wb-chip{border:1px solid var(--ink);letter-spacing:.5px;background:var(--surface);border-radius:99px;padding:6px 14px;font:700 10px Arial}.wb-section{border-top:1px solid var(--line)}.wb-section h2{letter-spacing:-1.5px;margin:14px 0 0;font-size:clamp(30px,4vw,40px)}.wb-intro{color:#574e41;text-wrap:pretty;max-width:680px;margin:20px 0 0;font-size:17px;line-height:1.8}.wb-body{color:#574e41;text-wrap:pretty;max-width:680px;margin:20px 0 0;font-size:16px;line-height:1.8}.wb-body p{margin:0}.wb-body p+p{margin-top:16px}.wb-problem-grid{grid-template-rows:repeat(5,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:24px 40px;margin-top:36px;display:grid}.wb-problem{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:flex}.wb-tag{letter-spacing:.5px;border-radius:4px;flex:none;height:16px;padding:2px 6px;font:700 9px/16px Arial}.wb-tag-ios{color:var(--green);background:#d0ecd3}.wb-tag-web{color:#9c6b2c;background:#edcc90}.wb-tag-neutral{color:#d65a2b;background:#fbe0c9}.wb-problem p{margin:0;font-size:13px;line-height:1.6}.wb-source{color:var(--muted);margin-top:4px;font-size:11px;display:block}.wb-callout{background:#d9a4412e;border:1px solid #d9a44166;border-radius:10px;gap:12px;max-width:900px;margin:24px 0 0;padding:18px 20px;display:flex}.wb-callout span{color:#9c6b2c;flex:none;font-size:16px}.wb-callout p{margin:0;font-size:14px;line-height:1.6}.wb-band-dark{color:var(--surface);background:#241f19}.wb-band-dark .eyebrow{color:var(--lime)}.wb-band-dark h2{color:var(--surface)}.wb-band-dark .wb-intro,.wb-band-dark .wb-note{color:#c8c2b4}.wb-band-dark .wb-section{border-top-color:#ffffff1f}.wb-band-dark .wb-section:first-child{border-top:0}.wb-flowmap{flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;display:flex}.wb-flow-node{border:1px solid #ffffff80;border-radius:8px;padding:10px 16px;font:700 13px Arial}.wb-flow-arrow{color:#c8c2b4}.wb-flow-tabs{border:1px dashed #ffffff80;border-radius:8px;gap:8px;padding:6px;display:flex}.wb-flow-tabs span{background:var(--lime);color:#241f19;border-radius:6px;padding:8px 12px;font:700 12px Arial}.wb-note{color:var(--muted);max-width:900px;margin-top:20px;font-size:13px;line-height:1.7}.wb-decision-cards{align-items:stretch;gap:24px;margin-top:32px;display:flex}.wb-decision-card{background:var(--surface);border-radius:12px;flex:1 1 0;min-width:0;padding:26px 26px 28px;position:relative;box-shadow:0 16px 32px #2b262024}.wb-decision-num{color:var(--orange);margin-bottom:10px;font:700 12px Arial;display:block}.wb-decision-card h3{letter-spacing:-.3px;margin:0 0 10px;font-size:16px}.wb-decision-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.wb-more-label{letter-spacing:1px;margin:48px 0 0;font:700 13px Arial}.wb-decision-grid{grid-template-columns:1fr 1fr;gap:24px 40px;margin-top:32px;display:grid}.wb-decision-row{border-top:1px solid var(--line);padding-top:16px}.wb-decision-row h4{letter-spacing:-.2px;margin:0 0 6px;font-size:14px}.wb-decision-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.wb-alt-grid{grid-template-columns:1fr 1fr;gap:24px 40px;margin-top:36px;display:grid}.wb-alt{border-top:1px solid var(--line);padding-top:16px}.wb-alt-row{margin:0;font:700 13px Arial}.wb-alt-rejected{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.wb-alt-arrow{color:var(--muted);margin:0 8px}.wb-alt-chosen{color:var(--green)}.wb-alt-why{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.6}.wb-band-tint{background:var(--surface)}.wb-band-tint .wb-section:first-child{border-top:0}.wb-screen-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 50px;margin-top:28px;display:grid}.wb-screen{min-width:0}.wb-screen img{width:100%;height:auto;display:block}.wb-screen p{margin:10px 0 0;font:700 13px/1.4 Arial}.wb-log{flex-direction:column;gap:14px;max-width:900px;margin:28px 0 0;padding:0;list-style:none;display:flex}.wb-log li{align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;display:flex}.wb-log li span{flex:none;margin-top:2px;font:700 14px Arial}.wb-log-ok span{color:var(--green)}.wb-log-bad span{color:var(--orange)}.wb-log p{margin:0}.wb-log-label{color:var(--muted);font-size:12px}.wb-stats{grid-template-columns:1fr 1fr;gap:16px 60px;margin:40px 0 0;display:grid}.wb-stats strong{letter-spacing:-3px;color:var(--green);font-size:64px;font-weight:700;display:block}.wb-stat-limit strong{color:#9c6b2c}.wb-stats span{margin-top:8px;font:700 12px Arial;display:block}.wb-results-grid{grid-template-columns:1fr 1fr;gap:16px 60px;margin-top:40px;display:grid}.wb-results,.wb-limits{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.wb-results li,.wb-limits li{padding-left:16px;font-size:14px;line-height:1.6;position:relative}.wb-results li:before,.wb-limits li:before{content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.wb-results li:before{background:var(--green)}.wb-limits li:before{background:#9c6b2c}.wb-outcome-grid{grid-template-columns:repeat(4,1fr);gap:16px 32px;margin-top:32px;display:grid}.wb-outcome-col h4{letter-spacing:.3px;margin:0 0 12px;font-size:13px}.wb-outcome-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.wb-outcome-col li{color:var(--muted);padding-left:14px;font-size:13px;line-height:1.6;position:relative}.wb-outcome-col li:before{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:0}.wb-outcome-pending li:before{background:#9c6b2c}.wb-boundaries{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.wb-boundary{border:1px solid var(--line);text-align:center;background:var(--surface);border-radius:10px;flex:200px;padding:16px 20px;font:700 15px Arial}.wb-boundary b{color:var(--orange)}.wb-boundary span{color:var(--muted);margin:0 6px;font-weight:400}@media (max-width:900px){.hero{padding-top:60px;padding-bottom:50px}.hero-split{grid-template-columns:1fr;gap:32px;padding-left:24px;padding-right:24px}.hero-collage-row{grid-template-columns:700fr 620fr;width:100%;margin-left:0}.hero-collage-wide{aspect-ratio:1361/555}.hero-collage-2{aspect-ratio:700/276}.hero-collage-3{aspect-ratio:620/276}.hero-h1{max-width:100%;margin:16px 0 0}.project-featured{flex-direction:column;display:flex;overflow:hidden}.featured-visual{border-radius:0;min-height:280px;position:relative;inset:auto}.project-info{width:auto;margin:0;position:relative;top:auto;right:auto;transform:none}.project-grid{flex-direction:column;gap:24px;height:auto;display:flex}.project-card,.project-card-a,.project-card-b{z-index:auto;width:100%;position:relative;top:auto;left:auto}.principle-note{flex:100%}.wb-problem-grid,.wb-decision-grid,.wb-alt-grid,.wb-results-grid,.wb-stats,.wb-skills-grid{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row}.wb-outcome-grid{grid-template-columns:1fr 1fr}.wb-decision-cards{flex-direction:column}.wb-decision-card+.wb-decision-card{margin-top:24px}.wb-stats{gap:36px}.wb-screen-row{grid-template-columns:repeat(2,1fr)}.wb-work-grid{grid-template-columns:1fr}.wb-sticker-grid{grid-template-columns:repeat(3,1fr)}.case-page,.about-page{width:min(100% - 48px,1180px)}}@media (max-width:640px){.shell{width:min(100% - 28px,1180px)}.site-header{align-items:center;height:auto;min-height:92px;padding:22px 0}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:9px 14px;font-size:13px}.hero{padding-top:50px}.hero h1,.hero-h1{letter-spacing:-2.5px;font-size:44px}.section-heading{display:block}.section-heading>p{text-align:left;margin-top:18px}.work{padding:80px 0}.card-visual{height:280px}.home-about{padding:70px 0}.footer-top{flex-direction:column;align-items:flex-start;gap:24px}.footer-bottom{flex-wrap:wrap;gap:20px}.site-footer h2{letter-spacing:-2px}.work-row{grid-template-columns:32px 1fr}.work-status{text-align:left;grid-column:2}.work-status b{margin-left:15px;display:inline}.case-page,.about-page{width:min(100% - 28px,1180px)}.case-hero h1,.index-hero h1,.lab-hero h1,.about-page>header h1{letter-spacing:-2.5px;font-size:44px}.status-row{flex-direction:column}.status-row strong{text-align:left}.case-section{grid-template-columns:1fr;gap:28px;padding:75px 0}.case-section>p:last-child{grid-column:auto}.model-grid{grid-template-columns:1fr}.lab-hero{padding:100px 16px}.lab-list{width:calc(100% - 28px);padding:75px 0}.lab-card{flex-direction:column;align-items:flex-start;padding:28px}.wb-hero,.wb-section{padding:60px 0}.wb-hero{padding-top:60px}.wb-hero h1{letter-spacing:-2.5px;font-size:44px}.wb-hero-band{background-position:top}.illustration-hero-band{background-image:none;background-color:var(--paper)}.wb-decision-cards{gap:0}.wb-outcome-grid{grid-template-columns:1fr}.wb-boundary{flex-basis:100%}}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}[data-reveal].is-visible,.hero [data-reveal],.wb-hero [data-reveal],.index-hero [data-reveal],.lab-hero [data-reveal],.case-hero [data-reveal],.about-page>header [data-reveal]{opacity:1;transform:none}@media (max-width:640px){.luji-outcome{width:calc(100% - 28px)}}.site-nav a{transition:border-color .25s}.project-featured,.project-card{transition:transform .35s,box-shadow .35s}.project-featured:hover,.project-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px #2b262033}.principle-note{transition:background .3s,border-color .3s,transform .3s}.principle-note:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-4px)}.hero-cta{transition:background .25s,transform .25s}.hero-cta:hover{transform:translateY(-2px)}.text-link{transition:gap .25s}.text-link:hover{gap:38px}.footer-contact{transition:gap .25s}.footer-contact:hover{gap:22px}.lab-card,.contact-card{transition:transform .35s,box-shadow .35s}.lab-card:hover,.contact-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px #2b262033}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transition:none;transform:none}.project-featured,.project-card,.principle-note,.hero-cta,.lab-card,.contact-card{transition:none}.project-featured:hover,.project-card:hover,.principle-note:hover,.hero-cta:hover,.lab-card:hover,.contact-card:hover{transform:none}}.home-page .shell{width:min(1180px,100% - 48px)}.home-page .hero{padding-top:100px;padding-bottom:215px}.home-page .hero .mantra{margin:0 0 28px;font-size:28px;line-height:34px}.home-page .hero-h1{letter-spacing:-3px;margin:0;font-size:60px;line-height:76px}.home-page .hero-cta{margin-top:28px;padding:8px 21px;font:700 20px/25px Noto Sans TC,sans-serif}.home-page .work{border:0;padding:20px 0 100px}.home-page .section-heading{align-items:end;margin-bottom:85px}.home-page .section-heading .eyebrow{margin:0 0 4px;font-size:16px;line-height:20px}.home-page .section-heading h2{letter-spacing:-2.5px;font-size:44px;line-height:55px}.home-page .section-heading>p{text-align:right;margin:0 0 9px;font-size:16px;line-height:23px}.home-page .project-featured{height:480px;min-height:0}.home-page .featured-visual{background:#e5e5e5}.home-page .featured-visual img{object-fit:cover;object-position:center 51%;width:100%;height:100%;display:block}.home-page .project-info{gap:12px;width:440px;padding:34px;top:50%;right:36px;box-shadow:0 16px 32px #2b26202e}.home-page .project-info .project-type{letter-spacing:1.2px;margin:0;font-size:14px;line-height:20px}.home-page .project-info h3{letter-spacing:-1px;margin:0;font-size:48px;line-height:1.15}.home-page .project-info h3,.home-page .card-copy h3{font-weight:700}.home-page .project-info>p:not(.project-type){margin:0;font-size:16px;line-height:24px}.home-page .tags{gap:6px;margin:0}.home-page .tags span{padding:6px 10px;font:400 12px/18px Noto Sans TC,sans-serif}.home-page .project-grid{height:720px;margin-top:64px}.home-page .project-card{width:620px;height:480px;overflow:hidden;box-shadow:0 20px 40px #2b262026}.home-page .project-card-a{top:0;left:0}.home-page .project-card-b{top:240px;left:560px}.home-page .card-visual{border-bottom:0;height:297px}.home-page .card-visual img{object-fit:cover;object-position:center;width:100%;height:100%}.home-page .card-copy{flex-direction:column;height:183px;padding:20px 48px 20px 24px;display:flex}.home-page .card-copy>p{margin:0 0 4px;font-size:14px;line-height:19px}.home-page .card-copy h3{letter-spacing:-1px;margin:0 0 3px;font-size:40px;line-height:44px}.home-page .card-copy>span{font-size:16px;line-height:21px}.home-page .card-bottom{justify-content:space-between;align-self:stretch;align-items:end;gap:12px;width:100%;margin-top:auto;display:flex}.home-page .card-bottom .tags{flex-wrap:nowrap}.home-page .card-bottom .tags span{white-space:nowrap;padding:4px 7px}.home-page .case-link,.home-page .card-bottom strong{white-space:nowrap;color:var(--ink);font:700 20px/26px Noto Sans TC,sans-serif;transition:color .25s}.home-page .project-featured:hover .case-link,.home-page .project-card:hover .card-bottom strong,.home-page .illustration-feature:hover .case-link{color:var(--orange)}.home-page .project-featured:focus-visible .case-link{color:var(--orange)}.home-page .project-card:focus-visible .card-bottom strong{color:var(--orange)}.home-page .illustration-feature:focus-visible .case-link{color:var(--orange)}.home-page .illustration-feature{height:480px;margin:44px 0 0 240px;display:block;position:relative}.home-page .illustration-feature>img{object-fit:cover;border-radius:16px;width:100%;height:100%;display:block;box-shadow:0 20px 40px #2b262026}.home-page .illustration-info{top:100px;left:-240px;right:auto;transform:none}.home-page .work-more{margin-top:90px}.home-page .work-more .text-link{font-size:24px;line-height:32px}.home-page .home-about{padding:50px 0 65px}.home-page .home-about h2{letter-spacing:-1.5px;max-width:none;margin:16px 0 45px;font-size:36px;line-height:52px}.home-page .principles{gap:64px}.home-page .principle-note{flex:1 1 0;padding:22px}.home-page .principle-note b{font-size:12px}.home-page .principle-note h3{font-size:20px}.home-page .principle-note p{font-size:14px;line-height:1.5}.home-page .site-footer{min-height:362px;padding:90px 0 30px}.home-page .site-footer h2{font-size:36px}.home-page .footer-bottom{margin-top:96px}.home-page .project-featured[data-reveal],.home-page .project-card[data-reveal],.home-page .illustration-feature[data-reveal]{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1),box-shadow .35s;transform:translateY(64px)scale(.98)}.home-page .project-featured[data-reveal].is-visible,.home-page .project-card[data-reveal].is-visible,.home-page .illustration-feature[data-reveal].is-visible{opacity:1;transform:translate(0,0)scale(1)}.home-page .project-card-b[data-reveal]{transition-delay:.1s}.home-page .project-featured[data-reveal].is-visible:hover,.home-page .project-card[data-reveal].is-visible:hover,.home-page .illustration-feature[data-reveal].is-visible:hover{transform:translateY(-6px)}.home-page .project-featured .featured-visual img,.home-page .project-card .card-visual img,.home-page .illustration-feature>img{transition:transform 1.15s cubic-bezier(.16,1,.3,1),box-shadow .35s;transform:scale(1.035)}.home-page .project-featured.is-visible .featured-visual img,.home-page .project-card.is-visible .card-visual img,.home-page .illustration-feature.is-visible>img{transform:scale(1)}.home-page .illustration-feature:hover>img{box-shadow:0 28px 56px #2b262033}@media (max-width:1100px){.home-page .project-card{width:55%}.home-page .project-card-b{left:45%}.home-page .illustration-feature{aspect-ratio:2;height:auto;margin-left:20%}.home-page .illustration-info{left:-25%}}@media (max-width:900px){.home-page .hero{padding-top:72px;padding-bottom:135px}.home-page .project-featured{height:auto}.home-page .featured-visual{height:380px;min-height:0;position:relative}.home-page .project-info{width:auto;box-shadow:none;border-radius:0;position:relative;top:auto;right:auto;transform:none}.home-page .project-grid{grid-template-columns:1fr 1fr;gap:24px;height:auto;display:grid}.home-page .project-card,.home-page .project-card-a,.home-page .project-card-b{width:100%;height:auto;position:relative;top:auto;left:auto}.home-page .card-copy{height:auto;min-height:190px}.home-page .card-bottom .tags{flex-wrap:wrap}.home-page .illustration-feature{aspect-ratio:auto;border-radius:16px;height:auto;margin:40px 0 0;overflow:hidden;box-shadow:0 20px 40px #2b262026}.home-page .illustration-feature>img{aspect-ratio:2.4;object-fit:cover;height:auto;box-shadow:none;border-radius:0}.home-page .illustration-info{margin:0;top:auto;left:auto}.home-page .principles{gap:20px}}@media (max-width:640px){.home-page .shell{width:calc(100% - 28px)}.home-page .hero{padding-top:62px;padding-bottom:115px}.home-page .hero .mantra{font-size:26px}.home-page .hero-h1{letter-spacing:-2px;font-size:clamp(34px,9vw,48px);line-height:1.25}.home-page .hero-copy{font-size:16px;line-height:1.75}.home-page .section-heading{margin-bottom:38px;display:block}.home-page .section-heading h2{font-size:40px}.home-page .section-heading>p{text-align:left;margin-top:12px}.home-page .work{padding:20px 0 80px}.home-page .featured-visual{height:265px}.home-page .project-info{padding:24px}.home-page .project-info h3{font-size:40px}.home-page .project-grid{grid-template-columns:1fr;gap:24px;margin-top:28px}.home-page .project-card{box-shadow:0 14px 28px #2b262026}.home-page .card-visual{height:240px}.home-page .card-copy{min-height:180px}.home-page .card-copy h3{font-size:36px}.home-page .illustration-feature{margin-top:28px}.home-page .illustration-feature>img{aspect-ratio:1.8}.home-page .work-more{margin-top:42px}.home-page .work-more .text-link{font-size:20px}.home-page .home-about{padding:62px 0}.home-page .home-about h2{margin-bottom:36px;font-size:32px;line-height:1.35}.home-page .principles{gap:14px;display:grid}.home-page .site-footer{min-height:0;padding:70px 0 30px}.home-page .site-footer h2{white-space:normal;font-size:clamp(24px,6vw,32px)}.home-page .footer-bottom{margin-top:70px}}@media (prefers-reduced-motion:reduce){.home-page .project-featured[data-reveal],.home-page .project-card[data-reveal],.home-page .illustration-feature[data-reveal]{opacity:1;transition:none;transform:none}.home-page .project-featured[data-reveal].is-visible:hover,.home-page .project-card[data-reveal].is-visible:hover,.home-page .illustration-feature[data-reveal].is-visible:hover{transform:none}.home-page .project-featured .featured-visual img,.home-page .project-card .card-visual img,.home-page .illustration-feature>img{transition:none;transform:none}}.illustration-page .wb-intro{margin-top:20px}.illustration-page .wb-note{margin-top:32px}.illustration-story-hero,.illustration-system-image{border-radius:16px;width:100%;height:auto;margin-top:40px;display:block}.illustration-page .wb-visual{border-radius:16px}.illustration-subsection{margin-top:64px}.illustration-subsection h3{letter-spacing:-1px;margin:0;font-size:clamp(24px,3vw,32px);line-height:1.35}.illustration-subsection .eyebrow{margin-bottom:16px}.illustration-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.illustration-rule,.illustration-workflow-step{background:var(--surface);border-radius:12px;padding:24px;box-shadow:0 16px 32px #2b262024}.illustration-rule h4{color:var(--orange);margin:0 0 18px;font-size:18px;line-height:1.35}.illustration-rule p,.illustration-workflow-step p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.illustration-list-title{margin:36px 0 14px;font-size:18px}.illustration-rule-list{color:var(--muted);margin:0;padding-left:25px;font-size:15px;line-height:1.8}.illustration-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.illustration-workflow-step b{color:var(--orange);margin-bottom:16px;font-size:14px;display:block}.illustration-workflow-step h3{margin:0 0 12px;font-size:17px;line-height:1.45}.illustration-iteration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.illustration-iteration-grid figure{margin:0}.illustration-iteration-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.illustration-iteration-grid figcaption{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.5}@media (max-width:900px){.illustration-rule-grid,.illustration-workflow,.illustration-iteration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.illustration-subsection{margin-top:48px}.illustration-rule-grid,.illustration-workflow{grid-template-columns:1fr}.illustration-rule,.illustration-workflow-step{padding:20px}}.ldg{color:#56423e;background:#fcf9f8;border:1px solid #e6d6d1;border-radius:24px;margin-top:40px;padding:48px}.ldg+.ldg{margin-top:24px}.ldg-label{letter-spacing:.5px;color:#a94e39;margin:0;font:700 13px/1 Arial,sans-serif}.ldg h4{letter-spacing:-.5px;color:#1b1c1c;margin:18px 0 0;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.3}.ldg-sub{margin:12px 0 0;font-size:15px;line-height:1.6}.ldg-row{align-items:stretch;gap:16px;margin-top:32px;display:flex}.ldg-card{border-radius:18px;flex:1 1 0;min-width:0;padding:28px}.ldg-pink{background:#fae6de}.ldg-green{background:#e6f0e3}.ldg-gray{background:#f0eded}.ldg-card h5{color:#1b1c1c;margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.35}.ldg-card p{margin:0;font-size:15px;line-height:1.6}.ldg-lead{font-weight:700;margin:-4px 0 14px!important}.ldg-pink .ldg-lead{color:#a94e39}.ldg-green .ldg-lead{color:#526350}.ldg-card ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ldg-card li{align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.ldg-card li:before{content:"";background:#a94e39;border-radius:50%;flex:none;width:7px;height:7px;margin-top:calc(.75em - 3.5px)}.ldg-green li:before{background:#526350}.ldg-mid{text-align:center;flex-direction:column;flex:0 0 132px;justify-content:center;align-items:center;gap:10px;display:flex}.ldg-mid b{color:#a94e39;font-size:28px;line-height:1}.ldg-mid-arrow b{color:#dcc0ba}.ldg-mid span{color:#1b1c1c;max-width:5em;font-size:13px;font-weight:700;line-height:1.45}.ldg-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin:32px 0 0;padding:0;list-style:none;display:grid}.ldg-flow>li{text-align:center;position:relative}.ldg-flow>li:not(:last-child):after{content:"→︎";color:#dcc0ba;font-size:20px;line-height:1;position:absolute;top:50%;right:-27px;transform:translateY(-50%)}.ldg-steps>li{text-align:left}.ldg-steps h5 b{margin-right:10px}.ldg-foot{text-align:center;color:#a94e39;margin:28px 0 0;font-size:15px;font-weight:700;line-height:1.6}.ldg-foot-muted{color:#56423e}.ldg-foot span{white-space:nowrap}.ldg-opts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:32px;display:grid}.ldg-opt{background:#f0eded;border:1px solid #ddd5d3;border-radius:18px;padding:24px}.ldg-opt-pick{background:#e6f0e3;border:2px solid #4d6a4f}.ldg-tag{color:#56423e;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.ldg-opt-pick .ldg-tag{color:#4d6a4f}.ldg-opt h5{color:#1b1c1c;margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.35}.ldg-opt p{margin:0;font-size:14px;line-height:1.6}.ldg-opt .ldg-formula{margin-bottom:8px;font-size:15px;font-weight:700}.ldg-opt-pick .ldg-formula{color:#4d6a4f}.ldg-signal .ldg-tag{color:#526350}.ldg-signal.ldg-pink .ldg-tag{color:#a94e39}.ldg-signal p{margin-top:8px}.ldg-action{color:#1b1c1c;font-weight:700}@media (max-width:900px){.ldg{padding:36px 28px}.ldg-flow{grid-template-columns:1fr;gap:34px}.ldg-flow>li:not(:last-child):after{content:"↓︎";inset:auto auto -27px 50%;transform:translate(-50%)}}@media (max-width:640px){.ldg{border-radius:20px;padding:28px 20px}.ldg-row{flex-direction:column;gap:12px}.ldg-mid{flex-direction:row;flex-basis:auto;padding:6px 0}.ldg-mid span{max-width:none}.ldg-mid-arrow b{transform:rotate(90deg)}.ldg-card,.ldg-opt{padding:22px}}.case-nav{z-index:15;-webkit-backdrop-filter:blur(8px);background:#ebe4d5f0;transition:box-shadow .2s;position:sticky;top:0}.case-nav.is-stuck{box-shadow:0 6px 18px #2b26201f}.case-nav+.wb-section,.case-nav+section>.wb-section:first-child{border-top:0}.case-nav-inner{scrollbar-width:none;gap:8px;width:min(1180px,100% - 48px);margin:0 auto;padding:12px 0;display:flex;overflow-x:auto}.case-nav-inner::-webkit-scrollbar{display:none}.case-nav a{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:99px;flex:none;padding:7px 14px;font-size:13px;line-height:1.2;transition:background .2s,color .2s,border-color .2s}.case-nav a:hover{border-color:var(--ink);color:var(--ink)}.case-nav a[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}[id^=sec-],#contact{scroll-margin-top:120px}@media (max-width:640px){.case-nav-inner{width:100%;padding:10px 16px}.case-nav a{padding:6px 12px;font-size:12px}}.back-to-top{z-index:16;background:var(--ink);width:48px;height:48px;color:var(--surface);opacity:0;visibility:hidden;border-radius:50%;place-items:center;font:700 20px/1 Arial,sans-serif;transition:opacity .2s,transform .2s,visibility .2s,background .2s;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 8px 20px #2b262038}.back-to-top.is-shown{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--orange)}.back-to-top.on-footer:hover{background:var(--surface);color:var(--ink)}@media (max-width:640px){.back-to-top{width:44px;height:44px;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.back-to-top{transition:none}}.wb-page .wb-section{padding-top:72px;padding-bottom:72px}.wb-page .wb-section>:is(.wb-intro,.wb-body){max-width:880px}.wb-page .wb-section>h2{text-wrap:balance}.luji-outcome{padding:72px 0}.luji-outcome h2{letter-spacing:-1.5px;text-wrap:balance;margin:14px 0 0;font-size:clamp(30px,4vw,40px);line-height:1.5}.luji-outcome>p:not(.eyebrow){color:#574e41;text-wrap:pretty;max-width:880px;margin:20px 0 0;font-size:17px;line-height:1.8}.luji-outcome li{color:#574e41;max-width:880px;font-size:16px}.wb-callout,.wb-note{max-width:880px}.wb-callout p{font-size:15px}.wb-note,.wb-problem p{font-size:14px}.wb-decision-card p,.wb-outcome-col li,.wb-results li,.wb-limits li,.wb-decision-row h4{font-size:15px}.wb-decision-row p,.wb-alt-why,.wb-alt-rejected,.wb-alt-chosen{font-size:14px}@media (max-width:640px){.shell,.wb-hero,.wb-section,.luji-outcome{width:calc(100% - 32px)}.luji-outcome{padding:60px 0}}.wb-carousel{display:none}@media (max-width:640px){.wb-desk-only{display:none}.wb-carousel,.wb-screen-row{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin:28px -16px 0;padding:0 16px 8px;scroll-padding:0 16px;display:flex;overflow-x:auto}.wb-carousel::-webkit-scrollbar{display:none}.wb-screen-row::-webkit-scrollbar{display:none}.wb-carousel figure,.wb-screen-row .wb-screen{scroll-snap-align:start;flex:0 0 72%;margin:0}.wb-carousel img{width:100%;height:auto;display:block}.wb-carousel figcaption{margin-top:10px;font:700 13px/1.4 Arial,Noto Sans TC,sans-serif}}.wb-facts{gap:10px;margin:20px 0;padding:0;display:grid}.wb-facts div{border-bottom:1px solid var(--line);grid-template-columns:5.5em 1fr;gap:16px;padding-bottom:10px;display:grid}.wb-facts div:last-child{border-bottom:0;padding-bottom:0}.wb-facts dt{color:var(--ink);font-weight:700}.wb-facts dd{margin:0}@media (max-width:640px){.wb-facts div{grid-template-columns:1fr;gap:2px}.wb-intro,.wb-body p,.wb-note,.wb-callout p,.luji-outcome>p{text-align:justify;text-wrap:wrap}}.wb-note,.wb-intro,.wb-body,.wb-callout p{overflow-wrap:break-word}.wb-callout{border:0;border-left:2px solid var(--line);background:0 0;border-radius:0;padding:2px 0 2px 16px}.wb-callout p{color:var(--muted);font-size:14px;line-height:1.7}.wb-band-dark .wb-callout{border-left-color:#fff3}.wb-band-dark .wb-callout p{color:#c8c2b4}.nav-toggle{display:none}@media (max-width:640px){.site-header{min-height:72px;padding:14px 0}.nav-toggle{width:44px;height:44px;color:var(--ink);cursor:pointer;z-index:32;background:0 0;border:0;place-items:center;margin-right:-10px;display:grid;position:relative}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{background:currentColor;border-radius:2px;width:22px;height:2px;transition:transform .25s,background .25s;display:block}.nav-toggle span{position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-7px}.nav-toggle span:after{top:7px}.nav-toggle[aria-expanded=true] span{background:0 0}.nav-toggle[aria-expanded=true] span:before{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:after{transform:translateY(-7px)rotate(-45deg)}.nav-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.site-nav{z-index:31;background:var(--paper);letter-spacing:-.5px;opacity:0;visibility:hidden;flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:108px 16px 40px;font:700 32px/1.2 Noto Sans TC,sans-serif;transition:opacity .25s,transform .25s,visibility .25s;position:fixed;inset:0;transform:translateY(-8px)}.site-nav.is-open{opacity:1;visibility:visible;transform:none}.site-nav a{border-bottom:2px solid #0000;padding:10px 0}.site-nav a[aria-current=page]{color:var(--orange);border-color:#0000}.site-name{z-index:32;position:relative}}@media (max-width:640px) and (prefers-reduced-motion:reduce){.site-nav,.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{transition:none}}@media (min-width:901px){.home-page .project-card{width:calc(50% + 24px)}.home-page .project-card-b{left:calc(50% - 24px)}.home-page .project-card-a .card-copy{padding-right:80px}}.luji-outcome>.eyebrow{max-width:none;font-size:11px;line-height:1}.about-contact{gap:18px;max-width:480px;margin-top:32px;display:grid}.about-contact p{flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;font-size:16px;display:flex}.about-contact .text-link{font-size:16px;font-weight:700}.hero-text .eyebrow{font-size:11px}.home-page .hero-split{align-items:start;padding-top:110px}.home-page .hero-h1,.hero-h1{line-height:1.15}.hero-copy,.index-hero>p:last-child,.lab-hero p:last-child,.case-hero .lead{margin-top:24px;font-size:clamp(17px,2.1vw,20px);line-height:1.55}.hero-copy,.index-hero>p:last-child{color:var(--ink)}.case-hero h1{margin:16px 0 0}.lab-hero{padding-top:110px}@media (max-width:640px){.home-page .hero-split{padding:60px 16px 0}.home-page .hero-h1,.hero-h1{font-size:44px}.index-hero,.case-hero,.lab-hero,.about-page{padding-top:60px}.lab-hero{padding-left:16px;padding-right:16px}.case-page,.about-page{width:calc(100% - 32px)}}.home-page .hero .eyebrow{margin:0 0 28px;font-size:11px;line-height:1}.home-page .hero-copy{max-width:480px;margin:24px 0 0;font-size:clamp(17px,2.1vw,20px);line-height:1.55}@media (max-width:640px){.home-page .hero-copy{font-size:17px;line-height:1.55}}.work-row{grid-template-columns:60px 1fr minmax(240px,380px);align-items:center;gap:40px}.work-text{min-width:0}.work-meta{letter-spacing:.5px;color:var(--ink);align-items:center;gap:10px;margin-top:18px;font:600 12px Arial,Noto Sans TC,sans-serif;display:inline-flex}.work-meta b{font-size:18px;transition:transform .25s}.work-thumb{aspect-ratio:16/10;background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 12px 28px #2b26201f}.work-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.work-row:hover .work-thumb img{transform:scale(1.04)}.work-row:hover .work-meta b{transform:translate(2px,-2px)}@media (max-width:760px){.work-row{grid-template-columns:1fr;gap:16px;padding:32px 0}.work-thumb{order:-1}.work-number{display:none}}@media (prefers-reduced-motion:reduce){.work-thumb img,.work-meta b{transition:none}.work-row:hover .work-thumb img,.work-row:hover .work-meta b{transform:none}}.slice-block{margin-top:64px}.slice-block h3{letter-spacing:-1px;margin:12px 0 0;font-size:clamp(22px,2.8vw,28px)}.slice-flows{gap:8px;max-width:880px;margin:28px 0 0;padding:0;list-style:none;display:grid}.slice-flows li{background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:12px 16px;font-size:15px;display:grid}.slice-flows b{letter-spacing:1px;color:#c8c2b4;font:700 12px Arial,sans-serif}.slice-flows em{color:#c8c2b4;white-space:nowrap;font-size:12px;font-style:normal;font-weight:700}.slice-flows li.is-done{border-color:#d9a4418c}.slice-flows li.is-done b,.slice-flows li.is-done em{color:var(--lime)}.slice-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}.slice-card{background:var(--surface);color:var(--ink);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.slice-media{aspect-ratio:16/10;object-fit:cover;background:#fcf9f8;width:100%;display:block}.slice-media-empty{background:repeating-linear-gradient(135deg,#f3ece0 0 12px,#efe7d8 12px 24px);place-items:center;display:grid}.slice-media-empty span{color:var(--muted);background:var(--surface);border-radius:99px;padding:6px 14px;font-size:13px}.slice-copy{flex-direction:column;gap:12px;padding:24px 24px 28px;display:flex}.slice-num{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex;color:var(--orange)!important;font:700 13px Arial,Noto Sans TC,sans-serif!important}.slice-num span{color:var(--muted);font-weight:400}.slice-copy h4{letter-spacing:-.5px;margin:0;font-size:22px}.slice-value{background:#efe7d8;border-radius:10px;padding:12px 14px}.slice-value strong{letter-spacing:.5px;color:var(--ink);margin-bottom:4px;font-size:12px;display:block}@media (max-width:900px){.slice-cards{grid-template-columns:1fr}}@media (max-width:640px){.slice-flows li{grid-template-columns:60px 1fr;row-gap:2px}.slice-flows em{grid-column:2}}.slice-cards{grid-template-columns:1fr;align-items:start;gap:32px}.slice-media{aspect-ratio:16/9;object-fit:contain;background:#fcf9f8}.slice-copy{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px 40px;padding:28px 32px 32px;display:grid}.slice-main{flex-direction:column;gap:12px;display:flex}.slice-main>p{color:#574e41;margin:0;font-size:15px;line-height:1.75}.slice-copy .disclosure{border-top:0;border-left:1px solid var(--line);padding-top:0;padding-left:32px}.disclosure summary{cursor:pointer;color:var(--ink);align-items:center;gap:10px;padding:4px 0;font-size:14px;font-weight:700;list-style:none;display:flex}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:before{content:"";border:1px solid var(--line);background:linear-gradient(currentColor,currentColor) 50%/9px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 9px no-repeat;border-radius:50%;flex:none;width:20px;height:20px;transition:transform .32s cubic-bezier(.2,.7,.2,1),background-size .32s}.disclosure[open] summary:before{background-size:9px 1.5px,1.5px 0;transform:rotate(180deg)}.disclosure summary:hover:before{border-color:var(--ink)}.disclosure summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:4px}.disclosure-body ol{color:#574e41;margin:12px 0 4px;padding-left:20px;font-size:14px;line-height:1.7}.disclosure-body li+li{margin-top:4px}@media (max-width:900px){.slice-copy{grid-template-columns:1fr;padding:22px 20px 24px}.slice-copy .disclosure{border-left:0;border-top:1px solid var(--line);padding-top:12px;padding-left:0}}@media (prefers-reduced-motion:reduce){.disclosure summary:before{transition:none}}.slice-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.slice-copy{grid-template-columns:1fr;gap:16px;padding:24px 24px 28px}.slice-copy .disclosure{border-left:0;border-top:1px solid var(--line);padding-top:12px;padding-left:0}@media (max-width:900px){.slice-cards{grid-template-columns:1fr}}.disclosure-body ol{counter-reset:step;gap:10px;margin:14px 0 4px;padding:0;list-style:none;display:grid}.disclosure-body li{counter-increment:step;grid-template-columns:28px 1fr;align-items:baseline;gap:10px;display:grid}.disclosure-body li+li{border-top:1px dashed var(--line);margin-top:0;padding-top:10px}.disclosure-body li:before{content:counter(step,decimal-leading-zero);letter-spacing:.5px;color:var(--orange);font:700 12px/1 Arial,sans-serif}.wb-page .wb-intro,.wb-page .wb-body{max-width:880px}.not-found{border-bottom:0;padding-bottom:140px}.not-found .not-found-actions{flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:32px;display:flex}.not-found .hero-cta{margin-top:0}.not-found .text-link{font-size:16px}:root{--orange-text:#a14a1f}.project-type,.card-copy>p,.wb-decision-num,.wb-log-bad span,.illustration-rule h4,.illustration-workflow-step b,.disclosure-body li:before{color:var(--orange-text)}.slice-num{color:var(--orange-text)!important}h1{text-wrap:balance}@media (max-width:640px){.hero-h1,.home-page .hero-h1,.index-hero h1,.lab-hero h1,.case-hero h1,.about-page>header h1,.wb-hero h1{letter-spacing:-1.5px;font-size:36px}}.click-video{display:block;position:relative}.click-video video{object-fit:contain;background:#fcf9f8;width:100%;height:100%;display:block}.click-video-play{cursor:pointer;color:var(--surface);background:#241f192e;border:0;justify-content:center;align-items:center;gap:10px;font:700 15px Noto Sans TC,sans-serif;transition:background .25s;display:flex;position:absolute;inset:0}.click-video-play span{background:var(--ink);border-radius:50%;width:56px;height:56px;transition:transform .25s,background .25s;position:relative;box-shadow:0 10px 24px #2b26204d}.click-video-play span:after{content:"";border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent var(--surface);position:absolute;top:17px;left:22px}.click-video-play{font-size:0}.click-video-play:hover{background:#241f1947}.click-video-play:hover span{background:var(--orange-text);transform:scale(1.06)}.click-video-play:focus-visible{outline:3px solid var(--focus);outline-offset:-6px}.click-video.is-started .click-video-play span{width:auto;height:auto;color:var(--surface);border-radius:99px;padding:12px 20px;font-size:14px}.click-video.is-started .click-video-play span:after{display:none}@media (prefers-reduced-motion:reduce){.click-video-play,.click-video-play span{transition:none}}.next-case{border-top:1px solid var(--line);padding:72px 0 96px}.next-case-card{background:var(--surface);border-radius:16px;grid-template-columns:1fr minmax(240px,420px);align-items:center;gap:40px;margin-top:8px;padding:32px;transition:transform .35s,box-shadow .35s;display:grid;box-shadow:0 20px 40px #2b26201f}.next-case-card:hover{transform:translateY(-4px);box-shadow:0 28px 56px #2b26202e}.next-case-card .project-type{margin:0 0 10px}.next-case-card h2{letter-spacing:-1px;margin:0 0 10px;font-size:clamp(32px,4vw,48px)}.next-case-text>p:not(.project-type){color:var(--muted);margin:0;line-height:1.7}.next-case-card:hover .work-thumb img{transform:scale(1.04)}.next-case-card:hover .work-meta b{transform:translate(3px)}.next-case-card:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media (max-width:760px){.next-case{padding:56px 0 72px}.next-case-card{grid-template-columns:1fr;gap:20px;padding:20px}.next-case-card .work-thumb{order:-1}}@media (prefers-reduced-motion:reduce){.next-case-card{transition:none}.next-case-card:hover{transform:none}}.ml-log{max-width:880px;margin:36px 0 0;padding:0;list-style:none}.ml-log>li{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:24px;padding:28px 0;display:grid}.ml-log>li:first-child{border-top:0;padding-top:0}.ml-log>li>time{color:var(--orange-text);padding-top:4px;font:700 13px Arial}.ml-log h3{letter-spacing:-.4px;margin:0 0 10px;font-size:20px}.ml-log p{color:#574e41;text-wrap:pretty;margin:0;font-size:15px;line-height:1.8}.ml-log p+p{margin-top:10px}.ml-insights{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:32px;display:grid}.ml-insight{background:var(--surface);border-radius:12px;flex-direction:column;padding:24px 24px 26px;display:flex;box-shadow:0 12px 28px #2b26201a}.ml-insight h3{letter-spacing:-.3px;margin:0 0 10px;font-size:17px;line-height:1.45}.ml-insight p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.ml-insight .ml-hmw{color:var(--ink);margin-top:auto;padding-top:14px;font-weight:600}.ml-insight .ml-hmw:before{content:"HMW ";color:var(--orange-text);letter-spacing:.5px;font:700 11px Arial}.mealoop-page .wb-callout{margin-top:32px}.mealoop-page .wb-callout b{font-weight:700}.ml-hmw-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;display:grid}.ml-hmw-card{border:1px solid #ffffff2e;border-radius:12px;padding:26px}.ml-hmw-card .project-type{color:var(--lime);margin:0 0 10px}.ml-hmw-card h3{color:var(--surface);margin:0 0 16px;font-size:18px;line-height:1.5}.ml-hmw-card ul{color:#c8c2b4;margin:0;padding-left:18px;font-size:14px;line-height:1.7;list-style:outside}.ml-hmw-card li+li{margin-top:6px}.mealoop-page>.wb-section .wb-flow-steps li{border-bottom-color:var(--line)}.mealoop-page>.wb-section .wb-flow-steps b{color:var(--orange-text)}@media (max-width:640px){.ml-log>li{grid-template-columns:1fr;gap:8px}.ml-hmw-grid{grid-template-columns:1fr}.ml-log p,.ml-insight p{text-align:justify}}.work-group-label{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;gap:16px;padding-top:56px;padding-bottom:14px;display:flex}.work-group-label h2{letter-spacing:1px;margin:0;font-size:13px}.work-group-label p{color:var(--muted);margin:0;font-size:13px}.work-index>.work-group-label:first-child{padding-top:0}.work-updated{letter-spacing:.5px;color:var(--muted);margin-top:10px;font:600 11px Arial,Noto Sans TC,sans-serif;display:block}.work-thumb-text{color:var(--surface);background:#241f19;flex-direction:column;justify-content:flex-end;padding:22px;display:flex}.work-thumb-text span{color:var(--lime);letter-spacing:1px;font:700 11px Arial}.work-thumb-text strong{letter-spacing:-.3px;margin-top:8px;font-size:20px;line-height:1.4}@media (max-width:640px){.work-group-label{flex-direction:column;gap:4px}}.ml-extra{background:var(--paper,#f5efe4);border:1px solid var(--line);border-radius:12px;margin-top:20px;padding:20px}.ml-log .ml-extra p{margin:0}.ml-extra-label{letter-spacing:.8px;color:var(--orange-text)!important;margin:0 0 12px!important;font:700 11px Arial,Noto Sans TC,sans-serif!important}.ml-extra-label:not(:first-child){margin-top:20px!important}.ml-log .ml-extra .ml-extra-note{color:var(--muted);margin-top:14px;font-size:13px}.ml-palettes{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ml-swatches{border:1px solid var(--line);border-radius:8px;height:44px;display:flex;overflow:hidden}.ml-swatches span{flex:1}.ml-palette>p{color:var(--ink)!important;margin-top:10px!important;font-size:14px!important}.ml-palette ul{color:var(--muted);margin:8px 0 0;padding:0;font-size:12px;line-height:1.8;list-style:none}.ml-palette code{color:var(--ink);font:600 11px ui-monospace,Menlo,monospace}.ml-steps{grid-template-columns:repeat(6,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.ml-steps li{background:var(--surface);border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex;position:relative}.ml-steps b{font:700 13px Arial,Noto Sans TC,sans-serif}.ml-steps span{color:var(--muted);font-size:12px;line-height:1.5}.ml-tags{flex-wrap:wrap;gap:8px;display:flex}.ml-tags span{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px;font-size:13px}.ml-recruit{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ml-recruit>div{background:var(--surface);border-radius:8px;padding:16px}.ml-recruit strong{color:var(--orange);font:700 32px Arial}.ml-recruit span{margin-left:8px;font-size:14px;font-weight:700}.ml-log .ml-recruit p{color:var(--muted);margin-top:6px;font-size:13px}.ml-hyp{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ml-hyp li{border-bottom:1px dashed var(--line);grid-template-columns:56px 32px 1fr;align-items:baseline;gap:8px;padding:6px 0;font-size:14px;line-height:1.6;display:grid}.ml-hyp li:last-child{border-bottom:0}.ml-hyp span{color:var(--muted);font-size:12px}.ml-hyp b{color:var(--orange-text);font:700 12px Arial}@media (max-width:760px){.ml-steps{grid-template-columns:repeat(3,1fr)}.ml-palettes,.ml-recruit{grid-template-columns:1fr}}@media (max-width:640px){.ml-extra{padding:16px}.ml-hyp li{grid-template-columns:44px 28px 1fr}}.ml-brief{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:880px;margin-top:28px;overflow:hidden}.ml-brief-head,.ml-brief-row{grid-template-columns:1fr 1fr;display:grid}.ml-brief-head span{letter-spacing:.6px;color:var(--orange-text);border-bottom:1px solid var(--line);padding:12px 18px;font:700 11px Arial,Noto Sans TC,sans-serif}.ml-brief-row+.ml-brief-row{border-top:1px solid var(--line)}.ml-brief-row p{margin:0;padding:14px 18px;font-size:15px;line-height:1.7}.ml-brief-row p:first-child{font-weight:600}.ml-brief-row p:last-child{color:#574e41;background:#c1602c0d}@media (max-width:640px){.ml-brief-head{display:none}.ml-brief-row{grid-template-columns:1fr}.ml-brief-row p:first-child{padding-bottom:4px}.ml-brief-row p:last-child{background:0 0;padding-top:0}.ml-brief-row p:last-child:before{content:"→ ";color:var(--orange-text)}}.ml-sub{letter-spacing:-.4px;margin:44px 0 0;font-size:20px}@media (min-width:761px){.ml-insights-2{grid-template-columns:repeat(2,1fr)}}.home-now{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:20px;margin-top:56px;padding:20px 24px;transition:border-color .2s;display:flex}.home-now:hover{border-color:var(--ink)}.home-now-label{letter-spacing:2px;color:var(--surface);background:var(--ink);border-radius:99px;flex:none;padding:6px 12px;font:700 11px Arial}.home-now-text{flex:1;font-size:16px}.home-now-text b{font-weight:700}.home-now-date{color:var(--muted);flex:none;font:600 12px Arial,Noto Sans TC,sans-serif}@media (max-width:640px){.home-now{flex-wrap:wrap;gap:10px 14px;padding:16px}.home-now-text{flex-basis:100%;order:2}.home-now-date{order:1}}.inline-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);font-weight:700}.inline-link:hover{color:var(--orange-text)}