body[data-portfolio-case]{padding-bottom:0;--font-primary:"General Sans",General,Arial,sans-serif;--color-text:#262927;--color-surface:#fff;--case-media-width:900px}body[data-portfolio-case] .nav-dock{position:fixed;z-index:100;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;margin:0;width:max-content;max-width:calc(100vw - 32px);background:#141414;border:3px solid #595b60;border-radius:18px;box-shadow:0 4px 12px #0002}body[data-portfolio-case] .nav-dock a{display:grid;place-items:center;width:44px;height:44px;padding:0;color:#fff;border-radius:10px;text-decoration:none;transition:transform .18s,background .18s}body[data-portfolio-case] .nav-dock a:hover{transform:translateY(-2px);background:#303035}body[data-portfolio-case] .nav-dock a.is-active{background:#000;color:#C5E2ED}body[data-portfolio-case] .nav-dock a:focus-visible{outline:2px solid #fff;outline-offset:2px}body[data-portfolio-case] .nav-dock svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}body[data-portfolio-case] :is(.lead,.review-note,.impact-context,.key-result>p,.demo-copy){max-width:none}#lucid-case-preview[data-project-detail] :is(.learning-thesis,.learning-points p,.outcome-source,.research-signal p,.evidence-lede p){max-width:none}body[data-portfolio-case] [data-pd-grid]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}body[data-portfolio-case] [data-pd-grid][data-item-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-portfolio-case] [data-pd-grid]>[data-pd-team]{grid-column:1/-1}body[data-portfolio-case] [data-pd-grid]>*{min-width:0}body[data-portfolio-case=tiktok]{--pe-metric-accent:#0062D6}body[data-portfolio-case=tiktok] .key-result .metric{margin-top:14px}body[data-portfolio-case=tiktok] [data-pd-metric-value]{display:block;font:500 48px/1.12 General,Arial,sans-serif;letter-spacing:-1.8px;color:var(--pe-metric-accent)}body[data-portfolio-case=tiktok] [data-pd-metric-unit]{font-size:30px;letter-spacing:-1px}body[data-portfolio-case=tiktok] [data-pd-metric-label]{display:block;font:500 19px/1.3 General,Arial,sans-serif;letter-spacing:-.3px;margin-top:14px}body[data-portfolio-case=tiktok] .impact-context{font-size:14px;line-height:1.55;font-weight:400;margin-top:16px;color:#59625D}body[data-portfolio-case=tiktok] .snapshot-label{margin-top:32px}body[data-portfolio-case=tiktok] .snapshot-label+h3{margin-top:10px}body[data-portfolio-case] .case-edge-navigation .case-edge-label{display:none}@media(min-width:1261px){body[data-portfolio-case] .case-edge-navigation{position:fixed;left:20px;top:24vh;width:156px;z-index:20;background:transparent;padding:0}body[data-portfolio-case] .case-edge-navigation .case-edge-dot,body[data-portfolio-case] .case-edge-navigation .case-edge-track:before{display:block}body[data-portfolio-case] .case-edge-navigation .case-edge-link{background:transparent;border-radius:0}}@media(min-width:1261px) and (hover:hover) and (pointer:fine){body[data-portfolio-case] .case-edge-navigation .case-edge-link{opacity:0}body[data-portfolio-case] .case-edge-navigation:is(:hover,:focus-within) .case-edge-link{opacity:1}}@media(max-width:1260px){body[data-portfolio-case] .case-edge-navigation{position:sticky;top:0;left:auto;width:100%;padding:8px 28px;background:#FFFFFFF5;backdrop-filter:blur(12px);z-index:30}body[data-portfolio-case] .case-edge-navigation .case-edge-window{height:44px;mask-image:none;overflow:auto}body[data-portfolio-case] .case-edge-navigation .case-edge-track{flex-direction:row;gap:12px;width:max-content;padding:0}body[data-portfolio-case] .case-edge-navigation .case-edge-link{opacity:1;white-space:nowrap;min-height:44px;height:44px;padding:0 10px}body[data-portfolio-case] .case-edge-navigation .case-edge-link[aria-current]{background:#F5F5F5;border-radius:4px}body[data-portfolio-case] .case-edge-navigation .case-edge-dot,body[data-portfolio-case] .case-edge-navigation .case-edge-track:before{display:none}}@media(max-width:940px){body[data-portfolio-case] [data-pd-grid],body[data-portfolio-case] [data-pd-grid][data-item-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:600px){body[data-portfolio-case=tiktok] [data-pd-metric-value]{font-size:40px}}@media(max-width:480px){body[data-portfolio-case] [data-pd-grid],body[data-portfolio-case] [data-pd-grid][data-item-count="3"]{grid-template-columns:1fr}body[data-portfolio-case] .case-edge-navigation{padding-inline:22px}body[data-portfolio-case] .nav-dock{bottom:max(20px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){body[data-portfolio-case] .nav-dock a{transition:none}}body[data-portfolio-case=tiktok] .metric[data-item-count="1"]{grid-template-columns:minmax(0,1fr)}body[data-portfolio-case=tiktok] .photo-grid{max-width:none;width:100%}@media(min-width:811px) and (max-width:1250px){body[data-portfolio-case=shopee] .page-end,body[data-portfolio-case=shopee] main{max-width:900px;width:calc(100% - 56px);margin-inline:auto}}.pd-site-header{box-sizing:border-box;position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:94px;height:auto;padding:20px 40px;margin:0;background:#fff;color:#262927;font-family:General Sans,General,Arial,sans-serif;z-index:10}.pd-site-header .pd-wordmark{flex-shrink:0;font:600 30px/1.2 General Sans,General,Arial,sans-serif;letter-spacing:-1.95px;color:#262927}.pd-site-header .pd-project-trail,.pd-site-header .pd-wordmark{display:flex;align-items:center;min-height:44px;text-decoration:none}.pd-site-header .pd-project-trail{justify-content:flex-end;max-width:65%;font:400 13px/1.5 General Sans,General,Arial,sans-serif;letter-spacing:normal;text-align:right;color:#59625D}.pd-site-header .pd-project-trail:hover{text-decoration:underline;text-underline-offset:4px}.pd-site-header a:focus-visible{outline:2px solid #262927;outline-offset:4px;border-radius:2px}[data-pd-opening]>:is(.eyebrow,.hero-eyebrow,.pj-eyebrow){font:400 14px/1.65 General Sans,General,Arial,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;color:#59625D!important;margin:0 0 24px!important}[data-pd-opening]>h1{font:600 48px/1.12 General Sans,General,Arial,sans-serif!important;letter-spacing:-1.6px!important;color:#262927!important;margin:0!important}[data-pd-opening]>:is(.lead,.description,.pj-description,.intro){font:400 20px/1.55 General Sans,General,Arial,sans-serif!important;letter-spacing:normal!important;color:#262927!important;margin:24px 0 0!important}body[data-portfolio-case=capture-art] .key-result>p{font:400 16px/1.55 General Sans,Arial,sans-serif;color:#262927;letter-spacing:normal}body[data-portfolio-case=capture-art]{--ink:#262927;--muted:#59625D;color:#262927}body[data-portfolio-case=capture-art] :is(.chapter h2,.chapter h3,.contribution,.rationale){color:#262927}body[data-portfolio-case=capture-art] .section-kicker{color:#59625D}body[data-portfolio-case=berkeley]>main,body[data-portfolio-case=capture-art]>main{margin-top:56px}body[data-portfolio-case=shopee]>.page{padding-top:56px}body[data-portfolio-case=shopee] [data-pd-opening]{margin-top:0}body #judi-case-study #judi-project-preview .pj-shell,body #lucid-case-preview[data-project-detail]>.page,body[data-portfolio-case=accessibility]>.page,body[data-portfolio-case=tiktok]>main{padding-top:56px}@media(max-width:600px){.pd-site-header{min-height:80px;padding:16px 22px;gap:16px}.pd-site-header .pd-wordmark{font-size:28px;letter-spacing:-1.82px}[data-pd-opening]>h1{font-size:34px!important;letter-spacing:-1px!important}[data-pd-opening]>:is(.lead,.description,.pj-description,.intro){font-size:18px!important}body[data-portfolio-case=capture-art] .key-result>p{font-size:16px}body[data-portfolio-case=berkeley]>main,body[data-portfolio-case=capture-art]>main{margin-top:32px}body #judi-case-study #judi-project-preview .pj-shell,body #lucid-case-preview[data-project-detail]>.page,body[data-portfolio-case=accessibility]>.page,body[data-portfolio-case=shopee]>.page,body[data-portfolio-case=tiktok]>main{padding-top:32px}}body[data-portfolio-case=capture-art] .meta-label{color:#59625D}:is(.jp-root,#lucid-case-preview .product-ui,#lucid-case-preview .demo-panel,.app,.prototype-controls) select,body[data-demo-controls] select{appearance:none;-webkit-appearance:none;padding-left:12px!important;padding-right:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23596273' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important}:is(.jp-root[data-theme=dark],.dark,#lucid-case-preview [data-theme=dark]) select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B2BED1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}.jp-root .jp-badge{width:fit-content;max-width:100%;justify-self:start;flex:none}.jp-root .jp-field{min-width:0}.jp-root .au-trendhead .jp-select{min-width:152px}.jp-root .jp-button svg,.jp-root .jp-iconbutton svg{flex-shrink:0}body[data-demo-controls] .guide-anchor select{padding-right:76px!important}:root{--demo-control-color:#59625d;--demo-control-weight:400}.outcome-reset,.restart-demo,:is(.jmd-nav-tools,.jns-toolbar,.p01-demo-controls,.presentation-controls,.prototype-controls) button,[data-prototype-reset],button#restart{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:4px!important;color:var(--demo-control-color)!important;font:var(--demo-control-weight) 14px/1.4 General Sans,sans-serif!important;padding:8px 12px!important;min-height:40px;min-width:0!important;width:auto!important;cursor:pointer}.outcome-reset:hover,.restart-demo:hover,:is(.jmd-nav-tools,.jns-toolbar,.p01-demo-controls,.presentation-controls,.prototype-controls) button:hover,[data-prototype-reset]:hover,button#restart:hover{text-decoration:underline;text-underline-offset:4px;background:transparent!important}.outcome-reset:focus-visible,.restart-demo:focus-visible,:is(.jmd-nav-tools,.jns-toolbar,.p01-demo-controls,.presentation-controls,.prototype-controls) button:focus-visible,[data-prototype-reset]:focus-visible,button#restart:focus-visible{outline:2px solid currentColor;outline-offset:3px}:is(.jmd-nav-tools,.p01-demo-controls,.presentation-controls) button:disabled{opacity:.45;cursor:default}.jmd-toolbar,.jns-toolbar{justify-content:flex-end!important}.adoption-captions{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.adoption-captions span{display:block}.portfolio-copyright{text-align:center;margin:0;padding:16px 20px 110px;font:400 13px/1.5 General Sans,sans-serif;color:#59625d;background:#fff}.final-cta>.portfolio-copyright{position:relative;z-index:1;background:transparent;padding:0;margin:96px 0 0;color:inherit;opacity:.7}.final-cta{padding-bottom:110px}