/* Presentation frames never crop, recolour, retouch, or overlay the supplied artwork. */
.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 70px;padding-top:30px;border-top:1px solid #c9cdca}.work-filters button{font:600 12px 'DM Sans',Arial,sans-serif;border:1px solid #b6bcb8;border-radius:100px;padding:13px 19px;background:transparent;color:#343c37;cursor:pointer}.work-filters button span{font-size:10px;margin-left:10px;color:#777e79}.work-filters button[aria-pressed=true]{background:#242b27;border-color:#242b27;color:white}.work-filters button[aria-pressed=true] span{color:#c3d4c5}.work-filters button:focus-visible{outline:2px solid #4c7158;outline-offset:4px}.portfolio-project[hidden]{display:none!important}
.portfolio-art{display:flex;align-items:center;justify-content:center;gap:4%;padding:32px;background:#e4e7e3;text-decoration:none;box-shadow:none!important;filter:none!important}.portfolio-art img{width:100%;height:auto;max-height:100%;object-fit:contain;box-shadow:none;transform:none!important;filter:none!important;min-width:0}.work-art.portfolio-art>*{pointer-events:auto}.portfolio-art-mobile{background:#dfe4df;align-items:center;padding:34px 24px;gap:20px}.portfolio-art-mobile img{width:calc((100% - 40px)/3);height:auto;max-height:100%;object-fit:contain;align-self:center}.portfolio-art-responsive{align-items:center;background:#e5e5df;gap:22px}.portfolio-art-responsive img:first-child{width:67%;max-height:100%;object-fit:contain}.portfolio-art-responsive img:last-child{width:20%;max-height:100%;object-fit:contain}.portfolio-art-campaign,.portfolio-art-characters{padding:0;background:transparent!important}.portfolio-art-campaign img,.portfolio-art-characters img{height:auto;width:100%;max-height:none;object-fit:contain}.project .work-art.portfolio-art-campaign,.project .work-art.portfolio-art-characters{height:auto;align-self:center;aspect-ratio:2472/1619}.project .portfolio-art-existing{background:#222425;padding:24px}.project .portfolio-art-existing img{object-fit:contain;max-height:100%}.portfolio-project:hover .work-art{filter:none}.portfolio-project .project-info h3{font-size:clamp(35px,4.3vw,72px)}
.artwork-link{display:block;min-width:0;cursor:zoom-in}.artwork-link:focus-visible{outline:3px solid #82a68a;outline-offset:6px}.artwork-link img{width:100%;height:auto;object-fit:contain;filter:none;transform:none;box-shadow:none;background:transparent}.case-cover>.artwork-link{max-width:1500px;margin:auto}.case-cover>.artwork-link>img{width:100%;height:auto;max-height:78vh;object-fit:contain}.original-cover-set{display:flex;justify-content:center;align-items:flex-start;gap:clamp(14px,3vw,48px);max-width:1300px;margin:auto;padding:20px 0}.original-cover-set .artwork-link{flex:1;max-width:31%}.original-cover-set img{width:100%;height:auto;max-height:80vh;object-fit:contain;object-position:top}.original-cover-responsive .artwork-link:first-child{flex:3;max-width:75%}.original-cover-responsive .artwork-link:last-child{flex:1;max-width:22%}.original-cover-responsive img{max-height:88vh}.case-cover-stay,.case-cover-fruit-delivery{background:#e0e4de}.case-cover-stay figcaption,.case-cover-fruit-delivery figcaption{color:#37453a}.case-cover-characters{padding:0 0 25px;background:#87b0bd}.case-cover-characters>.artwork-link>img{max-height:none}.case-cover-characters figcaption{padding:0 4%;color:#172e38}.case-layout-campaign .case-cover{background:#181c1e}.case-layout-mobile .gallery-piece:not(.gallery-piece-set){max-width:620px;margin-left:auto;margin-right:auto;padding:clamp(20px,4vw,55px);background:#e0e4df}.case-layout-mobile .gallery-piece:not(.gallery-piece-set) img{max-width:440px;margin:auto}.case-layout-mobile .gallery-piece figcaption{font-size:10px}.original-screen-set{display:grid;grid-template-columns:repeat(var(--screen-count),minmax(0,1fr));align-items:start;gap:clamp(16px,3vw,45px);padding:clamp(22px,4vw,60px);background:#e0e4df}.original-screen-set img{width:100%;height:auto;background:transparent;box-shadow:none}.gallery-piece-set{max-width:1400px}.case-story{padding:65px 6% 100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;border-bottom:1px solid #ccd0cd}.case-story section{max-width:460px}.case-story h3{font:700 13px 'DM Sans',Arial,sans-serif;margin:0 0 20px;text-transform:uppercase;letter-spacing:.09em}.case-story p{font-size:15px;line-height:1.8;color:#5a625e;margin:0}.case-layout-campaign .case-images,.case-layout-characters .case-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:65px 28px}.case-layout-campaign .gallery-piece,.case-layout-characters .gallery-piece{margin:0;max-width:none}.case-layout-campaign .gallery-piece figcaption,.case-layout-characters .gallery-piece figcaption{display:block}.case-layout-campaign .gallery-piece figcaption>span:last-child,.case-layout-characters .gallery-piece figcaption>span:last-child{display:block;text-align:left;margin-top:10px;max-width:100%}.case-layout-responsive .gallery-piece:nth-last-child(-n+2){max-width:520px}.case-gallery[hidden]{display:none}.case-lead h1{overflow-wrap:normal}.case-layout-characters .case-lead h1{font-size:clamp(69px,13vw,220px)}
@media(max-width:800px){.portfolio-art{padding:24px}.portfolio-art-mobile{gap:12px;padding:24px 16px}.portfolio-art-mobile img{width:calc((100% - 24px)/3)}.work-filters{margin-bottom:60px}.case-story{grid-template-columns:1fr;gap:35px;padding:55px 6% 75px}.case-story section{max-width:700px}.case-layout-campaign .case-images,.case-layout-characters .case-images{grid-template-columns:1fr;gap:70px}.case-layout-campaign .gallery-piece figcaption{display:flex}.case-layout-campaign .gallery-piece figcaption>span:last-child{text-align:right;margin-top:0}.portfolio-project .project-info h3{font-size:clamp(34px,6.7vw,52px)}}
@media(max-width:560px){.work-filters{gap:8px}.work-filters button{padding:11px 13px;font-size:11px}.work-filters button span{margin-left:6px}.project .work-art.portfolio-art-mobile{height:390px}.project .work-art.portfolio-art-responsive{height:390px}.portfolio-art-responsive{gap:12px;padding:20px 14px}.portfolio-art-mobile img{max-height:350px}.original-cover-set{gap:10px;padding:12px 0}.original-cover-set .artwork-link{max-width:32%}.original-screen-set{grid-template-columns:1fr;justify-items:center;gap:35px;padding:30px 20px}.original-screen-set .artwork-link{max-width:360px;width:100%}.case-layout-campaign .gallery-piece figcaption{display:block}.case-layout-campaign .gallery-piece figcaption>span:last-child{text-align:left;margin-top:10px}.case-layout-characters .case-lead h1{font-size:16.4vw}.case-layout-mobile .gallery-piece:not(.gallery-piece-set){padding:25px 18px}.case-cover>.artwork-link>img{max-height:none}.case-story{padding-left:24px;padding-right:24px}}

.contact-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:19px 27px;border:1px solid #252c29;border-radius:100px;font:600 14px 'DM Sans',Arial,sans-serif;line-height:1.4;transition:background .2s,color .2s,transform .2s}.contact-button span{font-size:20px;line-height:1}.contact-button-primary{background:#252c29;color:#fff}.contact-button-secondary{background:transparent;color:#252c29;border-color:#b1b8b2}.contact-button-primary:hover{background:#405347;border-color:#405347}.contact-button-secondary:hover{background:#e9ede7;border-color:#7e8b80}.contact-button:focus-visible{outline:2px solid #4c7158;outline-offset:5px}@media(max-width:560px){.contact-actions{align-items:stretch;gap:12px}.contact-button{padding:17px 23px;font-size:13px;gap:28px}}
