.review-note{display:inline-block;background:#fff5e9;color:#693900;padding:9px 15px;border-left:3px solid #ff7900;font-size:14px}.experience-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:30px 0 45px}.project-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-summary{padding:32px;border:1px solid #d9e2eb;border-top:3px solid #ff7900;border-radius:6px;background:#fff}.project-summary h2{font-size:26px;line-height:1.2;margin:12px 0 18px}.project-summary h3{font-size:16px;margin:22px 0 6px}.project-context{font-size:18px;color:#53677d}.project-tags{font-size:13px;color:#53677d;border-top:1px solid #e3e9ee;padding-top:17px;margin-top:22px}.experience-clients{background:#f7f9fb;text-align:center}.experience-clients h2{font-size:24px}.experience-clients>.wrap>p{font-size:16px}.client-logo-strip{display:flex;align-items:center;list-style:none;margin:24px 0;padding:12px 0;gap:40px;overflow-x:auto;scrollbar-width:thin;scroll-behavior:smooth}.client-logo-strip li{flex:0 0 calc((100% - 160px)/5);height:78px;display:flex;align-items:center;justify-content:center}.client-logo-strip img{max-width:145px;max-height:54px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.7}.client-strip-controls{display:flex;justify-content:center;gap:12px;margin-top:18px}.client-strip-controls button{background:white;color:#29435e;border:1px solid #d5dee6;border-radius:4px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}.client-strip-controls button:focus-visible,.client-logo-strip:focus-visible{outline:3px solid #ff7900;outline-offset:3px}.client-note{max-width:790px;margin:20px auto 0;color:#617083;font-size:13px!important}@media(max-width:900px){.client-logo-strip li{flex-basis:calc((100% - 80px)/3)}.experience-intro{gap:28px}.project-summary{padding:24px}}@media(max-width:650px){.project-summary-grid,.experience-intro{grid-template-columns:1fr}.experience-intro{gap:12px}.client-logo-strip li{flex-basis:calc((100% - 40px)/2)}.client-logo-strip img{max-width:120px}.project-summary h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.client-logo-strip{scroll-behavior:auto}}
/* Static organisation grid: all logos visible, with no carousel controls. */
.experience-clients{background:#fff;border-top:1px solid #e5ebf0;border-bottom:1px solid #e5ebf0}
.client-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:28px 32px;list-style:none;padding:15px 0;margin:28px auto;max-width:1000px}
.client-logo-grid li{min-width:0;height:74px;display:flex;align-items:center;justify-content:center}
.client-logo-grid img{max-width:125px;max-height:52px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.8}
@media(max-width:1000px){.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
@media(max-width:650px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.client-logo-grid li{height:64px}.client-logo-grid img{max-width:120px;max-height:48px}}

/* Compact review layout, 14 organisations. */
.experience-clients{padding:30px 0!important}.experience-clients h2{margin:0 0 8px;font-size:22px}.experience-clients>.wrap>p{margin-top:8px}.client-logo-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 22px;padding:4px 0;margin:18px auto;max-width:1000px}.client-logo-grid li{height:58px}.client-logo-grid img{max-width:108px;max-height:42px;opacity:.85}.client-note{margin-top:14px;font-size:12px!important}@media(max-width:1000px){.client-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 18px}}@media(max-width:650px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.client-logo-grid li{height:50px}.client-logo-grid img{max-width:85px;max-height:36px}}

