.work-page-gallery{background:white;color:var(--ink)}
.work-page-gallery .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}
.work-page-gallery .project[hidden]{display:none}
.work-page-gallery .project-category{color:white}
.work-page-gallery .project-caption p{color:var(--ink)}
.work-page-gallery .project-caption>span{color:var(--ink);opacity:.65}
.work-page-gallery .work-filters button{color:var(--ink);border-color:#24365c50}
.work-page-gallery .work-filters button:hover,.work-page-gallery .work-filters button[aria-pressed="true"]{color:white;border-color:var(--pink)}
/* Add a third column before a two-column thumbnail grows beyond roughly 600px. */
@media(min-width:1440px){.work-page-gallery .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .work-page-gallery .project-grid{gap:32px 16px}
 .work-page-gallery .project-caption h3{font-size:22px;line-height:1.08}
 .work-page-gallery .project-caption p{font-size:14px;line-height:1.5}
 .work-page-gallery .project-caption{gap:6px}
 .work-page-gallery .project-category{left:8px;bottom:8px;padding:5px 9px;font-size:11px}
 .work-page-gallery .project-open{width:28px;height:28px;top:8px;right:8px;font-size:18px}
}

/* Character hero follows the Studio page’s stacked copy and eased parallax. */
.work-page-hero{position:relative;overflow:hidden;isolation:isolate}
.info-page .work-page-hero .case-title{position:relative;z-index:1;grid-template-columns:minmax(0,1fr);gap:40px;padding-right:49%;padding-bottom:96px;min-height:640px;align-items:start}
.info-page .work-page-hero h1{font-size:clamp(54px,6.7vw,104px)}
.info-page .work-page-hero .case-hero-note>p{font-size:clamp(20px,2vw,26px);line-height:1.35;margin:0;max-width:670px}
.work-dragon{position:absolute;width:69%;max-width:1124px;height:auto;right:-5%;top:clamp(-180px,calc(176px - 20vw),-25px);pointer-events:none;transform:translate3d(0,var(--ogre-y,0px),0);will-change:transform}
@media(min-width:1600px){.work-dragon{right:0;top:-180px}}
@media(max-width:750px){
.info-page .work-page-hero .case-title{padding-right:6%;padding-bottom:420px;min-height:0;gap:32px}
.info-page .work-page-hero h1{font-size:clamp(54px,10vw,78px)}
.info-page .work-page-hero .case-hero-note>p{max-width:440px;font-size:21px}
.work-dragon{width:650px;max-width:110%;top:auto;bottom:0;right:-10%;transform:translate3d(0,calc(33% + var(--ogre-y,0px)),0)}
}
.project-page.info-page #top.work-page-hero .case-title{row-gap:40px}
.project-page.info-page #top.work-page-hero .case-title>div{display:block;grid-column:1;grid-row:auto}
.project-page.info-page #top.work-page-hero .case-title .case-hero-note>p{font-size:clamp(20px,2vw,26px);margin:0}
@media(max-width:750px){.project-page.info-page #top.work-page-hero .case-title{row-gap:32px}.project-page.info-page #top.work-page-hero .case-title .case-hero-note>p{font-size:21px}}

/* Match the Studio hero’s shared small-copy rule at every breakpoint. */
.project-page.info-page #top.work-page-hero .case-title .case-hero-note>p{font-size:clamp(18px,1.4vw,20px);line-height:1.5}
.work-title-line{white-space:nowrap}
.info-page .work-page-hero h1{font-size:clamp(54px,6.7vw,104px)}
@media(max-width:750px){.info-page .work-page-hero h1{font-size:clamp(44px,13.8vw,78px)}}

@media(max-width:900px){.work-dragon{display:none}.info-page .work-page-hero .case-title{padding-right:6%;padding-bottom:64px;min-height:0}}

.jobs-character{position:absolute;width:50%;max-width:780px;height:auto;right:1%;top:112px;pointer-events:none;transform:translate3d(0,var(--ogre-y,0px),0);will-change:transform}
@media(max-width:900px){.jobs-character{display:none}}

.services-character{position:absolute;width:50%;max-width:780px;height:auto;right:1%;top:100px;pointer-events:none;transform:translate3d(0,var(--ogre-y,0px),0);will-change:transform}
@media(max-width:900px){.services-character{display:none}}

main>section.wrap.work-page-gallery{padding-bottom:0}
main>section.clients.wrap.work-clients{padding-top:96px;padding-bottom:96px}
.work-clients .logos{margin-top:0}
@media(max-width:650px){.work-page-gallery .project-grid{grid-template-columns:minmax(0,1fr)}}