.work-portfolio-page{color:#171a2b;background:#f6f7f2;overflow-x:clip}.work-portfolio-intro{padding:116px 0 30px}.work-portfolio-intro-inner{grid-template-columns:minmax(100px,.3fr) minmax(0,1fr);align-items:end;gap:clamp(28px,5vw,76px);display:grid}.work-portfolio-intro .template-eyebrow{color:#657084;white-space:nowrap;margin:0 0 7px}.work-portfolio-intro h1{color:#171a2b;max-width:800px;font-family:var(--font-display);letter-spacing:-.06em;text-wrap:balance;margin:0;font-size:clamp(2rem,4.1vw,3.8rem);font-weight:540;line-height:1.02}.work-portfolio-gallery{padding:0 0 clamp(76px,8vw,122px)}.work-portfolio-showcase-container{width:min(100% - 64px,1536px);margin-inline:auto}.work-archive-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(36px,4.2vw,64px);display:grid}.work-filter-sidebar{padding-top:4px;position:sticky;top:104px}.work-filter-eyebrow{color:#6d7583;letter-spacing:.15em;margin:0 0 14px;font-size:9px;font-weight:650;line-height:1.4}.work-filter-list{display:grid}.work-filter-group+.work-filter-group{margin-top:26px}.work-filter-row{color:#626a78;cursor:pointer;min-width:0;min-height:48px;font:inherit;text-align:start;background:0 0;border:0;border-bottom:1px solid #272b6c1f;justify-content:space-between;align-items:center;gap:14px;padding:0 8px 0 0;font-size:12px;transition:color .2s,padding .2s;display:flex}.work-filter-row:hover,.work-filter-row[aria-pressed=true]{color:#252a66;padding-inline-start:9px}.work-filter-row[aria-pressed=true]{border-inline-start:2px solid var(--brand-green);font-weight:650}.work-filter-count{color:#89909a;font-variant-numeric:tabular-nums;flex:none;font-size:10px}.work-filter-row[aria-pressed=true] .work-filter-count{color:#39733c}.work-filter-tablet,.work-filter-mobile{display:none}.work-archive-main{min-width:0}.work-grid-summary{color:#77808c;letter-spacing:.04em;align-items:baseline;gap:7px;margin:0 0 13px;font-size:9px;display:flex}.work-grid-summary span:first-child{color:var(--brand-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.work-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(30px,3.15vw,48px) clamp(16px,1.6vw,24px);display:grid}.work-project-card{min-width:0}.work-project-card[hidden]{display:none!important}.work-project-visual-link{color:inherit;text-decoration:none;display:block}.work-project-visual{aspect-ratio:4/3;isolation:isolate;background:#e4e7e1;width:100%;position:relative;overflow:hidden}.work-project-visual>.work-project-resolver{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden;min-height:0!important}.work-project-visual>img.work-project-resolver,.work-project-visual>video.work-project-resolver{object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.2,.7,.25,1)}.work-project-visual[data-visual-type=website_experience]>.work-project-resolver{box-shadow:none;border:0;border-radius:0;margin:0}.work-project-visual .work-website-preview-chrome{grid-template-columns:35px minmax(0,1fr) 22px;gap:8px;min-height:31px;padding-inline:10px;font-size:9px}.work-project-visual .work-website-preview-dots{gap:4px}.work-project-visual .work-website-preview-dots i{width:6px;height:6px}.work-project-visual .work-website-preview-window{flex:auto;position:relative}.work-project-visual .work-website-preview-capture{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.25,1)}.work-project-visual>.mockup-fallback{place-items:center;display:grid;position:absolute;inset:0}.work-project-visual .mockup-scene{width:100%;height:100%;display:block;position:relative;overflow:hidden;min-height:0!important}.work-project-visual>.mockup-scene{position:absolute;inset:0}.work-project-visual .mockup-scene-item{filter:drop-shadow(0 12px 17px #181f2f29);margin:0!important;position:absolute!important}.work-project-visual .mockup-scene-item[data-device=safari]{width:90%!important;inset:8% 5% auto!important}.work-project-visual .mockup-scene-item[data-device=iphone],.work-project-visual .mockup-scene-item[data-device=android]{width:clamp(74px,7vw,104px)!important;inset:auto auto 5% 6%!important}.work-project-visual .mockup-scene-item:nth-child(2)[data-device=iphone],.work-project-visual .mockup-scene-item:nth-child(2)[data-device=android]{inset:auto 6% 5% auto!important}.work-project-visual .mockup-scene-item[data-device=watch]{width:clamp(62px,5.5vw,86px)!important;inset:auto 7% 5% auto!important}.work-project-visual .mockup-scene-solo .mockup-scene-item[data-device=iphone],.work-project-visual .mockup-scene-solo .mockup-scene-item[data-device=android]{width:clamp(102px,9vw,132px)!important;transform:translate(-50%, -50%) scale(var(--mockup-scale,1))!important;inset:50% auto auto 50%!important}.work-project-visual .mockup-fallback{color:#ffffffdb;width:100%;height:100%;font:520 18px/1 var(--font-display);letter-spacing:-.06em;background:radial-gradient(at 68% 26%,#ffffff29,#0000 38%),linear-gradient(135deg,#202756,#303b78);place-items:center;display:grid}.work-project-view-overlay{inset-inline-end:13px;color:#252a66;opacity:0;pointer-events:none;background:#f7f8f3f0;align-items:center;gap:7px;min-height:36px;padding:0 10px;font-size:10px;font-weight:650;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;bottom:13px;transform:translateY(5px)}:is(.work-project-visual-link:hover .work-project-view-overlay,.work-project-visual-link:focus-visible .work-project-view-overlay){opacity:1;transform:translateY(0)}.work-project-visual-link:focus-visible{outline:3px solid var(--brand-green);outline-offset:4px}.work-project-meta a:focus-visible{outline:3px solid var(--brand-green);outline-offset:4px}.work-filter-row:focus-visible{outline:3px solid var(--brand-green);outline-offset:4px}.work-filter-mobile-trigger:focus-visible{outline:3px solid var(--brand-green);outline-offset:4px}.work-filter-mobile-list button:focus-visible{outline:3px solid var(--brand-green);outline-offset:4px}.work-project-meta{padding-top:13px}.work-project-overline{color:#737b87;letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:7px;min-height:13px;font-size:9px;line-height:1.4;display:flex}.work-project-overline span:first-child{color:#39733c;font-variant-numeric:tabular-nums;font-weight:650}.work-project-overline span+span:before{content:"";vertical-align:middle;background:#a2a7ae;border-radius:50%;width:3px;height:3px;margin-inline-end:7px;display:inline-block}.work-project-meta h2{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:pretty;margin:8px 0 0;font-size:clamp(1.1rem,1.4vw,1.38rem);font-weight:570;line-height:1.12}.work-project-meta h2 a{color:#171a2b;text-decoration:none}.work-project-category{color:#687181;margin:6px 0 0;font-size:10px;line-height:1.45}.work-project-link{min-height:34px;color:var(--brand-primary);align-items:center;gap:6px;margin-top:2px;font-size:10px;font-weight:650;text-decoration:none;display:inline-flex}.work-project-link svg{transition:transform .2s}.work-project-link:hover svg{transform:translate(2px,-2px)}.work-performance-visual{color:#f7f8f3;background:#202642}.work-performance-result-stage,.work-performance-editorial-stage{color:#f7f8f3;background:#202642;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:clamp(22px,2.7vw,38px);display:flex;position:absolute;inset:0;overflow:hidden}.work-performance-result-stage:before,.work-performance-editorial-stage:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#e7ebf012 1px),linear-gradient(0deg,#0000 calc(100% - 1px),#e7ebf012 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.work-performance-result-stage:after{background:var(--brand-green);content:"";height:3px;position:absolute;inset:auto 0 0}.work-performance-result-stage>*,.work-performance-editorial-stage>*{z-index:1;position:relative}.work-performance-result-eyebrow{color:#f5f7f29e;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:650;line-height:1.4}.work-performance-result-stage strong{overflow-wrap:anywhere;color:#fff;max-width:100%;font-family:var(--font-display);letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(2.1rem,3.4vw,3.65rem);font-weight:550;line-height:1}.work-performance-result-label{color:#f7f8f3de;font-size:12px;font-weight:570;line-height:1.35}.work-performance-stage-change{color:#f7f8f3b3;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:7px;margin-top:8px;font-size:10px;display:flex}.work-performance-stage-change.is-positive{color:#a5d99b}.work-performance-stage-change.is-negative{color:#f1b6a8}.work-performance-editorial-stage{color:#202642;background:#e8ebe5;justify-content:flex-end}.work-performance-editorial-stage>span{color:#477347;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:650}.work-performance-editorial-stage strong{max-width:20ch;font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(1.55rem,2.4vw,2.4rem);font-weight:570;line-height:1.02}.work-performance-editorial-stage small{color:#626a78;max-width:34ch;font-size:10px;line-height:1.5}:is(.work-performance-card .work-project-visual-link:hover .work-project-view-overlay,.work-performance-card .work-project-visual-link:focus-visible .work-project-view-overlay){opacity:1;transform:translateY(0)}.work-performance-meta{padding-top:14px}.work-performance-card .work-project-meta h2{margin-top:8px}.work-performance-channels{color:#28345e;margin:7px 0 0;font-size:10px;font-weight:620;line-height:1.45}.work-performance-result{border-top:1px solid #272b6c21;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 10px;margin-top:12px;padding-top:10px;display:grid}.work-performance-result .work-performance-result-eyebrow{color:#77808c;grid-column:1/-1;font-size:8px}.work-performance-result>strong{color:#202642;font-family:var(--font-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;grid-column:1;font-size:clamp(1.45rem,1.9vw,2rem);font-weight:570;line-height:1.05}.work-performance-result>.work-performance-result-label{color:#626a78;grid-column:1;font-size:10px}.work-performance-comparison{color:#697283;font-variant-numeric:tabular-nums;text-align:end;flex-direction:column;grid-area:2/2/span 2;align-items:flex-end;gap:3px;font-size:10px;display:flex}.work-performance-comparison span{color:#697283;font-size:8px}.work-performance-comparison.is-positive,.work-performance-comparison.is-positive span{color:#39733c}.work-performance-comparison.is-negative,.work-performance-comparison.is-negative span{color:#9c5145}.work-performance-period{color:#818895;grid-column:1/-1;margin-top:5px;font-size:9px}.work-performance-card .work-project-link{margin-top:5px}.work-grid-empty{color:#687181;grid-column:1/-1;margin:20px 0;font-size:14px}.work-index-empty{color:#687181;margin:30px 0}@media (hover:hover) and (pointer:fine){:is(.work-project-visual-link:hover .work-project-visual>img.work-project-resolver,.work-project-visual-link:focus-visible .work-project-visual>img.work-project-resolver),:is(.work-project-visual-link:hover .work-website-preview-capture,.work-project-visual-link:focus-visible .work-website-preview-capture){transform:scale(1.025)}}@media (max-width:1199px){.work-portfolio-showcase-container{width:min(100% - 48px,1120px)}.work-archive-layout{display:block}.work-filter-sidebar{display:none}.work-filter-tablet{margin-bottom:24px;display:block}.work-filter-tablet-group+.work-filter-tablet-group{margin-top:11px}.work-filter-tablet-group .work-filter-eyebrow{margin-bottom:6px}.work-filter-tablet-list{scrollbar-width:thin;border-top:1px solid #272b6c1f;border-bottom:1px solid #272b6c1f;gap:0 16px;display:flex;overflow-x:auto}.work-filter-tablet-list .work-filter-row{white-space:nowrap;border-bottom:0;flex:none;gap:16px;min-height:46px;padding-inline:7px}.work-filter-tablet-list .work-filter-row[aria-pressed=true]{box-shadow:inset 0 -2px var(--brand-green);border-inline-start:0}.work-filter-mobile{display:none}}@media (max-width:900px){.work-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}}@media (max-width:640px){.work-portfolio-intro{padding:112px 0 22px}.work-portfolio-intro-inner{display:block}.work-portfolio-intro h1{max-width:560px;margin-top:8px;font-size:clamp(1.95rem,8.2vw,2.75rem);line-height:1.04}.work-portfolio-showcase-container{width:min(100% - 24px,560px)}.work-filter-tablet{display:none}.work-filter-mobile{z-index:3;margin-bottom:16px;display:block;position:relative}.work-filter-mobile-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.work-filter-mobile-control{min-width:0;position:relative}.work-filter-mobile-trigger{color:#252a66;width:100%;min-height:48px;font:inherit;text-align:start;background:#fbfcf8;border:1px solid #272b6c2e;justify-content:space-between;align-items:center;gap:16px;padding:0 13px;font-size:12px;font-weight:600;display:flex}.work-filter-mobile-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;gap:2px;min-width:0;display:grid;overflow:hidden}.work-filter-mobile-trigger small{color:#77808c;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:600}.work-filter-mobile-trigger>span:last-child{color:#39733c;font-size:18px}.work-filter-mobile-list{z-index:5;background:#fbfcf8;border:1px solid #272b6c26;max-height:min(55vh,360px);display:grid;position:absolute;inset:calc(100% + 4px) 0 auto;overflow-y:auto;box-shadow:0 14px 30px #141a341f}.work-filter-mobile-list button{color:#626a78;min-height:46px;font:inherit;text-align:start;background:0 0;border:0;border-bottom:1px solid #272b6c1a;justify-content:space-between;align-items:center;gap:14px;padding:0 12px;font-size:12px;display:flex}.work-filter-mobile-list button[aria-pressed=true]{color:var(--brand-primary);font-weight:650}.work-grid-summary{margin-bottom:11px}.work-project-grid{grid-template-columns:minmax(0,1fr);gap:32px}.work-project-meta{padding-top:11px}.work-project-meta h2{font-size:clamp(1.28rem,5.5vw,1.65rem)}.work-project-category{font-size:11px}.work-project-link{min-height:40px;font-size:11px}.work-project-view-overlay{display:none}.public-locale:has(.work-portfolio-page) .assistant-greeting{display:none}.public-locale:has(.work-portfolio-page) .work-performance-meta{padding-inline-end:78px}}@media (prefers-reduced-motion:reduce){.work-filter-row,.work-project-visual>.work-project-resolver,.work-project-visual .work-website-preview-capture,.work-project-view-overlay,.work-project-link svg{transition:none}}