/* White homepage with a separate slate footer, October 18, 2026. */
html{background:#fff}
.home-page.home-gradient .shell{max-width:none;padding:0}
.home-gradient{--review-width:1074px;--review-gutter:48px;--neutral-ink:#202a35;--neutral-muted:#4f5b69}
.home-page.home-gradient .home-nav,.home-page.home-gradient .carousel-intro,.home-gradient .work-heading,.home-gradient .projects,.home-gradient .portfolio-footer>div,.home-gradient .portfolio-footer>nav{width:min(var(--review-width),calc(100% - var(--review-gutter)));margin-left:auto;margin-right:auto}
.home-page.home-gradient .home-nav{color:var(--neutral-ink);border-color:#d9dee4}
.home-page.home-gradient .home-nav .identity small{color:var(--neutral-muted)}
.home-page.home-gradient .carousel-intro{min-height:calc(100svh - 116px)}
.home-page.home-gradient .intro-slide{color:var(--neutral-ink)}
.home-gradient .hero-contact{color:var(--neutral-muted)}
.home-page.home-gradient .selected-work{padding:0 0 64px;border:0;position:relative;isolation:isolate}
.home-gradient .work-heading{padding:32px 0 44px;border-top:1px solid #d9dee4;color:var(--neutral-ink)}
.home-gradient .work-heading>span{color:var(--neutral-muted)}
.home-page.home-gradient .projects{gap:36px}
.home-page.home-gradient .portfolio-footer{margin:0;padding:44px 0 24px;border:0;color:var(--neutral-ink)}
.home-page.home-gradient .portfolio-footer .footer-identity p{color:inherit;opacity:1}
.home-page.home-gradient .portfolio-footer .footer-bottom{border-color:#7e899755}
.home-gradient a:focus-visible,.home-gradient button:focus-visible{outline-color:#be4805}
.home-page.home-gradient .portfolio-footer a,.home-page.home-gradient .portfolio-footer .footer-nav{color:inherit}
/* Keep the case studies white and retain the darker footer block. */
.home-gradient .selected-work{background:#fff}
.home-page.home-gradient .portfolio-footer{background:#29333f;color:#f6f8fb}
.home-gradient .footer-bottom{border-color:#ffffff35!important}
.home-gradient .portfolio-footer a:hover{color:#ffab70}

@media(max-width:760px){
 .home-gradient{--review-gutter:40px}
 .home-page.home-gradient .home-nav{padding:20px 0;gap:16px}
 .home-page.home-gradient .home-nav nav{gap:16px;font-size:13px}
 .home-page.home-gradient .home-nav .identity>span{font-size:24px}
 .home-page.home-gradient .carousel-intro{min-height:calc(100svh - 140px);padding:35px 0 28px}
 .home-gradient .work-heading{padding:26px 0 30px}
 .home-page.home-gradient .selected-work{padding-bottom:40px}
 .home-page.home-gradient .portfolio-footer{padding:36px 0 20px}
 .home-page.home-gradient .projects{gap:28px}
}
@media(max-width:400px){.home-page.home-gradient .home-nav{flex-wrap:wrap;gap:8px}.home-page.home-gradient .home-nav nav{gap:22px}.home-page.home-gradient .home-nav .identity>span{font-size:25px}}