/* A graphite studio: light and a ground plane give the instrument a shared space. */
.pinned{isolation:isolate;background:#060707}
.studio-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;background:radial-gradient(ellipse at 66% 61%,#242424 0%,#141414 32%,#090909 58%,#060707 82%)}
.studio-light{position:absolute;inset:-10%;background:radial-gradient(ellipse 26% 58% at 78% 48%,rgb(180 180 180 / .15),rgb(110 110 110 / .04) 49%,transparent 72%);transform:translate3d(-1%,0,0) rotate(-18deg);animation:studio-light-drift 24s cubic-bezier(.77,0,.175,1) infinite alternate paused}
.studio-floor{position:absolute;left:-20%;right:-20%;height:40%;bottom:-9%;border-radius:50%;background:radial-gradient(ellipse at 52% 22%,rgb(130 130 130 / .18),rgb(37 37 37 / .12) 34%,transparent 66%);transform:rotate(-8deg);mask-image:linear-gradient(transparent,#000 22%,#000 65%,transparent)}
.studio-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(#060707 0%,rgb(6 7 7 / .93) 15%,transparent 44%,transparent 75%,#060707 100%)}
.studio-traces{position:absolute;inset:0;width:100%;height:100%;opacity:.62}
.studio-grain{position:absolute;inset:0;background:url(assets/studio-grain.svg);opacity:.035;mix-blend-mode:screen}
.heart-backdrop{z-index:1;top:238px;left:61%;width:clamp(380px,40vw,560px);opacity:.3;mask-image:linear-gradient(#000 58%,rgb(0 0 0 / .9) 72%,transparent 100%)}
#scene{z-index:2}
.intro{z-index:3}
.stage[data-motion="running"] .studio-light{animation-play-state:running}
@keyframes studio-light-drift{from{transform:translate3d(-1%,0,0) rotate(-18deg);opacity:.74}to{transform:translate3d(2%,1.5%,0) rotate(-14deg);opacity:1}}
@media(max-width:800px){
 .studio-backdrop{background:radial-gradient(ellipse at 64% 58%,#222222 0%,#141414 34%,#060707 73%)}
 .studio-light{animation:none;opacity:.7}
 .studio-floor{height:30%;bottom:3%;left:-40%;right:-40%}
 .studio-traces{width:180%;left:-40%;opacity:.36}
 .heart-backdrop{top:220px;left:60%;width:min(103vw,450px);opacity:.3}
}
@media(prefers-reduced-motion:reduce){.studio-light{animation:none;transform:rotate(-18deg);opacity:.85}}