.portfolio-page{background:#fff}.portfolio{--pace-blue:#4a66a6;--ink:#202629;--green:#126253}.portfolio *,.portfolio-page .brand-wordmark{letter-spacing:0}.portfolio .pace-container{width:min(1240px,calc(100% - 64px))}.portfolio .portfolio-heading{padding:48px 0 0;background:#fff}.portfolio .portfolio-heading h1{font-size:46px;max-width:1000px;margin-bottom:18px}.portfolio .portfolio-heading .pace-lead{max-width:850px;margin-bottom:30px}.portfolio .portfolio-label{color:#4a66a6;font-size:12px;font-weight:600;line-height:1.5;margin:0 0 16px}.portfolio-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-bottom:32px;color:#59645f}.portfolio .portfolio-breadcrumb a{color:#465f96}.portfolio-facts{display:flex;flex-wrap:wrap;gap:16px 28px;border-block:1px solid #dce2e6;padding:19px 0;color:#49544f;font-size:13px}.portfolio .portfolio-case-image{margin:36px 0 56px}.portfolio .portfolio-case-image img{border-radius:6px;max-height:660px;width:100%;height:auto;aspect-ratio:auto}.portfolio .portfolio-case-image.screen{padding:0}.portfolio .portfolio-case-image.screen img{object-fit:contain;background:#f2f5f7}.portfolio .portfolio-case-image.photo img{aspect-ratio:16/8;object-fit:cover}.portfolio .portfolio-case-image figcaption{max-width:900px}.portfolio-story{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,1fr);gap:80px;padding-bottom:70px;align-items:start}.portfolio .portfolio-scope{border-top:3px solid var(--pace-blue);padding-top:22px}.portfolio .portfolio-scope h2{font-size:18px}.portfolio .portfolio-scope ul{list-style:none;padding:0;margin:0 0 26px}.portfolio .portfolio-scope li{font-size:14px;line-height:1.6;border-bottom:1px solid #e1e6e8;padding:13px 0}.portfolio .portfolio-inline-link{font-size:14px;line-height:1.7;display:inline-block}.portfolio-narrative section{margin-bottom:36px}.portfolio .portfolio-narrative h2{font-size:27px;line-height:1.4;margin-bottom:16px}.portfolio .portfolio-narrative p{font-size:16px;line-height:1.9;color:#48524e}.portfolio .portfolio-result{border-left:3px solid var(--green);padding-left:26px;margin:46px 0 30px}.portfolio .portfolio-result h2{font-size:23px;color:var(--green)}.portfolio .portfolio-result .portfolio-label{color:var(--green);font-size:12px}.portfolio-reference-links{display:flex;flex-direction:column;gap:16px;font-size:14px}.portfolio .portfolio-enquiry{background:#edf3f1;border-block:1px solid #d5e1dc;padding:58px 0}.portfolio #case-studies,.portfolio #project-enquiry{scroll-margin-top:128px}.portfolio .portfolio-enquiry h2{max-width:810px;font-size:34px}.portfolio .portfolio-enquiry p{max-width:760px}.portfolio .portfolio-enquiry .portfolio-label{color:var(--green)}.portfolio-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin:26px 0 12px}.portfolio .portfolio-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 23px;min-height:56px;border-radius:6px;border:1px solid #a4b2ad;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.5;max-width:100%;text-align:center}.portfolio .portfolio-button.primary{color:#fff;background:#4a66a6;border-color:#4a66a6}.portfolio .portfolio-button:hover{background:#126253;border-color:#126253;color:#fff;text-decoration:none}.portfolio a:focus-visible,.portfolio button:focus-visible,.portfolio input:focus-visible,.portfolio select:focus-visible{outline:#126253 solid 3px;outline-offset:4px}.portfolio .portfolio-index-heading{padding-bottom:46px;border-bottom:1px solid #dce2e6}.portfolio .portfolio-index-heading h1{max-width:900px}.portfolio-catalogue{padding-block:38px 64px}.portfolio-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:baseline;margin:0 0 24px}.portfolio .portfolio-section-heading h2{font-size:29px;margin:0}.portfolio .portfolio-section-heading p{font-size:14px;margin:10px 0 0;color:#59645f}.portfolio-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr) 52px 52px;gap:16px;align-items:end}.portfolio-filters label{display:block;font-size:12px;font-weight:500;color:#53605b}.portfolio-filters input,.portfolio-filters select{display:block;width:100%;height:52px;margin-top:8px;border:1px solid #a7b6af;border-radius:4px;background:#fff;padding:10px 14px;font:inherit;font-size:14px;color:#202629}.portfolio-filters button{width:52px;height:52px;border:1px solid #a7b6af;border-radius:4px;background:#fff;color:#202629}.portfolio-filters button:hover{background:#edf3f1}.portfolio [hidden]{display:none!important}.portfolio .portfolio-count{min-height:24px;font-size:12px;margin:18px 0 28px;color:#58645e}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 28px}.portfolio-card{min-width:0;padding-bottom:24px;border-bottom:1px solid #dce2e6}.portfolio .portfolio-image{display:flex;align-items:center;justify-content:center;background:#f0f3f5;border-radius:6px;overflow:hidden;aspect-ratio:3/2}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform 180ms}.portfolio-image.screen img{object-fit:contain}.portfolio-card:hover .portfolio-image.photo img{transform:scale(1.025)}.portfolio-card-meta{font-size:11px;line-height:1.6;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#526452;margin:21px 0 9px}.portfolio .portfolio-card h3{font-size:21px;line-height:1.4;margin:0 0 10px}.portfolio .portfolio-card h3 a{color:#202629;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.portfolio-card h3 i{font-size:15px;color:var(--pace-blue)}.portfolio .portfolio-card p{font-size:14px;line-height:1.75;margin:0 0 16px;color:#56615b}.portfolio-stage{font-size:11px;font-weight:500;color:#405889}.portfolio-concepts{margin-top:70px;padding-top:36px;border-top:2px solid #4a66a6}.portfolio .portfolio-concepts .portfolio-section-heading{margin-bottom:32px}.portfolio-related{padding-block:58px 72px}.portfolio #project-empty{padding:45px 0}@media (min-width:1000px){.portfolio-scope{position:sticky;top:130px}}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-story{gap:40px}}@media (max-width:767px){.portfolio .pace-container{width:calc(100% - 32px)}.portfolio .portfolio-heading{padding-top:28px}.portfolio .portfolio-heading h1{font-size:32px;line-height:1.25}.portfolio-breadcrumb{margin-bottom:24px}.portfolio .portfolio-heading .pace-lead{font-size:17px;margin-bottom:24px}.portfolio-facts{gap:12px 20px;font-size:12px}.portfolio .portfolio-case-image{margin:24px 0 34px}.portfolio .portfolio-case-image.photo img{aspect-ratio:4/3}.portfolio-story{grid-template-columns:1fr;gap:34px;padding-bottom:32px}.portfolio .portfolio-narrative h2{font-size:24px}.portfolio .portfolio-enquiry{padding-block:38px}.portfolio .portfolio-enquiry h2{font-size:28px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-filters{grid-template-columns:minmax(0,1fr) 52px}.portfolio-filters label:first-child{grid-column:1/-1}.portfolio-filters #project-reset{grid-column:2}.portfolio-section-heading{flex-wrap:wrap;gap:12px}.portfolio .portfolio-section-heading h2{font-size:25px}.portfolio-actions{gap:16px}.portfolio-related{padding-block:40px}.portfolio .portfolio-index-heading{padding:20px 0 24px}.portfolio .portfolio-index-heading h1{font-size:30px;margin-bottom:14px}.portfolio .portfolio-index-heading .pace-lead{font-size:16px;line-height:1.65;margin-bottom:18px}.portfolio-index-heading .portfolio-actions{margin-top:18px}.portfolio-index-heading .portfolio-actions>a:not(.portfolio-button){display:none}.portfolio-catalogue{padding-top:24px}.portfolio .portfolio-section-heading{margin-bottom:16px}.portfolio .portfolio-count{margin:14px 0 20px}}@media (prefers-reduced-motion:reduce){.portfolio-image img{transition:none}}