/* Layered work imagery: actual public pages alongside explicitly illustrated maps. */
.work-visual{margin:0 0 32px}.work-layers{position:relative;aspect-ratio:1.55;isolation:isolate;margin:16px 12px 24px}
.work-layers img{position:absolute;width:88%;height:auto;aspect-ratio:1.6;object-fit:cover;border:1px solid #7d658560;border-radius:10px;box-shadow:0 16px 36px #0003;transition:transform 350ms ease;transform-origin:center}
.work-layers .work-map{left:10%;top:1%;transform:rotate(-6deg);z-index:0}.work-layers .work-front{left:1%;top:13%;transform:rotate(3deg);z-index:1}
.work-visual figcaption{color:var(--soft);font:11px/1.6 var(--mono);margin-top:8px;max-width:60ch}.work-visual figcaption a{text-underline-offset:3px}
.work-note{position:absolute;bottom:1%;right:0;padding:12px 16px;border:1px solid #7d658580;border-radius:8px;background:var(--surface);color:var(--ink);font:12px/1.5 var(--mono);z-index:2;box-shadow:0 6px 18px #0003;max-width:58%}
.work-note span{display:block;color:var(--soft);font-size:10px;margin-bottom:4px}.work-visual--study .work-front{top:14%;left:0}.work-visual--study .work-map{background:var(--surface);opacity:.65}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.work-visual:hover .work-front{transform:rotate(0deg) translateY(-6px)}.work-visual:hover .work-map{transform:rotate(-9deg) translateY(-4px)}}
@media(max-width:600px){.work-layers{margin-inline:8px;aspect-ratio:1.5}.work-layers img{border-radius:7px}.work-note{padding:8px 10px;font-size:10px}.work-note span{font-size:9px}.work-visual figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.work-layers img{transition:none}}