@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/montserrat-cyrillic-ext-wght-normal.0zkopkvt4~_8n.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/montserrat-cyrillic-wght-normal.0_k0k1w48dv3n.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/montserrat-vietnamese-wght-normal.16n.bpy8dm2.6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/montserrat-latin-ext-wght-normal.088nmt5ad-j88.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/montserrat-latin-wght-normal.08ozys.2v7xea.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Ampista Demo;src:url(/fonts/Ampista-Demo.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{--ink:#102f4a;--muted:#385b78;--paper:#f4f8fc;--card:#fafdff;--line:#bfd2e3;--focus:#0b5e9f;--accent-red:#2f6f9f;--accent-red-dark:#174b73;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Montserrat Variable,Montserrat,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.5}a{color:inherit}button{font:inherit}img{max-width:100%}::selection{color:#102f4a;background:#cfe4f6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header,.site-main,.site-footer{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;min-height:92px;display:grid}.brand{letter-spacing:-.045em;justify-self:start;font-size:1.42rem;font-weight:760;text-decoration:none}.filter-navigation{border:1px solid var(--line);background:#fff;border-radius:999px;grid-column:2;justify-self:center;align-items:center;gap:3px;padding:5px;display:flex}.filter-button{color:#25272b;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:42px;padding:8px 19px;font-size:.76rem;font-weight:570;line-height:1.1;transition:background-color .18s,color .18s}.portfolio-grid{grid-template-columns:repeat(14,minmax(0,1fr));grid-auto-rows:78px;gap:12px;display:grid;position:relative}.portfolio-item{grid-column:var(--desktop-column);grid-row:var(--desktop-row);border-radius:var(--radius);min-width:0;min-height:0;scroll-margin-top:24px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);width:100%;height:100%;position:relative;overflow:hidden}.card h1,.card h2,.card h3,.card p{margin-top:0}.card h1,.card h2,.site-footer h2,.detail-header h1{letter-spacing:-.055em;line-height:1.05}.card h2{margin-bottom:0;font-size:1.5rem}.card-kicker{color:#0858e8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.64rem;font-weight:780;line-height:1.2}.card-hero{background:#f5f2ff;grid-template-columns:46% 54%;align-items:center;padding:18px 24px 18px 18px;display:grid}.avatar-frame{aspect-ratio:1;background:#fff;border:8px solid #fff;border-radius:50%;justify-self:center;width:min(82%,184px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #d8d4e5}.hero-copy h1{margin-bottom:17px;font-size:clamp(1.7rem,2vw,1.85rem);font-weight:740}.hero-copy p{color:#41444a;max-width:340px;margin-bottom:0;font-size:.87rem;line-height:1.58}.hero-copy .card-kicker{margin-bottom:8px;font-size:.64rem;line-height:1.2}.hero-copy em{color:#6655da;font-family:Georgia,serif;font-size:1.13em}.arrow-button{border:1px solid var(--accent-red);background:var(--accent-red);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .18s,background-color .18s,color .18s;display:grid}.arrow-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px}.hero-arrow{position:absolute;bottom:14px;right:14px}.social-marks{gap:8px;display:flex}.social-marks>span,.social-marks>a{color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.76rem;font-weight:760;text-decoration:none;display:grid}.social-marks>span:first-child{background:#1378c7}.social-marks>a{background:var(--accent-red)}.social-marks svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:17px}.card-skills{flex-direction:column;gap:10px;padding:16px 17px;display:flex}.card-skills .card-kicker,.card-skills .spark{display:none}.skill-list{flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0;list-style:none;display:flex}.skill-list li{border-radius:7px;padding:5px 10px;font-size:.64rem;font-weight:550;line-height:1.15}.card-work{color:var(--ink);flex-direction:column;text-decoration:none;transition:border-color .18s,transform .18s;display:flex}.card-work:hover{border-color:#aeb0b3;transform:translateY(-2px)}.work-copy{flex:none;padding:20px 20px 12px}.work-copy h2{margin-bottom:12px}.work-summary{color:#35393f;max-width:390px;margin-bottom:12px;font-size:.79rem;line-height:1.5}.work-meta{color:#41454b;margin-bottom:0;font-size:.7rem;font-weight:520}.work-image{background:#ffffff7a;border:1px solid #22252a1f;border-radius:12px;flex:1;min-height:0;margin:0 10px 10px;position:relative;overflow:hidden}.work-image img{object-fit:cover;object-position:top center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.work-arrow{position:absolute;bottom:13px;right:13px}.card-work:hover .work-arrow,.hero-arrow:hover{border-color:var(--accent-red-dark);background:var(--accent-red-dark);color:#fff;transform:translate(2px,-2px)}.card-work-staplesprint{background:#eef9fc}.card-work-staplesprint .work-copy{flex-basis:190px}.card-work-staplesprint .work-image img{object-position:25% top}.card-work-staples-b2b{background:#f7effd}.card-work-staples-b2b .work-copy{flex-basis:190px}.card-work-staples-b2b .work-image img{object-position:35% top}.card-work-passcode{background:#fff6df}.card-work-passcode .work-copy{flex-basis:154px;padding-inline:16px}.card-work-passcode .work-copy h2{font-size:1.22rem}.card-work-passcode .work-image img{object-position:8% top}.card-work-azul,.card-work-route-plus{grid-template-columns:36% 64%;align-items:stretch;display:grid}.card-work-azul{background:#eef7ff}.card-work-route-plus{background:#fff0f1}.card-work-azul .work-copy,.card-work-route-plus .work-copy{align-self:center;padding:19px 12px 19px 18px}.card-work-azul .work-image,.card-work-route-plus .work-image{height:auto;min-height:0;margin:10px 10px 10px 0}.card-work-azul .work-image img,.card-work-route-plus .work-image img{object-position:center;object-fit:contain!important}.card-work-azul .work-arrow,.card-work-route-plus .work-arrow{width:36px;height:36px;bottom:8px;right:8px}.card-work-sun-life{background:#fff8df}.card-work-sun-life .work-copy{flex-basis:122px;padding:15px 16px 8px}.card-work-sun-life .work-copy h2{margin-bottom:5px;font-size:1.35rem}.card-work-sun-life .work-summary{max-width:280px;margin-bottom:2px;font-size:.65rem}.card-work-sun-life .work-meta{font-size:.62rem}.card-about{background:#fff7df;grid-template-columns:48% 52%;display:grid}.about-copy{align-self:center;padding:18px 10px 18px 16px}.about-copy p{color:#464a50;margin-bottom:0;font-size:.62rem;line-height:1.6}.about-image{min-width:0;position:relative;overflow:hidden}.about-image img{object-fit:cover;object-position:center}.card-impact{background:#fff;grid-template-rows:auto 1fr;padding:15px;display:grid}.impact-intro .card-kicker{display:none}.impact-list{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.impact-list li{border:1px solid #e2e2df;border-radius:11px;grid-template-columns:1fr;align-items:start;min-width:0;padding:10px;display:grid}.impact-list h3{letter-spacing:-.02em;margin-bottom:3px;font-size:.65rem;line-height:1.3}.impact-list p{color:#55595f;margin-bottom:0;font-size:.55rem;line-height:1.45}.site-footer{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:28px;min-height:74px;margin-top:14px;margin-bottom:28px;padding:14px 28px;display:flex}.site-footer h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:720}.footer-intro{max-width:590px;margin:8px 0 0;font-size:.76rem;line-height:1.45}.footer-contact{align-items:center;gap:28px;font-size:.7rem;display:flex}.footer-contact a{font-weight:530;text-decoration:none}.footer-contact p{white-space:nowrap;margin:0}.footer-contact>p>span{margin-right:7px;font-size:.9rem}.footer-socials{flex:none}.filter-button:focus-visible,.brand:focus-visible,.card-work:focus-visible,.hero-arrow:focus-visible,.social-marks a:focus-visible,.site-footer a:focus-visible,.work-detail a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.work-detail{width:min(1120px,100% - 40px);margin:0 auto;padding:28px 0 72px}.detail-nav{border-bottom:1px solid var(--line);min-height:56px;color:var(--muted);justify-content:space-between;align-items:center;font-size:.73rem;font-weight:650;display:flex}.detail-nav a{align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.detail-nav a>span:last-child{text-underline-offset:4px;text-decoration:underline}.detail-back-icon{justify-content:center;align-items:center;width:12px;font-size:30px;font-weight:400;line-height:1;display:inline-flex}.detail-nav span{text-transform:uppercase;letter-spacing:.08em}.detail-header{max-width:900px;padding:clamp(58px,8vw,110px) 0 clamp(38px,6vw,72px)}.work-detail-staplesprint .detail-header,.work-detail-staples-b2b .detail-header,.work-detail-sun-life .detail-header,.work-detail-azul .detail-header,.work-detail-passcode .detail-header,.work-detail-route-plus .detail-header{padding-top:clamp(44px,6vw,82px);padding-bottom:clamp(19px,3vw,36px)}.detail-header h1{margin:0 0 26px;font-size:clamp(3rem,8vw,7rem);font-weight:710}.detail-header>p:not(.card-kicker){color:#4c5055;max-width:690px;margin-bottom:24px;font-size:clamp(1rem,2vw,1.35rem)}.detail-header>span{color:#666a70;font-size:.78rem;font-weight:650}.detail-image{border:1px solid var(--line);border-radius:var(--radius);background:#f1efeb;min-height:clamp(420px,68vw,760px);position:relative;overflow:hidden}.detail-image img{object-fit:contain}.detail-image-staplesprint img,.detail-image-staples-b2b img,.detail-image-sun-life img,.detail-image-passcode img{object-fit:cover;object-position:top center}.detail-placeholder{max-width:760px;margin:0 auto;padding:clamp(64px,10vw,130px) 0}.detail-placeholder h2{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.06}.detail-placeholder>p:not(.card-kicker){color:#5a5e64;margin-bottom:30px;line-height:1.75}.detail-placeholder a{text-underline-offset:6px;align-items:center;min-height:44px;font-weight:680;display:inline-flex}.short-project{max-width:960px;margin:0 auto}.short-project-intro,.short-project-copy,.short-project-process,.short-project-footer{border-bottom:1px solid var(--line);padding:clamp(42px,6vw,72px) 0}.short-project-intro{padding-top:20px}.short-project h2{letter-spacing:-.045em;max-width:800px;margin:0 0 20px;font-size:clamp(30px,5vw,54px);font-weight:680;line-height:1.08}.short-project-role{color:#555a61;max-width:780px;margin:0;font-size:18px;line-height:1.55}.short-project-feature{border:1px solid var(--line);border-radius:var(--radius);place-items:center;min-height:0;margin:0;padding:clamp(20px,5vw,54px);display:grid}.short-project-azul .short-project-feature{background:#eaf1ff;border-color:#cbd7ef}.short-project-route-plus .short-project-feature{background:#f6d2ba;border-color:#e8bda6}.short-project-passcode .short-project-feature{background:#f3ede3;border-color:#ded3c2}.short-project-feature img{border-radius:18px;width:min(100%,720px);height:auto;display:block}.short-project-copy{gap:42px;display:grid}.short-project-copy>div{max-width:820px}.short-project-copy h2,.short-project-process h2{font-size:clamp(28px,4vw,42px)}.short-project-copy p{margin:0;font-size:20px;line-height:1.65}.short-project-copy p+p{margin-top:20px}.short-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.short-project-gallery-item{border:1px solid var(--line);border-radius:var(--radius);background:#f7f8fb;min-width:0;margin:0;padding:14px}.short-project-gallery-wide{grid-column:1/-1}.short-project-gallery-item img{object-fit:contain;background:#fff;border-radius:12px;width:100%;height:min(68vw,680px);display:block}.short-project-gallery-wide img{height:min(72vw,760px)}.short-project-gallery-item figcaption{color:#5b6067;padding:14px 4px 2px;font-size:15px;line-height:1.45}.short-project-footer{border-bottom:0;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.short-project-footer>div{justify-items:start;gap:12px;display:grid}.short-project-footer p{margin:0;font-size:20px}.short-project-footer>div>span{color:#666a70;font-size:14px}.short-project-footer-simple{justify-content:flex-end}.short-project-prototype-link,.short-project-home-link{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 18px;font-weight:650;text-decoration:none;display:inline-flex}.short-project-prototype-link{color:#fff;background:#29488f}.short-project-route-plus .short-project-prototype-link{background:#493276}.short-project-home-link{border:1px solid var(--line);color:var(--ink)}.detail-facts{border-block:1px solid var(--line);grid-template-columns:1.2fr .9fr .7fr 1.8fr;gap:0;margin:48px 0 0;display:grid}.detail-facts-3{grid-template-columns:1.1fr .8fr 1.8fr}.detail-facts>div{min-width:0;padding:18px 24px 20px 0}.detail-facts>div+div{border-left:1px solid var(--line);padding-left:24px}.detail-facts dt{color:#666a70;letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:16px;font-weight:600}.detail-facts dd{margin:0;font-size:16px;line-height:1.45}.detail-responsibilities{gap:4px;margin:0;padding-left:20px;display:grid}.detail-responsibilities li{padding-left:2px}.case-study-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(38px,5vw,58px);display:grid}.case-study-layout .case-study-article{grid-area:1/2;min-width:0}.case-study-jump-panel{border-right:1px solid var(--line);grid-area:1/1;max-height:calc(100vh - 48px);padding:4px 22px 4px 0;position:sticky;top:24px;overflow-y:auto}.case-study-jump-panel p{margin:0 0 16px;font-size:16px;font-weight:600}.case-study-jump-panel ol{gap:11px;margin:0;padding:0;list-style:none;display:grid}.case-study-jump-panel ol ol{gap:7px;margin-top:8px;padding-left:12px}.case-study-jump-panel a{color:#4f5359;font-size:14px;line-height:1.35;text-decoration:none}.case-study-jump-panel>nav>ol>li>a{color:var(--ink);font-size:16px;font-weight:600}.case-study-jump-panel a:hover{color:var(--accent-red-dark);text-underline-offset:3px;text-decoration:underline}.case-study-section [id]{scroll-margin-top:28px}.case-study-article{max-width:960px;margin:0 auto}.case-study-section{border-bottom:1px solid var(--line);padding:clamp(62px,8vw,96px) 0}.case-study-section:last-child{border-bottom:0}.case-study-section h2{letter-spacing:-.035em;max-width:760px;margin:0 0 30px;font-size:28px;font-weight:600;line-height:1.12}.case-study-section h3,.case-study-section h4{letter-spacing:-.02em;margin:0 0 14px;font-size:20px;font-weight:600;line-height:1.3}.case-study-section h4{margin-top:32px}.case-study-section p,.case-study-section li,.case-study-section blockquote,.case-study-section dd,.case-study-section dt{font-size:20px;line-height:1.65}.case-study-section p{max-width:72ch;margin:0 0 22px}.case-study-section ul,.case-study-section ol{margin:0 0 26px;padding-left:24px}.case-study-section li+li{margin-top:9px}.case-study-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,64px);display:grid}.case-study-summary,.case-study-summary h2,.case-study-summary p{max-width:none}.case-study-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(28px,4vw,46px);display:grid}.case-study-summary-image{border:1px solid var(--line);border-radius:var(--radius);background:#f1efeb;margin:0;padding:12px;overflow:hidden}.case-study-summary-image img{border-radius:10px;width:100%;height:auto;display:block}.work-detail-staples-b2b .case-study-summary-image,.work-detail-sun-life .case-study-summary-image{margin-bottom:20px}.case-study-accomplishments{margin-top:34px}.case-study-callout{border-radius:var(--radius);background:#f7f3ff;border:1px solid #ded8ef;padding:28px}.case-study-callout ul:last-child,.case-study-callout p:last-child{margin-bottom:0}.case-study-stat-summary{background:#fff8df;border-color:#e9dfbc;grid-template-columns:1fr;gap:24px;display:grid}.case-study-stat-summary>div+div{border-top:1px solid #e2d5a4;padding-top:24px}.case-study-stat-summary strong{color:var(--accent-red);letter-spacing:-.06em;margin-bottom:8px;font-size:clamp(42px,7vw,68px);line-height:1;display:block}.case-study-stat-summary p{margin:0;font-weight:600}.context-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.context-facts>div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.context-facts dt{color:#666a70;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:16px;font-weight:600}.context-facts dd{margin:0;line-height:1.5}.case-study-constraints{background:#fff8df;border-color:#e9dfbc;margin-top:46px}.case-study-constraints-plain{margin-top:0}.question-list{gap:10px;margin-top:30px;display:grid}.question-list blockquote{border-left:4px solid var(--accent-red);background:#fff0f1;border-radius:0 10px 10px 0;margin:0;padding:16px 18px;font-weight:600}.case-study-evidence{border-radius:var(--radius);background:#eef9fc;margin-top:50px;padding:30px}.case-study-evidence p:last-child,.case-study-evidence ol:last-child{margin-bottom:0}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.evidence-grid>div{border-top:1px solid #bdd7df;padding-top:18px}.evidence-grid h4{margin-top:0}.evidence-grid p{margin-bottom:0}.case-study-insight{max-width:none}.insight-quote{max-width:860px;color:var(--accent-red-dark);letter-spacing:-.04em;margin:0 0 40px;font-weight:600;font-size:clamp(28px,4.5vw,48px)!important;line-height:1.2!important}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.feedback-grid blockquote{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:0;padding:24px}.insight-figure{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;margin:34px 0;padding:24px}.insight-figure figcaption{color:#60646a;margin-top:16px;font-size:14px;line-height:1.4}.insight-image-figure img{border-radius:10px;width:100%;height:auto;display:block}.navigation-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.navigation-flow>div{gap:8px;display:grid}.navigation-flow>div>span{color:#666a70;letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:600}.navigation-flow strong{background:#f7f7f5;border:1px solid #d9d9d6;border-radius:9px;padding:13px 14px;font-size:16px;font-weight:600;line-height:1.25}.navigation-flow>div:last-child strong{background:#eef9fc;border-color:#bdd7df}.navigation-flow-arrow{color:var(--accent-red);font-size:24px}.decision-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:36px 0 42px;display:grid}.decision-option{border-radius:var(--radius);border:1px solid;flex-direction:column;min-height:310px;padding:24px;display:flex}.decision-negative{background:#fff0f1;border-color:#edb8b5}.decision-positive{background:#e8f6ee;border-color:#a9d7be}.decision-labels{justify-content:space-between;align-items:center;gap:12px;margin-bottom:auto;padding-bottom:42px;display:flex}.case-study-solution>h2{margin-bottom:42px}.solution-subsection+.solution-subsection{border-top:1px solid var(--line);margin-top:64px;padding-top:64px}.solution-subsection>h3{max-width:760px;margin-bottom:24px;font-size:24px}.case-study-solution .decision-labels{margin-bottom:18px;padding-bottom:0}.case-study-solution .decision-option{min-height:260px}.case-study-solution .decision-option h4,.phase-columns h4,.validation-overview h4{margin:0 0 14px}.decision-labels span{font-size:16px;font-weight:600}.decision-labels span:last-child{color:#7f2028;background:#f2c7c4;border-radius:999px;padding:4px 8px}.decision-positive .decision-labels span:last-child{color:#205b46;background:#bfe7d0}.decision-option p{margin-bottom:0;font-size:16px;line-height:1.5}.decision-reasoning{margin-top:44px}.accessibility-decision{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:center;gap:clamp(34px,6vw,72px);display:grid}.accessibility-decision h2{max-width:640px}.accessibility-badge{border-radius:var(--radius);background:#e8f6ee;border:1px solid #a9d7be;gap:8px;padding:30px;display:grid}.accessibility-badge span{color:#436355;text-transform:uppercase;letter-spacing:.04em;font-size:16px;font-weight:600}.accessibility-badge strong{color:#205b46;margin-bottom:22px;font-size:28px;line-height:1.15}.accessibility-badge strong:last-child{margin-bottom:0}.component-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:38px 0;display:grid}.component-map>div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.component-map dt{color:#666a70;font-size:16px}.component-map dd{margin:8px 0 0;font-weight:600;line-height:1.35}.component-map dd:before{content:"→";color:var(--accent-red);margin-bottom:8px;display:block}.case-study-chip-list{flex-wrap:wrap;gap:10px;list-style:none;display:flex;padding:0!important}.case-study-chip-list li{background:#f0edff;border-radius:999px;padding:9px 14px;font-size:16px;margin:0!important}.priority-list{border-top:1px solid var(--line);margin:34px 0}.priority-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:12px 0;display:flex}.priority-row>span:first-child{font-size:20px}.priority-level{text-align:center;border-radius:999px;min-width:86px;padding:5px 10px;font-size:16px;font-weight:600}.priority-high{color:#7f2028;background:#ffd7d2}.priority-medium{color:#674d00;background:#fff0bf}.priority-low{color:#205b46;background:#dcefe3}.solution-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px;display:grid}.solution-notes p{border:1px solid var(--line);border-radius:12px;margin:0;padding:18px 20px;font-weight:600}.validation-list{counter-reset:validation;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;display:grid;margin:30px 0 58px!important;padding:0!important}.validation-list li{counter-increment:validation;border:1px solid var(--line);border-radius:12px;margin:0;padding:18px}.validation-list li:before{content:counter(validation, decimal-leading-zero);color:var(--accent-red);margin-bottom:10px;font-size:16px;font-weight:600;display:block}.defect-columns>div{border-radius:var(--radius);background:#f7f7f5;padding:28px}.phase-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px}.phase-columns>div{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.phase-columns p,.phase-columns li{font-size:16px}.validation-overview{margin-bottom:0}.navigation-rollout{gap:20px;margin-top:20px;display:grid}.navigation-phase{border-top:1px solid var(--line);padding-top:20px}.navigation-phase:first-child{border-top:0;padding-top:0}.navigation-phase>h4{margin-top:0}.related-contribution+.related-contribution{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.outcome-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.outcome-metrics article{border:1px solid var(--line);border-radius:var(--radius);background:#fff8df;padding:30px}.outcome-metrics article+article{background:#eef9fc}.outcome-metrics strong{color:var(--accent-red);letter-spacing:-.06em;margin-bottom:28px;font-size:clamp(44px,7vw,72px);line-height:1;display:block}.outcome-metrics p:last-child{margin-bottom:0}.case-study-takeaway blockquote{max-width:900px;color:var(--accent-red-dark);letter-spacing:-.045em;margin:0 0 38px;font-size:clamp(30px,5vw,54px);font-weight:600;line-height:1.18}.case-study-outcome{max-width:none;margin-top:0}.case-study-outcome .case-study-columns>div{border-radius:var(--radius);background:#fff8df;padding:30px}.case-study-outcome .case-study-columns>div+div{background:#eef9fc}.case-study-outcome p:last-child,.case-study-outcome ul:last-child{margin-bottom:0}.case-study-layout .case-study-section{padding:20px 0}.case-study-layout .case-study-section h2,.case-study-layout .case-study-solution>h2,.case-study-layout .solution-subsection>h3,.case-study-layout .case-study-section p,.case-study-layout .case-study-section ul,.case-study-layout .case-study-section ol{margin-bottom:20px}.case-study-layout .case-study-summary-grid,.case-study-layout .case-study-columns,.case-study-layout .feedback-grid,.case-study-layout .evidence-grid,.case-study-layout .decision-grid,.case-study-layout .phase-columns,.case-study-layout .accessibility-decision,.case-study-layout .outcome-metrics,.case-study-layout .component-map,.case-study-layout .validation-list{grid-template-columns:1fr}.case-study-layout .case-study-summary-grid,.case-study-layout .case-study-columns{gap:20px}.case-study-layout .case-study-context-grid{gap:12px}.case-study-layout .case-study-context-grid h3{margin-bottom:8px}.case-study-layout .case-study-context-grid p{margin-bottom:0}.case-study-layout .decision-option,.case-study-layout .case-study-solution .decision-option{min-height:0}.case-study-layout .feedback-grid,.case-study-layout .evidence-grid,.case-study-layout .decision-grid,.case-study-layout .phase-columns{gap:20px}.case-study-layout .case-study-accomplishments,.case-study-layout .case-study-constraints,.case-study-layout .case-study-evidence,.case-study-layout .phase-columns,.case-study-layout .decision-grid{margin-top:20px}.case-study-layout .decision-grid,.case-study-layout .feedback-grid,.case-study-layout .insight-figure{margin-bottom:20px}.case-study-layout .insight-figure{margin-top:20px}.case-study-layout .solution-subsection+.solution-subsection{margin-top:12px;padding-top:12px}.staples-b2b-case-study .case-study-context-grid{gap:20px;display:grid}.audience-state-notes,.homepage-hierarchy-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0;display:grid}.audience-state-notes article{background:#fff3bc;border:1px solid #e5d8a5;border-radius:3px;min-height:210px;padding:28px;box-shadow:0 10px 18px #2c281414}.audience-state-notes article:first-child{transform:rotate(-.8deg)}.audience-state-notes article:last-child{background:#dff4ec;border-color:#bfded2;transform:rotate(.8deg)}.audience-state-notes h4,.audience-state-notes p,.feedback-grid-plain p,.homepage-hierarchy-comparison p,.homepage-hierarchy-comparison ul,.homepage-hierarchy-comparison ol{margin-bottom:0!important}.feedback-grid-plain p{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.homepage-hierarchy-comparison>article{border:1px solid var(--line);border-radius:var(--radius);background:#fff4f3;padding:28px}.homepage-hierarchy-comparison>article:last-child{background:#eaf7f1;border-color:#bcdcca}.homepage-hierarchy-comparison .comparison-label{color:#666a70;letter-spacing:.06em;text-transform:uppercase;font-size:15px;font-weight:700;margin-bottom:10px!important}.homepage-hierarchy-comparison h3{min-height:84px}.homepage-hierarchy-comparison ul,.homepage-hierarchy-comparison ol{padding-left:22px}.staples-b2b-case-study .case-study-outcome>p{max-width:72ch}.staples-b2b-case-study .insight-quote{max-width:72ch;color:var(--ink);letter-spacing:normal;margin-bottom:20px;font-weight:400;font-size:20px!important;line-height:1.65!important}.staples-b2b-case-study .business-impact-block{margin-top:40px}.staples-b2b-media{background:#fff;overflow:hidden}.staples-b2b-media img{border-radius:10px;width:100%;height:auto;display:block}.case-study-media.staples-b2b-media-portrait img{object-fit:contain;width:min(100%,548px);max-width:100%;max-height:none;margin-inline:auto}.staples-b2b-media figcaption{color:#60646a;margin-top:12px;font-size:15px;line-height:1.45}.staples-b2b-result-media{gap:20px;margin:20px 0;display:grid}.staples-b2b-result-media .case-study-media{margin:0}.case-study-media{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:20px 0;padding:12px}.case-study-media img{border-radius:10px;width:100%;height:auto;display:block}.case-study-media-portrait img{object-fit:contain;width:auto;max-width:100%;max-height:720px;margin-inline:auto}.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:72px;grid-auto-flow:dense;gap:12px;height:auto;display:grid}.portfolio-item{grid-column:var(--desktop-column);grid-row:var(--desktop-row);width:auto;height:auto;position:relative;top:auto;left:auto}.brand{font-size:24px;font-weight:600}.filter-button{min-height:48px;font-size:20px;font-weight:400}.filter-button[aria-selected=true]{font-weight:600}.card h1,.card h2,.site-footer h2,.detail-header h1,.detail-placeholder h2{color:var(--ink);font-weight:600}.card h2{letter-spacing:-.035em;font-size:28px;line-height:1.12}.card p,.skill-list li,.footer-contact,.detail-nav,.detail-header>span{color:var(--ink);font-size:20px;font-weight:400}.card-kicker{color:var(--ink);letter-spacing:.08em;margin-bottom:8px;font-size:20px;font-weight:600}.card-hero{grid-template-columns:40% 60%;padding:24px}.avatar-frame{width:200px;aspect-ratio:var(--image-ratio);box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.hero-copy h1{letter-spacing:-.02em;margin-bottom:18px;font-family:Ampista Demo,Montserrat Variable,Montserrat,sans-serif;font-size:46px;font-weight:400;line-height:1}.hero-copy p{max-width:280px;color:var(--ink);font-size:20px;line-height:1.4}.hero-copy .card-kicker{margin-bottom:8px;font-size:16px}.hero-copy em{color:var(--accent-red);font-family:Montserrat Variable,Montserrat,sans-serif;font-size:1em;font-weight:600}.card-skills h2{font-size:26px}.social-marks>span,.social-marks>a{width:40px;height:40px;font-size:20px;font-weight:600}.card-skills{gap:18px;padding:24px}.skill-list{gap:9px}.skill-list li{padding:8px 12px;line-height:1.2}.portfolio-grid[data-filter=about] .skill-list{flex-direction:column;display:flex}.portfolio-grid[data-filter=about] .card-skills{justify-content:center}.card-work{grid-template-rows:1fr auto;grid-template-columns:48% 52%;align-items:center;display:grid}.work-copy{grid-area:1/1}.work-copy,.card-work-azul .work-copy,.card-work-route-plus .work-copy,.card-work-sun-life .work-copy,.card-work-passcode .work-copy{align-self:center;padding:20px}.work-copy h2,.card-work-passcode .work-copy h2,.card-work-sun-life .work-copy h2{margin-bottom:10px;font-size:28px}.work-summary,.card-work-sun-life .work-summary{max-width:none;color:var(--ink);margin-bottom:10px;font-size:20px;line-height:1.35}.work-headline{margin-bottom:8px;line-height:1.3;font-weight:600!important}.work-meta,.card-work-sun-life .work-meta{color:var(--ink);margin-bottom:0;font-size:20px;font-weight:400;line-height:1.3}.work-image,.card-work-azul .work-image,.card-work-route-plus .work-image{width:calc(100% - 24px);height:auto;min-height:0;aspect-ratio:var(--image-ratio);place-self:center;margin:12px;position:relative}.work-image{grid-area:1/2/3}.card-work-staples-b2b,.card-work-passcode,.card-work-staplesprint,.card-work-route-plus{flex-direction:column;align-items:stretch;display:flex}.card-work-staples-b2b .work-copy,.card-work-passcode .work-copy,.card-work-staplesprint .work-copy,.card-work-route-plus .work-copy{flex:none;align-self:stretch}.card-work-staples-b2b .work-image,.card-work-passcode .work-image{width:calc(100% - 40px);aspect-ratio:var(--image-ratio);margin:auto 20px 10px}.card-work-azul{grid-template-columns:52% 48%}.card-work-sun-life{grid-template-columns:40% 60%}.card-work-sun-life .work-image{width:calc(100% - 16px);margin:8px}.card-work-staplesprint .work-image,.card-work-route-plus .work-image{width:calc(100% - 24px);margin:auto 12px 10px}.portfolio-grid[data-filter=case-study] .card-work-staplesprint,.portfolio-grid[data-filter=project] .card-work-route-plus{grid-template-rows:1fr auto;grid-template-columns:42% 58%;align-items:center;display:grid}.portfolio-grid[data-filter=case-study] .card-work-staplesprint .work-copy,.portfolio-grid[data-filter=project] .card-work-route-plus .work-copy{grid-area:1/1;align-self:center}.portfolio-grid[data-filter=case-study] .card-work-staplesprint .work-image,.portfolio-grid[data-filter=project] .card-work-route-plus .work-image{width:calc(100% - 24px);aspect-ratio:var(--image-ratio);grid-area:1/2/3;place-self:center;margin:12px}.card-work-azul .work-image img,.card-work-route-plus .work-image img{object-fit:cover!important}.card-about{flex-direction:column;align-items:stretch;display:flex}.about-copy{flex:none;padding:24px 24px 12px}.about-copy h2{margin-bottom:12px;font-size:28px}.about-copy p{color:var(--ink);font-size:20px;line-height:1.4}.about-image{aspect-ratio:auto;border-radius:12px;flex:1;place-self:center;width:calc(100% - 48px);min-height:150px;margin:0 24px 24px}.about-image img{object-fit:contain}.card-personality{background:#f5f2ff;grid-template-columns:42% 58%;align-items:center;padding:20px;display:grid}.personality-copy{align-self:center;padding-right:16px}.card-personality h2{margin-bottom:12px;font-size:28px}.personality-copy p{color:var(--ink);margin-bottom:0;font-size:20px;line-height:1.4}.personality-image{width:100%;height:100%;min-height:0;position:relative}.personality-image img{object-fit:contain;object-position:center bottom}.card-impact{padding:20px}.portfolio-grid[data-filter=all] .card-impact .impact-list{grid-template-columns:1fr}.impact-intro h2{margin-bottom:14px;font-size:28px}.impact-list{gap:10px}.impact-list li{padding:10px}.impact-title{margin-bottom:4px;font-size:20px;line-height:1.25;font-weight:600!important}.impact-list p:not(.impact-title){color:var(--ink);font-size:20px;line-height:1.25}.site-footer h2{font-size:30px;font-weight:600}.footer-intro{color:var(--ink);font-size:16px;line-height:1.4}.site-footer h2 em{color:var(--ink);font-family:Montserrat Variable,Montserrat,sans-serif;font-weight:400}.footer-contact,.detail-nav,.detail-header>span{font-size:20px}.p2,.card p.p2,.detail-header>.p2{font-size:16px;font-weight:400;line-height:1.4}.footer-contact a[href^=mailto\:]{font-size:16px}@media (max-width:1219px){.site-header,.site-main,.site-footer{width:calc(100% - 32px)}.portfolio-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:92px;gap:12px;height:auto;display:grid}.portfolio-item{grid-column:var(--laptop-column);grid-row:var(--laptop-row);width:auto;height:auto;position:relative;top:auto;left:auto}.portfolio-grid[data-filter=about] .skill-list{display:flex}.portfolio-item-skills{align-self:stretch;height:auto}.card-skills{gap:10px;padding:16px 18px}.skill-list{gap:6px}.skill-list li{padding:5px 10px}.card-work-staples-b2b .work-copy,.card-work-staplesprint .work-copy{flex-basis:178px}}@media (max-width:1000px){.case-study-layout{grid-template-columns:1fr}.case-study-layout .case-study-article{grid-area:auto/1}.case-study-jump-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;order:-1;grid-area:auto/1;max-height:none;padding:20px;position:static;overflow:visible}.case-study-jump-panel>nav>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (max-width:820px){.site-header{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:12px;min-height:126px}.filter-navigation{grid-area:2/1;justify-self:start}.brand{grid-row:1}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:110px;gap:10px}.portfolio-item{grid-column:var(--tablet-column);grid-row:var(--tablet-row)}.card-work-azul,.card-personality{grid-template-columns:42% 58%}.card-work-sun-life{grid-template-columns:36% 64%}.site-footer{align-items:flex-start}.footer-contact{flex-direction:column;align-items:flex-start;gap:7px}.card-skills{gap:18px;padding:24px}.skill-list{gap:9px}.skill-list li{padding:8px 12px}}@media (max-width:620px){.audience-state-notes,.homepage-hierarchy-comparison{grid-template-columns:1fr}.audience-state-notes article{min-height:0;transform:none!important}.homepage-hierarchy-comparison h3{min-height:0}.site-header,.site-main,.site-footer,.work-detail{width:calc(100% - 24px)}.site-header{min-height:132px;padding-top:12px}.brand{font-size:1.18rem}.filter-navigation{border-radius:15px;width:100%;padding:4px;display:flex;overflow-x:auto}.filter-button{white-space:nowrap;border-radius:12px;min-width:0;min-height:44px;padding-inline:8px;font-size:20px}.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px}.portfolio-item{min-height:280px;grid-area:auto/1/auto/-1!important}.portfolio-item-hero{min-height:380px}.portfolio-item-skills{height:328px;min-height:328px}.portfolio-item-about{min-height:620px}.portfolio-item-personality{min-height:499px}.portfolio-item-impact{min-height:640px}.portfolio-item-staplesprint,.portfolio-item-staples-b2b,.portfolio-item-passcode{min-height:720px}.portfolio-item-azul{min-height:420px}.portfolio-item-route-plus,.portfolio-item-sun-life{min-height:520px}.card-hero{grid-template-columns:41% 59%;padding:14px 17px 14px 10px}.avatar-frame{border-width:0;width:min(92%,150px)}.hero-copy h1{margin-bottom:13px;font-size:clamp(1.75rem,8vw,2.25rem)}.hero-copy p{font-size:20px;line-height:1.4}.arrow-button{width:38px;height:38px}.card-skills{padding:20px}.card-work-azul,.card-work-route-plus{grid-template-columns:48% 52%}.card-personality{grid-template-rows:auto 1fr;grid-template-columns:1fr}.personality-copy{padding-bottom:12px;padding-right:0}.card-about{grid-template-rows:auto 1fr;grid-template-columns:1fr}.about-copy{padding:20px}.about-copy p{font-size:20px}.card-impact{padding:17px}.impact-list{grid-template-columns:1fr}.impact-list li{min-height:80px}.impact-list p{font-size:20px}.work-copy{padding:20px 20px 12px}.site-footer{flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:168px;margin-top:10px;padding:22px}.footer-contact{flex-flow:wrap;gap:15px}.detail-nav span{display:none}.detail-header h1{font-size:clamp(2.5rem,13vw,4rem)}.detail-image{min-height:430px}}@media (max-width:820px){.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-facts>div:nth-child(3){border-left:0;padding-left:0}.detail-facts>div:nth-child(n+3){border-top:1px solid var(--line)}.case-study-summary,.case-study-summary-grid,.case-study-columns,.feedback-grid,.validation-list,.context-facts,.accessibility-decision,.outcome-metrics,.component-map,.decision-grid,.evidence-grid,.phase-columns{grid-template-columns:1fr}.decision-option{min-height:0}.decision-labels{margin-bottom:34px;padding-bottom:0}.component-map dd:before{margin:0 9px 0 0;display:inline}}@media (max-width:620px){.detail-header{padding:48px 0 38px}.detail-header h1{margin-bottom:20px;font-size:clamp(42px,13vw,58px)}.detail-header>p:not(.card-kicker){font-size:20px}.detail-facts{grid-template-columns:1fr;margin-top:34px}.case-study-jump-panel>nav>ol{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-jump-panel ol ol{display:none}.detail-facts>div,.detail-facts>div+div,.detail-facts>div:nth-child(3){border-left:0;border-top:1px solid var(--line);padding:14px 0}.detail-facts>div:first-child{border-top:0}.detail-image{min-height:280px}.short-project-gallery{grid-template-columns:1fr}.short-project-gallery-wide{grid-column:auto}.short-project-gallery-item img,.short-project-gallery-wide img{height:auto;max-height:none}.short-project-footer{flex-direction:column;align-items:flex-start}.case-study-section{padding:54px 0}.case-study-section h2{margin-bottom:24px}.case-study-section p,.case-study-section li,.case-study-section blockquote,.case-study-section dd,.case-study-section dt{line-height:1.55}.case-study-callout,.case-study-evidence,.feedback-grid blockquote,.defect-columns>div,.case-study-outcome .case-study-columns>div,.context-facts>div,.accessibility-badge,.outcome-metrics article{padding:20px}.case-study-constraints{margin-top:34px}.insight-quote{font-size:30px!important}.solution-notes{grid-template-columns:1fr}.priority-row{align-items:flex-start}.navigation-flow{grid-template-columns:1fr}.navigation-flow-arrow{justify-self:center;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portfolio-sections{gap:64px;display:grid}.portfolio-section{min-width:0}.section-title{color:var(--ink);letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(34px,4vw,48px);font-weight:600;line-height:1.05}.filter-navigation,.site-footer{background:#fafdff}.filter-button{color:var(--ink)}.filter-button:hover{background:#e4eff8}.filter-button[aria-selected=true]{background:var(--accent-red);color:#fff}.card-hero,.card-personality{background:#e9f1fb}.card-skills,.card-impact{background:#f6faff}.card-about{background:#edf5fb}.card-work-staplesprint,.card-work-azul{background:#e7f2fa}.card-work-staples-b2b,.card-work-route-plus{background:#dcebf7}.card-work-sun-life,.card-work-passcode{background:#eff6fc}.skill-list li:first-child{background:#d5e9f8}.skill-list li:nth-child(2){background:#c8dfef}.skill-list li:nth-child(3){background:#e2eef8}.skill-list li:nth-child(4){background:#bcd7eb}.skill-list li:nth-child(5){background:#d9e8f5}.card-kicker,.hero-copy em{color:var(--accent-red)}.avatar-frame img{transform:none;object-fit:contain!important}.work-image{background:#fafdff}.work-image img,.card-work-azul .work-image img,.card-work-route-plus .work-image img,.card-work-staplesprint .work-image img,.card-work-staples-b2b .work-image img,.card-work-passcode .work-image img,.card-work-sun-life .work-image img{box-sizing:border-box;padding:10px;transform:none;object-fit:contain!important;object-position:center!important}.card-work:hover .work-image img{transform:none}.about-image img,.personality-image img{box-sizing:border-box;object-fit:contain;object-position:center;padding:8px}.site-footer{border-color:var(--line);background:#e7f1fa;min-height:96px;margin-top:64px;margin-bottom:64px}.footer-contact{gap:18px}.social-marks>span:first-child,.social-marks>a{background:var(--accent-red)}.social-marks>span:nth-child(2){background:var(--accent-red-dark)}@media (max-width:820px){.portfolio-sections{gap:52px}.section-title{margin-bottom:20px}.site-footer{margin-top:52px;margin-bottom:52px}}@media (max-width:620px){.portfolio-sections{gap:42px}.section-title{margin-bottom:16px;font-size:32px}.site-footer{min-height:188px;margin-top:42px;margin-bottom:42px}}