/* Quiet workshop: still scenery, only three small moving illustrations. */
body {isolation:isolate}
.ambient-workshop {
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
  background:radial-gradient(ellipse at 94% 25%,#44513a36,transparent 58%),
    radial-gradient(ellipse at 8% 76%,#713d2536,transparent 56%);
}
.ambient-workshop canvas {
  display:block;
  width:100%;
  height:100%;
  opacity:.7;
}
.ambient-mini {position:absolute;width:clamp(90px,11vw,150px);opacity:.18;transform:rotate(var(--lean,0deg));pointer-events:none}
.ambient-mini img {display:block;width:100%;height:auto}
.ambient-mini-pc {left:3%;top:61%;--lean:-5deg;--delay:-5s}
.ambient-mini-physics {right:7%;top:15%;--lean:8deg;--delay:-13s}
.ambient-mini-tool {right:3%;top:77%;--lean:-7deg;--delay:-19s}
.ambient-workshop[data-quality=light] .ambient-mini {animation:ambient-gentle-drift 24s ease-in-out infinite;animation-delay:var(--delay);animation-play-state:paused}
.ambient-workshop[data-quality=light][data-ambient-state=running] .ambient-mini {animation-play-state:running}
@keyframes ambient-gentle-drift {
  0%,100% {transform:translate3d(0,0,0) rotate(var(--lean))}
  50% {transform:translate3d(5px,-8px,0) rotate(calc(var(--lean) + 2deg))}
}
.ambient-workshop::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#16181422,transparent 23%,#16181418 55%,transparent 82%,#16181418);
}
#main,body>footer {position:relative;z-index:1}
.intro-active .ambient-workshop {visibility:hidden}
html[data-motion=paused] .ambient-workshop canvas {opacity:.48}
.hero-personal p,.section-heading>p,.web-copy>p,.about-copy>p,.timeline p,
.skill-lines,.archive-body,.contact-bottom>div>p {
  text-shadow:0 1px 6px #161814,0 0 16px #161814a8;
}
@media(max-width:700px) {
  .ambient-workshop canvas {opacity:.5}
  .ambient-mini {width:90px;opacity:.12}
  .ambient-mini-tool {display:none}
}
@media(prefers-reduced-motion:reduce) {
  html:not([data-motion=playing]) .ambient-workshop canvas {opacity:.48}
}
@media(forced-colors:active),print {
  .ambient-workshop {display:none}
}