.work-showcase{border-block:1px solid var(--border);background:var(--background);scroll-margin-top:4rem}.work-showcase-heading{gap:1.5rem;display:grid}.work-showcase-layout{border:1px solid var(--border);margin-top:3rem;display:grid}.work-showcase-drawing{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);perspective:1200px;background-size:2rem 2rem;min-height:36rem;position:relative;overflow:hidden}.work-showcase-coordinate,.work-showcase-figure{font-family:var(--font-mono);color:var(--muted-foreground);font-size:.6875rem;position:absolute;left:1.5rem}.work-showcase-coordinate{top:1.5rem}.work-showcase-figure{bottom:1.5rem}.work-showcase-cross{color:var(--muted-foreground);position:absolute;right:1.5rem}.work-showcase-cross-start{top:1rem}.work-showcase-cross-end{bottom:1rem}.work-showcase-stack{width:20rem;height:15rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-showcase-sheet{border:1px solid var(--foreground);background:var(--card);color:var(--foreground);transition:transform .85s var(--ease-out), opacity .65s var(--ease-out);box-shadow:6px 6px 0 var(--background), 7px 7px 0 var(--border);position:absolute;inset:0;transform:rotateX(45deg)rotate(-25deg)}.work-showcase-sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.6875rem;display:flex}.work-showcase-sheet-header span:nth-child(2){margin-right:auto}.work-showcase-brief{transform:translate(-1.5rem,7rem)rotateX(45deg)rotate(-25deg)}.work-showcase-code{background:var(--foreground);color:var(--background);transform:rotateX(45deg)rotate(-25deg)}.work-showcase-result{transform:translate(1.5rem,-7rem)rotateX(45deg)rotate(-25deg)}.work-showcase-brief-title{padding:1rem 1.5rem 0;font-size:1.5rem;font-weight:650;line-height:1.1}.work-showcase-lines{gap:.5rem;padding:1rem 1.5rem;display:grid}.work-showcase-lines i{opacity:.35;background:currentColor;height:3px}.work-showcase-lines i:nth-child(2n){width:70%}.work-showcase-lines i:last-child{width:45%}.work-showcase-tag{margin-left:1.5rem;font-size:.625rem}.work-showcase-code-body{align-items:center;padding:1.25rem;display:flex}.work-showcase-code-mark{color:inherit;letter-spacing:-.1em;font-size:2.5rem}.work-showcase-code-body .work-showcase-lines{flex:1}.work-showcase-check{border-top:1px solid;margin:0 1.5rem;padding-top:.75rem;font-size:.6875rem}.work-showcase-check span{color:inherit;margin-right:.5rem}.work-showcase-mini-page{grid-template-columns:1.25fr 1fr;gap:1rem;padding:1rem 1.5rem;display:grid}.work-showcase-mini-label{font-size:.5rem;display:block}.work-showcase-mini-page strong{letter-spacing:-.06em;margin-top:.5rem;font-size:2rem;line-height:.95;display:block}.work-showcase-mini-button{background:var(--volt);color:var(--volt-foreground);margin-top:.75rem;padding:.375rem .5rem;font-size:.5625rem;display:inline-block}.work-showcase-mini-page svg{stroke:currentColor;stroke-width:1px;width:100%;height:8rem}.work-showcase-result-footer{border-top:1px solid var(--border);justify-content:space-between;padding:.5rem 1rem;font-size:.625rem;display:flex}.work-showcase-layout[data-stage="0"] .work-showcase-brief{z-index:3;transform:translateY(-5rem)rotateX(20deg)rotate(-8deg)}.work-showcase-layout[data-stage="0"] .work-showcase-code{opacity:.25;transform:translate(1rem,3rem)rotateX(45deg)rotate(-25deg)}.work-showcase-layout[data-stage="0"] .work-showcase-result{opacity:.15;transform:translate(2rem,6rem)rotateX(45deg)rotate(-25deg)}.work-showcase-layout[data-stage="2"] .work-showcase-result{transform:rotateX(0)rotate(0)scale(1.1)}.work-showcase-layout[data-stage="2"] .work-showcase-code{opacity:.3;transform:translate(-.5rem,1rem)rotate(-5deg)}.work-showcase-layout[data-stage="2"] .work-showcase-brief{opacity:.2;transform:translate(-1rem,2rem)rotate(-10deg)}.work-showcase-story{border-top:1px solid var(--border);padding:2rem}.work-showcase-controls{margin-top:1.5rem;display:grid}.work-showcase-controls button{text-align:left;border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:1rem;padding:1rem .75rem;display:flex}.work-showcase-controls button>:last-child{margin-left:auto}.work-showcase-controls button[aria-pressed=true]{background:var(--volt);color:var(--volt-foreground)}.work-showcase-controls button:hover{outline:1px solid var(--foreground);outline-offset:-1px}.work-showcase-controls button:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.work-showcase-caption{min-height:12rem;margin-top:2rem;display:grid}@media (min-width:768px){.work-showcase-heading{grid-template-columns:1fr 1fr;align-items:end}.work-showcase-heading>:first-child{grid-column:1/-1}.work-showcase-heading>:last-child{justify-self:end}.work-showcase-layout{grid-template-columns:1.35fr 1fr}.work-showcase-story{border-top:0;border-left:1px solid var(--border)}}@media (max-width:479px){.work-showcase-drawing{min-height:29rem}.work-showcase-stack{transform:translate(-50%,-50%)scale(.75)}.work-showcase-story{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.work-showcase-sheet{transition:none}}@media (min-width:768px) and (max-width:1023px){.work-showcase-stack{transform:translate(-50%,-50%)scale(.85)}}.work-showcase-playback{text-underline-offset:.25rem;cursor:pointer;margin-top:.75rem;text-decoration:underline;display:block}.work-showcase-playback:disabled{cursor:default;text-decoration:none}.work-showcase-playback:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.illustration-scene{border:1px solid var(--border);background:var(--card);width:100%;padding:1.5rem;position:relative;overflow:hidden}.illustration-scene-top{color:var(--muted-foreground);justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.illustration-scene-top button{cursor:pointer;text-underline-offset:.25rem}.illustration-scene-top button:hover{text-decoration:underline}.illustration-scene-top button:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.illustration-scene-top button:disabled{cursor:default}.illustration-scene-art{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:2rem 2rem;margin-block:1.5rem}.illustration-scene-title{font-family:var(--font-face-display);letter-spacing:-.025em;font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:650;line-height:1.1}.illustration-scene-detail{color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem}.illustration-scene-rail{border-top:1px solid var(--border);align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1rem;font-size:.75rem;display:flex}.illustration-scene-rail i{background:var(--border);flex:1;height:1px;position:relative}.illustration-scene-rail i:after{content:"";background:var(--volt-ink);width:5px;height:5px;animation:illustration-packet 3s var(--ease-in-out) infinite;border-radius:50%;position:absolute;top:-2px;left:0}.illustration-scene-rail i:nth-of-type(2):after{animation-delay:1.5s}.work-art{width:100%;height:auto;overflow:visible}.work-art-object{transform-origin:50%;animation:illustration-float 7s var(--ease-in-out) infinite}.work-art-trace{stroke-dasharray:1;animation:illustration-draw 7s var(--ease-in-out) infinite}.work-art-signals{transform-origin:50%;animation:illustration-signal 5s var(--ease-in-out) infinite}.work-showcase-mini-page .work-art{height:8rem}[data-playing] .work-art-object,[data-playing] .work-art-trace,[data-playing] .work-art-signals,[data-playing] .illustration-scene-rail i:after{animation-play-state:paused}[data-playing=true] .work-art-object,[data-playing=true] .work-art-trace,[data-playing=true] .work-art-signals,[data-playing=true] .illustration-scene-rail i:after{animation-play-state:running}@keyframes illustration-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes illustration-draw{0%,to{stroke-dashoffset:0;opacity:1}45%{stroke-dashoffset:1px;opacity:.25}80%{stroke-dashoffset:0;opacity:1}}@keyframes illustration-signal{0%,to{transform:scale(1)}50%{transform:scale(.94)}}@keyframes illustration-packet{0%{opacity:.2;transform:translate(0)}50%{opacity:1}to{opacity:.2;transform:translate(3rem)}}@media (prefers-reduced-motion:reduce){.work-art-object,.work-art-trace,.work-art-signals,.illustration-scene-rail i:after{animation:none}}.work-showcase-caption-item{grid-area:1/1}.illustration-scene-steps{border-top:1px solid var(--border);gap:.75rem;margin-top:1rem;padding-top:1rem;font-size:.875rem;display:grid}.illustration-scene-steps li{gap:.75rem;display:flex}.illustration-scene-steps li span{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.illustration-scene:has(.illustration-scene-steps) .illustration-scene-art{max-width:16rem;margin:.75rem auto}@media (prefers-reduced-motion:reduce){.work-art-trace{stroke-dasharray:none;stroke-dashoffset:0}}