/* Homepage-approved logo, carried across the site without changing page functionality. */
html{background:#020201}body{position:relative;isolation:isolate;background:transparent!important}
.site-logo-backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#020201}
.site-logo-backdrop img,.site-logo-backdrop video{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);width:min(86vh,72vw);height:min(86vh,72vw);object-fit:contain;opacity:.48;mix-blend-mode:screen}
.site-logo-backdrop video{opacity:0}.site-logo-backdrop.is-playing video{opacity:.48}.site-logo-backdrop.is-playing img{opacity:0}
.site-logo-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,1,.84),rgba(2,2,1,.30) 52%,rgba(2,2,1,.10));pointer-events:none}
/* Keep the layer visible behind page sections, with high-contrast foreground text. */
body.site-background main,body.site-background .wrap,body.site-background .opening,body.site-background .work,body.site-background .ventures,body.site-background .contact{background:transparent}
body.site-background .services{background:rgba(10,9,7,.58);color:#f1eee6;border-top:1px solid #514533;border-bottom:1px solid #514533}
body.site-background .services em{color:#d7b975}body.site-background .services .eyebrow,body.site-background .services .service-list span{color:#cfb385}
body.site-background .services .service-list>div{border-color:#514533}body.site-background .services .button{background:#ead3a6;color:#17130d;border-color:#ead3a6}
body.site-background header,body.site-background footer{background:rgba(2,2,1,.32)}
body.site-background p,body.site-background h1,body.site-background h2,body.site-background h3{position:relative}
.site-motion-control{position:fixed;right:20px;bottom:16px;z-index:40;min-width:64px;min-height:44px;padding:10px 14px;border:1px solid #6a5c43;border-radius:24px;background:rgba(12,11,8,.88);color:#e9d9b9;font:12px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.site-motion-control:hover{border-color:#d6b579}.site-motion-control:focus-visible{outline:3px solid #f0d49b;outline-offset:3px}.site-motion-control[hidden]{display:none}.site-motion-control:disabled{opacity:.65;cursor:default}
@media(max-width:700px){.site-logo-backdrop img,.site-logo-backdrop video{right:50%;transform:translate(50%,-50%);width:min(96vw,80vh);height:min(96vw,80vh);opacity:.27}.site-logo-backdrop.is-playing video{opacity:.27}.site-logo-backdrop video,.site-logo-backdrop.is-playing img{opacity:0}.site-logo-backdrop:after{background:rgba(2,2,1,.30)}.site-motion-control{right:12px;bottom:12px}.site-background footer{padding-bottom:64px}}
@media(prefers-reduced-motion:reduce){.site-logo-backdrop *{transition:none!important}}
.site-motion-control{width:84px;max-width:160px;height:44px;line-height:1.2;text-align:center;display:inline-flex;align-items:center;justify-content:center}
body.site-background .company-intro,body.site-background .project-process{background:rgba(2,2,1,.22)}
@media(max-width:700px){body.site-background .hero{padding-top:54px;min-height:690px;padding-bottom:80px}.site-background .hero-copy{margin-top:30px}.site-background .hero h1{font-size:64px}.site-background .hero .art-note{display:none}}
/* Private dark-forge art direction: generated environment, actual approved logo mesh video. */
.site-logo-backdrop{background:#070809 url('forge-environment.png') center center/cover no-repeat}
.site-logo-backdrop img,.site-logo-backdrop video{right:2vw;width:min(92vh,68vw);height:min(92vh,68vw);opacity:.82}
.site-logo-backdrop video{opacity:0}.site-logo-backdrop.is-playing video{opacity:.82}.site-logo-backdrop.is-playing img{opacity:0}
.site-logo-backdrop:after{background:linear-gradient(90deg,rgba(2,2,1,.68) 0%,rgba(2,2,1,.28) 48%,rgba(2,2,1,.04) 75%)}
body.site-background header,body.site-background footer{background:rgba(2,2,1,.52)}
body.site-background .services,body.site-background .company-intro,body.site-background .project-process{background:rgba(5,6,5,.62)}
body.site-background .ventures,body.site-background .work,body.site-background .contact{background:rgba(5,6,5,.40)}
@media(max-width:700px){.site-logo-backdrop{background-position:69% center}.site-logo-backdrop img,.site-logo-backdrop video{right:50%;width:min(100vw,86vh);height:min(100vw,86vh);opacity:.4}.site-logo-backdrop.is-playing video{opacity:.4}.site-logo-backdrop video,.site-logo-backdrop.is-playing img{opacity:0}.site-logo-backdrop:after{background:rgba(2,2,1,.48)}}
@media(min-width:701px){.site-logo-backdrop:after{background:linear-gradient(90deg,rgba(2,2,1,.68) 0%,rgba(2,2,1,.28) 48%,rgba(2,2,1,.04) 75%),linear-gradient(0deg,rgba(2,2,1,.2),transparent 45%)}}
