body .case-explore{margin-top:var(--case-section-gap,128px);margin-bottom:0;padding:0}
.case-explore-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
.case-explore-heading h2{font-family:var(--font-display);font-size:clamp(36px,4vw,60px);line-height:1.05;font-weight:800;letter-spacing:-.05em;margin:0}
.case-all-projects{display:inline-flex;gap:24px;align-items:center;white-space:nowrap;border:1px solid #171a1840;border-radius:100px;padding:14px 24px;font-size:16px}
.case-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.case-project-card{display:block;min-width:0;color:#171a18;text-decoration:none}
.case-project-art{position:relative;aspect-ratio:1.35;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#eee7f8}
.case-project-art>img{display:block;width:100%;height:100%;object-fit:contain}
.case-project-art.cover-library{background:#fff7ed}.case-project-art.cover-home{background:#edf1e5;gap:6%;padding:6% 8%}
.case-project-art.cover-player{gap:6%;padding:6% 8%}
.case-project-art.cover-spaces{background:#afa0eb}.case-project-art.cover-public{background:#fff7ed}
.case-project-art .landing-player-phone{position:relative;width:37%;aspect-ratio:1948/3940;flex:none}
.case-project-art .landing-player-screen{position:absolute;left:5.35%;top:2%;width:89.3%;height:96%;object-fit:fill;border-radius:13%/6%;background:#111}
.case-project-art .landing-player-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.case-project-art .home-cover-phone{position:relative;width:37%;aspect-ratio:770/1578;flex:none;clip-path:inset(1% 1.5% round 15% / 7%)}
.case-project-caption{position:relative;padding:24px 40px 0 0}
.case-project-caption h3{font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.035em;margin:0 0 8px}
.case-project-caption p{font-size:16px;line-height:1.5;color:#626962;margin:0}
.case-project-caption>span{position:absolute;right:0;top:24px;font-size:28px;transition:transform .25s ease}
.case-project-card:hover .case-project-caption>span{transform:translate(3px,-3px)}
body .case-footer{width:auto;max-width:none;margin:128px 24px 24px;padding:56px 6%;border-radius:48px;background:#eeeae5;display:flex;justify-content:space-between;align-items:center;gap:32px;color:#171a18}
.case-footer-contact{display:flex;flex-direction:column;gap:16px}.case-footer-brand{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.055em}.case-footer-email{font-size:17px;line-height:1.5}
body .case-footer-links{display:flex;gap:28px;font-size:15px;margin:0}
@media(max-width:767px){body .case-explore{margin-top:72px}.case-explore-heading{align-items:start;gap:16px;margin-bottom:32px}.case-explore-heading h2{font-size:34px}.case-all-projects{font-size:14px;padding:10px 16px;gap:12px}.case-project-grid{grid-template-columns:1fr;gap:40px}.case-project-caption{padding-top:20px}.case-project-caption h3{font-size:22px}body .case-footer{margin:72px 16px 16px;padding:40px 24px;border-radius:32px;display:block}body .case-footer-links{margin-top:32px;gap:24px;flex-wrap:wrap}}
.case-project-art.cover-podimo{background:#fff7ed}.case-project-art.cover-spaces{background:#e8e1fd}
/* Exact landing-page footer identity, contact and utility row. */
body footer.landing-footer{width:auto;max-width:none;margin:128px 0 0;padding:168px 6vw 0;border-radius:0;background:#dba7b2;display:grid;grid-template-columns:1fr auto;gap:64px 32px;min-height:0;position:relative;overflow:hidden;align-items:center;isolation:isolate;color:#171a18}
body footer.landing-footer::before,body footer.landing-footer::after{display:none}
body footer.landing-footer .mix-footer-brand{margin:0;padding:0;display:block}
body footer.landing-footer .mix-signature{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.8vw,40px);letter-spacing:-.06em;display:flex;align-items:center;gap:16px;white-space:nowrap;line-height:1}
body footer.landing-footer .mix-signature span{margin:0}
body footer.landing-footer .mix-footer-email{display:inline-block;font-size:clamp(16px,1.5vw,20px);margin-top:16px;line-height:1.5}
body footer.landing-footer>.mix-social{display:grid;place-items:center;position:static;background:transparent;border-radius:0;width:48px;height:48px;color:#171a18}
body footer.landing-footer .mix-social svg{display:block}
body footer.landing-footer .footer-details{grid-column:1/-1;position:relative;z-index:2;background:#171a18;color:#fff;margin:0 -6vw;padding:24px 6vw;display:flex;justify-content:space-between;gap:24px;border:0;font-size:14px}
body footer.landing-footer .footer-details span{margin:0}
body footer.landing-footer .footer-details a{color:#fff}
@media(max-width:800px){body footer.landing-footer{margin-top:72px;padding:104px 24px 0;grid-template-columns:1fr auto;gap:48px 16px}body footer.landing-footer .mix-signature{font-size:28px}body footer.landing-footer .mix-footer-email{font-size:15px}body footer.landing-footer>.mix-social{width:40px;height:40px}body footer.landing-footer .mix-social svg{width:28px;height:28px}body footer.landing-footer .footer-details{margin:0 -24px;padding:24px;flex-wrap:wrap;font-size:11px}}
/* The white content rounds over the pink footer, exactly as on the landing page. */
.case-footer-bridge{position:relative;z-index:2;display:flow-root;background:#fff;border-radius:0 0 104px 104px;padding-bottom:104px}
body footer.landing-footer{margin-top:-104px;padding-top:168px}
.case-project-art>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.case-project-art>video.is-ready{opacity:1}
.case-project-art.cover-podimo{background:#fff7ed}
.case-project-art.cover-spaces>video{transform:scale(1.05)}
.case-project-art.cover-public>video{transform:scale(1.1)}
@media(max-width:800px){.case-footer-bridge{border-radius:0 0 48px 48px;padding-bottom:80px}body footer.landing-footer{margin-top:-48px;padding-top:104px}}
.case-project-art.cover-podimo{background:#e8e1fa}
.case-project-art.cover-podimo>img{transform:scale(1.04)}
.case-project-art.cover-library>img{transform:scale(1.08)}
.case-project-art>.cover-video-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none}
.case-project-art>video{object-fit:cover}
.case-project-art.cover-spaces>video{transform:none}
@media(max-width:800px){.case-project-art.cover-public>video{transform:scale(1.18)}}

/* Approved landing footer, on mobile surfaces only. */
@media(max-width:800px){
 body footer.landing-footer .footer-details>span:not(:first-child),
 body footer.landing-footer .footer-details>a[href$=".pdf"]{display:none}
 body footer.landing-footer .footer-details{flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;opacity:1!important;transform:none!important}
 body footer.landing-footer .footer-details>span{width:auto;margin:0}
}
@media(max-width:800px){
 .case-project-art.cover-public>video{transform:none;object-fit:contain;object-position:center}
 .case-project-art.cover-public>.cover-video-fallback{transform:none;object-fit:contain;object-position:center}
}
/* Public Spaces uses only its prototype on mobile, never the old three-screen layer. */
@media(max-width:800px){
 .case-project-art.cover-public>.cover-video-fallback{display:none}
}
@media(max-width:800px){
 .case-project-art.cover-public{aspect-ratio:1.1;background:#fdf7eb}
 .case-project-art.cover-public>video{object-fit:cover;object-position:center;transform:none}
}