/* Content stays at the V8 scale; atmospheric light can extend beyond it. */
.new-design .artboard{overflow:visible;isolation:isolate;background:transparent}
.new-design .essence,.new-design .manifesto,.new-design .site-footer{background:transparent}
.new-design .artboard::before{
 content:'';position:absolute;pointer-events:none;z-index:-1;
 top:-70px;bottom:-70px;left:50%;width:var(--scene-width,100%);
 transform:translateX(-50%);
 background:var(--scene-light,none);
 mask-image:linear-gradient(transparent,#000 140px,#000 calc(100% - 140px),transparent);
}
.new-design .essence-wrap{--scene-light:radial-gradient(ellipse at 92% 40%,#24597e1b,transparent 46%),radial-gradient(ellipse at 86% 65%,#80467a10,transparent 42%)}
.new-design .work{--scene-light:radial-gradient(ellipse at 72% 70%,#19548c24,transparent 52%),radial-gradient(ellipse at 23% 74%,#97643812,transparent 40%)}
.new-design .studio{--scene-light:radial-gradient(ellipse at 85% 70%,#3b317d14,transparent 50%),radial-gradient(ellipse at 22% 75%,#20527b12,transparent 50%)}
.new-design .founder{--scene-light:radial-gradient(ellipse at 20% 76%,#27496117,transparent 50%)}
.new-design .closing{--scene-light:radial-gradient(ellipse at 84% 24%,#29426b1c,transparent 48%),radial-gradient(ellipse at 90% 18%,#85507310,transparent 40%)}
/* Fade the viewport, not the center card. Shadows fade with the image. */
.new-design .project-stage{
 mask-image:linear-gradient(90deg,transparent,#0002 3%,#0009 7%,#000 13%,#000 87%,#0009 93%,#0002 97%,transparent);
}
.new-design .project-stage figure{opacity:1;transition:none}
.project-depth{
 position:relative;transform-origin:center;
 transform:perspective(1200px) translateZ(var(--depth-z,0px)) rotateY(var(--depth-y,0deg)) translateY(var(--depth-drop,0px));
 opacity:var(--depth-opacity,1);
}
@media(max-width:800px){
 .new-design .project-stage{mask-image:linear-gradient(90deg,transparent,#0005 3%,#000 7%,#000 93%,#0005 97%,transparent)}
}
@media(prefers-reduced-motion:reduce){
 .project-depth{transform:none;opacity:1}
}