.client-logo-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.career-logo-note{display:flex;gap:20px;align-items:center;justify-content:center;font-size:13px;color:#617083;margin:14px 0}.career-logo-note img{width:105px;max-height:35px;object-fit:contain;filter:grayscale(1) brightness(.4)}@media(max-width:1000px){.client-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:650px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.career-logo-note{flex-direction:column;gap:10px}}

.client-logo-grid img[src*="experience-new-logo-1"]{filter:grayscale(1) brightness(.4)}
/* Optical sizing: balance visible lettering rather than image file boxes. */
.client-logo-grid img[src*="experience-imation"]{max-width:88px;max-height:29px}
.client-logo-grid img[src*="experience-stella"]{max-width:142px;width:142px;max-height:44px}
.client-logo-grid img[src*="experience-logo-07"]{max-width:132px;width:132px;max-height:48px}
.client-logo-grid img[src*="experience-logo-09"]{max-width:122px;width:122px;max-height:46px}
.client-logo-grid{column-gap:24px}
@media(max-width:650px){
.client-logo-grid{column-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.client-logo-grid img[src*="experience-imation"]{max-width:84px;max-height:28px}
.client-logo-grid img[src*="experience-stella"]{max-width:140px;width:140px}
.client-logo-grid img[src*="experience-logo-07"]{max-width:126px;width:126px}
.client-logo-grid img[src*="experience-logo-09"]{max-width:118px;width:118px}
}
.client-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1060px;gap:8px 22px}
.client-logo-grid img[src*="experience-imation"]{width:80px;max-width:80px;max-height:24px}
.client-logo-grid img[src*="experience-stella"]{width:182px;max-width:100%;max-height:44px;opacity:1;filter:grayscale(1) brightness(.55)}
.client-logo-grid img[src*="experience-logo-07"]{width:106px;max-width:106px;max-height:25px}
.client-logo-grid img[src*="experience-logo-09"]{width:112px;max-width:112px;max-height:27px}
@media(max-width:900px){.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.client-logo-grid img[src*="experience-stella"]{width:150px;max-width:100%}}
/* Slightly increase John Lewis and Sanofi to balance neighbouring wordmarks. */
.client-logo-grid img[src*="experience-logo-00"],
.client-logo-grid img[src*="experience-logo-01"]{width:124px;max-width:124px;max-height:48px}
@media(max-width:650px){.client-logo-grid img[src*="experience-logo-00"],.client-logo-grid img[src*="experience-logo-01"]{width:116px;max-width:100%;max-height:44px}}
/* Enlarge the historic GSK wordmark for legibility. */
.client-logo-grid img[src*="experience-logo-04"]{width:136px;max-width:136px;max-height:52px}
@media(max-width:650px){.client-logo-grid img[src*="experience-logo-04"]{width:128px;max-width:100%;max-height:48px}}

.client-logo-grid img[src*="experience-3m"]{width:52px;max-width:52px;max-height:28px}
/* Match the site's pale-blue card surfaces, navy text and orange accents. */
main#main .project-summary{background:#edf3f8;border-color:#d5e0eb;border-top-color:#ff7900;color:#163858}
main#main .project-summary h2,main#main .project-summary h3{color:#163858}
main#main .project-summary .project-context{color:#425d76}
main#main .project-summary .project-tags{color:#425d76;border-top-color:#cfdae5}
main#main .project-summary p:not(.eyebrow){line-height:1.6}
main#main .project-summary .eyebrow{color:#b94e00}
/* Match the site-wide three-column desktop card layout. */
@media(min-width:1100px){.project-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Original project photographs, displayed consistently within the cards. */
.project-summary .project-photo{margin:-32px -32px 24px;overflow:hidden;border-radius:3px 3px 0 0;aspect-ratio:2/1;background:#d5e0eb}
.project-summary .project-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.project-summary .project-photo{margin:-24px -24px 22px}}

.project-photo-illustrative{position:relative}.project-photo-illustrative figcaption{position:absolute;right:8px;bottom:8px;background:rgba(15,45,75,.85);color:white;font-size:10px;line-height:1.4;padding:3px 6px;border-radius:3px}

.project-photo-pair-images{display:grid;grid-template-columns:3fr 2fr;gap:3px;height:100%}.project-photo-pair-images img{min-width:0}.project-photo-pair-images img:first-child{object-position:50% 72%}.project-photo-pair figcaption{font-size:9px}
/* Cruise project: one main ship scene with a smaller logistics inset. */
.project-photo-pair .project-photo-pair-images{display:block;position:relative;height:100%;background:#dbe6ed}
.project-photo-pair .project-photo-pair-images img:first-child{width:100%;height:100%;object-fit:cover;object-position:50% 78%}
.project-photo-pair .project-photo-pair-images img:last-child{position:absolute;right:12px;bottom:26px;width:29%;height:53%;object-fit:cover;border:3px solid white;border-radius:4px;box-shadow:0 2px 8px #122c4966}
.project-photo-pair figcaption{left:8px;right:auto;bottom:7px;font-size:8px}

.project-summary .project-photo img[src*="project-fulfilment-wide-v2"]{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}

/* Compact project summaries; remove the former bottom topic section. */
main#main .project-summary{padding:22px}
.project-summary-grid{gap:22px}
main#main .project-summary .project-photo{margin:-22px -22px 17px}
main#main .project-summary .eyebrow{margin:0 0 10px;font-size:12px}
main#main .project-summary h2{font-size:24px;line-height:1.2;margin:0 0 13px}
main#main .project-summary .project-context{font-size:16px;margin:0 0 15px;line-height:1.5}
main#main .project-summary h3{font-size:16px;margin:15px 0 7px}
main#main .project-summary p:not(.eyebrow):not(.project-context){font-size:15px;line-height:1.5;margin:0}
@media(max-width:650px){main#main .project-summary{padding:20px}main#main .project-summary .project-photo{margin:-20px -20px 16px}.project-summary-grid{gap:20px}main#main .project-summary h2{font-size:23px}}