/* One band size and copy layout across all ten routes. */
html body.unified-nav{
 --shared-footer-band-height:56px;
 --shared-footer-band-font:13px;
 --shared-footer-band-leading:1.5;
 --shared-footer-band-padding:18px;
 --shared-footer-panel-radius:20px;
 --shared-page-frame-inset:clamp(6px,1.041667vw,20px);
}

/* Home-style footer navigation shifts independently, preserving social columns. */
@media(max-width:640px){
 html body:is(.homepage,.work-page,.playground-page) .contact[data-footer-panel] footer .footer-nav{translate:-24px 0}
}
@media(max-width:360px){
 html body:is(.homepage,.work-page,.playground-page) .contact[data-footer-panel] footer .footer-nav{translate:-16px 0}
}
/* Match the case-study footer link size on desktop only. */
@media(min-width:701px){
 html body:is(.homepage,.work-page,.playground-page) .contact[data-footer-panel] footer :is(.footer-nav,.socials){font-size:18px!important}
 html body:is(.homepage,.work-page,.playground-page) .contact[data-footer-panel] footer :is(.footer-nav,.socials) :is(a,button,.social-placeholder){font:inherit!important}
}
html body:is(.homepage,.work-page,.about-v24){
 --panel-inset:var(--shared-page-frame-inset)!important;
 --outer:var(--shared-page-frame-inset)!important;
}
html body.about-v24 .about-layout.about-layout{
 margin-inline:var(--shared-page-frame-inset)!important;
 margin-bottom:0!important;
 width:calc(100% - 2 * var(--shared-page-frame-inset))!important;
}
/* Share the original case-footer layer so its older important rules cannot win. */
@layer case-shell{
html body.unified-nav :is(.footer-bottom.footer-bottom,.shared-footer-band.shared-footer-band)[data-footer-band]{
 box-sizing:border-box!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 align-items:center!important;column-gap:12px!important;row-gap:0!important;
 min-height:var(--shared-footer-band-height)!important;height:auto!important;
 padding-block:var(--shared-footer-band-padding)!important;margin-block:0!important;
 font:400 var(--shared-footer-band-font)/var(--shared-footer-band-leading) Onest,Arial,sans-serif!important;
 background:#1e272e!important;color:#f5f5f5!important;
 border:0!important;border-radius:0!important;white-space:normal!important;
}
html body.unified-nav [data-footer-band]>span{
 min-width:0;max-width:100%!important;margin:0!important;
 font:inherit!important;white-space:normal!important;overflow-wrap:normal;
}
html body.unified-nav [data-footer-band]>span:first-of-type{justify-self:start!important;text-align:left!important}
html body.unified-nav [data-footer-band]>span:last-of-type{justify-self:end!important;text-align:right!important}

}

/* The rounded light panel ends above the dark band, like About. */
html body.unified-nav .contact[data-footer-panel]{background:transparent!important}
html body.unified-nav .contact[data-footer-panel]::before{
 content:'';position:absolute;
 inset:0 0 var(--footer-band-height,var(--shared-footer-band-height)) 0!important;
 z-index:-1!important;background:#e5e5e5!important;
 border-radius:var(--shared-footer-panel-radius)!important;clip-path:none!important;
 pointer-events:none;
}

/* Equal gaps between the project cards, Work link and expertise heading. */
html body.homepage .work-section{--project-link-gap:clamp(60px,6.510417vw,125px)}
html body.homepage .work-section .view-all-projects{margin-block:var(--project-link-gap)!important}
html body.homepage .work-section .home-expertise{margin-top:0!important;padding-top:0!important}

@media(max-width:700px){
 html body.unified-nav{
  --shared-footer-band-height:48px;
  --shared-footer-band-font:10px;
  --shared-footer-band-leading:1.4;
  --shared-footer-band-padding:10px;
  --shared-footer-panel-radius:16px;
  --shared-page-frame-inset:6px;
 }
 html body.about-v24 .shared-footer-band[data-footer-band]{
  width:calc(100% - 2 * var(--shared-page-frame-inset))!important;
  margin-inline:var(--shared-page-frame-inset)!important;
 }
 html body.homepage .work-section{--project-link-gap:64px}
 html body.about-v24 .about-connect .shared-contact-actions.shared-contact-actions{width:100%!important;align-items:stretch!important}
 html body.about-v24 .about-connect .shared-contact-actions.shared-contact-actions .button{
  width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box;
 }
}