.stage{position:relative;width:100%;aspect-ratio:var(--ar, 1);background-color:var(--paper);isolation:isolate}.stage:before,.stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:multiply;background-attachment:fixed}.stage:before{background-image:radial-gradient(circle at 1px 1px,var(--ink) .6px,transparent .9px);background-size:4px 4px;opacity:var(--halftone-alpha)}.stage:after{opacity:var(--grain-alpha);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.16 0 0 0 0 0.35 0 0 0 1 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}.plate{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;mix-blend-mode:multiply;stroke-linejoin:round;stroke-linecap:round}.plate[data-ink=yellow]{color:var(--yellow)}.plate[data-ink=pink]{color:var(--pink)}.plate[data-ink=green]{color:var(--green)}.plate[data-ink=blue]{color:var(--blue)}.plate[data-ink=red]{color:var(--red)}.plate[data-ink=ink]{color:var(--ink)}.plate g{transform-box:view-box}@media (prefers-reduced-motion: no-preference){.stage .g-cloud{animation:iso-drift 16s ease-in-out infinite alternate}.stage .g-cloud.b{animation-duration:13s;animation-delay:-5s}.stage .plate .sig{animation:iso-sig 2.6s var(--ease-paper) infinite}.stage .plate .sig.s2{animation-delay:.35s}.stage .plate .sig.s3{animation-delay:.7s}.stage .g-sheet{animation:iso-sway 3.4s ease-in-out infinite alternate}.stage .g-sheet.b{animation-duration:2.7s;animation-delay:-1s}.stage[data-active=hall] .g-wave,.vignette[data-room=hall] .g-wave{animation:iso-wave .9s ease-in-out infinite alternate}.stage[data-active=desk] .g-glow,.vignette[data-room=desk] .g-glow{animation:iso-glow 1.3s ease-in-out infinite alternate}.stage[data-active=desk] .g-cursor,.vignette[data-room=desk] .g-cursor{animation:iso-blink 1s steps(2,jump-none) infinite}.stage[data-active=gallery] .g-sculpt,.vignette[data-room=gallery] .g-sculpt{animation:iso-bob 1.2s ease-in-out infinite alternate}.stage[data-active=gallery] .g-art,.vignette[data-room=gallery] .g-art{animation:iso-shift 1.6s ease-in-out infinite alternate}.stage[data-active=study] .g-float,.vignette[data-room=study] .g-float{animation:iso-float 2.2s ease-in-out infinite alternate}.stage[data-active=wire] .tape-holes{animation:iso-tape .8s linear infinite}.stage[data-active=wire] .g-hand,.vignette[data-room=wire] .g-hand{animation:iso-spin 3s linear infinite}.stage[data-active=yard] .g-tail,.vignette[data-room=yard] .g-tail{animation:iso-tail .5s ease-in-out infinite alternate}.stage[data-active=yard] .g-sheet{animation-duration:1.1s}.stage.paused .plate *{animation-play-state:paused!important}}.plate .sig{opacity:0}@media (prefers-reduced-motion: reduce){.plate .sig{opacity:1}}@keyframes iso-drift{to{transform:translate(22px)}}@keyframes iso-sig{0%{opacity:0}20%{opacity:1}70%,to{opacity:0}}@keyframes iso-sway{0%{transform:skew(-4deg)}to{transform:skew(5deg)}}@keyframes iso-wave{0%{transform:rotate(-12deg)}to{transform:rotate(18deg)}}@keyframes iso-glow{0%{opacity:.25}to{opacity:1}}@keyframes iso-blink{50%{opacity:0}}@keyframes iso-bob{to{transform:translateY(-7px)}}@keyframes iso-shift{to{transform:translate(3px,-2px)}}@keyframes iso-float{0%{transform:translateY(2px) rotate(-3deg)}to{transform:translateY(-9px) rotate(5deg)}}@keyframes iso-tape{to{stroke-dashoffset:-3.2}}@keyframes iso-spin{to{transform:rotate(360deg)}}@keyframes iso-tail{0%{transform:rotate(-14deg)}to{transform:rotate(16deg)}}.roller{position:absolute;z-index:5;top:0;bottom:0;left:0;width:16px;margin-left:-16px;pointer-events:none;background:linear-gradient(90deg,var(--ink) 0 2px,var(--room, var(--ink)) 2px 7px,var(--paper) 7px 9px,var(--room, var(--ink)) 9px 14px,var(--ink) 14px 16px)}.roller[data-ink=yellow]{--room: var(--yellow)}.roller[data-ink=pink]{--room: var(--pink)}.roller[data-ink=green]{--room: var(--green)}.roller[data-ink=blue]{--room: var(--blue)}.roller[data-ink=red]{--room: var(--red)}.roller[data-ink=ink]{--room: var(--ink)}@media print{.plate *{animation:none!important}}