/* The Home invitation, reused above every light-page footer. */
html body:is(.about-page,.case-page) #content>.light-closing-statement{
 padding-block:96px;margin-block:0;background:#fff;color:#1a1a1a;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .home-closing-title,
html body:is(.about-page,.case-page) #content .light-closing-statement .home-closing-title *{
 font-family:'Stack Sans Notch',Helvetica,Arial,sans-serif!important;
 font-size:var(--h1-size)!important;line-height:var(--h1-leading)!important;
 font-weight:400!important;letter-spacing:.02em!important;text-transform:uppercase;color:inherit;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .home-closing-title{
 margin:0;max-width:100%;overflow-wrap:normal;position:relative;isolation:isolate;text-align:left;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-work-preview{
 display:inline-block;position:relative;width:1.25em;height:.8em;
 margin-inline:-.03em;vertical-align:-.1em;overflow:visible;z-index:-1;
 background:transparent;isolation:auto;border-radius:12px;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-work-preview>img{
 display:block;position:absolute;left:50%;top:50%;width:185%;height:auto;max-width:none;max-height:none;
 transform:translate(-50%,-50%);object-fit:contain;border-radius:12px;overflow:hidden;opacity:.9;pointer-events:none;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-ending{display:inline-block;white-space:nowrap}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-changing-word{display:inline-block;position:relative;vertical-align:baseline}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-word-text{display:inline-block}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-word-pixels{
 position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-word-pixels[hidden]{display:none}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon{
 display:inline-block;position:relative;width:1em;height:.9em;
 vertical-align:-.14em;margin-inline:-.05em;overflow:visible;
 opacity:1!important;filter:none!important;transition:none!important;--inline-art-scale:1.25;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon>img{
 display:block;position:static;inset:auto;width:100%;height:100%;max-width:100%;object-fit:contain;pointer-events:none;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon>.pixel-enter-canvas{
 position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;image-rendering:pixelated;
}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon>:is(img,.pixel-enter-canvas){transform:scale(var(--inline-art-scale));transform-origin:center}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon:has(>img[src*="mouse"]){--inline-art-scale:1.35}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon:has(>img[src*="keyboard"]){--inline-art-scale:1.45}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon:has(>img[src*="vr"]){--inline-art-scale:1.35}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon:has(>img[src*="heart-pixel"]){--inline-art-scale:1.15425}
html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon:has(>img[src*="phone-pixel"])>:is(img,.pixel-enter-canvas){transform:scale(var(--inline-art-scale)) scaleX(-1)!important}
@media(prefers-reduced-motion:no-preference){
 html body:is(.about-page,.case-page) #content .light-closing-statement .closing-inline-icon:not(.icon-entered)>img{visibility:hidden!important}
}
/* The case navigation / CV row and the footer retain separate divider edges. */
html body.case-page #content .case-navigation{margin-bottom:0;border-bottom:1px solid var(--line)}
html body.about-page #content .about-download{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html body:is(.about-page,.case-page):has(.light-closing-statement)>.site-footer{margin-top:0;border-top:1px solid var(--line)}
@media(max-width:767px){
 html body:is(.about-page,.case-page) #content>.light-closing-statement{padding-block:64px}
}