/* All outer page panels use one corner size, on desktop and mobile. */
html body.unified-nav{
 --site-container-radius:20px;
 --shared-footer-panel-radius:var(--site-container-radius);
}
/* The header and page surfaces meet the same horizontal frame edges. */
html body.unified-nav>header.site-header.site-header{
 margin-inline:var(--shared-page-frame-inset)!important;
 width:calc(100% - 2 * var(--shared-page-frame-inset))!important;
}
@media(min-width:701px){
 html body.unified-nav>header.site-header.site-header{
  --cell-pad:calc(var(--logo-left) - var(--shared-page-frame-inset));
 }
}
html body.case-page.unified-nav{
 --panel-inset:var(--shared-page-frame-inset)!important;
}
html body.case-page.unified-nav>main::before,
html body.unified-nav.homepage .hero::before{
 left:var(--shared-page-frame-inset)!important;
 right:var(--shared-page-frame-inset)!important;
}
html body.unified-nav>header.site-header,
html body.unified-nav>header.site-header::before,
html body.unified-nav .about-layout,
html body.unified-nav .work-shell,
html body.unified-nav.homepage :is(.about-section,.work-section,.contact),
html body.unified-nav.homepage .hero::before,
html body.unified-nav .contact[data-footer-panel]::before,
html body.case-page.unified-nav>main::before,
html body.case-page.unified-nav .case-next{
 border-radius:var(--site-container-radius)!important;
}

/* The case footer joins the page frame above the shared credit band. */
@layer case-shell{
 html body.case-page.unified-nav .case-footer::before{
  inset:0 var(--footer-frame-inset) var(--shared-footer-band-height)!important;
  border-radius:0 0 var(--site-container-radius) var(--site-container-radius)!important;
 }
}
html body.case-page.unified-nav .case-footer .footer-bottom::before,
html body.case-page.unified-nav .case-footer .footer-bottom::after{
 --footer-corner:var(--site-container-radius);
}